@charset "UTF-8";
 *, *::before, *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
input, button, select, textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}
textarea {
resize: vertical;
}
input[type=checkbox], input[type=radio] {
display: none;
}
input[type=submit], input[type=button], label, button, select {
cursor: pointer;
}
select::-ms-expand {
display: none;
} html, body {
width: 100%;
}
html {
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 62.5%;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
body {
font-family: "Noto Sans JP", system-ui;
font-weight: 400;
font-style: normal;
line-height: 1.85;
letter-spacing: 0.02em;
font-size: 1.2rem;
color: #1a1a1a;
height: 100%;
-webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 835px) {
body {
font-size: 1.4rem;
}
}
a {
text-decoration: none;
color: inherit;
-webkit-transition: 0.3s;
transition: 0.3s;
}
a img {
-webkit-transition: 0.3s;
transition: 0.3s;
}
li {
list-style-type: none;
}
img {
max-width: 100%;
height: auto;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
select {
vertical-align: middle;
}
p {
margin-bottom: 22px;
}
p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 834px) {
p {
margin-bottom: 20px;
}
}
.clearfix:after {
content: "";
display: block;
clear: both;
} .in834 {
display: none;
}
@media screen and (max-width: 834px) {
.in834 {
display: block;
}
}
@media screen and (max-width: 834px) {
br.in834 {
display: inline-block;
}
}
@media screen and (max-width: 834px) {
.out835 {
display: none;
}
}
article {
margin-top: 90px;
}
.wrap {
max-width: 1260px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-right: 30px;
padding-left: 30px;
}
@media screen and (max-width: 834px) {
.wrap {
padding-left: 15px;
padding-right: 15px;
}
}
.s_wrap {
max-width: 960px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-right: 30px;
padding-left: 30px;
}
@media screen and (max-width: 834px) {
.s_wrap {
padding-left: 15px;
padding-right: 15px;
}
}
.mb0 {
margin-bottom: 0;
}
.mb10 {
margin-bottom: 10px;
}
@media screen and (min-width: 835px) {
.mb10 {
margin-bottom: 18px;
}
}
.mb20 {
margin-bottom: 20px;
}
@media screen and (min-width: 835px) {
.mb20 {
margin-bottom: 30px;
}
}
.mb30 {
margin-bottom: 30px;
}
@media screen and (min-width: 835px) {
.mb30 {
margin-bottom: 45px;
}
}
.mb40 {
margin-bottom: 40px;
}
@media screen and (min-width: 835px) {
.mb40 {
margin-bottom: 55px;
}
}
.mb50 {
margin-bottom: 50px;
}
@media screen and (min-width: 835px) {
.mb50 {
margin-bottom: 70px;
}
}
.mb60 {
margin-bottom: 60px;
}
@media screen and (min-width: 835px) {
.mb60 {
margin-bottom: 80px;
}
}
.mb70 {
margin-bottom: 70px;
}
@media screen and (min-width: 835px) {
.mb70 {
margin-bottom: 90px;
}
}
.mb80 {
margin-bottom: 80px;
}
@media screen and (min-width: 835px) {
.mb80 {
margin-bottom: 100px;
}
}
.mt0 {
margin-top: 0;
}
.mt10 {
margin-top: 10px;
}
@media screen and (min-width: 835px) {
.mt10 {
margin-top: 18px;
}
}
.mt20 {
margin-top: 20px;
}
@media screen and (min-width: 835px) {
.mt20 {
margin-top: 30px;
}
}
.mt30 {
margin-top: 30px;
}
@media screen and (min-width: 835px) {
.mt30 {
margin-top: 45px;
}
}
.mt40 {
margin-top: 40px;
}
@media screen and (min-width: 835px) {
.mt40 {
margin-top: 55px;
}
}
.mt50 {
margin-top: 50px;
}
@media screen and (min-width: 835px) {
.mt50 {
margin-top: 70px;
}
}
.mt60 {
margin-top: 60px;
}
@media screen and (min-width: 835px) {
.mt60 {
margin-top: 80px;
}
}
.mt70 {
margin-top: 70px;
}
@media screen and (min-width: 835px) {
.mt70 {
margin-top: 90px;
}
}
.mt80 {
margin-top: 80px;
}
@media screen and (min-width: 835px) {
.mt80 {
margin-top: 100px;
}
} .d_link a, .d_link span, .more_btn a, .more_btn span {
display: inline-block;
color: #fff;
background: #0eb7d6;
font-size: 1.6rem;
font-weight: 700;
padding: 6px 35px 6px 30px;
line-height: 1.5;
border-radius: 4px;
position: relative;
}
.d_link a:before, .d_link span:before, .more_btn a:before, .more_btn span:before {
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto 0;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
.d_link a:hover, .d_link span:hover, .more_btn a:hover, .more_btn span:hover {
background: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.d_link a:hover, .d_link span:hover, .more_btn a:hover, .more_btn span:hover {
background: #3371ac;
}
}
.more_btn {
text-align: center;
}
.more_btn span:before {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
} .t_ttl {
font-size: 2rem;
font-weight: 500;
line-height: 1.5;
text-align: center;
}
.t_ttl span {
display: block;
font-size: 1.3rem;
color: #f4a000;
}
.t_ttl span.sub {
color: #1a1a1a;
font-size: 1.4rem;
}
@media screen and (min-width: 835px) {
.t_ttl {
font-size: 2.8rem;
}
.t_ttl span {
font-size: 1.5rem;
}
.t_ttl span.sub {
font-size: 1.6rem;
}
}
.bg_ttl {
background: #6f8ea0;
color: #fff;
font-size: 1.6rem;
font-weight: 700;
padding: 8px 15px;
}
.bg_ttl span {
font-size: 1.2rem;
font-weight: 400;
margin-left: 10px;
}
@media screen and (min-width: 835px) {
.bg_ttl {
font-size: 2rem;
}
.bg_ttl span {
font-size: 1.4rem;
}
}
.num_ttl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.num_ttl span {
display: block;
}
.num_ttl span:first-child {
width: 35px;
height: 35px;
line-height: 33px;
background: #3371ac;
color: #fff;
text-align: center;
font-size: 1.6rem;
font-weight: 700;
border-radius: 50%;
margin: 0 7px 0 0;
}
.num_ttl span:last-child {
font-size: 1.8rem;
color: #3371ac;
width: calc(100% - 42px);
line-height: 1.5;
margin-top: 5px;
}
.md_ttl {
font-size: 1.8rem;
color: #3371ac;
}
.mdb_ttl {
font-size: 2.1rem;
font-weight: 700;
color: #3371ac;
}
@media screen and (min-width: 835px) {
.mdb_ttl {
font-size: 2.4rem;
}
} .fs10 {
font-size: 1rem;
font-weight: 500;
}
@media screen and (min-width: 835px) {
.fs10 {
font-size: 1.2rem;
}
}
.fs14 {
font-size: 1.4rem;
font-weight: 500;
}
@media screen and (min-width: 835px) {
.fs14 {
font-size: 1.8rem;
}
}
.fs15 {
font-size: 1.5rem;
font-weight: 500;
}
@media screen and (min-width: 835px) {
.fs15 {
font-size: 2rem;
}
}
.fs16 {
font-size: 1.6rem;
font-weight: 500;
}
@media screen and (min-width: 835px) {
.fs16 {
font-size: 3rem;
}
}
.fs18 {
font-size: 1.8rem;
font-weight: 500;
}
@media screen and (min-width: 835px) {
.fs18 {
font-size: 2.4rem;
}
}
.fs20 {
font-size: 2rem;
font-weight: 500;
line-height: 1.55;
} .info_dl dt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
margin-bottom: 5px;
padding-top: 15px;
border-top: 1px solid #cacaca;
}
.info_dl dt span {
display: inline-block;
margin-right: 8px; }
.info_dl dt span.new {
background: #c80000;
color: #fff;
width: 31px;
height: 18px;
text-align: center;
line-height: 18px;
font-size: 1rem;
}
.info_dl dt span.tag {
color: #fff;
text-align: center;
line-height: 18px;
font-size: 1rem;
padding: 0 8px;
}
.info_dl dt span.tag.cruise {
background: #c69200;
}
.info_dl dt span.tag.port {
background: #6f8ea0;
}
.info_dl dt span:last-child {
margin-right: 0;
}
.info_dl dd {
padding-bottom: 15px;
}
.info_dl dd a {
display: inline-block;
}
.info_dl dd a .ttl {
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 3px;
}
@media (hover: hover) and (pointer: fine) {
.info_dl dd a:hover {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.info_dl dd a:hover {
color: #3371ac;
}
}
.info_dl dd:last-child {
border-bottom: 1px solid #cacaca;
}
@media screen and (min-width: 835px) {
.info_dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 798px;
margin-left: auto;
margin-right: auto;
}
.info_dl dt {
width: 195px;
margin: 0;
padding: 20px 0 20px 44px;
position: relative;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.info_dl dt span.new {
position: absolute;
left: 5px;
top: 24px;
bottom: 0;
}
.info_dl dt:nth-last-child(2) {
border-bottom: 1px solid #cacaca;
}
.info_dl dd {
width: calc(100% - 195px);
border-top: 1px solid #cacaca;
padding: 20px 0;
}
.info_dl dd a .ttl {
font-size: 1.8rem;
}
.info_dl.cruise dt {
width: 354px;
padding: 18px 0 18px 44px;
}
.info_dl.cruise dt span {
margin-right: 12px;
}
.info_dl.cruise dt span.new {
top: 22px;
}
.info_dl.cruise dt span.tag {
width: 171px;
margin: 3px 0 0;
}
.info_dl.cruise dd {
width: calc(100% - 372px);
padding: 15px 0;
}
}
.voice_ul {
border-top: 1px solid #cacaca;
}
.voice_ul li {
border-bottom: 1px solid #cacaca;
}
.voice_ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.voice_ul li a .txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 13px 0;
}
.voice_ul li a .txt span {
display: inline-block;
margin: 0 12px 0 0;
}
.voice_ul li a .txt span.cruise, .voice_ul li a .txt span.ship {
color: #fff;
text-align: center;
line-height: 18px;
font-size: 1rem;
padding: 0 8px;
}
.voice_ul li a .txt span.cruise {
background: #6f8ea0;
margin: 0 7px 0 0;
}
.voice_ul li a .txt span.ship {
background: #c69200;
}
.voice_ul li a .txt span.ttl {
display: block;
width: 100%;
margin: 7px 0 0;
font-size: 1.6rem;
font-weight: 500;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
.voice_ul li a:hover .txt span.ttl {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.voice_ul li a:hover .txt span.ttl {
color: #3371ac;
}
}
@media screen and (max-width: 834px) {
.voice_ul .img {
display: none;
}
}
@media screen and (min-width: 835px) {
.voice_ul {
max-width: 798px;
margin-left: auto !important;
margin-right: auto !important;
}
.voice_ul li a {
padding: 15px 0;
}
.voice_ul li a .img {
line-height: 0;
border-radius: 8px;
overflow: hidden;
max-width: 120px;
aspect-ratio: 1/1;
margin-right: 20px;
}
.voice_ul li a .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.voice_ul li a .txt {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.voice_ul li a .txt span.cruise {
width: 138px;
}
.voice_ul li a .txt span.ship {
width: 155px;
margin-right: 20px;
}
.voice_ul li a .txt span.ttl {
width: 100%;
margin: 10px 0 0;
font-size: 1.8rem;
}
}
@media screen and (min-width: 835px) and (hover: hover) and (pointer: fine) {
.voice_ul li a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media screen and (min-width: 835px) and (-ms-high-contrast: none), screen and (min-width: 835px) and (-ms-high-contrast: active) {
.voice_ul li a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
} .center_slide .slick-list .slick-slide {
margin: 0 8px;
}
.center_slide .slick-list .slick-slide a {
display: block;
}
.center_slide .slick-list .slick-slide a .img {
line-height: 0;
border-radius: 4px;
aspect-ratio: 170/120;
overflow: hidden;
}
.center_slide .slick-list .slick-slide a .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (hover: hover) and (pointer: fine) {
.center_slide .slick-list .slick-slide a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.center_slide .slick-list .slick-slide a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.center_slide .slick-list .slick-slide a .txt {
margin: 10px 0 0;
}
.center_slide .slick-dots {
position: static;
margin: 25px 0 0;
line-height: 0;
padding: 0 15px;
max-width: 1230px;
}
.center_slide .slick-dots li {
width: auto;
height: auto;
line-height: 0;
margin-bottom: 5px;
}
.center_slide .slick-dots li button {
padding: 0;
margin: 0;
background: #cacaca;
border-radius: 50%;
width: 12px;
height: 12px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.center_slide .slick-dots li button:before {
display: none;
}
@media (hover: hover) and (pointer: fine) {
.center_slide .slick-dots li button:hover {
background: #0eb7d6;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.center_slide .slick-dots li button:hover {
background: #0eb7d6;
}
}
.center_slide .slick-dots li.slick-active button {
background: #0eb7d6;
}
@media screen and (min-width: 835px) {
.center_slide .slick-dots {
margin: 45px auto 0;
}
} .slide-one {
display: block;
}
@media screen and (max-width: 834px) {
.slide-one .slick-track {
display: inline;
}
} .four_clum {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.four_clum .box {
width: 47.22%;
margin-right: 5.56%;
margin-bottom: 30px;
}
.four_clum .box .img {
line-height: 0;
margin-bottom: 10px;
}
.four_clum .box .img img {
width: 100%;
}
.four_clum .box:nth-child(2n) {
margin-right: 0;
}
@media screen and (min-width: 835px) {
.four_clum .box {
width: 22.83%;
margin: 0 2.89% 0 0;
}
.four_clum .box .img {
margin-bottom: 20px;
}
.four_clum .box:nth-child(2n) {
margin: 0 2.89% 0 0;
}
.four_clum .box:nth-child(4n) {
margin: 0;
}
}
.three_clum .box {
margin-bottom: 25px;
}
.three_clum .box .img {
line-height: 0;
margin-bottom: 10px;
}
.three_clum .box .img img {
width: 100%;
}
.three_clum .box .txt .ttl {
font-size: 1.6rem;
font-weight: 500;
color: #3371ac;
margin-bottom: 5px;
}
@media screen and (min-width: 835px) {
.three_clum {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.three_clum .box {
width: 32%;
margin: 0 2% 30px 0;
}
.three_clum .box:nth-child(3n) {
margin: 0 0 30px;
}
}
.two_clum .box {
margin-bottom: 25px;
}
.two_clum .box .img {
line-height: 0;
margin-bottom: 10px;
}
.two_clum .box .img img {
width: 100%;
}
.two_clum .box .txt .ttl {
font-size: 1.6rem;
font-weight: 500;
color: #3371ac;
margin-bottom: 5px;
}
@media screen and (min-width: 835px) {
.two_clum {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.two_clum .box {
width: 48%;
margin: 0 4% 30px 0;
}
.two_clum .box:nth-child(2n) {
margin: 0 0 30px;
}
} .flex_half .img {
line-height: 0;
margin-bottom: 25px;
}
.flex_half .img img {
width: 100%;
}
@media screen and (min-width: 835px) {
.flex_half {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex_half .img {
width: 45%;
margin-right: 5%;
line-height: 0;
}
.flex_half .img img {
width: 100%;
}
.flex_half .txt {
width: 50%;
}
}
.flex_small {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex_small .img {
width: 30.27%;
margin-right: 3.9%;
line-height: 0;
}
.flex_small .img img {
width: 100%;
}
.flex_small .txt {
width: 65.83%;
} .mv_page {
line-height: 0;
aspect-ratio: 780/400;
margin-bottom: 35px;
display: block;
}
.mv_page img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 835px) {
.mv_page {
aspect-ratio: 1400/300;
margin-bottom: 50px;
}
}
.page_ttl {
text-align: center;
padding: 0 15px;
color: #3371ac;
font-size: 2.4rem;
margin-bottom: 30px;
line-height: 1.5;
}
@media screen and (min-width: 835px) {
.page_ttl {
font-size: 4rem;
margin-bottom: 50px;
}
} .lead {
margin-bottom: 70px;
}
.lead .fs16 {
margin-bottom: 25px;
}
@media screen and (min-width: 835px) {
.lead {
margin-bottom: 150px;
}
.lead .fs16 {
margin-bottom: 40px;
}
} .wp-pagenavi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wp-pagenavi .pages, .wp-pagenavi .last, .wp-pagenavi .first {
display: none;
}
.wp-pagenavi .current, .wp-pagenavi .page {
display: block;
width: 35px;
height: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #a1a1a1;
font-size: 1.2rem;
margin: 0 4.5px 10px;
}
@media (hover: hover) and (pointer: fine) {
.wp-pagenavi .current:hover, .wp-pagenavi .page:hover {
background: #0eb7d6;
color: #fff;
border: 1px solid #0eb7d6;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.wp-pagenavi .current:hover, .wp-pagenavi .page:hover {
background: #0eb7d6;
color: #fff;
border: 1px solid #0eb7d6;
}
}
.wp-pagenavi .current {
color: #fff;
border: 1px solid #0eb7d6;
background: #0eb7d6;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
display: block;
position: relative;
width: 35px;
height: 35px;
font-size: 0;
}
.wp-pagenavi .previouspostslink:before, .wp-pagenavi .nextpostslink:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: 10px;
height: 10px;
border-top: 2px solid #0eb7d6;
border-right: 2px solid #0eb7d6;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
.wp-pagenavi .previouspostslink:hover:before, .wp-pagenavi .nextpostslink:hover:before {
border-color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.wp-pagenavi .previouspostslink:hover:before, .wp-pagenavi .nextpostslink:hover:before {
border-color: #3371ac;
}
}
.wp-pagenavi .previouspostslink:before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.wp-pagenavi .extend {
margin: 0 0 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .num_list li {
list-style-type: decimal;
margin-left: 13px;
}
@media screen and (min-width: 835px) {
.num_list li {
margin-left: 17px;
}
}
.dot_list li {
list-style-type: disc;
margin-left: 13px;
}
@media screen and (min-width: 835px) {
.dot_list li {
margin-left: 17px;
}
}
.numk_list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
}
.numk_list li span:first-child {
width: 25px;
height: 25px;
line-height: 23px;
display: block;
font-size: 1.2rem;
border-radius: 50%;
text-align: center;
border: 1px solid #3371ac;
color: #3371ac;
font-weight: 700;
margin-right: 7px;
}
.numk_list li span:last-child {
width: calc(100% - 32px);
font-weight: 500;
font-size: 1.4rem;
line-height: 1.5;
}
.numk_list li:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 835px) {
.numk_list li span:first-child {
width: 35px;
height: 35px;
font-size: 1.6rem;
line-height: 32px;
margin: 0 10px 0 0;
}
.numk_list li span:last-child {
font-size: 1.8rem;
width: calc(100% - 45px);
line-height: 1.65;
}
} .table {
width: 100%;
border-collapse: collapse;
}
.table th, .table td {
border: 1px solid #cacaca;
padding: 10px 5px;
vertical-align: middle;
}
.table th {
background: #f0f0f0;
height: 46px;
} .txt_yellow {
background: #f0f0c2;
padding: 24px 15px;
}
.txt_yellow h3 {
font-size: 1.4rem;
font-weight: 700;
color: #c80000;
margin-bottom: 10px;
}
.txt_yellow p {
margin-bottom: 10px;
}
.txt_yellow p:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 835px) {
.txt_yellow {
padding: 30px;
}
.txt_yellow h3 {
font-size: 1.8rem;
}
}
.a_center {
text-align: center;
}
.df_dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #ccc;
}
.df_dl dt {
width: 140px;
color: #3371ac;
font-weight: 700;
border-bottom: 1px solid #ccc;
padding: 15px 0;
}
.df_dl dd {
width: calc(100% - 140px);
border-bottom: 1px solid #ccc;
padding: 15px 0;
}
.align {
text-align: center;
} #header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10000;
background: #fff;
}
#header .wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#header .wrap .logo {
line-height: 0;
}
#header .wrap .logo a {
display: block;
}
#header .wrap .menu_block .link .main {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#header .wrap .menu_block .link .subblock li a {
white-space: nowrap;
}
#header .wrap .menu_block .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 92px;
}
@media screen and (max-width: 1180px) {
#header .wrap {
padding: 10px 14px 9px 8px;
}
#header .wrap .logo a {
max-width: 112px;
}
#header .wrap .menu_block .link {
position: absolute;
top: 44px;
left: 0;
right: 0;
width: 100%;
}
#header .wrap .menu_block .link .main {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#header .wrap .menu_block .link .main li {
width: 25%;
border-right: 1px solid #fff;
}
#header .wrap .menu_block .link .main li .top {
margin: 0;
width: 100%;
height: 100%;
}
#header .wrap .menu_block .link .main li .top a, #header .wrap .menu_block .link .main li .top span {
width: 100%;
height: 100%;
display: block;
background: #6f8ea0;
color: #fff;
line-height: 1.5;
font-size: 1.2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
padding: 5px 0;
height: 46px;
}
#header .wrap .menu_block .link .main li .top .sp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#header .wrap .menu_block .link .main li .top .pc {
display: none;
}
#header .wrap .menu_block .link .main li .top.active span {
background: #f4a000;
color: #fff;
}
#header .wrap .menu_block .link .main li .in {
display: none;
}
#header .wrap .menu_block .link .main li:last-child {
border-radius: 0;
width: 34%;
}
#header .wrap .menu_block .link .subblock {
display: none;
}
#header .wrap .menu_block .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 124px;
}
#header .wrap .menu_block .btn li:nth-child(2) {
display: none;
}
#header .wrap .menu_block .btn li.icon {
margin-right: 8px;
}
#header .wrap .menu_block .btn li.icon a {
display: block;
line-height: 0;
}
#header .wrap .menu_block .btn li.icon a img {
width: 25px;
height: 25px;
}
#header .wrap .menu_block .btn li.line {
margin-right: 8px;
}
#header .wrap .menu_block .btn li.line a {
display: block;
line-height: 0;
}
#header .wrap .menu_block .btn li.line a img {
width: 24.75px;
height: 24.75px;
}
#header .wrap .menu_block .btn li.line a p {
display: none;
}
#header .wrap .menu_block .btn li.tel {
margin-right: 14px;
}
#header .wrap .menu_block .btn li.tel a {
display: block;
line-height: 0;
}
#header .wrap .menu_block .btn li.tel a img {
width: 25px;
height: 25px;
}
#header .wrap .menu_block .btn li.menubtn {
width: 19px;
height: 11px;
position: relative;
}
#header .wrap .menu_block .btn li.menubtn span {
display: block;
width: 100%;
height: 1px;
background: #000000;
position: absolute;
left: 0;
right: 0;
}
#header .wrap .menu_block .btn li.menubtn span:first-child {
top: 0;
}
#header .wrap .menu_block .btn li.menubtn span:nth-child(2) {
top: 0;
bottom: 0;
margin: auto 0;
}
#header .wrap .menu_block .btn li.menubtn span:last-child {
bottom: 0;
}
#header .wrap .menu_block .btn li.menubtn.active span {
top: 0 !important;
bottom: 0 !important;
margin: auto !important;
}
#header .wrap .menu_block .btn li.menubtn.active span:first-child {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#header .wrap .menu_block .btn li.menubtn.active span:nth-child(2) {
display: none;
}
#header .wrap .menu_block .btn li.menubtn.active span:last-child {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
}
@media screen and (min-width: 1181px) {
#header .wrap .logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header .wrap .menu_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
max-width: 942px;
width: 100%;
}
#header .wrap .menu_block .link {
position: relative;
display: block;
margin-right: 15px;
}
#header .wrap .menu_block .link .main {
padding-top: 45px;
}
#header .wrap .menu_block .link .main .bcate {
position: relative;
}
#header .wrap .menu_block .link .main .bcate .top {
margin: 0;
}
#header .wrap .menu_block .link .main .bcate .top a, #header .wrap .menu_block .link .main .bcate .top span {
display: block;
font-weight: 700;
font-size: 1.5rem;
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
padding: 10px 13px;
}
}
@media screen and (min-width: 1181px) and (hover: hover) and (pointer: fine) {
#header .wrap .menu_block .link .main .bcate .top a:hover, #header .wrap .menu_block .link .main .bcate .top span:hover {
color: #f4a000;
}
}
@media screen and (min-width: 1181px) and (-ms-high-contrast: none), screen and (min-width: 1181px) and (-ms-high-contrast: active) {
#header .wrap .menu_block .link .main .bcate .top a:hover, #header .wrap .menu_block .link .main .bcate .top span:hover {
color: #f4a000;
}
}
@media screen and (min-width: 1181px) {
#header .wrap .menu_block .link .main .bcate .top .sp {
display: none;
}
#header .wrap .menu_block .link .main .bcate.active .top span {
color: #f4a000;
}
#header .wrap .menu_block .link .main .bcate .in {
position: absolute;
top: 100%;
left: 0;
background: rgba(0, 0, 0, 0.8);
color: #fff;
white-space: nowrap;
display: none;
}
#header .wrap .menu_block .link .main .bcate .in .block {
padding: 10px 20px;
}
#header .wrap .menu_block .link .main .bcate .in .block p {
margin-bottom: 0;
font-weight: 700;
}
#header .wrap .menu_block .link .main .bcate .in .block .sub li a {
font-size: 1.4rem;
padding: 0 20px 0 15px;
position: relative;
}
#header .wrap .menu_block .link .main .bcate .in .block .sub li a:after {
content: "";
position: absolute;
top: 8px;
left: 0px;
width: 6px;
height: 6px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@media screen and (min-width: 1181px) and (hover: hover) and (pointer: fine) {
#header .wrap .menu_block .link .main .bcate .in .block .sub li a:hover {
text-decoration: underline;
}
}
@media screen and (min-width: 1181px) and (-ms-high-contrast: none), screen and (min-width: 1181px) and (-ms-high-contrast: active) {
#header .wrap .menu_block .link .main .bcate .in .block .sub li a:hover {
text-decoration: underline;
}
}
@media screen and (min-width: 1181px) {
#header .wrap .menu_block .link .main .bcate .in .block.last {
padding-bottom: 20px;
}
#header .wrap .menu_block .link .subblock {
position: absolute;
top: 20px;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#header .wrap .menu_block .link .subblock li {
margin: 0 10px 0 0;
}
#header .wrap .menu_block .link .subblock li a {
font-size: 1.2rem;
}
}
@media screen and (min-width: 1181px) and (hover: hover) and (pointer: fine) {
#header .wrap .menu_block .link .subblock li a:hover {
text-decoration: underline;
}
}
@media screen and (min-width: 1181px) and (-ms-high-contrast: none), screen and (min-width: 1181px) and (-ms-high-contrast: active) {
#header .wrap .menu_block .link .subblock li a:hover {
text-decoration: underline;
}
}
@media screen and (min-width: 1181px) {
#header .wrap .menu_block .link .subblock li.pc_tel {
margin-left: 10px;
}
#header .wrap .menu_block .link .subblock li.pc_tel a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#header .wrap .menu_block .link .subblock li.pc_tel a img {
width: 26px;
margin-right: 5px;
}
#header .wrap .menu_block .link .subblock li.pc_tel a span {
font-size: 2.5rem;
font-weight: 700;
color: #3371ac;
line-height: 1;
margin-right: 20px;
}
#header .wrap .menu_block .btn {
max-width: 258px;
width: 100%;
margin: 10px 0 0;
}
#header .wrap .menu_block .btn .menubtn {
display: none;
}
#header .wrap .menu_block .btn li {
margin: 0 8px 0 0;
position: relative;
}
#header .wrap .menu_block .btn li img {
width: 40px;
height: 40px;
}
#header .wrap .menu_block .btn li span, #header .wrap .menu_block .btn li a {
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
display: block;
}
}
@media screen and (min-width: 1181px) and (hover: hover) and (pointer: fine) {
#header .wrap .menu_block .btn li span:hover, #header .wrap .menu_block .btn li a:hover {
opacity: 0.7;
}
}
@media screen and (min-width: 1181px) and (-ms-high-contrast: none), screen and (min-width: 1181px) and (-ms-high-contrast: active) {
#header .wrap .menu_block .btn li span:hover, #header .wrap .menu_block .btn li a:hover {
opacity: 0.7;
}
}
@media screen and (min-width: 1181px) {
#header .wrap .menu_block .btn li span.active, #header .wrap .menu_block .btn li a.active {
opacity: 0.7;
}
#header .wrap .menu_block .btn li .site_search_btn + .site_search_pc {
position: absolute;
top: 70px;
left: 0;
width: 262px;
display: none;
}
#header .wrap .menu_block .btn li .site_search_btn + .site_search_pc form {
position: relative;
}
#header .wrap .menu_block .btn li .site_search_btn + .site_search_pc form input[type=search] {
background: #fff;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
width: 100%;
height: 47px;
padding: 0 50px 0 18px;
font-size: 1.2rem;
}
#header .wrap .menu_block .btn li .site_search_btn + .site_search_pc form input[type=submit] {
background: url(//www.bute.co.jp/shared/img/common/search.webp) no-repeat;
background-position: center;
background-size: 20px;
font-size: 0;
width: 47px;
height: 47px;
position: absolute;
top: 0;
right: 0;
}
#header .wrap .menu_block .btn li.line {
margin: 0;
}
#header .wrap .menu_block .btn li.line a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
line-height: 0;
}
#header .wrap .menu_block .btn li.line a img {
margin: 0 8px 0 0;
}
#header .wrap .menu_block .btn li.line a p {
font-size: 1.2rem;
text-align: center;
line-height: 1.4;
}
#header .wrap .menu_block .btn li.line a p span {
display: block;
color: #06c755;
font-size: 1.8rem;
font-weight: 700;
}
#header .wrap .menu_block .btn li.tel {
display: none;
}
}
.fix_menu {
position: fixed;
top: 90px;
bottom: 0;
left: 0;
right: 0;
z-index: 10001;
background: #f0f0f0;
width: 100%;
max-height: calc(100vh - 90px);
overflow: auto;
padding-bottom: 1px;
display: none;
}
.fix_menu .main {
margin-bottom: 20px;
}
.fix_menu .main .bcate {
border-bottom: 1px solid #ccc;
}
.fix_menu .main .bcate .mlink {
display: block;
padding: 10px 35px 10px 30px;
font-size: 1.6rem;
font-weight: 700;
position: relative;
}
.fix_menu .main .bcate .mlink:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 33px;
width: 10px;
height: 10px;
border-top: 2px solid #3371ac;
border-right: 2px solid #3371ac;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: auto 0;
}
.fix_menu .main .bcate .top {
margin: 0;
}
.fix_menu .main .bcate .top span {
display: block;
padding: 10px 35px 10px 30px;
font-size: 1.6rem;
font-weight: 700;
position: relative;
}
.fix_menu .main .bcate .top span:before, .fix_menu .main .bcate .top span:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
display: block;
background: #3371ac;
}
.fix_menu .main .bcate .top span:before {
width: 14px;
height: 2px;
right: 30px;
}
.fix_menu .main .bcate .top span:after {
width: 2px;
height: 14px;
right: 36px;
}
.fix_menu .main .bcate .top span.active:after {
opacity: 0;
}
.fix_menu .main .bcate .in {
padding: 0 10px;
display: none;
}
.fix_menu .main .bcate .in .block {
padding: 0 0 20px;
}
.fix_menu .main .bcate .in .block p {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 5px;
}
.fix_menu .main .bcate .in .block .sub li a {
display: inline-block;
padding: 0 0 0 15px;
position: relative;
}
.fix_menu .main .bcate .in .block .sub li a:after {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 8px;
height: 8px;
border-top: 1px solid #3371ac;
border-right: 1px solid #3371ac;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.fix_menu .subbox {
padding: 0 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 25px;
}
.fix_menu .subbox ul {
margin-right: 70px;
}
.fix_menu .subbox ul:last-child {
margin-right: 0;
}
.fix_menu .subbox ul li {
margin-bottom: 3px;
}
.fix_menu .subbox ul li a {
display: inline-block;
position: relative;
font-size: 1.2rem;
}
.fix_menu .site_search {
padding: 0 30px;
margin-bottom: 30px;
}
.fix_menu .site_search form {
position: relative;
}
.fix_menu .site_search form input[type=search] {
background: #fff;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
width: 100%;
height: 47px;
padding: 0 50px 0 18px;
font-size: 1.2rem;
}
.fix_menu .site_search form input[type=submit] {
background: url(//www.bute.co.jp/shared/img/common/search.webp) no-repeat;
background-position: center;
background-size: 20px;
font-size: 0;
width: 47px;
height: 47px;
position: absolute;
top: 0;
right: 0;
}
.fix_menu .line {
margin: 0 0 25px;
padding: 0 30px;
}
.fix_menu .line a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
line-height: 0;
}
.fix_menu .line a img {
margin: 0 8px 0 0;
}
.fix_menu .line a p {
font-size: 1.2rem;
text-align: center;
line-height: 1.4;
}
.fix_menu .line a p span {
display: block;
color: #06c755;
font-size: 1.8rem;
font-weight: 700;
}
.fix_menu .line + p {
padding: 0 30px;
font-size: 1.3rem;
margin-bottom: 45px;
}
.search_fix {
position: fixed;
top: 90px;
left: 0;
right: 0;
width: 100%;
height: calc(100vh - 90px);
background: #f0f0f0;
display: none;
}
.search_fix #dwForm {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.search_fix #dwForm h2 {
margin-bottom: 25px;
font-size: 1.5rem;
}
.search_fix #dwForm .parts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 8px;
}
.search_fix #dwForm .parts #dwDestination, .search_fix #dwForm .parts #dwDate, .search_fix #dwForm .parts #dwPort, .search_fix #dwForm .parts #dwCruiseline, .search_fix #dwForm .parts #dwShip, .search_fix #dwForm .parts #dwDays {
width: 48.05%;
margin: 0 3.9% 12px 0;
}
.search_fix #dwForm .parts #dwDestination .ttl, .search_fix #dwForm .parts #dwDate .ttl, .search_fix #dwForm .parts #dwPort .ttl, .search_fix #dwForm .parts #dwCruiseline .ttl, .search_fix #dwForm .parts #dwShip .ttl, .search_fix #dwForm .parts #dwDays .ttl {
font-weight: 700;
margin-bottom: 5px;
font-size: 1.2rem;
}
.search_fix #dwForm .parts #dwDestination .select_wrap, .search_fix #dwForm .parts #dwDate .select_wrap, .search_fix #dwForm .parts #dwPort .select_wrap, .search_fix #dwForm .parts #dwCruiseline .select_wrap, .search_fix #dwForm .parts #dwShip .select_wrap, .search_fix #dwForm .parts #dwDays .select_wrap {
position: relative;
}
.search_fix #dwForm .parts #dwDestination .select_wrap:after, .search_fix #dwForm .parts #dwDate .select_wrap:after, .search_fix #dwForm .parts #dwPort .select_wrap:after, .search_fix #dwForm .parts #dwCruiseline .select_wrap:after, .search_fix #dwForm .parts #dwShip .select_wrap:after, .search_fix #dwForm .parts #dwDays .select_wrap:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 12px;
width: 10px;
height: 10px;
border-top: 1px solid #0eb7d6;
border-right: 1px solid #0eb7d6;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
margin: auto 0;
}
.search_fix #dwForm .parts #dwDestination .select_wrap select, .search_fix #dwForm .parts #dwDate .select_wrap select, .search_fix #dwForm .parts #dwPort .select_wrap select, .search_fix #dwForm .parts #dwCruiseline .select_wrap select, .search_fix #dwForm .parts #dwShip .select_wrap select, .search_fix #dwForm .parts #dwDays .select_wrap select {
width: 100%;
padding: 6px 20px 6px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border: 1px solid #b1b1b1;
border-radius: 4px;
}
.search_fix #dwForm .parts #dwDate, .search_fix #dwForm .parts #dwCruiseline, .search_fix #dwForm .parts #dwDays {
margin-right: 0;
}
.search_fix #dwForm #dwGoButton {
background: #0eb7d6;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 1.6rem;
font-weight: 700;
width: 100%;
height: 37px;
line-height: 37px;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 4px;
position: relative;
margin-bottom: 25px;
}
.search_fix #dwForm #dwGoButton:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 12px;
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: auto 0;
}
@media (hover: hover) and (pointer: fine) {
.search_fix #dwForm #dwGoButton:hover {
opacity: 0.7;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.search_fix #dwForm #dwGoButton:hover {
opacity: 0.7;
}
}
.search_fix #dwForm #dwGoButton + p {
font-size: 1.2rem;
}
.search_fix #dwForm #dwGoButton + p a {
color: #3371ac;
text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
.search_fix #dwForm #dwGoButton + p a:hover {
text-decoration: none;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.search_fix #dwForm #dwGoButton + p a:hover {
text-decoration: none;
}
}
@media screen and (min-width: 835px) {
.search_fix {
top: 89px;
}
.search_fix #dwForm .parts {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.search_fix #dwForm .parts #dwDestination, .search_fix #dwForm .parts #dwDate, .search_fix #dwForm .parts #dwPort, .search_fix #dwForm .parts #dwCruiseline, .search_fix #dwForm .parts #dwShip, .search_fix #dwForm .parts #dwDays {
width: auto;
margin: 0 15px 10px 0;
}
.search_fix #dwForm .parts #dwDestination .select_wrap select, .search_fix #dwForm .parts #dwDate .select_wrap select, .search_fix #dwForm .parts #dwPort .select_wrap select, .search_fix #dwForm .parts #dwCruiseline .select_wrap select, .search_fix #dwForm .parts #dwShip .select_wrap select, .search_fix #dwForm .parts #dwDays .select_wrap select {
padding: 6px 33px 6px 10px;
}
.search_fix #dwForm .parts #dwDate, .search_fix #dwForm .parts #dwCruiseline {
margin: 0 15px 10px 0;
}
.search_fix #dwForm #dwGoButton {
width: 200px;
margin: 0 auto 20px;
}
.search_fix #dwForm #dwGoButton + p {
max-width: 749px;
}
} #footer .service_block {
background: #f0f0f0;
padding: 40px 0 21px;
margin: 0 0 30px;
}
#footer .service_block .t_ttl {
margin-bottom: 15px;
}
#footer .service_block ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#footer .service_block ul li {
width: 25.33%;
margin: 0 8.33% 20px 0;
}
#footer .service_block ul li a {
display: block;
text-align: center;
}
#footer .service_block ul li a .img {
aspect-ratio: 1/1;
line-height: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin: 0 0 5px;
}
@media (hover: hover) and (pointer: fine) {
#footer .service_block ul li a:hover {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#footer .service_block ul li a:hover {
color: #3371ac;
}
}
#footer .service_block ul li:nth-child(3n) {
margin: 0 0 20px;
}
#footer .consultant {
margin: 0 0 30px;
}
#footer .consultant .logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
#footer .consultant .logo dt {
line-height: 0;
width: 98px; }
#footer .consultant .logo dd {
font-size: 1.6rem;
font-weight: 500;
max-width: calc(100% - 98px);
}
#footer .consultant .logo + p {
margin-bottom: 35px;
}
#footer .consultant .banner a {
display: block;
line-height: 0;
}
#footer .consultant .banner a img {
width: 100%;
}
@media (hover: hover) and (pointer: fine) {
#footer .consultant .banner a:hover {
opacity: 0.7;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#footer .consultant .banner a:hover {
opacity: 0.7;
}
}
#footer .before {
background: #f0f0f0;
padding: 35px 0 25px;
}
#footer .before .ttl {
text-align: center;
font-size: 2rem;
font-weight: 500;
margin-bottom: 25px;
}
#footer .before .flex { display: block;
}
#footer .before .flex .box { display: block;
margin-bottom: 30px;
}
#footer .before .flex .box .img {
line-height: 0;
margin: 0 0 10px;
}
#footer .before .flex .box .img img {
width: 100%;
}
#footer .before .flex .box:last-child {
margin: 0;
}
@media (hover: hover) and (pointer: fine) {
#footer .before .flex .box:hover .img {
opacity: 0.7;
-webkit-transition: 0.3s;
transition: 0.3s;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#footer .before .flex .box:hover .img {
opacity: 0.7;
-webkit-transition: 0.3s;
transition: 0.3s;
}
}
#footer .bottom {
background: #6f8ea0;
color: #fff;
padding: 45px 0 30px;
}
#footer .bottom .sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 50px;
}
#footer .bottom .sns li {
margin: 0 10px;
}
#footer .bottom .sns li a {
display: block;
line-height: 0;
}
@media (hover: hover) and (pointer: fine) {
#footer .bottom .sns li a:hover {
opacity: 0.7;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#footer .bottom .sns li a:hover {
opacity: 0.7;
}
}
#footer .bottom .sitemap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 50px;
}
#footer .bottom .sitemap .box {
width: 50%;
}
#footer .bottom .sitemap .box ul li a {
display: inline-block;
padding: 0 0 0 15px;
font-size: 1.2rem;
position: relative;
}
#footer .bottom .sitemap .box ul li a:before {
content: "";
position: absolute;
top: 7px;
left: 0;
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
#footer .bottom .sitemap .box ul li a:hover {
text-decoration: underline;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#footer .bottom .sitemap .box ul li a:hover {
text-decoration: underline;
}
}
#footer .bottom .sitemap + p {
text-align: center;
font-size: 1.2rem;
margin: 0 0 25px;
}
#footer .bottom small {
display: block;
text-align: center;
font-size: 1.2rem;
}
@media screen and (min-width: 835px) {
#footer .service_block {
padding: 60px 0 75px;
margin: 0 0 45px;
}
#footer .service_block .t_ttl {
margin-bottom: 45px;
}
#footer .service_block ul {
max-width: 874px;
margin: 0 auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#footer .service_block ul li {
margin: 0 34px 0 0 !important;
font-size: 1.6rem;
}
#footer .service_block ul li:last-child {
margin: 0 !important;
}
#footer .consultant {
margin: 0 auto 60px;
text-align: center;
font-size: 1.2rem;
}
#footer .consultant .logo {
display: block;
margin: 0 0 20px;
}
#footer .consultant .logo dt {
margin: 0 auto 20px;
}
#footer .consultant .logo dd {
font-size: 2.4rem;
max-width: 100%;
line-height: 1.417;
}
#footer .consultant .logo + p {
margin-bottom: 45px;
}
#footer .consultant .banner {
max-width: 800px;
margin: 0 auto;
}
#footer .before {
padding: 56px 0 50px;
}
#footer .before .ttl {
font-size: 2.8rem;
}
#footer .before .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#footer .before .flex .box { width: 31%;
margin: 0 3.5% 0 0; }
#footer .before .flex .box .txt { font-size: 1.2rem;
}
#footer .before .flex .box:last-child {
margin: 0;
}
#footer .bottom .sitemap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#footer .bottom .sitemap .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
}
#footer .bottom .sitemap .box ul {
margin-right: 70px;
}
#footer .bottom .sitemap .box:last-child ul:last-child {
margin-right: 0;
}
} #top .main_slide {
margin: 0;
}
#top .main_slide li {
position: relative;
}
#top .main_slide li a {
overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
#top .main_slide li a:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .main_slide li a:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
#top .main_slide li .img {
aspect-ratio: 1/1;
line-height: 0;
display: block;
overflow: hidden;
}
#top .main_slide li .img img {
width: 100%;
height: 100%;
}
#top .main_slide li .txt {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#top .main_slide li .txt .logo {
line-height: 0;
}
#top .main_slide li .txt .logo img {
width: 165px;
height: auto;
margin: 0 auto;
display: block;
}
#top .main_slide li .txt .logo span {
display: block;
line-height: 1.5;
font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
font-size: 1.4rem;
text-align: center;
margin-top: 5px;
}
#top .main_slide li .txt .logo + p {
text-align: center;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.333;
margin: 0 0 30px;
}
#top .main_slide li .txt .logo + p span {
font-size: 2.4rem;
display: block;
margin: 5px 0 0;
}
#top .main_slide li .txt .d_link {
text-align: center;
}
#top .main_slide .slick-dots {
bottom: 15px;
left: 0;
right: 0;
}
#top .main_slide .slick-dots li {
width: auto;
height: auto;
}
#top .main_slide .slick-dots li button {
padding: 0;
width: 12px;
height: 12px;
border-radius: 50%;
background: #f0f0f0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#top .main_slide .slick-dots li button:before {
display: none;
}
@media (hover: hover) and (pointer: fine) {
#top .main_slide .slick-dots li button:hover {
background: #f4a000;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .main_slide .slick-dots li button:hover {
background: #f4a000;
}
}
#top .main_slide .slick-dots li.slick-active button {
background: #f4a000;
}
#top .main_slide.nsiz li .img {
aspect-ratio: 720/520;
}
#top .main_slide.nsiz li .img img {
-o-object-fit: cover;
object-fit: cover;
}
#top .main_slide.nsiz .slick-dots {
bottom: 90px;
}
#top .main_slide.nsiz .slick-dots li button {
background: #cacaca;
}
@media (hover: hover) and (pointer: fine) {
#top .main_slide.nsiz .slick-dots li button:hover {
background: #0eb7d6;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .main_slide.nsiz .slick-dots li button:hover {
background: #0eb7d6;
}
}
#top .main_slide.nsiz .slick-dots li.slick-active button {
background: #0eb7d6;
}
@media screen and (min-width: 835px) {
#top .main_slide li .img {
aspect-ratio: 1400/580;
}
#top .main_slide li .txt .logo {
margin-bottom: 25px;
}
#top .main_slide li .txt .logo img {
width: 254px;
}
#top .main_slide li .txt .logo span {
margin-top: 15px;
font-size: 2.16rem;
}
#top .main_slide li .txt .logo + p {
font-size: 2.469rem;
}
#top .main_slide li .txt .logo + p span {
font-size: 3.704rem;
}
#top .main_slide.nsiz li .img {
aspect-ratio: 1400/400;
}
#top .main_slide.nsiz .slick-dots {
bottom: 85px;
}
}
@media screen and (max-width: 834px) {
#top .main_slide.nsiz .slick-dots {
margin-top: 5px;
position: static;
bottom: auto;
left: auto;
right: auto;
}
}
#top .search_block {
margin-top: -53px;
position: relative;
z-index: 2;
margin-bottom: 65px;
}
#top .search_block .src_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#top .search_block .src_btn li {
background: #fff;
border: 1px solid #0eb7d6;
color: #0eb7d6;
font-size: 2rem;
font-weight: 700;
padding: 7px 25px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
margin: 0 8px 0 0;
}
@media (hover: hover) and (pointer: fine) {
#top .search_block .src_btn li:hover {
background: #0eb7d6;
color: #fff;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .search_block .src_btn li:hover {
background: #0eb7d6;
color: #fff;
}
}
#top .search_block .src_btn li:last-child {
margin: 0;
}
#top .search_block .src_btn li.active {
background: #0eb7d6;
color: #fff;
}
#top .search_block .src_area .src_box {
background: #f0f0f0;
border: 1px solid #cacaca;
padding: 35px 50px 30px;
display: none;
}
#top .search_block .src_area .src_box .type {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
}
#top .search_block .src_area .src_box .type li {
margin: 0 30px 10px 0;
}
#top .search_block .src_area .src_box .type li label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: baseline;
align-content: baseline;
}
#top .search_block .src_area .src_box .type li label input {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
display: block;
margin-right: 4px;
}
#top .search_block .src_area .src_box .type li:last-child {
margin: 0;
}
#top .search_block .src_area .src_box .detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
}
#top .search_block .src_area .src_box .detail li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 10px 0 0;
}
#top .search_block .src_area .src_box .detail li:after {
content: "";
position: absolute;
top: 0;
right: 10px;
bottom: 0;
width: 9px;
height: 9px;
border-top: 1px solid #979797;
border-right: 1px solid #979797;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
z-index: 2;
margin: auto 0;
pointer-events: none;
}
#top .search_block .src_area .src_box .detail li select {
width: 100%;
padding: 6px 45px 6px 10px;
background: #fff;
cursor: pointer;
text-overflow: ellipsis; z-index: 1;
text-align: center;
font-size: 1.4rem;
border: 1px solid #bbbbbb;
border-radius: 4px;
}
#top .search_block .src_area .src_box .detail li input {
background: #fff;
border: 1px solid #bbbbbb;
padding: 6px 10px;
font-size: 1.4rem;
border-radius: 4px;
max-width: 120px;
}
#top .search_block .src_area .src_box .detail li.date:after {
display: none;
}
#top .search_block .src_area .src_box .detail li.date span {
margin: 0 10px;
}
#top .search_block .src_area .src_box .detail li:last-child {
margin: 0;
}
#top .search_block .src_area .src_box .submit {
text-align: center;
}
#top .search_block .src_area .src_box .submit button {
display: inline-block;
background: #0eb7d6;
color: #fff;
padding: 3.7px 60px 3.7px 56px;
font-size: 1.6rem;
font-weight: 700;
border-radius: 4px;
border: 1px solid #0eb7d6;
-webkit-transition: 0.3s;
transition: 0.3s;
position: relative;
}
#top .search_block .src_area .src_box .submit button:after {
content: "";
position: absolute;
top: 0;
right: 11px;
bottom: 0;
margin: auto 0;
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
#top .search_block .src_area .src_box .submit button:hover {
background: #fff;
color: #0eb7d6;
}
#top .search_block .src_area .src_box .submit button:hover:after {
border-color: #0eb7d6;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .search_block .src_area .src_box .submit button:hover {
background: #fff;
color: #0eb7d6;
}
#top .search_block .src_area .src_box .submit button:hover:after {
border-color: #0eb7d6;
}
}
#top .search_block .src_area .src_box.show {
display: block;
}
@media screen and (max-width: 834px) {
#top .search_block {
margin-top: 38px;
}
#top .search_block .src_btn li {
font-size: 1.3rem;
padding: 7px 13px;
text-align: center;
line-height: 1.538;
}
#top .search_block .src_area .src_box {
padding: 25px 20px 20px;
}
#top .search_block .src_area .src_box .type {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
#top .search_block .src_area .src_box .detail {
display: block;
}
#top .search_block .src_area .src_box .detail li {
width: 100%;
margin: 0 0 10px;
}
#top .search_block .src_area .src_box .detail li.date {
width: 100%;
margin: 0 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#top .search_block .src_area .src_box .detail li.date span {
width: 30px;
display: block;
text-align: center;
}
#top .search_block .src_area .src_box .detail li.date label {
width: calc(50% - 15px);
}
#top .search_block .src_area .src_box .detail li.date label input {
width: 100%;
max-width: none;
}
#top .search_block .src_area .src_box .submit button {
padding: 3.7px 36px 3.7px 30px;
}
#top .search_block .src_area .src_box.online .detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 10px;
}
#top .search_block .src_area .src_box.online .detail li {
width: 48.4375%;
margin: 0 3.125% 10px 0;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
#top .search_block .src_area .src_box.online .detail li:nth-child(2n) {
margin: 0 0 10px;
}
}
#top .n_info {
margin-bottom: 65px;
}
#top .n_info .t_ttl {
margin-bottom: 35px;
}
#top .n_info .n_info_dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #cacaca;
margin-bottom: 40px;
}
#top .n_info .n_info_dl dt {
width: 372px;
border-bottom: 1px solid #cacaca;
padding: 15px 16px 15px 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#top .n_info .n_info_dl dt span:first-child {
margin-right: 15px;
width: 108px;
}
#top .n_info .n_info_dl dt span:last-child {
display: block;
width: 170px;
height: 23px;
line-height: 23px;
font-size: 1.2rem;
font-weight: 500;
text-align: center;
color: #fff;
}
#top .n_info .n_info_dl dt span:last-child.t_info {
background: #f4a000;
}
#top .n_info .n_info_dl dt span:last-child.t_line {
background: #c69200;
}
#top .n_info .n_info_dl dt span:last-child.t_area {
background: #6f8ea0;
}
#top .n_info .n_info_dl dt.nck {
padding-left: 52px;
}
#top .n_info .n_info_dl dt.new:before {
content: "New";
background: #c80000;
color: #fff;
width: 31px;
height: 18px;
line-height: 18px;
font-size: 1rem;
font-weight: 500;
display: block;
text-align: center;
margin-right: 7px;
}
#top .n_info .n_info_dl dt.imp:before {
content: "";
background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.95%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f4a000%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M21.95%2C12.46c-.11-.29-.11-.62%2C0-.92l.91-2.4c.22-.57%2C0-1.2-.5-1.53l-2.15-1.4c-.26-.17-.46-.44-.54-.74l-.67-2.47c-.16-.58-.7-.98-1.3-.95l-2.56.13c-.31.02-.62-.09-.87-.28l-2-1.61c-.47-.38-1.14-.38-1.61%2C0l-2%2C1.61c-.25.2-.56.3-.87.28l-2.56-.13c-.6-.03-1.15.36-1.3.95l-.67%2C2.47c-.08.3-.27.57-.54.74l-2.15%2C1.4c-.51.33-.71.97-.5%2C1.53l.91%2C2.4c.11.29.11.62%2C0%2C.92L.08%2C14.85c-.22.56%2C0%2C1.2.5%2C1.53l2.15%2C1.4c.26.17.46.44.54.74l.67%2C2.47c.16.58.7.98%2C1.3.95l2.56-.13c.32-.02.62.08.87.28l2%2C1.61c.47.38%2C1.14.38%2C1.61%2C0l2-1.61c.25-.2.56-.3.87-.28l2.56.13c.6.03%2C1.15-.36%2C1.3-.95l.67-2.47c.08-.3.27-.57.54-.74l2.15-1.4c.51-.33.71-.97.5-1.53l-.91-2.4ZM13.01%2C17.3c0%2C.49-.4.89-.89.89h-1.3c-.49%2C0-.89-.4-.89-.89v-1.36c0-.49.4-.89.89-.89h1.3c.49%2C0%2C.89.4.89.89v1.36ZM13.01%2C12.61c0%2C.49-.4.89-.89.89h-1.3c-.49%2C0-.89-.4-.89-.89v-5.91c0-.49.4-.89.89-.89h1.3c.49%2C0%2C.89.4.89.89v5.91Z%22%2F%3E%3C%2Fsvg%3E");
background-size: 100%;
background-position: center;
width: 22.9518px;
height: 24px;
margin-right: 11px;
margin-left: 3px;
display: block;
}
#top .n_info .n_info_dl dd {
width: calc(100% - 372px);
border-bottom: 1px solid #cacaca;
padding: 11px 0;
}
#top .n_info .n_info_dl dd a {
display: inline-block;
font-size: 1.8rem;
font-weight: 500;
}
@media (hover: hover) and (pointer: fine) {
#top .n_info .n_info_dl dd a:hover {
text-decoration: underline;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .n_info .n_info_dl dd a:hover {
text-decoration: underline;
}
}
#top .n_info .d_link {
text-align: center;
}
@media screen and (max-width: 834px) {
#top .n_info .n_info_dl {
display: block;
}
#top .n_info .n_info_dl dt, #top .n_info .n_info_dl dd {
width: 100%;
}
#top .n_info .n_info_dl dt {
border-bottom: none;
padding: 15px 16px 7px 0;
}
#top .n_info .n_info_dl dt.nck {
padding-left: 38px;
}
#top .n_info .n_info_dl dd {
padding: 0 0 11px;
}
#top .n_info .n_info_dl dd a {
font-size: 1.6rem;
}
}
#top .bute_info, #top .cruise_info, #top .popular_course, #top .find {
background: #f0f0f0;
padding: 35px 0 30px;
margin-bottom: 40px;
}
#top .bute_info .t_ttl, #top .cruise_info .t_ttl, #top .popular_course .t_ttl, #top .find .t_ttl {
margin-bottom: 15px;
}
#top .bute_info .center_slide, #top .cruise_info .center_slide, #top .popular_course .center_slide, #top .find .center_slide {
margin-bottom: 0;
}
#top .bute_info .d_link, #top .cruise_info .d_link, #top .popular_course .d_link, #top .find .d_link {
margin-top: 24px;
text-align: center;
margin-top: 32px;
}
@media screen and (min-width: 835px) {
#top .bute_info, #top .cruise_info, #top .popular_course, #top .find {
padding: 70px 0;
margin-bottom: 70px;
}
#top .bute_info .t_ttl, #top .cruise_info .t_ttl, #top .popular_course .t_ttl, #top .find .t_ttl {
margin-bottom: 25px;
}
}
#top .popular_course {
margin-bottom: 0;
}
#top .popular_course .t_ttl {
margin-bottom: 40px;
}
@media screen and (min-width: 835px) {
#top .popular_course {
padding: 75px 0 65px;
}
#top .popular_course .center_slide .slick-dots {
margin: 55px 0 0;
}
}
#top .find {
margin-bottom: 20px;
}
#top .find .t_ttl {
margin-bottom: 25px;
}
#top .find .four_clum .box .img {
border-radius: 4px;
overflow: hidden;
}
#top .find .four_clum .box .txt {
-webkit-transition: 0.3s;
transition: 0.3s;
}
#top .find .four_clum .box .txt .fs14 {
font-weight: 500;
margin-bottom: 5px;
}
@media (hover: hover) and (pointer: fine) {
#top .find .four_clum .box:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#top .find .four_clum .box:hover .txt {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .find .four_clum .box:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#top .find .four_clum .box:hover .txt {
color: #3371ac;
}
}
@media screen and (min-width: 835px) {
#top .find {
margin-bottom: 75px;
}
#top .find .t_ttl {
margin-bottom: 40px;
}
#top .find .four_clum .box .txt .fs14 {
margin-bottom: 10px;
}
}
#top .new_course {
margin-bottom: 40px;
}
#top .new_course .t_ttl {
margin-bottom: 25px;
}
@media (hover: hover) and (pointer: fine) {
#top .new_course .center_slide .slick-list li a:hover {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .new_course .center_slide .slick-list li a:hover {
color: #3371ac;
}
}
@media screen and (min-width: 835px) {
#top .new_course {
margin-bottom: 70px;
}
}
#top .special_feature {
background: #f0f0f0;
padding: 35px 15px 30px;
margin-bottom: 45px;
}
#top .special_feature .t_ttl {
margin-bottom: 35px;
}
#top .special_feature .four_clum .box {
margin-bottom: 30px;
}
#top .special_feature .four_clum .box a .img {
overflow: hidden;
border-radius: 4px;
overflow: hidden;
aspect-ratio: 1/1;
}
#top .special_feature .four_clum .box a .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#top .special_feature .four_clum .box a .fs14 {
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
#top .special_feature .four_clum .box a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#top .special_feature .four_clum .box a:hover .fs14 {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .special_feature .four_clum .box a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#top .special_feature .four_clum .box a:hover .fs14 {
color: #3371ac;
}
}
#top .special_feature .slide {
margin: 0;
}
#top .special_feature .slide .slick-list {
margin: 0 -10px;
}
#top .special_feature .slide .slick-list .slick-slide {
margin: 0 10px;
}
#top .special_feature .slide .slick-list .slick-slide a .img {
border-radius: 4px;
line-height: 0;
overflow: hidden;
aspect-ratio: 1/1;
margin-bottom: 10px;
}
#top .special_feature .slide .slick-list .slick-slide a .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#top .special_feature .slide .slick-list .slick-slide a .img + p {
font-size: 1.4rem;
font-weight: 500;
}
@media (hover: hover) and (pointer: fine) {
#top .special_feature .slide .slick-list .slick-slide a:hover {
color: #3371ac;
}
#top .special_feature .slide .slick-list .slick-slide a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .special_feature .slide .slick-list .slick-slide a:hover {
color: #3371ac;
}
#top .special_feature .slide .slick-list .slick-slide a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
#top .special_feature .slide .slick-dots {
position: static;
margin: 25px 0 0;
line-height: 0;
}
#top .special_feature .slide .slick-dots li {
width: auto;
height: auto;
line-height: 0;
}
#top .special_feature .slide .slick-dots li button {
padding: 0;
margin: 0;
background: #cacaca;
border-radius: 50%;
width: 12px;
height: 12px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#top .special_feature .slide .slick-dots li button:before {
display: none;
}
@media (hover: hover) and (pointer: fine) {
#top .special_feature .slide .slick-dots li button:hover {
background: #0eb7d6;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .special_feature .slide .slick-dots li button:hover {
background: #0eb7d6;
}
}
#top .special_feature .slide .slick-dots li.slick-active button {
background: #0eb7d6;
}
#top .special_feature .slide.dot_false .slick-dots {
display: none;
}
@media screen and (min-width: 835px) {
#top .special_feature {
padding: 75px 15px 60px;
margin-bottom: 85px;
}
#top .special_feature .four_clum .box {
margin-bottom: 45px;
}
#top .special_feature .slide .slick-list {
max-width: 1220px;
margin: 0 auto;
}
#top .special_feature .slide .slick-list .slick-slide {
margin: 0 17px;
}
#top .special_feature .slide .slick-list .slick-slide a .img {
border-radius: 8px;
}
#top .special_feature .slide .slick-list .slick-slide a .img + p {
font-size: 1.8rem;
}
#top .special_feature .slide .slick-dots {
margin: 40px 0 0;
}
}
#top .recommend_course {
margin-bottom: 45px;
}
#top .recommend_course .t_ttl {
margin-bottom: 25px;
}
#top .recommend_course .list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 35px;
}
#top .recommend_course .list a .img {
width: 27.77%;
margin: 0 4.46% 0 0;
}
#top .recommend_course .list a .img span {
display: block;
aspect-ratio: 1/1;
border-radius: 4px;
line-height: 0;
overflow: hidden;
}
#top .recommend_course .list a .img span img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#top .recommend_course .list a .txt {
width: 67.77%;
}
#top .recommend_course .list a .txt .date {
margin-bottom: 5px;
}
#top .recommend_course .list a .txt .date span {
color: #fff;
background: #6f8ea0;
display: inline-block;
padding: 2px 7px;
}
#top .recommend_course .list a .txt .ttl {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#top .recommend_course .list a .txt .price {
font-size: 1.4rem;
}
@media (hover: hover) and (pointer: fine) {
#top .recommend_course .list a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#top .recommend_course .list a:hover .ttl {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .recommend_course .list a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#top .recommend_course .list a:hover .ttl {
color: #3371ac;
}
}
#top .recommend_course .simg_flex {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#top .recommend_course .simg_flex .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 20px;
}
#top .recommend_course .simg_flex .box .img {
line-height: 0;
border-radius: 4px;
aspect-ratio: 1/1;
width: 27.77%;
overflow: hidden;
margin: 0 5.01% 0 0;
}
#top .recommend_course .simg_flex .box .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#top .recommend_course .simg_flex .box .txt {
width: 67.22%;
font-size: 1.4rem;
}
#top .recommend_course .simg_flex .box:last-child {
margin: 0;
}
@media (hover: hover) and (pointer: fine) {
#top .recommend_course .simg_flex .box:hover {
color: #3371ac;
}
#top .recommend_course .simg_flex .box:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .recommend_course .simg_flex .box:hover {
color: #3371ac;
}
#top .recommend_course .simg_flex .box:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
#top .recommend_course.online {
background: #f0f0f0;
margin-bottom: 0;
padding: 60px 0 40px;
}
@media screen and (min-width: 835px) {
#top .recommend_course {
margin-bottom: 90px;
}
#top .recommend_course .t_ttl {
margin-bottom: 50px;
}
#top .recommend_course .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#top .recommend_course .list a {
width: 48.25%;
margin: 0 3.5% 60px 0;
}
#top .recommend_course .list a:nth-child(2n) {
margin: 0 0 60px;
}
#top .recommend_course .list a .txt .ttl {
font-size: 2rem;
}
#top .recommend_course .simg_flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#top .recommend_course .simg_flex .box {
width: 47%;
margin: 0 6% 60px 0;
}
#top .recommend_course .simg_flex .box .img {
border-radius: 8px;
}
#top .recommend_course .simg_flex .box .txt {
font-size: 1.8rem;
}
#top .recommend_course .simg_flex .box:nth-child(2n) {
margin: 0 0 60px;
}
#top .recommend_course.online {
padding: 100px 0 60px;
}
}
#top .opage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 80px;
}
#top .opage a {
display: block;
width: 50%;
}
#top .opage a .img {
display: block;
line-height: 0;
overflow: hidden;
aspect-ratio: 1/1;
margin-bottom: 15px;
}
#top .opage a .img img {
width: 100%;
}
#top .opage a .txt {
padding: 0 15px;
font-size: 1.4rem;
}
#top .opage a .txt .ttl {
font-weight: 500;
font-size: 1.5rem;
text-align: center;
color: #3371ac;
margin-bottom: 10px;
}
@media (hover: hover) and (pointer: fine) {
#top .opage a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .opage a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media screen and (min-width: 835px) {
#top .opage {
margin-bottom: 130px;
}
#top .opage a .img {
aspect-ratio: 700/356;
margin-bottom: 28px;
}
#top .opage a .txt {
text-align: center;
}
#top .opage a .txt .ttl {
font-size: 2rem;
}
}
#top .voice {
margin-bottom: 50px;
}
#top .voice .t_ttl {
margin-bottom: 20px;
}
#top .voice .voice_ul {
margin: 0 0 20px;
}
#top .voice .d_link {
text-align: center;
}
@media screen and (min-width: 835px) {
#top .voice {
margin-bottom: 90px;
}
#top .voice .t_ttl {
margin-bottom: 25px;
}
#top .voice .voice_ul {
margin: 0 auto 30px;
}
}
#top .n_rccruise {
margin-bottom: 100px;
}
#top .n_rccruise .t_ttl {
margin-bottom: 40px;
}
#top .n_rccruise h3 {
background: #0eb7d6;
color: #fff;
margin-bottom: 25px;
font-size: 2.4rem;
font-weight: 500;
line-height: 1.5;
padding: 7.5px 15px;
}
#top .n_rccruise ul .slick-list {
margin: 0 -17px;
}
#top .n_rccruise ul .slick-arrow {
z-index: 2;
top: 38%;
}
#top .n_rccruise ul .slick-arrow:before {
display: none;
}
#top .n_rccruise ul .slick-arrow.slick-prev {
left: -30px;
}
#top .n_rccruise ul .slick-arrow.slick-prev:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 18px;
height: 18px;
border-top: 1px solid #0eb7d6;
border-right: 1px solid #0eb7d6;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
#top .n_rccruise ul .slick-arrow.slick-next {
right: -30px;
}
#top .n_rccruise ul .slick-arrow.slick-next:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 18px;
height: 18px;
border-top: 1px solid #0eb7d6;
border-right: 1px solid #0eb7d6;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#top .n_rccruise ul li {
margin: 0 17px;
}
#top .n_rccruise ul li a {
display: block;
}
#top .n_rccruise ul li a .img {
line-height: 0;
aspect-ratio: 1/1;
border-radius: 8px;
overflow: hidden;
margin-bottom: 14px;
}
#top .n_rccruise ul li a .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#top .n_rccruise ul li a .tag {
color: #fff;
background: #c69200;
font-size: 1.2rem;
padding: 0 7px 2px;
margin-bottom: 5px;
}
#top .n_rccruise ul li a .ttl {
font-size: 1.8rem;
font-weight: 500;
}
@media (hover: hover) and (pointer: fine) {
#top .n_rccruise ul li a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#top .n_rccruise ul li a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
#top .n_rccruise ul + h3 {
margin-top: 50px;
}
@media screen and (max-width: 1295px) {
#top .n_rccruise ul {
margin: 0 20px;
}
#top .n_rccruise ul .slick-arrow:after {
width: 12px !important;
height: 12px !important;
}
#top .n_rccruise ul .slick-arrow.slick-prev {
left: -26px;
}
#top .n_rccruise ul .slick-arrow.slick-next {
right: -17px;
}
#top .n_rccruise ul + h3 {
margin-top: 15px;
}
}
@media screen and (min-width: 835px) {
#top .n_rccruise {   }
#top .n_rccruise ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#top .n_rccruise ul li {
vertical-align: top;
width: 253px;
margin: 0 31px 0 0;
}
#top .n_rccruise ul li:last-child {
margin-right: 0;
}
#top .n_rccruise .slider_wrap {
overflow: auto;
margin-bottom: 50px;
padding-bottom: 30px;
}
#top .n_rccruise .simplebar-scrollbar::before {
background: #ccc;
}
#top .n_rccruise .simplebar-scrollbar.simplebar-visible:before {
opacity: 1;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
#top .n_rccruise .simplebar-track.simplebar-vertical {
width: 20px;
}
}
@media screen and (max-width: 834px) {
#top .n_rccruise {
margin-top: 60px;
margin-bottom: 60px;
}
#top .n_rccruise h3 {
font-size: 2rem;
margin: 0 -15px 20px;
text-align: center;
font-size: 1.8rem;
}
#top .n_rccruise ul {
margin: 0;
}
#top .n_rccruise ul + h3 {
margin-top: 40px;
}
#top .n_rccruise .slider_wrap {
margin-bottom: 40px;
}
#top .n_rccruise .slick-dots {
position: static;
}
#top .n_rccruise .slick-dots li {
margin: 0 3px 5px;
width: auto;
height: auto;
}
#top .n_rccruise .slick-dots li button {
width: 12px;
height: 12px;
background: #cacaca;
border-radius: 50%;
margin: 0;
padding: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#top .n_rccruise .slick-dots li button:before {
display: none;
}
}
@media screen and (max-width: 834px) and (hover: hover) and (pointer: fine) {
#top .n_rccruise .slick-dots li button:hover {
background: #0eb7d6;
}
}
@media screen and (max-width: 834px) and (-ms-high-contrast: none), screen and (max-width: 834px) and (-ms-high-contrast: active) {
#top .n_rccruise .slick-dots li button:hover {
background: #0eb7d6;
}
}
@media screen and (max-width: 834px) {
#top .n_rccruise .slick-dots li.slick-active button {
background: #0eb7d6;
}
}
#top .n_voice {
margin-bottom: 90px;
}
#top .n_voice .t_ttl {
margin-bottom: 25px;
}
#top .n_voice .n_voice_ul {
margin-bottom: 30px;
border-top: 1px solid #cacaca;
}
#top .n_voice .n_voice_ul li {
padding: 16px 0;
border-bottom: 1px solid #cacaca;
}
#top .n_voice .n_voice_ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
#top .n_voice .n_voice_ul li a .cruise, #top .n_voice .n_voice_ul li a .ship {
font-size: 1.2rem;
font-weight: 500;
display: inline-block;
text-align: center;
height: 23px;
line-height: 23px;
color: #fff;
}
#top .n_voice .n_voice_ul li a .cruise {
width: 168px;
margin: 0 8px 0 0;
background: #6f8ea0;
}
#top .n_voice .n_voice_ul li a .ship {
width: 185px;
margin: 0 20px 0 0;
background: #c69200;
}
#top .n_voice .n_voice_ul li a .ttl {
font-size: 1.8rem;
font-weight: 500;
}
#top .n_voice .d_link {
text-align: center;
}
@media screen and (max-width: 834px) {
#top .n_voice .n_voice_ul li a {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#top .n_voice .n_voice_ul li a .ship {
margin: 0;
}
#top .n_voice .n_voice_ul li a .ttl {
width: 100%;
font-size: 1.6rem;
}
}
@media screen and (max-width: 450px) {
#top .n_voice .n_voice_ul li a {
display: block;
}
#top .n_voice .n_voice_ul li a .ttl, #top .n_voice .n_voice_ul li a .ship, #top .n_voice .n_voice_ul li a .cruise {
display: block;
width: 100%;
margin: 0 0 5px;
}
#top .n_voice .n_voice_ul li a .ttl {
margin: 0;
}
} #ship_index .rank .fs20 {
margin-bottom: 50px;
text-align: center;
}
#ship_index .rank figure {
text-align: center;
line-height: 0;
margin-bottom: 50px;
}
#ship_index .rank .list {
margin: 60px 0 70px;
}
#ship_index .rank .list dt {
margin-bottom: 16px;
font-size: 1.4rem;
width: 100%;
height: 43px;
line-height: 43px;
border-radius: 4px;
border: 1px solid #b1b1b1;
padding: 0 35px 0 18px;
cursor: pointer;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#ship_index .rank .list dt:before, #ship_index .rank .list dt:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
background: #1a1a1a;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#ship_index .rank .list dt:before {
width: 10px;
height: 2px;
right: 12px;
}
#ship_index .rank .list dt:after {
width: 2px;
height: 10px;
right: 16px;
}
#ship_index .rank .list dt.active:after {
opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
#ship_index .rank .list dt:hover {
background: #6f8ea0;
color: #fff;
}
#ship_index .rank .list dt:hover:before, #ship_index .rank .list dt:hover:after {
background: #fff;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#ship_index .rank .list dt:hover {
background: #6f8ea0;
color: #fff;
}
#ship_index .rank .list dt:hover:before, #ship_index .rank .list dt:hover:after {
background: #fff;
}
}
#ship_index .rank .list dd {
margin-bottom: 20px;
display: none;
}
#ship_index .rank .list dd ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#ship_index .rank .list dd ul li {
width: 47.22%;
margin: 0 5.56% 18px 0;
}
#ship_index .rank .list dd ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#ship_index .rank .list dd ul li a .img {
width: 41.17%;
margin-right: 8.83%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#ship_index .rank .list dd ul li a .img span {
display: block;
aspect-ratio: 1/1;
border: 1px solid #cacaca;
line-height: 0;
padding: 8px;
}
#ship_index .rank .list dd ul li a .img span img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#ship_index .rank .list dd ul li a .ttl {
width: 50%;
color: #3371ac;
font-weight: 700;
}
@media (hover: hover) and (pointer: fine) {
#ship_index .rank .list dd ul li a:hover {
text-decoration: underline;
}
#ship_index .rank .list dd ul li a:hover .img {
opacity: 0.7;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#ship_index .rank .list dd ul li a:hover {
text-decoration: underline;
}
#ship_index .rank .list dd ul li a:hover .img {
opacity: 0.7;
}
}
#ship_index .rank .list dd ul li:nth-child(2n) {
margin: 0 0 18px 0;
}
@media screen and (min-width: 835px) and (max-width: 1975px) {
#ship_index .rank figure {
padding: 0 115px;
}
#ship_index .rank figure + p {
max-width: 690px;
margin: 0 auto 140px;
}
}
@media screen and (min-width: 835px) {
#ship_index .rank {
position: relative;
}
#ship_index .rank .fs20 {
font-size: 2.8rem;
position: absolute;
left: 0;
top: 0;
}
#ship_index .rank .list {
margin-bottom: 150px;
}
#ship_index .rank .list dt {
font-size: 1.8rem;
height: 43px;
line-height: 43px;
}
#ship_index .rank .list dd ul li {
width: 23.5%;
margin: 0 2% 45px 0;
}
#ship_index .rank .list dd ul li:nth-child(2n) {
margin: 0 2% 45px 0;
}
#ship_index .rank .list dd ul li:nth-child(4n) {
margin: 0 0 45px;
}
#ship_index .rank .list dd:last-child {
margin: 0;
}
} #ship_rank .mv_page {
margin-bottom: 25px;
}
#ship_rank .page_ttl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2rem;
margin-bottom: 25px;
line-height: 1.3;
}
#ship_rank .page_ttl .img {
width: 62px;
margin-right: 15px;
}
#ship_rank .intro {
background: #f0f0f0;
padding: 30px 15px;
}
#ship_rank .intro h2 {
font-size: 1.6rem;
font-weight: 500;
color: #3371ac;
margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
#ship_rank .intro {
margin: 0 -15px;
}
}
#ship_rank .detail {
margin-bottom: 50px;
}
#ship_rank .detail .block {
margin-bottom: 35px;
}
#ship_rank .detail .block h3 {
font-size: 1.6rem;
font-weight: 500;
color: #3371ac;
margin-bottom: 10px;
}
#ship_rank .detail .block .table_dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: 1px solid #cacaca;
margin-bottom: 20px;
}
#ship_rank .detail .block .table_dl dt, #ship_rank .detail .block .table_dl dd {
width: 50%;
padding: 15px 12px;
border-bottom: 1px solid #cacaca;
}
#ship_rank .detail .block .table_dl dt {
background: #f0f0f0;
font-weight: 700;
border-right: 1px solid #cacaca;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#ship_rank .detail .block .table_dl dt:nth-last-child(2) {
border-bottom: none;
}
#ship_rank .detail .block .table_dl dd:last-child {
border-bottom: none;
}
#ship_rank .detail .block .table_dl:last-child {
margin-bottom: 0;
}
#ship_rank .detail .block .table_dl + h3 {
margin-top: 40px;
}
#ship_rank .detail .block .attent {
font-size: 1.2rem;
}
#ship_rank .detail .block:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 834px) {
#ship_rank .detail .block .bg_ttl {
margin: 0 -15px 13px;
}
}
#ship_rank .detail .d_link.group {
background: #f0f0f0;
padding: 28px 15px;
}
#ship_rank .detail .d_link.group li {
margin-bottom: 12px;
}
#ship_rank .detail .d_link.group li a {
width: 100%;
text-align: center;
}
#ship_rank .detail .d_link.group li:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 834px) {
#ship_rank .detail .d_link.group {
margin: 0 -15px;
}
}
#ship_rank .others .ship_list {
margin-bottom: 30px;
}
#ship_rank .others .ship_list .four_clum .box {
margin-bottom: 20px;
}
#ship_rank .others .ship_list .four_clum .box .img {
border-radius: 4px;
overflow: hidden;
}
#ship_rank .others .ship_list .four_clum .box .ttl {
font-size: 1.4rem;
font-weight: 500;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
#ship_rank .others .ship_list .four_clum .box:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#ship_rank .others .ship_list .four_clum .box:hover .ttl {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#ship_rank .others .ship_list .four_clum .box:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#ship_rank .others .ship_list .four_clum .box:hover .ttl {
color: #3371ac;
}
}
#ship_rank .others .pamphlet {
margin-bottom: 30px;
}
#ship_rank .others .pamphlet .four_clum .box {
margin-bottom: 20px;
}
#ship_rank .others .pamphlet .four_clum .box .img, #ship_rank .others .pamphlet .four_clum .box .ttl {
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
#ship_rank .others .pamphlet .four_clum .box:hover .img {
opacity: 0.7;
}
#ship_rank .others .pamphlet .four_clum .box:hover .ttl {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#ship_rank .others .pamphlet .four_clum .box:hover .img {
opacity: 0.7;
}
#ship_rank .others .pamphlet .four_clum .box:hover .ttl {
color: #3371ac;
}
}
#ship_rank .others .voice {
margin-bottom: 50px;
}
#ship_rank .others .voice .voice_ul {
margin-bottom: 20px;
max-width: none;
}
#ship_rank .others .voice .d_link {
text-align: center;
}
@media screen and (max-width: 834px) {
#ship_rank .others .bg_ttl {
margin: 0 -15px 20px;
}
}
@media screen and (min-width: 835px) {
#ship_rank .mv_page {
margin-bottom: 20px;
}
#ship_rank .page_ttl {
max-width: 1260px;
padding: 0 30px;
margin: 0 auto 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 4rem;
}
#ship_rank .page_ttl .img {
width: 104px;
margin-right: 30px;
}
#ship_rank .intro {
padding: 55px;
margin-bottom: 65px;
}
#ship_rank .intro h2 {
font-size: 2.4rem;
margin-bottom: 20px;
}
#ship_rank .detail .block {
margin-bottom: 80px;
}
#ship_rank .detail .block .bg_ttl {
margin-bottom: 30px;
}
#ship_rank .detail .block h3 {
font-size: 2rem;
margin-bottom: 20px;
}
#ship_rank .detail .block .table_dl + h3 {
margin-top: 65px;
}
#ship_rank .detail .d_link.group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 35px 44px 40px;
margin-bottom: 65px;
}
#ship_rank .detail .d_link.group li {
width: calc((100% - 28px) / 3);
margin: 0 14px 0 0;
}
#ship_rank .detail .d_link.group li:last-child {
margin: 0;
}
#ship_rank .others .bg_ttl {
margin-bottom: 30px;
}
#ship_rank .others .ship_list {
margin-bottom: 120px;
}
#ship_rank .others .ship_list .four_clum .box {
margin-bottom: 40px;
}
#ship_rank .others .ship_list .four_clum .box .img {
border-radius: 8px;
margin-bottom: 5px;
}
#ship_rank .others .ship_list .four_clum .box .ttl {
font-size: 1.8rem;
}
#ship_rank .others .pamphlet {
margin-bottom: 120px;
}
#ship_rank .others .pamphlet .four_clum .box {
margin-bottom: 40px;
}
#ship_rank .others .pamphlet .four_clum .box .img {
margin-bottom: 10px;
}
#ship_rank .others .voice {
margin-bottom: 100px;
}
#ship_rank .others .voice .voice_ul {
margin-bottom: 35px;
}
} #ship_detail .mv_page {
margin-bottom: 25px;
}
#ship_detail .page_ttl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2rem;
margin-bottom: 25px;
line-height: 1.3;
}
#ship_detail .page_ttl .img {
width: 62px;
margin-right: 15px;
}
#ship_detail .intro {
background: #f0f0f0;
padding: 30px 15px;
margin-bottom: 25px;
}
#ship_detail .intro h2 {
font-size: 1.6rem;
font-weight: 500;
color: #3371ac;
margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
#ship_detail .intro {
margin: 0 -15px 25px;
}
}
#ship_detail .d_link.rsv {
position: fixed;
bottom: 0;
right: 0;
margin: 0;
z-index: 3;
}
#ship_detail .d_link.rsv a {
display: block;
font-size: 1.8rem;
font-weight: 700;
background: #0eb7d6;
color: #fff;
padding: 15px 30px;
border-radius: 0;
}
#ship_detail .d_link.rsv a:before {
display: none;
}
@media (hover: hover) and (pointer: fine) {
#ship_detail .d_link.rsv a:hover {
background: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#ship_detail .d_link.rsv a:hover {
background: #3371ac;
}
}
@media screen and (max-width: 834px) {
#ship_detail .d_link.rsv {
left: 0;
}
#ship_detail .d_link.rsv a {
width: 100%;
text-align: center;
font-size: 1.6rem;
padding: 12px 20px;
}
}
#ship_detail .anchor {
text-align: center;
margin-bottom: 40px;
}
#ship_detail .anchor a {
color: #3371ac;
font-size: 1.6rem;
display: inline-block;
padding-right: 25px;
position: relative;
}
#ship_detail .anchor a:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto 0;
width: 10px;
height: 10px;
border-top: 1px solid #3371ac;
border-right: 1px solid #3371ac;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
#ship_detail .anchor a:hover {
color: #0eb7d6;
}
#ship_detail .anchor a:hover:after {
border-color: #0eb7d6;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#ship_detail .anchor a:hover {
color: #0eb7d6;
}
#ship_detail .anchor a:hover:after {
border-color: #0eb7d6;
}
}
@media screen and (max-width: 834px) {
#ship_detail .detail .bg_ttl {
margin: 0 -15px 30px;
}
}
#ship_detail .detail .facility {
margin-bottom: 35px;
}
#ship_detail .detail .spec {
margin-bottom: 40px;
}
#ship_detail .detail .spec .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
}
#ship_detail .detail .spec .flex dl {
width: 47.22%;
margin: 0 5.56% 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#ship_detail .detail .spec .flex dl dt, #ship_detail .detail .spec .flex dl dd {
border-bottom: 1px solid #cacaca;
}
#ship_detail .detail .spec .flex dl dt {
width: 78px;
padding: 10px 0;
font-weight: 700;
}
#ship_detail .detail .spec .flex dl dt:nth-child(1) {
padding-top: 0;
}
#ship_detail .detail .spec .flex dl dd {
width: calc(100% - 78px);
padding: 10px 0;
}
#ship_detail .detail .spec .flex dl dd:nth-child(2) {
padding-top: 0;
}
#ship_detail .detail .spec .flex dl:last-child {
margin: 0;
}
#ship_detail .detail .calendar .month {
display: none;
}
#ship_detail .detail .calendar .month_sp {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
background: #eee;
border: 1px solid #ccc;
padding: 5px 7px 5px 10px;
border-radius: 4px;
margin-bottom: 15px;
}
#ship_detail .detail .calendar .table_wrap {
margin-bottom: 40px;
}
#ship_detail .detail .calendar .table_wrap .table_info {
border-collapse: collapse;
width: 100%;
}
#ship_detail .detail .calendar .table_wrap .table_info tr th, #ship_detail .detail .calendar .table_wrap .table_info tr td {
border: 1px solid #cacaca;
width: calc((100vw - 30px) / 7);
line-height: 0;
}
#ship_detail .detail .calendar .table_wrap .table_info tr td {
text-align: center;
position: relative;
padding-top: calc((100vw - 30px) / 7);
}
#ship_detail .detail .calendar .table_wrap .table_info tr td .pc, #ship_detail .detail .calendar .table_wrap .table_info tr td .sp, #ship_detail .detail .calendar .table_wrap .table_info tr td .modalbox {
display: none;
}
#ship_detail .detail .calendar .table_wrap .table_info tr td .date {
display: block;
text-align: left;
position: absolute;
top: 3px;
left: 5px;
line-height: 1.4;
}
#ship_detail .detail .calendar .table_wrap .table_info tr td .modal {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
position: absolute;
top: 10px;
left: 0;
right: 0;
bottom: 0;
}
#ship_detail .detail .calendar .table_wrap .table_info tr td.cruise_hit {
height: auto !important;
background: #ebfaff;
}
#ship_detail .detail .calendar .table_wrap .table_info tr:first-child th {
height: auto;
padding: 10px;
background: #F2F2F2;
}
#ship_detail .detail .calendar .table_wrap .table_info tr:first-child th.sat {
background: #c9dae9;
color: #1f35b5;
}
#ship_detail .detail .calendar .table_wrap .table_info tr:first-child th.sun {
background: #ffcfce;
color: #b51515;
}
@media screen and (min-width: 1261px) {
#ship_detail .detail .calendar .table_wrap .table_info tr td {
height: 171.4285714286px;
}
}
@media screen and (min-width: 835px) and (max-width: 1260px) {
#ship_detail .detail .calendar .table_wrap .table_info tr td {
height: calc((100vw - 30px) / 7);
}
}
@media screen and (min-width: 835px) {
#ship_detail .detail .calendar .month {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 25px;
}
#ship_detail .detail .calendar .month li {
width: calc((100% - 25px) / 6);
margin: 0 5px 5px 0;
border: 1px solid #cacaca;
text-align: center;
font-weight: 700;
}
#ship_detail .detail .calendar .month li a {
display: block;
padding: 10px;
background: #f0f0f0;
}
}
@media screen and (min-width: 835px) and (hover: hover) and (pointer: fine) {
#ship_detail .detail .calendar .month li a:hover {
background: #0eb7d6;
color: #fff;
}
}
@media screen and (min-width: 835px) and (-ms-high-contrast: none), screen and (min-width: 835px) and (-ms-high-contrast: active) {
#ship_detail .detail .calendar .month li a:hover {
background: #0eb7d6;
color: #fff;
}
}
@media screen and (min-width: 835px) {
#ship_detail .detail .calendar .month li.noDate p {
padding: 10px;
color: #cacaca;
}
#ship_detail .detail .calendar .month li.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #0eb7d6;
color: #fff;
border: 1px solid #0eb7d6;
}
#ship_detail .detail .calendar .month li:nth-child(6n) {
margin: 0 0 5px;
}
#ship_detail .detail .calendar .month_sp {
display: none;
}
#ship_detail .detail .calendar .table_wrap .table_info tr td {
padding: 3px 5px 15px;
line-height: 1.5;
text-align: left;
}
#ship_detail .detail .calendar .table_wrap .table_info tr td .pc {
display: block;
margin-bottom: 15px;
border-bottom: 1px dotted #cacaca;
padding: 0 5px 15px;
}
#ship_detail .detail .calendar .table_wrap .table_info tr td .pc .ship {
background: #6f8ea0;
color: #fff;
font-size: 1.2rem;
padding: 4px 7px;
border-radius: 8px;
line-height: 1.33;
margin-bottom: 8px;
}
#ship_detail .detail .calendar .table_wrap .table_info tr td .pc .point, #ship_detail .detail .calendar .table_wrap .table_info tr td .pc .period {
margin-bottom: 8px;
}
#ship_detail .detail .calendar .table_wrap .table_info tr td .pc .price {
font-size: 2rem;
color: #da0000;
font-weight: 900;
}
#ship_detail .detail .calendar .table_wrap .table_info tr td .pc:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
}
@media screen and (min-width: 835px) and (hover: hover) and (pointer: fine) {
#ship_detail .detail .calendar .table_wrap .table_info tr td .pc:hover {
opacity: 0.7;
}
}
@media screen and (min-width: 835px) and (-ms-high-contrast: none), screen and (min-width: 835px) and (-ms-high-contrast: active) {
#ship_detail .detail .calendar .table_wrap .table_info tr td .pc:hover {
opacity: 0.7;
}
}
@media screen and (min-width: 835px) {
#ship_detail .detail .calendar .table_wrap .table_info tr td .sp {
display: none !important;
}
#ship_detail .detail .calendar .table_wrap .table_info tr td .date {
position: static;
margin-bottom: 12px;
}
#ship_detail .detail .calendar .table_wrap .table_info tr:first-child th {
padding: 5px 0;
line-height: 1.5;
}
}
@media screen and (max-width: 834px) {
#ship_detail .detail .calendar .table_wrap .table_info tr td .month_sp, #ship_detail .detail .calendar .table_wrap .table_info tr td .sp {
display: block;
}
}
#ship_detail .detail .yt_frame {
margin-bottom: 40px;
}
#ship_detail .detail .yt_frame .frame {
aspect-ratio: 16/9;
line-height: 0;
margin-bottom: 20px;
}
#ship_detail .detail .yt_frame .frame iframe {
width: 100%;
height: 100%;
}
#ship_detail .detail .yt_frame .frame:last-child {
margin-bottom: 0;
}
#ship_detail .detail .movie-wrap {
aspect-ratio: 16/9;
line-height: 0;
margin-bottom: 20px;
}
#ship_detail .detail .movie-wrap iframe {
width: 100%;
height: 100%;
}
#ship_detail #cruise_list {
margin-top: 40px;
}
#ship_detail #cruise_list .bg_ttl {
margin: 0 0 30px;
}
@media screen and (max-width: 834px) {
#ship_detail #cruise_list .bg_ttl {
margin: 0 -15px 20px;
}
}
#ship_detail #cruise_list .list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 35px;
}
#ship_detail #cruise_list .list a .img {
width: 27.77%;
margin: 0 4.46% 0 0;
}
#ship_detail #cruise_list .list a .img span {
display: block;
aspect-ratio: 1/1;
border-radius: 4px;
line-height: 0;
overflow: hidden;
}
#ship_detail #cruise_list .list a .img span img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#ship_detail #cruise_list .list a .txt {
width: 67.77%;
}
#ship_detail #cruise_list .list a .txt .date {
margin-bottom: 5px;
}
#ship_detail #cruise_list .list a .txt .date span {
color: #fff;
background: #6f8ea0;
display: inline-block;
padding: 2px 7px;
}
#ship_detail #cruise_list .list a .txt .ttl {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#ship_detail #cruise_list .list a .txt .price {
font-size: 1.4rem;
}
@media (hover: hover) and (pointer: fine) {
#ship_detail #cruise_list .list a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#ship_detail #cruise_list .list a:hover .ttl {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#ship_detail #cruise_list .list a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#ship_detail #cruise_list .list a:hover .ttl {
color: #3371ac;
}
}
#ship_detail .voice {
margin-bottom: 50px;
}
@media screen and (max-width: 834px) {
#ship_detail .voice .bg_ttl {
margin: 0 -15px 20px;
}
}
#ship_detail .voice .voice_ul {
margin-bottom: 20px;
max-width: none;
}
#ship_detail .voice .d_link {
text-align: center;
}
@media screen and (min-width: 835px) {
#ship_detail .mv_page {
margin-bottom: 20px;
}
#ship_detail .page_ttl {
max-width: 1260px;
padding: 0 30px;
margin: 0 auto 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 4rem;
}
#ship_detail .page_ttl .img {
width: 104px;
margin-right: 30px;
}
#ship_detail .intro {
padding: 55px;
margin-bottom: 65px;
}
#ship_detail .intro h2 {
font-size: 2.4rem;
margin-bottom: 20px;
}
#ship_detail .anchor {
margin-bottom: 60px;
}
#ship_detail .detail .bg_ttl {
margin: 0 0 30px;
}
#ship_detail .detail .facility {
margin-bottom: 60px;
}
#ship_detail .detail .facility .center_slide .slick-list .slick-slide img {
width: 100%;
}
#ship_detail .detail .facility .center_slide .slick-dots {
margin: 45px auto 0;
}
#ship_detail .detail .yt_frame {
margin-bottom: 60px;
}
#ship_detail #cruise_list {
margin-top: 60px;
margin-bottom: 60px;
}
#ship_detail #cruise_list .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#ship_detail #cruise_list .list a {
width: 48.25%;
margin: 0 3.5% 60px 0;
}
#ship_detail #cruise_list .list a:nth-child(2n) {
margin: 0 0 60px;
}
#ship_detail #cruise_list .list a .txt .ttl {
font-size: 2rem;
}
#ship_detail .voice {
margin-bottom: 80px;
}
#ship_detail .voice .bg_ttl {
margin-bottom: 30px;
}
#ship_detail .voice .voice_ul {
margin-bottom: 40px;
}
}
.modaal-wrapper.modaal-fullscreen {
z-index: 9999999999 !important;
}
.modaal-wrapper.modaal-fullscreen .modaal-container {
display: inline-block;
text-align: left;
background: #fff;
padding: 18px 15px;
border-radius: 7px;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
width: 100%;
max-width: 90vw !important;
max-height: calc(88vh + 36px) !important;
height: auto !important;
position: relative;
overflow: visible !important;
overflow-y: auto;
}
.modaal-wrapper.modaal-fullscreen .modaal-container .modaal-content {
overflow: auto;
max-height: 88vh;
}
.modaal-wrapper.modaal-fullscreen .modaal-container .modaal-content-container {
padding: 0;
}
.modaal-wrapper.modaal-fullscreen .modaal-container .modaal-content-container .inner {
padding-bottom: 18px;
margin-bottom: 18px;
border-bottom: 1px solid #cacaca;
}
.modaal-wrapper.modaal-fullscreen .modaal-container .modaal-content-container .inner .ship {
background: #6f8ea0;
color: #fff;
padding: 5px 8px;
border-radius: 5px;
margin-bottom: 6px;
}
.modaal-wrapper.modaal-fullscreen .modaal-container .modaal-content-container .inner .point {
margin-bottom: 0;
}
.modaal-wrapper.modaal-fullscreen .modaal-container .modaal-content-container .inner .period {
margin-bottom: 0;
}
.modaal-wrapper.modaal-fullscreen .modaal-container .modaal-content-container .inner .price {
font-size: 2rem;
color: #da0000;
font-weight: 900;
margin: 4px 0 10px;
}
.modaal-wrapper.modaal-fullscreen .modaal-container .modaal-content-container .inner .d_link {
text-align: center;
}
.modaal-wrapper.modaal-fullscreen .modaal-container .modaal-content-container .inner:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.modaal-wrapper.modaal-fullscreen .modaal-inner-wrapper {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.modaal-wrapper.modaal-fullscreen .modaal-close {
position: absolute;
top: -24px !important;
right: -14px !important;
width: 40px;
height: 40px;
}
.modaal-wrapper.modaal-fullscreen .modaal-close:before, .modaal-wrapper.modaal-fullscreen .modaal-close:after {
top: 0 !important;
bottom: 0 !important;
right: 0 !important;
left: 0 !important;
margin: auto !important;
}
.modaal-overlay {
z-index: 999999999 !important;
} #cruise_index {
margin-bottom: 70px;
}
#cruise_index .search_box {
margin-bottom: 76px;
font-size: 1.4rem;
}
#cruise_index .search_box dt {
width: 100%;
height: 43px;
line-height: 43px;
padding: 0 34px 0 18px;
position: relative;
border: 1px solid #cacaca;
border-radius: 4px;
-webkit-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
}
#cruise_index .search_box dt:before, #cruise_index .search_box dt:after {
content: "";
display: block;
background: #1a1a1a;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
}
#cruise_index .search_box dt:before {
width: 14px;
height: 2px;
right: 11px;
}
#cruise_index .search_box dt:after {
width: 2px;
height: 14px;
right: 17px;
}
#cruise_index .search_box dt.active:after {
opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
#cruise_index .search_box dt:hover {
background: #6f8ea0;
color: #fff;
}
#cruise_index .search_box dt:hover:before, #cruise_index .search_box dt:hover:after {
background: #fff;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#cruise_index .search_box dt:hover {
background: #6f8ea0;
color: #fff;
}
#cruise_index .search_box dt:hover:before, #cruise_index .search_box dt:hover:after {
background: #fff;
}
}
#cruise_index .search_box dd {
display: none;
}
#cruise_index .search_box dd .flex {
margin: 20px 0 25px;
}
#cruise_index .search_box dd .flex .date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
#cruise_index .search_box dd .flex .date span {
display: block;
}
#cruise_index .search_box dd .flex .date span:first-child {
width: 60px;
}
#cruise_index .search_box dd .flex .date span:nth-child(3) {
width: 38px;
text-align: center;
}
#cruise_index .search_box dd .flex .date input {
border: 1px solid #cacaca;
width: calc((100% - 98px) / 2);
border-radius: 4px;
padding: 5px;
background: url(//www.bute.co.jp/shared/img/cruise/calendar.webp) no-repeat;
background-position: right 10px center;
background-size: 19px;
}
#cruise_index .search_box dd .flex .others {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#cruise_index .search_box dd .flex .others li {
width: 48.05%;
margin: 0 3.9% 10px 0;
}
#cruise_index .search_box dd .flex .others li select {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
border: 1px solid #cacaca;
width: 100%;
padding: 7px 5px;
text-align: center;
border-radius: 4px;
}
#cruise_index .search_box dd .flex .others li:nth-child(2n) {
margin: 0 0 10px;
}
#cruise_index .search_box dd .flex .others li:last-child {
width: 100%;
margin: 0;
}
#cruise_index .search_box dd .flex .others li:last-child input[type=checkbox] {
display: inline-block;
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
margin: 0 10px;
}
#cruise_index .search_box dd .flex + label {
display: block;
position: relative;
}
#cruise_index .search_box dd .flex + label input {
width: 100%;
display: block;
background: #0eb7d6;
color: #fff;
font-size: 1.6rem;
font-weight: 700;
padding: 6px 35px 6px 30px;
line-height: 1.5;
border-radius: 4px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
#cruise_index .search_box dd .flex + label input:hover {
background: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#cruise_index .search_box dd .flex + label input:hover {
background: #3371ac;
}
}
#cruise_index .search_box dd .flex + label:before {
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto 0;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#cruise_index .list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 35px;
}
#cruise_index .list a .img {
width: 27.77%;
margin: 0 4.46% 0 0;
}
#cruise_index .list a .img span {
display: block;
aspect-ratio: 1/1;
border-radius: 4px;
line-height: 0;
overflow: hidden;
}
#cruise_index .list a .img span img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#cruise_index .list a .txt {
width: 67.77%;
}
#cruise_index .list a .txt .dd_tag {
margin-bottom: 15px;
}
#cruise_index .list a .txt .dd_tag span {
background: #c80000;
color: #fff;
display: inline-block;
border-radius: 3px;
font-weight: 700;
font-size: 1.1rem;
padding: 3px 8px;
}
#cruise_index .list a .txt .date {
margin-bottom: 5px;
}
#cruise_index .list a .txt .date span {
color: #fff;
background: #6f8ea0;
display: inline-block;
padding: 2px 7px;
}
#cruise_index .list a .txt .ttl {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#cruise_index .list a .txt .area {
margin-bottom: 5px;
}
#cruise_index .list a .txt .price {
font-size: 1.4rem;
}
@media (hover: hover) and (pointer: fine) {
#cruise_index .list a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#cruise_index .list a:hover .txt .ttl {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#cruise_index .list a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#cruise_index .list a:hover .txt .ttl {
color: #3371ac;
}
}
@media screen and (min-width: 835px) {
#cruise_index .search_box dd .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 40px 0;
}
#cruise_index .search_box dd .flex .date {
width: 37.33%;
margin: 0 2.59% 0 0;
}
#cruise_index .search_box dd .flex .date input {
padding-right: 34px;
}
#cruise_index .search_box dd .flex .others {
width: 60.08%;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#cruise_index .search_box dd .flex .others li {
width: 30.65%;
margin: 0 2.35% 10px 0;
}
#cruise_index .search_box dd .flex .others li:nth-child(2n) {
margin: 0 2.35% 10px 0;
}
#cruise_index .search_box dd .flex .others li:nth-child(3n) {
margin: 0 0 10px;
}
#cruise_index .search_box dd .flex .others li:last-child {
width: 30.65%;
}
#cruise_index .search_box dd .flex + label {
max-width: 360px;
margin: 0 auto;
}
#cruise_index .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#cruise_index .list a {
width: 48.25%;
margin: 0 3.5% 60px 0;
}
#cruise_index .list a:nth-child(2n) {
margin: 0 0 60px;
}
#cruise_index .list a .txt .ttl {
font-size: 2rem;
}
#cruise_index .list a .txt .dd_tag span {
font-size: 1.3rem;
}
} .modaal-wrapper.modaal-fullscreen .modaal-container {
max-width: 680px !important;
}
.modaal-wrapper.modaal-fullscreen .modaal-inner-wrapper {
padding: 0 20px !important;
}
.cruise_modal .bg_ttl {
margin: 0 0 15px;
}
.cruise_modal .flex .img {
line-height: 0;
margin: 0 0 20px;
}
.cruise_modal .flex .img img {
width: 100%;
}
.cruise_modal .flex .img .map_item {
aspect-ratio: 260/196;
line-height: 0;
}
.cruise_modal .flex .img .map_item iframe {
width: 100%;
height: 100%;
}
.cruise_modal .flex .img .slick-dots {
position: relative;
bottom: 0;
margin: 15px 0 0;
}
.cruise_modal .flex .img .slick-dots li {
width: auto;
height: auto;
}
.cruise_modal .flex .img .slick-dots li button {
padding: 0;
width: 12px;
height: 12px;
border-radius: 50%;
background: #f0f0f0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.cruise_modal .flex .img .slick-dots li button:before {
display: none;
}
@media (hover: hover) and (pointer: fine) {
.cruise_modal .flex .img .slick-dots li button:hover {
background: #f4a000;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.cruise_modal .flex .img .slick-dots li button:hover {
background: #f4a000;
}
}
.cruise_modal .flex .img .slick-dots li.slick-active button {
background: #f4a000;
}
@media screen and (min-width: 835px) {
.cruise_modal .bg_ttl {
margin: 0 0 25px;
}
.cruise_modal .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cruise_modal .flex .img {
width: 40%;
margin: 0 5% 0 0;
}
.cruise_modal .flex .txt {
width: 55%;
}
}
#cruise_detail .page_ttl {
text-align: left;
font-size: 2rem;
margin-bottom: 30px;
}
#cruise_detail .anchor_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
#cruise_detail .anchor_list li {
width: calc((100% - 4px) / 3);
margin: 0 2px 2px 0;
}
#cruise_detail .anchor_list li a {
width: 100%;
height: 35.5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #6f8ea0;
color: #fff;
position: relative;
padding-right: 5px;
}
#cruise_detail .anchor_list li a:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 9px;
margin: auto 0;
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
@media (hover: hover) and (pointer: fine) {
#cruise_detail .anchor_list li a:hover {
background: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#cruise_detail .anchor_list li a:hover {
background: #3371ac;
}
}
#cruise_detail .anchor_list li:nth-child(3n) {
margin: 0 0 2px;
}
#cruise_detail .dd_tag {
margin-bottom: 15px;
}
#cruise_detail .dd_tag span {
background: #c80000;
color: #fff;
display: inline-block;
border-radius: 3px;
font-weight: 700;
font-size: 1.1rem;
padding: 3px 8px;
}
#cruise_detail .detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: 1px solid #cacaca;
border-bottom: none;
margin-bottom: 25px;
}
#cruise_detail .detail dt, #cruise_detail .detail dd {
width: 50%;
padding: 13px 15px;
border-bottom: 1px solid #cacaca;
}
#cruise_detail .detail dt {
background: #f0f0f0;
font-weight: 700;
border-right: 1px solid #cacaca;
}
#cruise_detail .detail dd a {
color: #3371ac;
text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
#cruise_detail .detail dd a:hover {
text-decoration: none;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#cruise_detail .detail dd a:hover {
text-decoration: none;
}
}
#cruise_detail .detail + .comment {
margin-bottom: 25px;
font-size: 1.2rem;
}
#cruise_detail .d_link.rsv {
margin-bottom: 40px;
}
#cruise_detail .d_link.rsv a {
width: 100%;
text-align: center;
}
@media screen and (max-width: 834px) {
#cruise_detail .bg_ttl {
margin-left: -15px;
margin-right: -15px;
}
}
#cruise_detail .info {
margin-bottom: 40px;
}
#cruise_detail .info .bg_ttl {
margin-bottom: 20px;
}
#cruise_detail .info dl dt {
margin-bottom: 16px;
font-size: 1.4rem;
width: 100%;
border-radius: 4px;
border: 1px solid #b1b1b1;
padding: 10px 35px 10px 18px;
cursor: pointer;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#cruise_detail .info dl dt:before, #cruise_detail .info dl dt:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
background: #1a1a1a;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#cruise_detail .info dl dt:before {
width: 10px;
height: 2px;
right: 12px;
}
#cruise_detail .info dl dt:after {
width: 2px;
height: 10px;
right: 16px;
}
#cruise_detail .info dl dt.active:after {
opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
#cruise_detail .info dl dt:hover {
background: #6f8ea0;
color: #fff;
}
#cruise_detail .info dl dt:hover:before, #cruise_detail .info dl dt:hover:after {
background: #fff;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#cruise_detail .info dl dt:hover {
background: #6f8ea0;
color: #fff;
}
#cruise_detail .info dl dt:hover:before, #cruise_detail .info dl dt:hover:after {
background: #fff;
}
}
#cruise_detail .info dl dd {
margin-bottom: 40px;
display: none;
}
#cruise_detail .info dl dd:last-child {
margin-bottom: 0;
}
#cruise_detail .table_wrap {
overflow: auto;
}
#cruise_detail .table_wrap .table_info {
min-width: 735px;
}
#cruise_detail .table_info, #cruise_detail #price .XML_table table {
width: 100%;
border-collapse: collapse;
}
#cruise_detail .table_info th, #cruise_detail .table_info td, #cruise_detail #price .XML_table table th, #cruise_detail #price .XML_table table td {
border: 1px solid #cacaca;
padding: 10px 5px;
vertical-align: middle;
}
#cruise_detail .table_info th, #cruise_detail #price .XML_table table th {
background: #f0f0f0;
height: 46px;
}
#cruise_detail #schedule, #cruise_detail #price, #cruise_detail #cancel, #cruise_detail #information, #cruise_detail #pamphlet, #cruise_detail #precautions {
margin-top: -93px;
padding-top: 93px;
}
#cruise_detail #schedule {
margin-bottom: 40px;
}
#cruise_detail #schedule .bg_ttl {
margin-bottom: 26px;
}
#cruise_detail #schedule .table_info {
margin-bottom: 25px;
}
#cruise_detail #schedule .table_info td a {
color: #3371ac;
text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
#cruise_detail #schedule .table_info td a:hover {
text-decoration: none;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#cruise_detail #schedule .table_info td a:hover {
text-decoration: none;
}
}
#cruise_detail #schedule .table_info td:first-child, #cruise_detail #schedule .table_info td:nth-last-child(2), #cruise_detail #schedule .table_info td:last-child {
text-align: center;
}
#cruise_detail #schedule .table_info td.t_center {
text-align: center;
}
#cruise_detail #schedule #map {
aspect-ratio: 360/275;
}
#cruise_detail #schedule .modalbox {
display: none;
}
#cruise_detail #schedule .right .img .slick-slide img {
width: 100%;
}
#cruise_detail #schedule .right .img .slick-slide span {
display: block;
line-height: 1.5;
margin: 10px 0 0;
}
#cruise_detail #schedule .right .img .slick-dots {
position: static;
bottom: 0;
left: 0;
right: 0;
}
#cruise_detail #schedule .right .img .slick-dots li {
width: auto;
height: auto;
}
#cruise_detail #schedule .right .img .slick-dots li button {
padding: 0;
width: 12px;
height: 12px;
border-radius: 50%;
background: #f0f0f0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#cruise_detail #schedule .right .img .slick-dots li button:before {
display: none;
}
@media (hover: hover) and (pointer: fine) {
#cruise_detail #schedule .right .img .slick-dots li button:hover {
background: #f4a000;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#cruise_detail #schedule .right .img .slick-dots li button:hover {
background: #f4a000;
}
}
#cruise_detail #schedule .right .img .slick-dots li.slick-active button {
background: #f4a000;
}
#cruise_detail #price {
margin-bottom: 35px;
}
#cruise_detail #price .bg_ttl {
margin-bottom: 20px;
}
#cruise_detail #price .table_wrap .table_info td {
text-align: center;
}
#cruise_detail #price .table_wrap .table_info td b {
color: #c80000;
display: block;
}
#cruise_detail #price .table_wrap .table_info td:first-child {
text-align: left;
padding: 10px;
}
#cruise_detail #price .attent {
margin: 10px 0 0;
}
#cruise_detail #price .attent + .s_ttl {
margin-top: 50px;
}
#cruise_detail #price .d_link {
margin: 10px 0 0;
}
#cruise_detail #price .d_link a {
width: 100%;
text-align: center;
}
#cruise_detail #price .online {
margin: 35px 0 0; }
#cruise_detail #price .online dt {
margin-bottom: 10px;
font-size: 1.4rem;
color: #3371ac;   }
#cruise_detail #price .note {
margin: 35px 0 0;
}
#cruise_detail #price .note dt {
border-top: 1px solid #cacaca;
color: #3371ac;
font-size: 1.4rem;
font-weight: 500;
padding: 12px 0 5px;
}
#cruise_detail #price .note dd {
padding: 0 0 15px;
}
#cruise_detail #price .note dd:last-child {
border-bottom: 1px solid #cacaca;
}
#cruise_detail #price .note + .attent {
margin: 15px 0 0;
}
#cruise_detail #cancel {
margin-bottom: 50px;
}
#cruise_detail #cancel .bg_ttl {
margin-bottom: 20px;
}
#cruise_detail #cancel h3 {
color: #3371ac;
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 15px;
}
#cruise_detail #cancel .table_wrap .table_info {
text-align: center;
}
#cruise_detail #cancel .attent {
margin: 10px 0 0;
}
#cruise_detail #cancel .attent + h3 {
margin-top: 35px;
}
#cruise_detail #information {
margin-bottom: 45px;
}
#cruise_detail #information .bg_ttl {
margin-bottom: 20px;
}
#cruise_detail #information h3 {
color: #3371ac;
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 15px;
}
#cruise_detail #information h3:not(:nth-child(2)) {
margin-top: 45px;
}
#cruise_detail #information .point dt {
margin-bottom: 16px;
font-size: 1.4rem;
width: 100%;
border-radius: 4px;
border: 1px solid #b1b1b1;
padding: 10px 35px 10px 18px;
cursor: pointer;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#cruise_detail #information .point dt:before, #cruise_detail #information .point dt:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
background: #1a1a1a;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#cruise_detail #information .point dt:before {
width: 10px;
height: 2px;
right: 12px;
}
#cruise_detail #information .point dt:after {
width: 2px;
height: 10px;
right: 16px;
}
#cruise_detail #information .point dt.active:after {
opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
#cruise_detail #information .point dt:hover {
background: #6f8ea0;
color: #fff;
}
#cruise_detail #information .point dt:hover:before, #cruise_detail #information .point dt:hover:after {
background: #fff;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#cruise_detail #information .point dt:hover {
background: #6f8ea0;
color: #fff;
}
#cruise_detail #information .point dt:hover:before, #cruise_detail #information .point dt:hover:after {
background: #fff;
}
}
#cruise_detail #information .point dd {
display: none;
margin-bottom: 40px;
}
#cruise_detail #information .point dd:last-child {
margin-bottom: 0;
}
#cruise_detail #passport {
margin-bottom: 60px;
}
#cruise_detail #passport .bg_ttl {
margin-bottom: 20px;
}
#cruise_detail #passport p:not(.d_link) a {
color: #3371ac;
text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
#cruise_detail #passport p:not(.d_link) a:hover {
text-decoration: none;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#cruise_detail #passport p:not(.d_link) a:hover {
text-decoration: none;
}
}
#cruise_detail #pamphlet {
margin-bottom: 45px;
}
#cruise_detail #pamphlet .bg_ttl {
margin-bottom: 30px;
}
#cruise_detail #pamphlet .four_clum .box .img, #cruise_detail #pamphlet .four_clum .box .ttl {
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
#cruise_detail #pamphlet .four_clum .box:hover .img {
opacity: 0.7;
}
#cruise_detail #pamphlet .four_clum .box:hover .ttl {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#cruise_detail #pamphlet .four_clum .box:hover .img {
opacity: 0.7;
}
#cruise_detail #pamphlet .four_clum .box:hover .ttl {
color: #3371ac;
}
}
#cruise_detail #pamphlet .three_clum .box {
aspect-ratio: 16/9;
}
#cruise_detail #pamphlet .three_clum .box iframe {
width: 100%;
height: 100%;
}
#cruise_detail .voice {
margin-bottom: 55px;
}
#cruise_detail .voice .bg_ttl {
margin-bottom: 25px;
}
#cruise_detail .voice .voice_ul {
margin-bottom: 25px;
max-width: none;
}
#cruise_detail .voice .d_link {
text-align: center;
}
#cruise_detail #precautions {
margin-bottom: 65px;
}
#cruise_detail #precautions .bg_ttl {
margin-bottom: 20px;
}
#cruise_detail #precautions h3 {
color: #3371ac;
font-size: 1.6rem;
font-weight: 500;
margin-bottom: 15px;
}
#cruise_detail #precautions h3:not(:nth-child(2)) {
margin-top: 45px;
}
#cruise_detail #precautions ul:not(.document) li {
list-style-type: disc;
margin-left: 13px;
margin-bottom: 5px;
}
#cruise_detail #precautions ul:not(.document) li .arrow {
color: #3371ac;
display: inline-block;
padding: 0 0 0 11px;
position: relative;
}
#cruise_detail #precautions ul:not(.document) li .arrow:before {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 6px;
height: 6px;
border-top: 1px solid #3371ac;
border-right: 1px solid #3371ac;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
#cruise_detail #precautions ul:not(.document) li .arrow:hover {
text-decoration: underline;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#cruise_detail #precautions ul:not(.document) li .arrow:hover {
text-decoration: underline;
}
}
#cruise_detail #precautions .note {
margin: 35px 0;
padding: 20px 15px;
background: #f0f0f0;
}
#cruise_detail #precautions .note h4 {
font-size: 1.4rem;
margin-bottom: 5px;
}
#cruise_detail #precautions .document li a {
color: #3371ac;
display: inline-block;
padding: 0 0 0 11px;
position: relative;
}
#cruise_detail #precautions .document li a:before {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 6px;
height: 6px;
border-top: 1px solid #3371ac;
border-right: 1px solid #3371ac;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
#cruise_detail #precautions .document li a:hover {
text-decoration: underline;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#cruise_detail #precautions .document li a:hover {
text-decoration: underline;
}
}
@media screen and (min-width: 835px) {
#cruise_detail .page_ttl {
max-width: 1260px;
padding: 0 30px;
margin: 0 auto 45px;
font-size: 2.4rem;
}
#cruise_detail .anchor_list {
margin-bottom: 45px;
}
#cruise_detail .anchor_list li {
width: calc((100% - 20px) / 6);
margin: 0 4px 0 0;
}
#cruise_detail .anchor_list li a {
font-size: 1.6rem;
height: 43px;
}
#cruise_detail .anchor_list li a:before {
width: 9px;
height: 9px;
right: 14px;
}
#cruise_detail .anchor_list li:nth-child(3n) {
margin: 0 4px 0 0;
}
#cruise_detail .anchor_list li:last-child {
margin: 0;
}
#cruise_detail .dd_tag span {
font-size: 1.3rem;
}
#cruise_detail .detail dt {
width: 267px;
}
#cruise_detail .detail dd {
width: calc(100% - 267px);
}
#cruise_detail .detail + .comment {
margin-bottom: 40px;
}
#cruise_detail .d_link.rsv {
text-align: center;
margin-bottom: 120px;
}
#cruise_detail .d_link.rsv a {
max-width: 360px;
}
#cruise_detail .info {
margin-bottom: 65px;
}
#cruise_detail .info .bg_ttl {
margin-bottom: 35px;
}
#cruise_detail .info dl dt {
font-size: 1.8rem;
height: auto;
padding: 5px 45px 5px 16px;
}
#cruise_detail .table_info td, #cruise_detail #price .XML_table table td {
padding-left: 20px;
padding-right: 20px;
}
#cruise_detail #schedule {
margin-bottom: 85px;
}
#cruise_detail #schedule .bg_ttl {
margin-bottom: 40px;
}
#cruise_detail #schedule .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#cruise_detail #schedule .flex .left {
width: 62.5%;
margin: 0 2.67% 0 0;
}
#cruise_detail #schedule .flex .left .table_info td {
padding-left: 25px;
padding-right: 25px;
}
#cruise_detail #schedule .flex .left .table_info td:nth-child(2) {
text-align: center;
}
#cruise_detail #schedule .flex .left .table_info td:nth-child(2) br {
display: none;
}
#cruise_detail #schedule .flex .right {
width: 34.83%;
}
#cruise_detail #schedule .flex .right #map {
aspect-ratio: 418/276;
}
#cruise_detail #price {
margin-bottom: 65px;
}
#cruise_detail #price .bg_ttl {
margin-bottom: 40px;
}
#cruise_detail #price .s_ttl {
margin-bottom: 20px;
}
#cruise_detail #price .attent {
margin-top: 20px;
font-size: 1.2rem;
}
#cruise_detail #price .attent + .s_ttl {
margin-top: 90px;
}
#cruise_detail #price .d_link {
margin: 35px 0 0;
text-align: center;
}
#cruise_detail #price .d_link a {
max-width: 360px;
}
#cruise_detail #price .online {
margin: 45px 0 0;
}
#cruise_detail #price .online dt {
font-size: 2rem; }
#cruise_detail #price .note {
margin: 120px 0 0;
}
#cruise_detail #price .note dt {
font-size: 2rem;
padding: 20px 0 10px;
}
#cruise_detail #price .note dd {
padding: 0 0 25px;
}
#cruise_detail #cancel {
margin-bottom: 65px;
}
#cruise_detail #cancel .bg_ttl {
margin-bottom: 30px;
}
#cruise_detail #cancel h3 {
font-size: 1.8rem;
margin-bottom: 25px;
}
#cruise_detail #cancel .attent {
font-size: 1.2rem;
margin: 15px 0 0;
}
#cruise_detail #cancel .attent + h3 {
margin-top: 50px;
}
#cruise_detail #information {
margin-bottom: 65px;
}
#cruise_detail #information .bg_ttl {
margin-bottom: 30px;
}
#cruise_detail #information h3 {
font-size: 1.8rem;
margin-bottom: 25px;
}
#cruise_detail #information h3:not(:nth-child(2)) {
margin-top: 55px;
}
#cruise_detail #information .point dt {
font-size: 1.8rem;
height: auto;
padding: 12px 45px 12px 16px;
}
#cruise_detail #information .point dd ul li {
width: 23.5%;
margin: 0 2% 45px 0;
}
#cruise_detail #information .point dd ul li:nth-child(2n) {
margin: 0 2% 45px 0;
}
#cruise_detail #information .point dd ul li:nth-child(4n) {
margin: 0 0 45px;
}
#cruise_detail #information .point dd:last-child {
margin: 0;
}
#cruise_detail #passport {
margin-bottom: 80px;
}
#cruise_detail #pamphlet {
margin-bottom: 65px;
}
#cruise_detail #pamphlet .bg_ttl {
margin-bottom: 40px;
}
#cruise_detail #pamphlet .four_clum {
margin-bottom: 50px;
}
#cruise_detail #pamphlet .four_clum .box {
margin-bottom: 35px;
}
#cruise_detail .voice {
margin-bottom: 80px;
}
#cruise_detail .voice .bg_ttl {
margin-bottom: 40px;
}
#cruise_detail .voice .voice_ul {
margin-bottom: 35px;
}
#cruise_detail #precautions {
margin-bottom: 90px;
}
#cruise_detail #precautions .bg_ttl {
margin-bottom: 40px;
}
#cruise_detail #precautions h3 {
font-size: 1.8rem;
margin-bottom: 25px;
}
#cruise_detail #precautions h3:not(:nth-child(2)) {
margin-top: 65px;
}
#cruise_detail #precautions .note {
margin: 65px 0;
padding: 25px 30px;
}
} #cruise_detail.tour #schedule .mark {
margin-bottom: 45px;
}
#cruise_detail.tour #schedule .table_wrap .table_info th {
white-space: nowrap;
}
#cruise_detail.tour #schedule .table_wrap .table_info td:not(:nth-child(5)) {
white-space: nowrap;
}
#cruise_detail.tour #schedule .table_wrap .table_info .bg {
background: #e6f8fb;
}
#cruise_detail.tour #schedule #map {
aspect-ratio: 4/3;
}
#cruise_detail.tour #price .table_wrap {
margin-bottom: 15px;
}
#cruise_detail.tour #price .attent {
margin-bottom: 20px;
}
@media screen and (min-width: 835px) {
#cruise_detail.tour #schedule #map {
aspect-ratio: 16/9;
}
} #foreign_vessels .lead {
margin-bottom: 45px;
}
#foreign_vessels .lead .fs20 {
color: #3371ac;
font-weight: 700;
margin-bottom: 30px;
}
#foreign_vessels .bg_ttl {
margin-bottom: 35px;
}
@media screen and (max-width: 834px) {
#foreign_vessels .bg_ttl {
margin-left: -15px;
margin-right: -15px;
}
}
#foreign_vessels .calendar {
margin-bottom: 65px;
}
#foreign_vessels .calendar .month, #foreign_vessels .calendar .month_sp {
display: none;
}
#foreign_vessels .calendar .month_sp {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
background: #eee;
border: 1px solid #ccc;
padding: 5px 7px 5px 10px;
border-radius: 4px;
margin-bottom: 15px;
}
#foreign_vessels .calendar .table_wrap {
margin-bottom: 40px;
}
#foreign_vessels .calendar .table_wrap .table_info {
border-collapse: collapse;
width: 100%;
}
#foreign_vessels .calendar .table_wrap .table_info tr th, #foreign_vessels .calendar .table_wrap .table_info tr td {
border: 1px solid #cacaca;
width: calc((100vw - 30px) / 7);
line-height: 0;
}
#foreign_vessels .calendar .table_wrap .table_info tr td {
text-align: center;
position: relative;
padding-top: calc((100vw - 30px) / 7);
}
#foreign_vessels .calendar .table_wrap .table_info tr td .pc, #foreign_vessels .calendar .table_wrap .table_info tr td .sp, #foreign_vessels .calendar .table_wrap .table_info tr td .modalbox {
display: none;
}
#foreign_vessels .calendar .table_wrap .table_info tr td .date {
display: block;
text-align: left;
position: absolute;
top: 3px;
left: 5px;
line-height: 1.4;
}
#foreign_vessels .calendar .table_wrap .table_info tr td .modal {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
position: absolute;
top: 10px;
left: 0;
right: 0;
bottom: 0;
}
#foreign_vessels .calendar .table_wrap .table_info tr td.cruise_hit {
height: auto !important;
background: #ebfaff;
}
#foreign_vessels .calendar .table_wrap .table_info tr:first-child th {
height: auto;
padding: 10px;
background: #F2F2F2;
}
#foreign_vessels .calendar .table_wrap .table_info tr:first-child th.sat {
background: #c9dae9;
color: #1f35b5;
}
#foreign_vessels .calendar .table_wrap .table_info tr:first-child th.sun {
background: #ffcfce;
color: #b51515;
}
@media screen and (min-width: 1261px) {
#foreign_vessels .calendar .table_wrap .table_info tr td {
height: 171.4285714286px;
}
}
@media screen and (min-width: 835px) and (max-width: 1260px) {
#foreign_vessels .calendar .table_wrap .table_info tr td {
height: calc((100vw - 30px) / 7);
}
}
@media screen and (min-width: 835px) {
#foreign_vessels .calendar .month {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 25px;
}
#foreign_vessels .calendar .month li {
width: calc((100% - 25px) / 6);
margin: 0 5px 5px 0;
border: 1px solid #cacaca;
text-align: center;
font-weight: 700;
}
#foreign_vessels .calendar .month li a {
display: block;
padding: 10px;
background: #f0f0f0;
}
}
@media screen and (min-width: 835px) and (hover: hover) and (pointer: fine) {
#foreign_vessels .calendar .month li a:hover {
background: #0eb7d6;
color: #fff;
}
}
@media screen and (min-width: 835px) and (-ms-high-contrast: none), screen and (min-width: 835px) and (-ms-high-contrast: active) {
#foreign_vessels .calendar .month li a:hover {
background: #0eb7d6;
color: #fff;
}
}
@media screen and (min-width: 835px) {
#foreign_vessels .calendar .month li.noDate p {
padding: 10px;
color: #cacaca;
}
#foreign_vessels .calendar .month li.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #0eb7d6;
color: #fff;
border: 1px solid #0eb7d6;
}
#foreign_vessels .calendar .month li:nth-child(6n) {
margin: 0 0 5px;
}
#foreign_vessels .calendar .table_wrap .table_info tr td {
padding: 3px 5px 15px;
line-height: 1.5;
text-align: left;
}
#foreign_vessels .calendar .table_wrap .table_info tr td .pc {
display: block;
margin-bottom: 15px;
border-bottom: 1px dotted #cacaca;
padding: 0 5px 15px;
}
#foreign_vessels .calendar .table_wrap .table_info tr td .pc .ship {
background: #6f8ea0;
color: #fff;
font-size: 1.2rem;
padding: 4px 7px;
border-radius: 8px;
line-height: 1.33;
margin-bottom: 8px;
}
#foreign_vessels .calendar .table_wrap .table_info tr td .pc .point, #foreign_vessels .calendar .table_wrap .table_info tr td .pc .period {
margin-bottom: 8px;
}
#foreign_vessels .calendar .table_wrap .table_info tr td .pc .price {
font-size: 2rem;
color: #da0000;
font-weight: 900;
}
#foreign_vessels .calendar .table_wrap .table_info tr td .pc:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
}
@media screen and (min-width: 835px) and (hover: hover) and (pointer: fine) {
#foreign_vessels .calendar .table_wrap .table_info tr td .pc:hover {
opacity: 0.7;
}
}
@media screen and (min-width: 835px) and (-ms-high-contrast: none), screen and (min-width: 835px) and (-ms-high-contrast: active) {
#foreign_vessels .calendar .table_wrap .table_info tr td .pc:hover {
opacity: 0.7;
}
}
@media screen and (min-width: 835px) {
#foreign_vessels .calendar .table_wrap .table_info tr td .sp {
display: none !important;
}
#foreign_vessels .calendar .table_wrap .table_info tr td .date {
position: static;
margin-bottom: 12px;
}
#foreign_vessels .calendar .table_wrap .table_info tr:first-child th {
padding: 5px 0;
line-height: 1.5;
}
}
@media screen and (max-width: 834px) {
#foreign_vessels .calendar .table_wrap .table_info tr td .month_sp, #foreign_vessels .calendar .table_wrap .table_info tr td .sp {
display: block;
}
}
#foreign_vessels .cruise_list {
margin-bottom: 65px;
}
#foreign_vessels .cruise_list .list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 35px;
}
#foreign_vessels .cruise_list .list a .img {
width: 27.77%;
margin: 0 4.46% 0 0;
}
#foreign_vessels .cruise_list .list a .img span {
display: block;
aspect-ratio: 1/1;
border-radius: 4px;
line-height: 0;
overflow: hidden;
}
#foreign_vessels .cruise_list .list a .img span img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#foreign_vessels .cruise_list .list a .txt {
width: 67.77%;
font-size: 1.4rem;
}
#foreign_vessels .cruise_list .list a .txt .company {
margin-bottom: 5px;
}
#foreign_vessels .cruise_list .list a .txt .company span {
color: #fff;
background: #c69200;
display: inline-block;
padding: 2px 7px;
font-size: 1rem;
}
#foreign_vessels .cruise_list .list a .txt .ttl {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
#foreign_vessels .cruise_list .list a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#foreign_vessels .cruise_list .list a:hover .txt .ttl {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#foreign_vessels .cruise_list .list a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#foreign_vessels .cruise_list .list a:hover .txt .ttl {
color: #3371ac;
}
}
@media screen and (min-width: 835px) {
#foreign_vessels .cruise_list .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#foreign_vessels .cruise_list .list a {
width: 48.25%;
margin: 0 3.5% 60px 0;
}
#foreign_vessels .cruise_list .list a:nth-child(2n) {
margin: 0 0 60px;
}
#foreign_vessels .cruise_list .list a .txt .company span {
font-size: 1.2rem;
}
#foreign_vessels .cruise_list .list a .txt .ttl {
font-size: 2.2rem;
}
}
@media screen and (max-width: 834px) {
#foreign_vessels .calendar .month_sp {
display: block;
}
} #foreign_vessels_detail .ship_name {
margin-bottom: 40px;
}
#foreign_vessels_detail .ship_name li:first-child {
margin-bottom: 12px;
}
#foreign_vessels_detail .ship_name li:first-child span {
display: inline-block;
color: #fff;
text-align: center;
line-height: 18px;
font-size: 1rem;
padding: 0 10px;
background: #c69200;
}
#foreign_vessels_detail .ship_name li:nth-child(2) {
margin-bottom: 15px;
font-size: 2rem;
color: #3371ac;
font-weight: 700;
}
#foreign_vessels_detail .good_deal {
margin-bottom: 40px;
}
#foreign_vessels_detail .good_deal .bg_ttl {
margin-bottom: 20px;
}
#foreign_vessels_detail .good_deal .normal {
margin-bottom: 16px;
font-size: 1.4rem;
width: 100%;
border-radius: 4px;
border: 1px solid #b1b1b1;
padding: 10px 35px 10px 18px;
cursor: pointer;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#foreign_vessels_detail .good_deal .normal:before, #foreign_vessels_detail .good_deal .normal:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
background: #1a1a1a;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#foreign_vessels_detail .good_deal .normal:before {
width: 10px;
height: 2px;
right: 12px;
}
#foreign_vessels_detail .good_deal .normal:after {
width: 2px;
height: 10px;
right: 16px;
}
#foreign_vessels_detail .good_deal .normal.active:after {
opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
#foreign_vessels_detail .good_deal .normal:hover {
background: #6f8ea0;
color: #fff;
}
#foreign_vessels_detail .good_deal .normal:hover:before, #foreign_vessels_detail .good_deal .normal:hover:after {
background: #fff;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#foreign_vessels_detail .good_deal .normal:hover {
background: #6f8ea0;
color: #fff;
}
#foreign_vessels_detail .good_deal .normal:hover:before, #foreign_vessels_detail .good_deal .normal:hover:after {
background: #fff;
}
}
#foreign_vessels_detail .good_deal .box {
margin-bottom: 40px;
display: none;
}
#foreign_vessels_detail .good_deal .box .number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
}
#foreign_vessels_detail .good_deal .box .number span {
display: block;
}
#foreign_vessels_detail .good_deal .box .number span:first-child {
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
background: #c69200;
color: #fff;
border-radius: 50%;
font-size: 1.8rem;
font-weight: 700;
margin-right: 10px;
}
#foreign_vessels_detail .good_deal .box .number span:last-child {
width: calc(100% - 42px);
font-size: 1.8rem;
font-weight: 700;
}
#foreign_vessels_detail .good_deal .box .table_info {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
#foreign_vessels_detail .good_deal .box .table_info th, #foreign_vessels_detail .good_deal .box .table_info td {
border: 1px solid #cacaca;
padding: 10px 5px;
vertical-align: middle;
}
#foreign_vessels_detail .good_deal .box .table_info th {
background: #f0f0f0;
height: 46px;
}
#foreign_vessels_detail .good_deal .box:last-child {
margin-bottom: 0;
}
#foreign_vessels_detail .good_deal dl dt {
margin-bottom: 16px;
font-size: 1.4rem;
width: 100%;
border-radius: 4px;
border: 1px solid #b1b1b1;
padding: 10px 35px 10px 18px;
cursor: pointer;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#foreign_vessels_detail .good_deal dl dt:before, #foreign_vessels_detail .good_deal dl dt:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
background: #1a1a1a;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#foreign_vessels_detail .good_deal dl dt:before {
width: 10px;
height: 2px;
right: 12px;
}
#foreign_vessels_detail .good_deal dl dt:after {
width: 2px;
height: 10px;
right: 16px;
}
#foreign_vessels_detail .good_deal dl dt.active:after {
opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
#foreign_vessels_detail .good_deal dl dt:hover {
background: #6f8ea0;
color: #fff;
}
#foreign_vessels_detail .good_deal dl dt:hover:before, #foreign_vessels_detail .good_deal dl dt:hover:after {
background: #fff;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#foreign_vessels_detail .good_deal dl dt:hover {
background: #6f8ea0;
color: #fff;
}
#foreign_vessels_detail .good_deal dl dt:hover:before, #foreign_vessels_detail .good_deal dl dt:hover:after {
background: #fff;
}
}
#foreign_vessels_detail .good_deal dl dd {
margin-bottom: 40px;
display: none;
}
#foreign_vessels_detail .good_deal dl dd .box {
margin-bottom: 40px;
font-size: 1.4rem;
}
#foreign_vessels_detail .good_deal dl dd .box h3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
}
#foreign_vessels_detail .good_deal dl dd .box h3 span {
display: block;
}
#foreign_vessels_detail .good_deal dl dd .box h3 span:first-child {
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
background: #c69200;
color: #fff;
border-radius: 50%;
font-size: 1.8rem;
font-weight: 700;
margin-right: 10px;
}
#foreign_vessels_detail .good_deal dl dd .box h3 span:last-child {
width: calc(100% - 42px);
font-size: 1.8rem;
font-weight: 700;
}
#foreign_vessels_detail .good_deal dl dd .box .table_info {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
#foreign_vessels_detail .good_deal dl dd .box .table_info th, #foreign_vessels_detail .good_deal dl dd .box .table_info td {
border: 1px solid #cacaca;
padding: 10px 5px;
vertical-align: middle;
}
#foreign_vessels_detail .good_deal dl dd .box .table_info th {
background: #f0f0f0;
height: 46px;
}
#foreign_vessels_detail .good_deal dl dd:last-child {
margin-bottom: 0;
}
#foreign_vessels_detail .calendar {
margin-bottom: 65px;
}
#foreign_vessels_detail .calendar .bg_ttl {
margin-bottom: 20px;
}
#foreign_vessels_detail .calendar .month, #foreign_vessels_detail .calendar .month_sp {
display: none;
}
#foreign_vessels_detail .calendar .month_sp {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
background: #eee;
border: 1px solid #ccc;
padding: 5px 7px 5px 10px;
border-radius: 4px;
margin-bottom: 15px;
}
#foreign_vessels_detail .calendar .table_wrap {
margin-bottom: 40px;
}
#foreign_vessels_detail .calendar .table_wrap .table_info {
border-collapse: collapse;
width: 100%;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr th, #foreign_vessels_detail .calendar .table_wrap .table_info tr td {
border: 1px solid #cacaca;
width: calc((100vw - 30px) / 7);
line-height: 0;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr td {
text-align: center;
position: relative;
padding-top: calc((100vw - 30px) / 7);
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr td .pc, #foreign_vessels_detail .calendar .table_wrap .table_info tr td .sp, #foreign_vessels_detail .calendar .table_wrap .table_info tr td .modalbox {
display: none;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr td .date {
display: block;
text-align: left;
position: absolute;
top: 3px;
left: 5px;
line-height: 1.4;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr td .modal {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
position: absolute;
top: 10px;
left: 0;
right: 0;
bottom: 0;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr td.cruise_hit {
height: auto !important;
background: #ebfaff;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr:first-child th {
height: auto;
padding: 10px;
background: #F2F2F2;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr:first-child th.sat {
background: #c9dae9;
color: #1f35b5;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr:first-child th.sun {
background: #ffcfce;
color: #b51515;
}
@media screen and (min-width: 1261px) {
#foreign_vessels_detail .calendar .table_wrap .table_info tr td {
height: 171.4285714286px;
}
}
@media screen and (min-width: 835px) and (max-width: 1260px) {
#foreign_vessels_detail .calendar .table_wrap .table_info tr td {
height: calc((100vw - 30px) / 7);
}
}
@media screen and (min-width: 835px) {
#foreign_vessels_detail .calendar .month {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 25px;
}
#foreign_vessels_detail .calendar .month li {
width: calc((100% - 25px) / 6);
margin: 0 5px 5px 0;
border: 1px solid #cacaca;
text-align: center;
font-weight: 700;
}
#foreign_vessels_detail .calendar .month li a {
display: block;
padding: 10px;
background: #f0f0f0;
}
}
@media screen and (min-width: 835px) and (hover: hover) and (pointer: fine) {
#foreign_vessels_detail .calendar .month li a:hover {
background: #0eb7d6;
color: #fff;
}
}
@media screen and (min-width: 835px) and (-ms-high-contrast: none), screen and (min-width: 835px) and (-ms-high-contrast: active) {
#foreign_vessels_detail .calendar .month li a:hover {
background: #0eb7d6;
color: #fff;
}
}
@media screen and (min-width: 835px) {
#foreign_vessels_detail .calendar .month li.noDate p {
padding: 10px;
color: #cacaca;
}
#foreign_vessels_detail .calendar .month li.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #0eb7d6;
color: #fff;
border: 1px solid #0eb7d6;
}
#foreign_vessels_detail .calendar .month li:nth-child(6n) {
margin: 0 0 5px;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr td {
padding: 3px 5px 15px;
line-height: 1.5;
text-align: left;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr td .pc {
display: block;
margin-bottom: 15px;
border-bottom: 1px dotted #cacaca;
padding: 0 5px 15px;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr td .pc .ship {
background: #6f8ea0;
color: #fff;
font-size: 1.2rem;
padding: 4px 7px;
border-radius: 8px;
line-height: 1.33;
margin-bottom: 8px;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr td .pc .point, #foreign_vessels_detail .calendar .table_wrap .table_info tr td .pc .period {
margin-bottom: 8px;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr td .pc .price {
font-size: 2rem;
color: #da0000;
font-weight: 900;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr td .pc:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
}
@media screen and (min-width: 835px) and (hover: hover) and (pointer: fine) {
#foreign_vessels_detail .calendar .table_wrap .table_info tr td .pc:hover {
opacity: 0.7;
}
}
@media screen and (min-width: 835px) and (-ms-high-contrast: none), screen and (min-width: 835px) and (-ms-high-contrast: active) {
#foreign_vessels_detail .calendar .table_wrap .table_info tr td .pc:hover {
opacity: 0.7;
}
}
@media screen and (min-width: 835px) {
#foreign_vessels_detail .calendar .table_wrap .table_info tr td .sp {
display: none !important;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr td .date {
position: static;
margin-bottom: 12px;
}
#foreign_vessels_detail .calendar .table_wrap .table_info tr:first-child th {
padding: 5px 0;
line-height: 1.5;
}
}
@media screen and (max-width: 834px) {
#foreign_vessels_detail .calendar .table_wrap .table_info tr td .month_sp, #foreign_vessels_detail .calendar .table_wrap .table_info tr td .sp {
display: block;
}
}
#foreign_vessels_detail .cruise_list {
margin-bottom: 65px;
}
#foreign_vessels_detail .cruise_list .bg_ttl {
margin-bottom: 35px;
}
#foreign_vessels_detail .cruise_list .tab-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 35px;
}
#foreign_vessels_detail .cruise_list .tab-area li {
padding: 6.5px 20px;
margin: 0 5px 5px 0;
border: 1px solid #6f8ea0;
color: #6f8ea0;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#foreign_vessels_detail .cruise_list .tab-area li.active {
background: #6f8ea0;
color: #fff;
}
@media (hover: hover) and (pointer: fine) {
#foreign_vessels_detail .cruise_list .tab-area li:hover {
background: #6f8ea0;
color: #fff;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#foreign_vessels_detail .cruise_list .tab-area li:hover {
background: #6f8ea0;
color: #fff;
}
}
#foreign_vessels_detail .cruise_list .panel-area .panel {
display: none;
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 35px;
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a .img {
width: 27.77%;
margin: 0 4.46% 0 0;
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a .img span {
display: block;
aspect-ratio: 1/1;
border-radius: 4px;
line-height: 0;
overflow: hidden;
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a .img span img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a .txt {
width: 67.77%;
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a .txt .date {
margin-bottom: 5px;
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a .txt .date span {
color: #fff;
background: #6f8ea0;
display: inline-block;
padding: 2px 7px;
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a .txt .ttl {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a .txt .price {
font-size: 1.4rem;
}
@media (hover: hover) and (pointer: fine) {
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a:hover .img span img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a:hover .txt .ttl {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a:hover .img span img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a:hover .txt .ttl {
color: #3371ac;
}
}
#foreign_vessels_detail .cruise_list .panel-area .panel.active {
display: block;
}
@media screen and (min-width: 835px) {
#foreign_vessels_detail .ship_name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 65px;
}
#foreign_vessels_detail .ship_name li:first-child {
margin-right: 10px;
}
#foreign_vessels_detail .ship_name li:nth-child(2) {
font-size: 2.4rem;
}
#foreign_vessels_detail .ship_name li:last-child {
width: 100%;
margin-top: 15px;
}
#foreign_vessels_detail .good_deal {
margin-bottom: 70px;
}
#foreign_vessels_detail .good_deal .normal {
font-size: 1.8rem;
height: auto;
padding: 5px 45px 5px 16px;
}
#foreign_vessels_detail .good_deal dl dt {
font-size: 1.8rem;
height: auto;
padding: 5px 45px 5px 16px;
}
#foreign_vessels_detail .calendar {
margin-bottom: 80px;
}
#foreign_vessels_detail .calendar .bg_ttl {
margin-bottom: 30px;
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a {
width: 48.25%;
margin: 0 3.5% 60px 0;
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a:nth-child(2n) {
margin: 0 0 60px;
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a .txt .company span {
font-size: 1.2rem;
}
#foreign_vessels_detail .cruise_list .panel-area .panel .inner a .txt .ttl {
font-size: 2.2rem;
}
}
@media screen and (max-width: 834px) {
#foreign_vessels_detail .bg_ttl {
margin-left: -15px;
margin-right: -15px;
}
#foreign_vessels_detail .calendar .month_sp {
display: block;
}
} #port_index form {
margin-bottom: 40px;
position: relative;
}
#port_index form input {
border: 1px solid #bebebe;
border-radius: 4px;
width: 100%;
padding: 10px 35px 10px 10px;
}
#port_index form button {
width: 25px;
height: 25px;
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto 0;
padding: 0;
line-height: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
#port_index form button:hover {
opacity: 0.7;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#port_index form button:hover {
opacity: 0.7;
}
}
#port_index .map_block {
position: relative;
margin-bottom: 20px;
}
#port_index .map_block .img {
line-height: 0;
}
#port_index .map_block ul li {
position: absolute; }
#port_index .map_block ul li a {
background: #c69200;
color: #fff;
font-size: 2.56vw;
border-radius: 1.03vw;
display: inline-block;
height: 4.36vw;
line-height: 4.36vw;
padding: 0 1.28vw;
}
@media (hover: hover) and (pointer: fine) {
#port_index .map_block ul li a:hover {
background: #dbad49;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#port_index .map_block ul li a:hover {
background: #dbad49;
}
}
#port_index .map_block ul li.baltic {
top: 3.33vw;
left: 5.9vw;
}
#port_index .map_block ul li.alaska {
top: 4.87vw;
right: 26.15vw;
}
#port_index .map_block ul li.mediterranean {
top: 17.95vw;
left: 2.56vw;
}
#port_index .map_block ul li.agean {
top: 17.95vw;
left: 15.64vw;
}
#port_index .map_block ul li.japan {
top: 16.67vw;
left: 36.92vw;
}
#port_index .map_block ul li.baha {
top: 15.38vw;
right: 16.41vw;
}
#port_index .map_block ul li.mid_east {
top: 24.1vw;
left: 22.31vw;
}
#port_index .map_block ul li.asia {
top: 23.08vw;
left: 35.38vw;
}
#port_index .map_block ul li.hawaii {
top: 24.36vw;
right: 23.59vw;
}
#port_index .map_block ul li.caribbean {
top: 20.26vw;
right: 5.13vw;
}
#port_index .map_block ul li.oceania {
top: 32.56vw;
left: 23.08vw;
}
#port_index .map_block ul li.south_america {
bottom: 7.95vw;
right: 8.21vw;
}
#port_index .link_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 65px;
}
#port_index .link_list li {
margin: 0 20px 10px 0;
}
#port_index .link_list li a {
display: inline-block;
font-size: 1.4rem;
padding: 0 0 0 15px;
position: relative;
}
#port_index .link_list li a:before {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 7px;
height: 7px;
border-top: 1px solid #0eb7d6;
border-right: 1px solid #0eb7d6;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
#port_index .link_list li a:hover {
color: #0eb7d6;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#port_index .link_list li a:hover {
color: #0eb7d6;
}
}
#port_index .link_list li:last-child {
margin: 0 0 10px;
}
@media screen and (min-width: 835px) {
#port_index .bg_ttl {
margin-bottom: 50px;
}
#port_index form {
margin-bottom: 90px;
}
#port_index form input {
font-size: 1.6rem;
padding: 15px 35px 15px 10px;
}
#port_index .map_block .img {
margin-bottom: 40px;
}
#port_index .map_block ul li { }
#port_index .map_block ul li a {
font-size: 2rem;
padding: 10px 26px;
line-height: 1.5;
height: auto;
border-radius: 6px;
}
#port_index .map_block ul li.baltic {
top: 47px;
left: 103px;
}
#port_index .map_block ul li.alaska {
top: 69px;
right: 360px;
}
#port_index .map_block ul li.mediterranean {
top: 243px;
left: 48px;
}
#port_index .map_block ul li.agean {
top: 243px;
left: 227px;
}
#port_index .map_block ul li.japan {
top: 221px;
left: 503px;
}
#port_index .map_block ul li.baha {
top: 204px;
right: 259px;
}
#port_index .map_block ul li.mid_east {
top: 318px;
left: 296px;
}
#port_index .map_block ul li.asia {
top: 306px;
left: 477px;
}
#port_index .map_block ul li.hawaii {
top: 321px;
right: 333px;
}
#port_index .map_block ul li.caribbean {
top: 272px;
right: 92px;
}
#port_index .map_block ul li.oceania {
bottom: 154px;
top: auto;
left: 403px;
}
#port_index .map_block ul li.south_america {
bottom: 103px;
right: 130px;
}
}
@media screen and (min-width: 835px) and (max-width: 1260px) {
#port_index .map_block ul li { }
#port_index .map_block ul li a {
font-size: 1.59vw;
padding: 0.79vw 2.06vw;
border-radius: 0.48vw;
}
#port_index .map_block ul li.baltic {
top: 3.73vw;
left: 8.17vw;
}
#port_index .map_block ul li.alaska {
top: 5.48vw;
right: 28.57vw;
}
#port_index .map_block ul li.mediterranean {
top: 19.29vw;
left: 3.81vw;
}
#port_index .map_block ul li.agean {
top: 19.29vw;
left: 18.02vw;
}
#port_index .map_block ul li.japan {
top: 17.54vw;
left: 39.92vw;
}
#port_index .map_block ul li.baha {
top: 16.19vw;
right: 20.56vw;
}
#port_index .map_block ul li.mid_east {
top: 25.24vw;
left: 23.49vw;
}
#port_index .map_block ul li.asia {
top: 24.29vw;
left: 37.86vw;
}
#port_index .map_block ul li.hawaii {
top: 25.48vw;
right: 26.43vw;
}
#port_index .map_block ul li.caribbean {
top: 21.59vw;
right: 7.3vw;
}
#port_index .map_block ul li.oceania {
bottom: 12.22vw;
left: 31.98vw;
}
#port_index .map_block ul li.south_america {
bottom: 8.17vw;
right: 10.32vw;
}
}
@media screen and (min-width: 835px) {
#port_index .link_list {
margin-bottom: 160px;
}
#port_index .link_list li {
margin: 0 30px 15px 0;
}
#port_index .link_list li a {
font-size: 1.6rem;
padding: 0 0 0 22px;
}
#port_index .link_list li a:before {
top: 10px;
width: 8px;
height: 8px;
}
}
@media screen and (max-width: 834px) {
#port_index .bg_ttl {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 20px;
}
} #port_search .link_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 65px;
}
#port_search .link_list li a {
display: inline-block;
font-size: 1.4rem;
padding: 0 0 0 15px;
position: relative;
}
#port_search .link_list li a:before {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 7px;
height: 7px;
border-top: 1px solid #0eb7d6;
border-right: 1px solid #0eb7d6;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
#port_search .link_list li a:hover {
color: #0eb7d6;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#port_search .link_list li a:hover {
color: #0eb7d6;
}
}
#port_search .link_list li:last-child {
margin: 0 0 10px;
}
@media screen and (min-width: 835px) {
#port_search .bg_ttl {
margin-bottom: 50px;
}
#port_search .link_list {
margin-bottom: 160px;
}
#port_search .link_list li {
margin: 0 4% 15px 0;
width: 22%;
}
#port_search .link_list li a {
font-size: 1.6rem;
padding: 0 0 0 22px;
}
#port_search .link_list li a:before {
top: 10px;
width: 8px;
height: 8px;
}
#port_search .link_list li:nth-child(4n) {
margin: 0 0 15px;
}
}
@media screen and (max-width: 834px) {
#port_search .bg_ttl {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 20px;
}
#port_search .link_list li {
width: 48%;
margin: 0 4% 10px 0;
}
#port_search .link_list li:nth-child(2n) {
margin: 0 0 10px;
}
} #port_area #map {
aspect-ratio: 1/1;
margin-bottom: 25px;
background: #ccc;
}
#port_area .link_list {
margin-bottom: 65px;
}
#port_area .link_list li {
margin: 0 20px 10px 0;
}
#port_area .link_list li a {
display: inline-block;
font-size: 1.4rem;
padding: 0 0 0 15px;
position: relative;
}
#port_area .link_list li a:before {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 7px;
height: 7px;
border-top: 1px solid #0eb7d6;
border-right: 1px solid #0eb7d6;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
#port_area .link_list li a:hover {
color: #0eb7d6;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#port_area .link_list li a:hover {
color: #0eb7d6;
}
}
#port_area .link_list li:last-child {
margin: 0 0 10px;
}
@media screen and (min-width: 835px) {
#port_area .bg_ttl {
margin-bottom: 50px;
}
#port_area #map {
aspect-ratio: 1200/545;
margin-bottom: 95px;
}
#port_area .link_list {
margin-bottom: 160px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#port_area .link_list li {
width: 32%;
margin: 0 2% 15px 0;
}
#port_area .link_list li a {
font-size: 1.6rem;
padding: 0 0 0 22px;
}
#port_area .link_list li a:before {
top: 10px;
width: 8px;
height: 8px;
}
#port_area .link_list li:nth-child(3n) {
margin: 0 0 15px;
}
}
@media screen and (max-width: 834px) {
#port_area .bg_ttl {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 25px;
margin-bottom: 20px;
}
} #port_detail #map {
aspect-ratio: 1/1;
margin-bottom: 10px;
}
#port_detail #map iframe {
width: 100%;
height: 100%;
}
#port_detail .attent {
margin-bottom: 40px;
}
#port_detail .comment {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 35px;
}
#port_detail .comment dt {
width: 33.61%;
line-height: 0;
margin: 0 5.28% 0 0;
}
#port_detail .comment dt img {
width: 100%;
}
#port_detail .comment dd {
width: 61.11%;
}
#port_detail .comment dd .ttl {
color: #3371ac;
font-size: 1.4rem;
font-weight: 500;
margin-bottom: 5px;
}
#port_detail .cruise_list {
margin-bottom: 65px;
margin-top: 30px;
}
#port_detail .cruise_list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 35px;
}
#port_detail .cruise_list a .img {
width: 27.77%;
margin: 0 4.46% 0 0;
}
#port_detail .cruise_list a .img span {
display: block;
aspect-ratio: 1/1;
border-radius: 4px;
line-height: 0;
overflow: hidden;
}
#port_detail .cruise_list a .img span img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#port_detail .cruise_list a .txt {
width: 67.77%;
}
#port_detail .cruise_list a .txt .date {
margin-bottom: 5px;
}
#port_detail .cruise_list a .txt .date span {
color: #fff;
background: #6f8ea0;
display: inline-block;
padding: 2px 7px;
}
#port_detail .cruise_list a .txt .ttl {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#port_detail .cruise_list a .txt .price {
font-size: 1.4rem;
}
@media (hover: hover) and (pointer: fine) {
#port_detail .cruise_list a:hover .img span img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#port_detail .cruise_list a:hover .txt .ttl {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#port_detail .cruise_list a:hover .img span img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#port_detail .cruise_list a:hover .txt .ttl {
color: #3371ac;
}
}
@media screen and (min-width: 835px) {
#port_detail #map {
aspect-ratio: 1200/545;
margin: 50px 0 10px;
}
#port_detail .attent {
font-size: 1.2rem;
margin-bottom: 60px;
}
#port_detail .comment {
margin-bottom: 110px;
}
#port_detail .comment dt {
width: 26.66%;
margin: 0 3.34% 0 0;
}
#port_detail .comment dd {
width: 70%;
}
#port_detail .comment dd .ttl {
font-size: 2.4rem;
margin-bottom: 15px;
}
#port_detail .cruise_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 50px;
margin-bottom: 80px;
}
#port_detail .cruise_list a {
width: 48.25%;
margin: 0 3.5% 60px 0;
}
#port_detail .cruise_list a:nth-child(2n) {
margin: 0 0 60px;
}
#port_detail .cruise_list a .txt .company span {
font-size: 1.2rem;
}
#port_detail .cruise_list a .txt .ttl {
font-size: 2.2rem;
}
}
@media screen and (max-width: 834px) {
#port_detail .bg_ttl {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 25px;
margin-bottom: 20px;
}
} #voice_index {
margin-bottom: 65px;
}
#voice_index .voice_ul {
margin-bottom: 40px;
}
#voice_index .voice_list {
border-top: 1px solid #bdbdbd;
margin-bottom: 40px;
}
#voice_index .voice_list .box {
border-bottom: 1px solid #bdbdbd;
}
#voice_index .voice_list .box a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px 0;
}
#voice_index .voice_list .box a .img {
width: 120px;
height: 120px;
margin-right: 20px;
aspect-ratio: 1/1;
overflow: hidden;
border-radius: 8px;
}
#voice_index .voice_list .box a .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#voice_index .voice_list .box a .txt {
width: calc(100% - 140px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
#voice_index .voice_list .box a .txt .ev, #voice_index .voice_list .box a .txt .ttl {
width: 100%;
}
#voice_index .voice_list .box a .txt .date {
margin-right: 15px;
margin-bottom: 0;
line-height: 1.5;
}
#voice_index .voice_list .box a .txt .tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#voice_index .voice_list .box a .txt .tag .cruise, #voice_index .voice_list .box a .txt .tag .ship {
font-size: 1.2rem;
font-weight: 500;
display: inline-block;
text-align: center;
height: 23px;
line-height: 23px;
color: #fff;
}
#voice_index .voice_list .box a .txt .tag .cruise {
width: 168px;
margin: 0 8px 0 0;
background: #6f8ea0;
}
#voice_index .voice_list .box a .txt .tag .ship {
width: 185px;
background: #c69200;
}
#voice_index .voice_list .box a .txt .ev {
margin: 10px 0 0;
color: #c69400;
}
#voice_index .voice_list .box a .txt .ttl {
font-size: 1.8rem;
font-weight: 500;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
#voice_index .voice_list .box a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#voice_index .voice_list .box a:hover .txt .ttl {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#voice_index .voice_list .box a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#voice_index .voice_list .box a:hover .txt .ttl {
color: #3371ac;
}
}
@media screen and (min-width: 835px) {
#voice_index {
margin-bottom: 120px;
}
#voice_index .voice_ul {
margin-bottom: 55px;
}
}
@media screen and (max-width: 834px) {
#voice_index .voice_list .box a {
display: block;
}
#voice_index .voice_list .box a .img {
display: none;
}
#voice_index .voice_list .box a .txt {
width: 100%;
display: block;
}
#voice_index .voice_list .box a .txt .date {
margin: 0 0 5px;
}
#voice_index .voice_list .box a .txt .tag .cruise, #voice_index .voice_list .box a .txt .tag .ship {
width: auto;
height: 18px;
line-height: 18px;
padding: 0 10px;
font-size: 1rem;
}
#voice_index .voice_list .box a .txt .ev {
font-size: 1.2rem;
margin: 6px 0 0;
}
#voice_index .voice_list .box a .txt .ttl {
font-size: 1.6rem;
}
} #voice_detail .top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
#voice_detail .top .date {
margin-right: 14px;
}
#voice_detail .date {
font-size: 1.2rem;
font-weight: 500;
margin-bottom: 5px;
}
#voice_detail .category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 3px;
}
#voice_detail .category li {
color: #fff;
font-size: 1rem;
font-weight: 500;
padding: 1px 7px;
margin: 0 7px 7px 0;
}
#voice_detail .category li:first-child {
background: #6f8ea0;
}
#voice_detail .category li:last-child {
background: #c69200;
margin: 0 0 7px;
}
#voice_detail .ev {
color: #c69400;
margin: 20px 0 0;
}
#voice_detail h2 {
font-weight: 500;
font-size: 1.6rem;
margin-bottom: 5px;
}
#voice_detail .customer {
font-size: 1rem;
font-weight: 500;
margin-bottom: 30px;
}
#voice_detail .flex {
margin-bottom: 40px;
}
#voice_detail .flex dt {
line-height: 0;
margin-bottom: 30px;
}
#voice_detail .flex dt img {
width: 100%;
}
#voice_detail .flex dd {
font-size: 1.4rem;
}
#voice_detail .d_link {
text-align: center;
margin-bottom: 65px;
}
@media screen and (min-width: 835px) {
#voice_detail h2 {
font-size: 2.4rem;
}
#voice_detail .customer, #voice_detail .date {
font-size: 1.2rem;
}
#voice_detail .date {
margin-bottom: 10px;
}
#voice_detail .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#voice_detail .flex dt {
width: 43.75%;
margin-right: 5%;
}
#voice_detail .flex dd {
width: 51.25%;
}
}
@media screen and (max-width: 834px) {
#voice_detail .top {
display: block;
}
#voice_detail .top .date {
margin: 0 0 10px;
}
#voice_detail .ev {
margin: 10px 0 5px;
}
} #pamphlet .anchor_list {
margin-bottom: 65px;
}
#pamphlet .anchor_list h2 {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 15px;
}
#pamphlet .anchor_list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
#pamphlet .anchor_list ul li {
width: calc(50% - 12px);
margin: 0 24px 10px 0;
padding: 0 0 0 15px;
position: relative;
line-height: 1.5;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#pamphlet .anchor_list ul li:before {
content: "";
position: absolute;
top: 5px;
left: 0;
width: 7px;
height: 7px;
border-top: 1px solid #3271ad;
border-right: 1px solid #3271ad;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
@media (hover: hover) and (pointer: fine) {
#pamphlet .anchor_list ul li:hover {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#pamphlet .anchor_list ul li:hover {
color: #3371ac;
}
}
#pamphlet .anchor_list ul li:nth-child(2n) {
margin: 0 0 5px;
}
@media screen and (min-width: 835px) {
#pamphlet .anchor_list {
margin-bottom: 80px;
}
#pamphlet .anchor_list ul li {
width: auto;
margin: 0 24px 10px 0 !important;
}
#pamphlet .anchor_list ul li:last-child {
margin: 0 0 10px !important;
}
}
#pamphlet .anchor_block {
margin-bottom: 70px;
}
#pamphlet .anchor_block .block {
margin-bottom: 50px;
margin-top: -90px;
padding-top: 90px;
}
#pamphlet .anchor_block .block h3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
#pamphlet .anchor_block .block h3 img {
margin-right: 15px;
}
#pamphlet .anchor_block .block h3 span {
font-size: 1.6rem;
font-weight: 700;
}
#pamphlet .anchor_block .block .slick-slider {
margin: 0 -10px;
}
#pamphlet .anchor_block .block .slick-slider .slick-slide {
margin: 0 10px;
}
#pamphlet .anchor_block .block .slick-slider .slick-slide a {
display: block;
line-height: 0;
}
#pamphlet .anchor_block .block .slick-slider .slick-slide a img {
width: 100%;
margin-bottom: 10px;
}
#pamphlet .anchor_block .block .slick-slider .slick-slide a p {
line-height: 1.583;
}
@media (hover: hover) and (pointer: fine) {
#pamphlet .anchor_block .block .slick-slider .slick-slide a:hover img {
opacity: 0.7;
}
#pamphlet .anchor_block .block .slick-slider .slick-slide a:hover p {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#pamphlet .anchor_block .block .slick-slider .slick-slide a:hover img {
opacity: 0.7;
}
#pamphlet .anchor_block .block .slick-slider .slick-slide a:hover p {
color: #3371ac;
}
}
#pamphlet .anchor_block .block .slick-slider .slick-dots {
position: relative;
}
#pamphlet .anchor_block .block .slick-slider .slick-dots li {
width: auto;
height: auto;
}
#pamphlet .anchor_block .block .slick-slider .slick-dots li button {
padding: 0;
width: 12px;
height: 12px;
border-radius: 50%;
background: #cacaca;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#pamphlet .anchor_block .block .slick-slider .slick-dots li button:before {
display: none;
}
@media (hover: hover) and (pointer: fine) {
#pamphlet .anchor_block .block .slick-slider .slick-dots li button:hover {
background: #0eb7d6;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#pamphlet .anchor_block .block .slick-slider .slick-dots li button:hover {
background: #0eb7d6;
}
}
#pamphlet .anchor_block .block .slick-slider .slick-dots li.slick-active button {
background: #0eb7d6;
}
#pamphlet .anchor_block .block ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#pamphlet .anchor_block .block ul li {
width: 29.56%;
margin: 0 5.66% 35px 0;
}
#pamphlet .anchor_block .block ul li a {
display: block;
line-height: 0;
}
#pamphlet .anchor_block .block ul li a img {
width: 100%;
margin-bottom: 10px;
}
#pamphlet .anchor_block .block ul li a p {
line-height: 1.5;
}
@media (hover: hover) and (pointer: fine) {
#pamphlet .anchor_block .block ul li a:hover img {
opacity: 0.8;
}
#pamphlet .anchor_block .block ul li a:hover p {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#pamphlet .anchor_block .block ul li a:hover img {
opacity: 0.8;
}
#pamphlet .anchor_block .block ul li a:hover p {
color: #3371ac;
}
}
#pamphlet .anchor_block .block ul li:nth-child(3n) {
margin: 0 0 35px;
}
@media screen and (min-width: 835px) {
#pamphlet .anchor_block {
margin-bottom: 100px;
}
#pamphlet .anchor_block .block {
margin-bottom: 70px;
}
#pamphlet .anchor_block .block h3 {
margin-bottom: 20px;
}
#pamphlet .anchor_block .block h3 img {
width: 80px;
height: 80px;
}
#pamphlet .anchor_block .block h3 span {
font-size: 2.4rem;
}
#pamphlet .anchor_block .block ul li {
width: 23.75%;
margin: 0 1.66% 35px 0;
}
#pamphlet .anchor_block .block ul li:nth-child(3n) {
margin: 0 1.66% 35px 0;
}
#pamphlet .anchor_block .block ul li:nth-child(4n) {
margin: 0 0 35px;
}
} #japan_ship .calendar {
margin-bottom: 65px;
}
#japan_ship .calendar .bg_ttl {
margin-bottom: 20px;
}
#japan_ship .calendar .month, #japan_ship .calendar .month_sp {
display: none;
}
#japan_ship .calendar .month_sp {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
background: #eee;
border: 1px solid #ccc;
padding: 5px 7px 5px 10px;
border-radius: 4px;
margin-bottom: 15px;
}
#japan_ship .calendar .table_wrap {
margin-bottom: 40px;
}
#japan_ship .calendar .table_wrap .table_info {
border-collapse: collapse;
width: 100%;
}
#japan_ship .calendar .table_wrap .table_info tr th, #japan_ship .calendar .table_wrap .table_info tr td {
border: 1px solid #cacaca;
width: calc((100vw - 30px) / 7);
line-height: 0;
}
#japan_ship .calendar .table_wrap .table_info tr td {
text-align: center;
position: relative;
padding-top: calc((100vw - 30px) / 7);
}
#japan_ship .calendar .table_wrap .table_info tr td .pc, #japan_ship .calendar .table_wrap .table_info tr td .sp, #japan_ship .calendar .table_wrap .table_info tr td .modalbox {
display: none;
}
#japan_ship .calendar .table_wrap .table_info tr td .date {
display: block;
text-align: left;
position: absolute;
top: 3px;
left: 5px;
line-height: 1.4;
}
#japan_ship .calendar .table_wrap .table_info tr td .modal {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
position: absolute;
top: 10px;
left: 0;
right: 0;
bottom: 0;
}
#japan_ship .calendar .table_wrap .table_info tr td.cruise_hit {
height: auto !important;
background: #ebfaff;
}
#japan_ship .calendar .table_wrap .table_info tr:first-child th {
height: auto;
padding: 10px;
background: #F2F2F2;
}
#japan_ship .calendar .table_wrap .table_info tr:first-child th.sat {
background: #c9dae9;
color: #1f35b5;
}
#japan_ship .calendar .table_wrap .table_info tr:first-child th.sun {
background: #ffcfce;
color: #b51515;
}
@media screen and (min-width: 1261px) {
#japan_ship .calendar .table_wrap .table_info tr td {
height: 171.4285714286px;
}
}
@media screen and (min-width: 835px) and (max-width: 1260px) {
#japan_ship .calendar .table_wrap .table_info tr td {
height: calc((100vw - 30px) / 7);
}
}
@media screen and (min-width: 835px) {
#japan_ship .calendar .month {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 25px;
}
#japan_ship .calendar .month li {
width: calc((100% - 25px) / 6);
margin: 0 5px 5px 0;
border: 1px solid #cacaca;
text-align: center;
font-weight: 700;
}
#japan_ship .calendar .month li a {
display: block;
padding: 10px;
background: #f0f0f0;
}
}
@media screen and (min-width: 835px) and (hover: hover) and (pointer: fine) {
#japan_ship .calendar .month li a:hover {
background: #0eb7d6;
color: #fff;
}
}
@media screen and (min-width: 835px) and (-ms-high-contrast: none), screen and (min-width: 835px) and (-ms-high-contrast: active) {
#japan_ship .calendar .month li a:hover {
background: #0eb7d6;
color: #fff;
}
}
@media screen and (min-width: 835px) {
#japan_ship .calendar .month li.noDate p {
padding: 10px;
color: #cacaca;
}
#japan_ship .calendar .month li.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #0eb7d6;
color: #fff;
border: 1px solid #0eb7d6;
}
#japan_ship .calendar .month li:nth-child(6n) {
margin: 0 0 5px;
}
#japan_ship .calendar .table_wrap .table_info tr td {
padding: 3px 5px 15px;
line-height: 1.5;
text-align: left;
}
#japan_ship .calendar .table_wrap .table_info tr td .pc {
display: block;
margin-bottom: 15px;
border-bottom: 1px dotted #cacaca;
padding: 0 5px 15px;
}
#japan_ship .calendar .table_wrap .table_info tr td .pc .ship {
background: #6f8ea0;
color: #fff;
font-size: 1.2rem;
padding: 4px 7px;
border-radius: 8px;
line-height: 1.33;
margin-bottom: 8px;
}
#japan_ship .calendar .table_wrap .table_info tr td .pc .point, #japan_ship .calendar .table_wrap .table_info tr td .pc .period {
margin-bottom: 8px;
}
#japan_ship .calendar .table_wrap .table_info tr td .pc .price {
font-size: 2rem;
color: #da0000;
font-weight: 900;
}
#japan_ship .calendar .table_wrap .table_info tr td .pc:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
}
@media screen and (min-width: 835px) and (hover: hover) and (pointer: fine) {
#japan_ship .calendar .table_wrap .table_info tr td .pc:hover {
opacity: 0.7;
}
}
@media screen and (min-width: 835px) and (-ms-high-contrast: none), screen and (min-width: 835px) and (-ms-high-contrast: active) {
#japan_ship .calendar .table_wrap .table_info tr td .pc:hover {
opacity: 0.7;
}
}
@media screen and (min-width: 835px) {
#japan_ship .calendar .table_wrap .table_info tr td .sp {
display: none !important;
}
#japan_ship .calendar .table_wrap .table_info tr td .date {
position: static;
margin-bottom: 12px;
}
#japan_ship .calendar .table_wrap .table_info tr:first-child th {
padding: 5px 0;
line-height: 1.5;
}
}
@media screen and (max-width: 834px) {
#japan_ship .calendar .table_wrap .table_info tr td .month_sp, #japan_ship .calendar .table_wrap .table_info tr td .sp {
display: block;
}
}
#japan_ship .ship_list {
margin-bottom: 65px;
}
#japan_ship .ship_list .bg_ttl {
margin-bottom: 25px;
}
#japan_ship .ship_list .three_clum .box {
display: block;
margin-bottom: 40px;
}
#japan_ship .ship_list .three_clum .box .img {
line-height: 0;
overflow: hidden;
margin-bottom: 15px;
}
#japan_ship .ship_list .three_clum .box .img img {
width: 100%;
}
#japan_ship .ship_list .three_clum .box .txt .tag {
margin-bottom: 5px;
}
#japan_ship .ship_list .three_clum .box .txt .tag span {
display: inline-block;
font-size: 1rem;
color: #fff;
background: #6f8ea0;
padding: 2px 8px;
}
#japan_ship .ship_list .three_clum .box .txt .name {
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 10px;
}
@media (hover: hover) and (pointer: fine) {
#japan_ship .ship_list .three_clum .box:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#japan_ship .ship_list .three_clum .box:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media screen and (min-width: 835px) {
#japan_ship .lead {
margin-bottom: 100px;
}
#japan_ship .calendar {
margin-bottom: 90px;
}
#japan_ship .ship_list .three_clum .box .txt .name {
font-size: 2rem;
}
}
@media screen and (max-width: 834px) {
#japan_ship .bg_ttl {
margin-left: -15px;
margin-right: -15px;
}
#japan_ship .calendar .month_sp {
display: block;
}
} #info_index .info_dl {
margin-bottom: 50px;
}
#info_index .n_info_dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #cacaca;
margin-bottom: 40px;
}
#info_index .n_info_dl dt {
width: 372px;
border-bottom: 1px solid #cacaca;
padding: 15px 16px 15px 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#info_index .n_info_dl dt span:first-child {
margin-right: 15px;
width: 108px;
}
#info_index .n_info_dl dt span:last-child {
display: block;
width: 170px;
height: 23px;
line-height: 23px;
font-size: 1.2rem;
font-weight: 500;
text-align: center;
color: #fff;
}
#info_index .n_info_dl dt span:last-child.t_info {
background: #f4a000;
}
#info_index .n_info_dl dt span:last-child.t_line {
background: #c69200;
}
#info_index .n_info_dl dt span:last-child.t_area {
background: #6f8ea0;
}
#info_index .n_info_dl dt.nck {
padding-left: 52px;
}
#info_index .n_info_dl dt.new:before {
content: "New";
background: #c80000;
color: #fff;
width: 31px;
height: 18px;
line-height: 18px;
font-size: 1rem;
font-weight: 500;
display: block;
text-align: center;
margin-right: 7px;
}
#info_index .n_info_dl dt.imp:before {
content: "";
background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.95%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f4a000%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M21.95%2C12.46c-.11-.29-.11-.62%2C0-.92l.91-2.4c.22-.57%2C0-1.2-.5-1.53l-2.15-1.4c-.26-.17-.46-.44-.54-.74l-.67-2.47c-.16-.58-.7-.98-1.3-.95l-2.56.13c-.31.02-.62-.09-.87-.28l-2-1.61c-.47-.38-1.14-.38-1.61%2C0l-2%2C1.61c-.25.2-.56.3-.87.28l-2.56-.13c-.6-.03-1.15.36-1.3.95l-.67%2C2.47c-.08.3-.27.57-.54.74l-2.15%2C1.4c-.51.33-.71.97-.5%2C1.53l.91%2C2.4c.11.29.11.62%2C0%2C.92L.08%2C14.85c-.22.56%2C0%2C1.2.5%2C1.53l2.15%2C1.4c.26.17.46.44.54.74l.67%2C2.47c.16.58.7.98%2C1.3.95l2.56-.13c.32-.02.62.08.87.28l2%2C1.61c.47.38%2C1.14.38%2C1.61%2C0l2-1.61c.25-.2.56-.3.87-.28l2.56.13c.6.03%2C1.15-.36%2C1.3-.95l.67-2.47c.08-.3.27-.57.54-.74l2.15-1.4c.51-.33.71-.97.5-1.53l-.91-2.4ZM13.01%2C17.3c0%2C.49-.4.89-.89.89h-1.3c-.49%2C0-.89-.4-.89-.89v-1.36c0-.49.4-.89.89-.89h1.3c.49%2C0%2C.89.4.89.89v1.36ZM13.01%2C12.61c0%2C.49-.4.89-.89.89h-1.3c-.49%2C0-.89-.4-.89-.89v-5.91c0-.49.4-.89.89-.89h1.3c.49%2C0%2C.89.4.89.89v5.91Z%22%2F%3E%3C%2Fsvg%3E");
background-size: 100%;
background-position: center;
width: 22.9518px;
height: 24px;
margin-right: 11px;
margin-left: 3px;
display: block;
}
#info_index .n_info_dl dd {
width: calc(100% - 372px);
border-bottom: 1px solid #cacaca;
padding: 11px 0;
}
#info_index .n_info_dl dd a {
display: inline-block;
font-size: 1.8rem;
font-weight: 500;
}
@media (hover: hover) and (pointer: fine) {
#info_index .n_info_dl dd a:hover {
text-decoration: underline;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#info_index .n_info_dl dd a:hover {
text-decoration: underline;
}
}
#info_index .wp-pagenavi {
margin-bottom: 75px;
}
@media screen and (min-width: 835px) {
#info_index .info_dl {
margin-bottom: 60px;
max-width: 890px;
}
#info_index .info_dl dt {
padding: 20px;
}
#info_index .wp-pagenavi {
margin-bottom: 100px;
}
}
@media screen and (max-width: 834px) {
#info_index .n_info_dl {
display: block;
}
#info_index .n_info_dl dt, #info_index .n_info_dl dd {
width: 100%;
}
#info_index .n_info_dl dt {
border-bottom: none;
padding: 15px 16px 7px 0;
}
#info_index .n_info_dl dt.nck {
padding-left: 38px;
}
#info_index .n_info_dl dd {
padding: 0 0 11px;
}
#info_index .n_info_dl dd a {
font-size: 1.6rem;
}
} #info_detail h2 {
margin-bottom: 30px;
font-size: 1.6rem;
}
#info_detail .date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#info_detail .date span:first-child {
margin-right: 15px;
width: 108px;
}
#info_detail .date span:last-child {
display: block;
width: 170px;
height: 23px;
line-height: 23px;
font-size: 1.2rem;
font-weight: 500;
text-align: center;
color: #fff;
}
#info_detail .date span:last-child.t_info {
background: #f4a000;
}
#info_detail .date span:last-child.t_line {
background: #c69200;
}
#info_detail .date span:last-child.t_area {
background: #6f8ea0;
}
#info_detail .date.nck {
padding-left: 52px;
}
#info_detail .date.new:before {
content: "New";
background: #c80000;
color: #fff;
width: 31px;
height: 18px;
line-height: 18px;
font-size: 1rem;
font-weight: 500;
display: block;
text-align: center;
margin-right: 7px;
}
#info_detail .date.imp:before {
content: "";
background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.95%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f4a000%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M21.95%2C12.46c-.11-.29-.11-.62%2C0-.92l.91-2.4c.22-.57%2C0-1.2-.5-1.53l-2.15-1.4c-.26-.17-.46-.44-.54-.74l-.67-2.47c-.16-.58-.7-.98-1.3-.95l-2.56.13c-.31.02-.62-.09-.87-.28l-2-1.61c-.47-.38-1.14-.38-1.61%2C0l-2%2C1.61c-.25.2-.56.3-.87.28l-2.56-.13c-.6-.03-1.15.36-1.3.95l-.67%2C2.47c-.08.3-.27.57-.54.74l-2.15%2C1.4c-.51.33-.71.97-.5%2C1.53l.91%2C2.4c.11.29.11.62%2C0%2C.92L.08%2C14.85c-.22.56%2C0%2C1.2.5%2C1.53l2.15%2C1.4c.26.17.46.44.54.74l.67%2C2.47c.16.58.7.98%2C1.3.95l2.56-.13c.32-.02.62.08.87.28l2%2C1.61c.47.38%2C1.14.38%2C1.61%2C0l2-1.61c.25-.2.56-.3.87-.28l2.56.13c.6.03%2C1.15-.36%2C1.3-.95l.67-2.47c.08-.3.27-.57.54-.74l2.15-1.4c.51-.33.71-.97.5-1.53l-.91-2.4ZM13.01%2C17.3c0%2C.49-.4.89-.89.89h-1.3c-.49%2C0-.89-.4-.89-.89v-1.36c0-.49.4-.89.89-.89h1.3c.49%2C0%2C.89.4.89.89v1.36ZM13.01%2C12.61c0%2C.49-.4.89-.89.89h-1.3c-.49%2C0-.89-.4-.89-.89v-5.91c0-.49.4-.89.89-.89h1.3c.49%2C0%2C.89.4.89.89v5.91Z%22%2F%3E%3C%2Fsvg%3E");
background-size: 100%;
background-position: center;
width: 22.9518px;
height: 24px;
margin-right: 11px;
margin-left: 3px;
display: block;
}
#info_detail .txt {
font-size: 1.4rem;
margin-bottom: 55px;
}
#info_detail .txt p {
margin-bottom: 30px;
}
#info_detail .txt p:last-child {
margin-bottom: 0;
}
#info_detail .d_link {
text-align: center;
margin-bottom: 65px;
}
@media screen and (min-width: 835px) {
#info_detail h2 {
font-size: 2.4rem;
}
#info_detail .txt {
margin-bottom: 65px;
}
#info_detail .d_link {
margin-bottom: 100px;
}
} #reason {
margin-bottom: 65px;
}
#reason .list {
border-top: 1px solid #bdbdbd;
}
#reason .list dl {
padding: 12px 0 20px;
border-bottom: 1px solid #bdbdbd;
}
#reason .list dl dt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
#reason .list dl dt img {
width: 69px;
margin-right: 13px;
}
#reason .list dl dt span {
width: calc(100% - 82px);
color: #3371ac;
font-weight: 500;
font-size: 1.8rem;
line-height: 1.5;
}
@media screen and (min-width: 835px) {
#reason {
margin-bottom: 100px;
}
#reason .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: none;
}
#reason .list dl {
width: 48%;
margin: 0 4% 0 0;
}
#reason .list dl dt span {
font-size: 2.4rem;
}
#reason .list dl:first-child, #reason .list dl:nth-child(2) {
border-top: 1px solid #bdbdbd;
}
#reason .list dl:nth-child(2n) {
margin: 0;
}
} #charm .point .box {
margin-bottom: 80px;
}
#charm .point .box dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #3371ac;
margin: 0 -15px 20px;
}
#charm .point .box dl dt {
width: 55.12%;
line-height: 0;
margin: 0 7.71% 0 0;
}
#charm .point .box dl dt img {
width: 100%;
}
#charm .point .box dl dd {
width: 37.17%;
background: #3371ac;
color: #fff;
font-size: 1.8rem;
font-weight: 500;
padding: 0 15px 0 0;
}
#charm .point .box .txt p span {
font-weight: 700;
color: #3371ac;
}
#charm .point .box:nth-child(2n) dl dt {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin: 0 0 0 7.71%;
}
#charm .point .box:nth-child(2n) dl dd {
padding: 0 0 0 15px;
}
#charm .oneday {
margin-bottom: 80px;
}
#charm .oneday .bg_ttl {
margin: 0 -15px 40px;
}
#charm .oneday .list dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 30px;
}
#charm .oneday .list dl dt {
width: 45.55%;
margin: 0 4.45% 0 0;
line-height: 0;
}
#charm .oneday .list dl dt img {
width: 100%;
}
#charm .oneday .list dl dd {
width: 50%;
}
#charm .oneday .list dl dd .time {
color: #3371ac;
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 5px;
}
#charm .oneday .list dl:nth-child(2n) dt {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin: 0 0 0 4.45%;
}
@media screen and (min-width: 835px) {
#charm .point {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 40px;
}
#charm .point .box {
width: 47%;
margin: 0 3.5% 70px 0;
}
#charm .point .box dl {
margin: 0 0 30px;
}
#charm .point .box dl dt {
-webkit-box-ordinal-group: inherit !important;
-ms-flex-order: inherit !important;
order: inherit !important;
margin: 0 7.71% 0 0 !important;
}
#charm .point .box dl dd {
font-size: 2.4rem;
}
#charm .point .box:nth-child(2n) {
margin: 0 0 60px;
}
#charm .oneday {
margin-bottom: 120px;
}
#charm .oneday .bg_ttl {
margin: 0 0 40px;
}
#charm .oneday .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#charm .oneday .list dl {
display: block;
width: calc((100% - 90px) / 4);
margin: 0 30px 40px 0 !important;
}
#charm .oneday .list dl dt, #charm .oneday .list dl dd {
width: 100%;
}
#charm .oneday .list dl dt {
margin: 0 0 15px !important;
}
#charm .oneday .list dl dd .time {
font-size: 2rem;
}
#charm .oneday .list dl:nth-child(4n) {
margin: 0 0 40px !important;
}
} #choose .first {
margin-bottom: 40px;
}
#choose .flow {
margin-bottom: 80px;
}
#choose .flow dt {
margin-bottom: 20px;
font-size: 1.4rem;
width: 100%;
border-radius: 4px;
border: 1px solid #b1b1b1;
padding: 10px 35px 10px 18px;
cursor: pointer;
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#choose .flow dt:before, #choose .flow dt:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
background: #1a1a1a;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#choose .flow dt:before {
width: 10px;
height: 2px;
right: 12px;
}
#choose .flow dt:after {
width: 2px;
height: 10px;
right: 16px;
}
#choose .flow dt.active:after {
opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
#choose .flow dt:hover {
background: #6f8ea0;
color: #fff;
}
#choose .flow dt:hover:before, #choose .flow dt:hover:after {
background: #fff;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#choose .flow dt:hover {
background: #6f8ea0;
color: #fff;
}
#choose .flow dt:hover:before, #choose .flow dt:hover:after {
background: #fff;
}
}
#choose .flow dd {
margin-bottom: 60px;
display: none;
}
#choose .flow dd .flex {
margin-bottom: 35px;
}
#choose .flow dd .flex .img {
line-height: 0;
margin-bottom: 25px;
}
#choose .flow dd .flex:last-child {
margin-bottom: 0;
}
#choose .flow dd .arrow {
border-top: 1px solid #bcbcbc;
}
#choose .flow dd .arrow li {
border-bottom: 1px solid #bcbcbc;
padding: 14px 0;
}
#choose .flow dd .arrow li p:first-child {
margin-bottom: 5px;
font-size: 1.4rem;
font-weight: 700;
color: #3371ac;
}
#choose .flow dd .arrow li p:last-child {
padding: 0 0 0 22px;
background: url(//www.bute.co.jp/shared/img/choose/arrow.jpg) no-repeat;
background-position: left center;
background-size: 13.5px;
}
#choose .flow dd figure {
line-height: 0;
text-align: center;
margin-bottom: 35px;
}
#choose .flow dd .rank {
border-top: 1px solid #bcbcbc;
}
#choose .flow dd .rank li {
border-bottom: 1px solid #bcbcbc;
padding: 14px 0;
}
#choose .flow dd .rank li p:first-child {
margin-bottom: 5px;
font-size: 1.4rem;
font-weight: 700;
color: #3371ac;
}
#choose .flow dd:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 835px) {
#choose .first {
margin-bottom: 100px;
}
#choose .flow {
margin-bottom: 120px;
}
#choose .flow dt {
font-size: 1.8rem;
height: auto;
padding: 5px 45px 5px 16px;
margin-bottom: 30px;
}
#choose .flow dd {
margin-bottom: 80px;
}
#choose .flow dd .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 50px;
}
#choose .flow dd .flex .img {
width: 35.83%;
margin: 0 5% 0 0;
}
#choose .flow dd .flex .img img {
width: 100%;
}
#choose .flow dd .flex .txt {
width: 59.17%;
}
#choose .flow dd .arrow li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#choose .flow dd .arrow li p:first-child {
margin: 0 30px 0 0;
font-size: 1.8rem;
}
#choose .flow dd .arrow li p:last-child {
font-size: 1.5rem;
padding: 0 0 0 40px;
}
#choose .flow dd figure {
margin: 50px 0;
}
#choose .flow dd .rank li p:first-child {
font-size: 1.8rem;
}
} #flow .list {
margin-bottom: 65px;
}
#flow .list dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px;
padding-bottom: 23px;
border-bottom: 1px solid #bcbcbc;
}
#flow .list dl dt {
width: 30.55%;
margin: 0 5.57% 0 0;
line-height: 0;
}
#flow .list dl dt img {
width: 100%;
}
#flow .list dl dd {
width: 63.88%;
}
#flow .list dl dd .ttl {
color: #3371ac;
font-weight: 700;
font-size: 1.8rem;
margin-bottom: 10px;
}
#flow .list dl dd .dot_list {
margin-bottom: 20px;
}
#flow .list dl dd .dot_list:last-child {
margin-bottom: 0;
}
#flow .list dl:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 835px) {
#flow .list {
margin-bottom: 100px;
}
#flow .list dl {
padding-bottom: 35px;
margin-bottom: 33px;
}
#flow .list dl dd .ttl {
font-size: 2.4rem;
margin-bottom: 25px;
}
} #faq .anchor_list {
margin-bottom: 45px;
}
#faq .anchor_list li {
width: 100%;
margin: 0 2px 7px 0;
}
#faq .anchor_list li a {
width: 100%;
height: 35.5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #6f8ea0;
color: #fff;
position: relative;
padding-right: 5px;
}
#faq .anchor_list li a:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 9px;
margin: auto 0;
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
@media (hover: hover) and (pointer: fine) {
#faq .anchor_list li a:hover {
background: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#faq .anchor_list li a:hover {
background: #3371ac;
}
}
#faq .anchor_list li:nth-child(3n) {
margin: 0 0 2px;
}
#faq #about, #faq #reserve, #faq #trouble {
margin-top: -93px;
padding-top: 90px;
margin-bottom: 65px;
}
#faq .faq {
border-bottom: 1px solid #bdbdbd;
}
#faq .faq dt, #faq .faq dd {
padding-left: 46px;
position: relative;
}
#faq .faq dt:before, #faq .faq dd:before {
content: "";
position: absolute;
top: 0;
left: 0;
font-size: 4rem;
font-weight: 700;
line-height: 40px;
}
#faq .faq dt {
padding-bottom: 25px;
padding-top: 25px;
padding-right: 40px;
border-top: 1px solid #bdbdbd;
font-size: 1.6rem;
font-weight: 700;
color: #3371ac;
line-height: 1.5;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#faq .faq dt:before {
content: "Q";
color: #3371ac;
top: 13px;
}
#faq .faq dt:after {
content: "+";
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #cacaca;
text-align: center;
line-height: 21px;
font-size: 2rem;
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto 0;
color: #1a1a1a;
background: #fff;
}
#faq .faq dt.active:after {
content: "-";
line-height: 16px;
}
@media (hover: hover) and (pointer: fine) {
#faq .faq dt:hover {
background: #f0f0f0;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#faq .faq dt:hover {
background: #f0f0f0;
}
}
#faq .faq dt:first-child {
border: none;
}
#faq .faq dd {
padding-bottom: 35px;
display: none;
margin-top: 25px;
}
#faq .faq dd:before {
content: "A";
color: #c69200;
}
#faq .dot_list {
margin-bottom: 20px;
}
#faq .dot_list:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 835px) {
#faq .anchor_list {
margin-bottom: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#faq .anchor_list li {
width: calc((100% - 20px) / 3);
margin: 0 4px 0 0;
}
#faq .anchor_list li a {
font-size: 1.6rem;
height: 43px;
}
#faq .anchor_list li a:before {
width: 9px;
height: 9px;
right: 14px;
}
#faq .anchor_list li:nth-child(3n) {
margin: 0 4px 0 0;
}
#faq .anchor_list li:last-child {
margin: 0;
}
#faq .bg_ttl {
margin-bottom: 20px;
}
#faq .faq dt {
font-size: 1.8rem;
padding-top: 27px;
padding-bottom: 25px;
}
#faq .faq dt:before {
top: 16px;
}
#faq .dot_list {
margin-bottom: 30px;
}
}
@media screen and (max-width: 834px) {
#faq .bg_ttl {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 20px;
}
} #world_cruise .page_ttl {
margin-bottom: 20px;
}
#world_cruise .online {
text-align: center;
font-size: 1.6rem;
margin-bottom: 80px;
}
#world_cruise .online .d_link a {
font-size: 1.6rem;
padding: 16px 43px 16px 30px;
}
#world_cruise .online .d_link a:before {
width: 11px;
height: 11px;
}
#world_cruise .portal {
margin-bottom: 55px;
}
#world_cruise .portal a {
display: inline-block;
background: #6f8ea0;
color: #fff;
position: relative;
padding: 8px 42px 8px 20px;
text-align: center;
width: 100%;
}
#world_cruise .portal a:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 12px;
width: 10px;
height: 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: auto 0;
}
@media (hover: hover) and (pointer: fine) {
#world_cruise .portal a:hover {
background: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#world_cruise .portal a:hover {
background: #3371ac;
}
}
#world_cruise h2 {
margin-bottom: 15px;
font-size: 1.5rem;
}
#world_cruise #dwForm {
margin-bottom: 70px;
}
#world_cruise #dwForm .parts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 8px;
}
#world_cruise #dwForm .parts #dwDestination, #world_cruise #dwForm .parts #dwDate, #world_cruise #dwForm .parts #dwPort, #world_cruise #dwForm .parts #dwCruiseline, #world_cruise #dwForm .parts #dwShip, #world_cruise #dwForm .parts #dwDays {
width: 48.05%;
margin: 0 3.9% 12px 0;
}
#world_cruise #dwForm .parts #dwDestination .ttl, #world_cruise #dwForm .parts #dwDate .ttl, #world_cruise #dwForm .parts #dwPort .ttl, #world_cruise #dwForm .parts #dwCruiseline .ttl, #world_cruise #dwForm .parts #dwShip .ttl, #world_cruise #dwForm .parts #dwDays .ttl {
font-weight: 700;
margin-bottom: 5px;
font-size: 1.2rem;
}
#world_cruise #dwForm .parts #dwDestination .select_wrap, #world_cruise #dwForm .parts #dwDate .select_wrap, #world_cruise #dwForm .parts #dwPort .select_wrap, #world_cruise #dwForm .parts #dwCruiseline .select_wrap, #world_cruise #dwForm .parts #dwShip .select_wrap, #world_cruise #dwForm .parts #dwDays .select_wrap {
position: relative;
}
#world_cruise #dwForm .parts #dwDestination .select_wrap:after, #world_cruise #dwForm .parts #dwDate .select_wrap:after, #world_cruise #dwForm .parts #dwPort .select_wrap:after, #world_cruise #dwForm .parts #dwCruiseline .select_wrap:after, #world_cruise #dwForm .parts #dwShip .select_wrap:after, #world_cruise #dwForm .parts #dwDays .select_wrap:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 12px;
width: 10px;
height: 10px;
border-top: 1px solid #0eb7d6;
border-right: 1px solid #0eb7d6;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
margin: auto 0;
}
#world_cruise #dwForm .parts #dwDestination .select_wrap select, #world_cruise #dwForm .parts #dwDate .select_wrap select, #world_cruise #dwForm .parts #dwPort .select_wrap select, #world_cruise #dwForm .parts #dwCruiseline .select_wrap select, #world_cruise #dwForm .parts #dwShip .select_wrap select, #world_cruise #dwForm .parts #dwDays .select_wrap select {
width: 100%;
padding: 6px 20px 6px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border: 1px solid #b1b1b1;
border-radius: 4px;
}
#world_cruise #dwForm .parts #dwDate, #world_cruise #dwForm .parts #dwCruiseline, #world_cruise #dwForm .parts #dwDays {
margin-right: 0;
}
#world_cruise #dwForm #dwGoButton {
background: #0eb7d6;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 1.6rem;
font-weight: 700;
width: 100%;
height: 37px;
line-height: 37px;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 4px;
position: relative;
margin-bottom: 25px;
}
#world_cruise #dwForm #dwGoButton:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 12px;
width: 8px;
height: 8px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: auto 0;
}
@media (hover: hover) and (pointer: fine) {
#world_cruise #dwForm #dwGoButton:hover {
opacity: 0.7;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#world_cruise #dwForm #dwGoButton:hover {
opacity: 0.7;
}
}
#world_cruise #dwForm #dwGoButton + p {
font-size: 1.2rem;
}
#world_cruise #dwForm #dwGoButton + p a {
color: #3371ac;
text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
#world_cruise #dwForm #dwGoButton + p a:hover {
text-decoration: none;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#world_cruise #dwForm #dwGoButton + p a:hover {
text-decoration: none;
}
}
@media screen and (min-width: 835px) {
#world_cruise .wrap {
max-width: 1062px;
}
#world_cruise .page_ttl {
margin-bottom: 40px;
}
#world_cruise .online {
font-size: 1.8rem;
}
#world_cruise .online .d_link a {
font-size: 1.8rem;
}
#world_cruise .portal {
margin-bottom: 70px;
text-align: center;
}
#world_cruise .portal a {
width: auto;
}
#world_cruise h2 {
font-size: 1.8rem;
}
#world_cruise #dwForm {
margin-bottom: 100px;
}
#world_cruise #dwForm .parts {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#world_cruise #dwForm .parts #dwDestination, #world_cruise #dwForm .parts #dwDate, #world_cruise #dwForm .parts #dwPort, #world_cruise #dwForm .parts #dwCruiseline, #world_cruise #dwForm .parts #dwShip, #world_cruise #dwForm .parts #dwDays {
width: auto;
margin: 0 15px 10px 0;
}
#world_cruise #dwForm .parts #dwDestination .select_wrap select, #world_cruise #dwForm .parts #dwDate .select_wrap select, #world_cruise #dwForm .parts #dwPort .select_wrap select, #world_cruise #dwForm .parts #dwCruiseline .select_wrap select, #world_cruise #dwForm .parts #dwShip .select_wrap select, #world_cruise #dwForm .parts #dwDays .select_wrap select {
padding: 6px 33px 6px 10px;
max-width: 200px;
}
#world_cruise #dwForm .parts #dwDate, #world_cruise #dwForm .parts #dwCruiseline {
margin: 0 15px 10px 0;
}
#world_cruise #dwForm #dwGoButton {
width: 200px;
margin: 0 auto 20px;
}
#world_cruise #dwForm #dwGoButton + p {
max-width: 749px;
}
} #online_portal .system {
margin-bottom: 45px;
}
#online_portal .system .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px;
}
#online_portal .system .flex li {
width: 31.38%;
margin: 0 2.93% 25px 0;
}
#online_portal .system .flex li .img {
line-height: 0;
border: 1px solid #cacaca;
aspect-ratio: 1/1;
padding: 10px;
margin-bottom: 15px;
}
#online_portal .system .flex li .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#online_portal .system .flex li p {
line-height: 1.5;
}
#online_portal .system .flex li:nth-child(3n) {
margin: 0 0 25px;
}
#online_portal .system .dot_list {
background: #f0f0f0;
padding: 20px 24px;
}
#online_portal .payment {
margin-bottom: 40px;
}
#online_portal .payment .flex {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#online_portal .payment .flex dt {
line-height: 0;
width: 30.27%;
margin: 0 3.9% 0 0;
}
#online_portal .payment .flex dt img {
width: 100%;
}
#online_portal .payment .flex dd {
width: 65.83%;
}
#online_portal .payment .attent {
background: #f0f0c2;
padding: 24px 15px;
}
#online_portal .payment .attent h3 {
font-size: 1.4rem;
font-weight: 700;
color: #c80000;
margin-bottom: 5px;
}
#online_portal .cancel {
margin-bottom: 40px;
}
#online_portal .cancel p span {
font-weight: 700;
color: #c80000;
}
#online_portal .confirmation {
margin-bottom: 65px;
}
@media screen and (min-width: 835px) {
#online_portal .bg_ttl {
margin-bottom: 40px;
}
#online_portal .system {
margin-bottom: 90px;
}
#online_portal .system .flex {
margin: 50px 0 20px;
}
#online_portal .system .flex li {
width: 15.41%;
margin: 0 1.508% 30px 0 !important;
}
#online_portal .system .flex li .img {
padding: 20px;
}
#online_portal .system .flex li:nth-child(6n) {
margin: 0 0 30px !important;
}
#online_portal .system .dot_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 30px 30px 25px;
}
#online_portal .system .dot_list li {
width: calc(31% - 17px);
margin: 0 3.5% 5px 17px !important;
}
#online_portal .system .dot_list li:nth-child(3n) {
margin: 0 0 5px 17px !important;
}
#online_portal .payment {
margin-bottom: 90px;
}
#online_portal .payment .flex {
margin-bottom: 40px;
}
#online_portal .payment .attent {
padding: 30px;
}
#online_portal .payment .attent h3 {
font-size: 1.8rem;
}
#online_portal .cancel {
margin-bottom: 90px;
}
#online_portal .confirmation {
margin-bottom: 120px;
}
}
@media screen and (max-width: 834px) {
#online_portal .bg_ttl {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 20px;
}
} #contact .wpcf7-spinner {
display: none;
}
#contact .tel_contact {
background: #f0f0f0;
padding: 30px 15px;
text-align: center;
margin-bottom: 40px;
}
#contact .tel_contact li:first-child {
font-weight: 700;
font-size: 1.6rem;
margin-bottom: 5px;
}
#contact .tel_contact li:nth-child(2) {
margin-bottom: 5px;
}
#contact .tel_contact li:nth-child(2) a {
color: #3371ac;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#contact .tel_contact li:nth-child(2) a img {
width: 35px;
height: 35px;
margin-right: 12px;
}
#contact .tel_contact li:nth-child(2) a span {
font-size: 2.9rem;
font-weight: 500;
}
@media screen and (max-width: 834px) {
#contact .tel_contact li:nth-child(2) a {
pointer-events: none;
}
}
#contact .textblock {
margin-bottom: 65px;
}
#contact .textblock .txtlink {
font-weight: 700;
text-decoration: underline;
color: #3371ac;
}
@media (hover: hover) and (pointer: fine) {
#contact .textblock .txtlink:hover {
text-decoration: none;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#contact .textblock .txtlink:hover {
text-decoration: none;
}
}
#contact .textblock .note {
background: #f0f0c2;
padding: 24px 15px;
margin-bottom: 20px;
}
#contact .textblock .note .ttl {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 10px;
color: #c80000;
}
#contact .textblock .note .num_list {
font-weight: 700;
}
@media screen and (max-width: 834px) {
#contact .bg_ttl {
margin: 0 -15px 30px;
}
}
#contact #form_vali h3 {
width: 100%;
}
#contact #form_vali dl {
margin: 0 0 30px;
}
#contact #form_vali dl dt {
position: relative;
padding: 15px 0 10px 48px;
}
#contact #form_vali dl dt span {
background: #c80000;
color: #fff;
display: inline-block;
border-radius: 3px;
font-weight: 700;
font-size: 1.1rem;
padding: 3px 8px;
position: absolute;
top: 13px;
left: 0;
}
#contact #form_vali dl dt:first-child {
padding: 0 0 10px 48px;
}
#contact #form_vali dl dt:first-child span {
top: 0;
}
#contact #form_vali dl dd {
border-bottom: 1px solid #cacaca;
padding: 0 0 15px;
}
#contact #form_vali dl dd input[type=text], #contact #form_vali dl dd input[type=tel], #contact #form_vali dl dd input[type=email], #contact #form_vali dl dd textarea {
border: 1px solid #ccc;
border-radius: 4px;
padding: 5px 10px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#contact #form_vali dl dd input[type=text]:disabled, #contact #form_vali dl dd input[type=tel]:disabled, #contact #form_vali dl dd input[type=email]:disabled, #contact #form_vali dl dd textarea:disabled {
background: #eee;
}
#contact #form_vali dl dd .select select {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
background: #eee;
border: 1px solid #ccc;
padding: 5px 10px;
height: 34px;
line-height: 34px;
border-radius: 4px;
}
#contact #form_vali dl dd .radio, #contact #form_vali dl dd .check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#contact #form_vali dl dd .radio li, #contact #form_vali dl dd .check li {
margin: 0 10px 0 0;
}
#contact #form_vali dl dd .radio li input[type=radio], #contact #form_vali dl dd .check li input[type=radio] {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
display: inline-block;
}
#contact #form_vali dl dd .radio li:last-child, #contact #form_vali dl dd .check li:last-child {
margin: 0;
}
#contact #form_vali dl dd .wpcf7-radio .wpcf7-list-item {
margin: 0 10px 0 0;
}
#contact #form_vali dl dd .wpcf7-radio .wpcf7-list-item input[type=radio] {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
display: inline-block;
}
#contact #form_vali dl dd .wpcf7-radio .wpcf7-list-item:last-child {
margin: 0;
}
#contact #form_vali dl dd .check input {
display: inline-block;
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
appearance: checkbox !important;
margin: 0 3px 0 0;
}
#contact #form_vali dl dd .pdf_link {
margin: 10px 0 0;
}
#contact #form_vali dl dd .pdf_link li a {
display: inline-block;
padding: 0 0 0 15px;
position: relative;
}
#contact #form_vali dl dd .pdf_link li a:before {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 8px;
height: 8px;
border-top: 1px solid #3371ac;
border-right: 1px solid #3371ac;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
#contact #form_vali dl dd .pdf_link li a:hover {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#contact #form_vali dl dd .pdf_link li a:hover {
color: #3371ac;
}
}
#contact #form_vali dl dd.name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#contact #form_vali dl dd.name label {
margin: 0 10px 0 0;
}
#contact #form_vali dl dd.name label:last-child {
margin: 0;
}
#contact #form_vali dl dd.address .top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
#contact #form_vali dl dd.address .top span {
display: inline-block;
margin-right: 10px;
}
#contact #form_vali dl dd.address .top input[type=text] {
width: 80px;
margin-right: 15px;
}
#contact #form_vali dl dd.address .top select {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
background: #eee;
border: 1px solid #ccc;
padding: 5px 10px;
height: 34px;
line-height: 34px;
border-radius: 4px;
}
#contact #form_vali dl dd.address .bottom li {
margin: 0 0 10px;
}
#contact #form_vali dl dd.address .bottom li:last-child {
margin: 0;
}
#contact #form_vali .table_wrap {
width: 100%;
margin: 0 0 25px;
overflow: auto;
}
#contact #form_vali .table_wrap .table_info {
width: 100%;
border-collapse: collapse;
min-width: 735px;
}
#contact #form_vali .table_wrap .table_info tr {
background: #fff;
}
#contact #form_vali .table_wrap .table_info tr th, #contact #form_vali .table_wrap .table_info tr td {
border: 1px solid #cacaca;
vertical-align: middle;
}
#contact #form_vali .table_wrap .table_info tr th {
background: #f0f0f0;
height: 46px;
padding: 10px 5px;
}
#contact #form_vali .table_wrap .table_info tr td {
text-align: center;
}
#contact #form_vali .table_wrap .table_info tr td b {
color: #c80000;
display: block;
}
#contact #form_vali .table_wrap .table_info tr td input[type=checkbox] {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
display: inline-block;
}
#contact #form_vali .table_wrap .table_info tr td label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 10px 5px;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#contact #form_vali .table_wrap .table_info tr td:first-child {
padding: 10px 15px;
text-align: left;
}
#contact #form_vali .table_wrap .table_info tr td.active {
background: #ebfaff;
}
#contact #form_vali .table_wrap .table_info tr.soldout td:first-child {
padding: 10px 15px;
}
#contact #form_vali .contact_submit .last {
text-align: center;
color: #c80000;
font-weight: 500;
}
#contact #form_vali .contact_submit .btn {
width: 200px;
margin: 0 auto 85px;
position: relative;
}
#contact #form_vali .contact_submit .btn input {
width: 100%;
display: inline-block;
color: #fff;
background: #0eb7d6;
font-size: 1.6rem;
font-weight: 700;
padding: 6px 35px 6px 30px;
line-height: 1.5;
border-radius: 4px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#contact #form_vali .contact_submit .btn:before {
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto 0;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
#contact #form_vali .contact_submit .btn:hover input {
background: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#contact #form_vali .contact_submit .btn:hover input {
background: #3371ac;
}
}
#contact #form_vali .confirmation_form {
display: none;
}
#contact #form_vali .confirmation_form dl dd span {
margin: 0 10px 0 0;
}
#contact #form_vali .confirmation_form .contact_submit {
margin-bottom: 120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
#contact #form_vali .confirmation_form .contact_submit .last {
width: 100%;
}
#contact #form_vali .confirmation_form .contact_submit .btn {
margin: 0 7.5px !important;
}
@media screen and (max-width: 834px) {
#contact #form_vali .confirmation_form dl dd label span {
margin: 0 10px 0 0;
}
#contact #form_vali .confirmation_form dl dd.address .bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#contact #form_vali .confirmation_form .contact_submit {
margin-bottom: 90px;
display: block;
}
#contact #form_vali .confirmation_form .contact_submit .btn {
margin: 0 auto 10px !important;
}
}
#contact.thanks .textblock .bg_ttl {
margin: 0 -15px 20px;
}
#contact.thanks .textblock .d_link {
text-align: center;
}
#contact.mail #form_vali dl dt:nth-last-child(2) {
border-bottom: none;
}
#contact.mail #form_vali dl dd:last-child {
border-bottom: none;
}
#contact.personal #form_vali .form_block { }
#contact.personal #form_vali .form_block h3 {
color: #3371ac;
font-size: 1.8rem;
font-weight: 700;
margin: 0 0 15px;
background: #fff;
}
#contact.personal #form_vali .form_block h3.ac_ttl {
padding: 0 0 0 27px;
position: relative;
cursor: pointer;
}
#contact.personal #form_vali .form_block h3.ac_ttl:before {
content: "";
position: absolute;
left: 0;
top: 10px;
width: 12px;
height: 12px;
border-top: 1px solid #3371ac;
border-right: 1px solid #3371ac;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
#contact.personal #form_vali .form_block h3.ac_ttl.active {
margin-bottom: 15px;
}
#contact.personal #form_vali .form_block h3.ac_ttl.active:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 16px;
}
#contact.personal #form_vali .form_block h3.ac_ttl .wpcf7-list-item {
margin: 0;
}
@media (hover: hover) and (pointer: fine) {
#contact.personal #form_vali .form_block h3.ac_ttl:hover {
text-decoration: underline;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#contact.personal #form_vali .form_block h3.ac_ttl:hover {
text-decoration: underline;
}
}
#contact.personal #form_vali .form_block dl {
margin-bottom: 65px;
}
#contact.personal #form_vali .form_block dl dt.line {
padding: 20px 0 10px 128px;
}
#contact.personal #form_vali .form_block dl dt.line span {
background: #00B900;
top: 18px;
}
#contact.personal #form_vali .form_block dl dd p {
margin-bottom: 10px;
}
#contact.personal #form_vali .form_block.mb {
margin-bottom: 65px;
}
#contact.personal #form_vali .form_block.mb dl {
margin-bottom: 0;
}
#contact.confirm {
margin-bottom: 85px;
}
#contact.confirm .bg_ttl {
margin-bottom: 30px;
}
#contact.confirm .table {
margin-bottom: 40px;
}
#contact.confirm .input_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#contact.confirm .input_btn li {
width: 200px;
margin: 0 15px 0 0;
position: relative;
}
#contact.confirm .input_btn li input {
width: 100%;
display: inline-block;
color: #fff;
background: #0eb7d6;
font-size: 1.6rem;
font-weight: 700;
padding: 6px 35px 6px 30px;
line-height: 1.5;
border-radius: 4px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#contact.confirm .input_btn li:before {
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto 0;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#contact.confirm .input_btn li:first-child input {
background: #ccc;
padding: 6px 30px 6px 35px;
}
#contact.confirm .input_btn li:first-child:before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
right: auto;
left: 10px;
}
#contact.confirm .input_btn li:last-child {
margin: 0;
}
@media (hover: hover) and (pointer: fine) {
#contact.confirm .input_btn li:hover input {
background: #3371ac;
}
#contact.confirm .input_btn li:hover:first-child input {
background: #999;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#contact.confirm .input_btn li:hover input {
background: #3371ac;
}
#contact.confirm .input_btn li:hover:first-child input {
background: #999;
}
}
#contact.request #form_vali h3 {
color: #3371ac;
font-size: 1.8rem;
font-weight: 700;
margin: 0 0 15px;
background: #fff;
}
#contact.request #form_vali dl + h3 {
margin-top: 70px;
}
#contact.request #form_vali dl dt.nor {
padding-left: 0;
}
#contact.request #form_vali dl dd p {
margin-bottom: 10px;
}
#contact.request #form_vali dl dd p:last-child {
margin-bottom: 0;
}
#contact.request #form_vali dl dd select {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
background: rgb(238, 238, 238);
border: 1px solid rgb(204, 204, 204);
padding: 5px 10px;
height: 34px;
line-height: 34px;
border-radius: 4px;
}
#contact.request #form_vali dl dd textarea {
min-height: 250px;
}
#contact.request #form_vali dl dd.age label {
margin: 0 20px 0 10px;
}
@media screen and (min-width: 835px) {
#contact .tel_contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 80px 20px;
margin: 0 0 65px;
}
#contact .tel_contact li {
margin: 0 40px 0 0;
}
#contact .tel_contact li:first-child {
font-size: 2.4rem;
}
#contact .tel_contact li:nth-child(2) a {
pointer-events: none;
}
#contact .tel_contact li:nth-child(2) a img {
width: 52px;
height: 52px;
}
#contact .tel_contact li:nth-child(2) a span {
font-size: 4.2rem;
}
#contact .tel_contact li:last-child {
margin: 0;
}
#contact .textblock .note {
margin: 60px 0;
}
#contact #form_vali .bg_ttl {
margin: 0 0 30px;
}
#contact #form_vali dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
#contact #form_vali dl dt {
width: 220px;
border-bottom: 1px solid #cacaca;
padding: 20px 0 20px 48px;
}
#contact #form_vali dl dt span {
top: 21px;
}
#contact #form_vali dl dt:first-child {
padding: 20px 0 20px 48px;
}
#contact #form_vali dl dt:first-child span {
top: 21px;
}
#contact #form_vali dl dd {
width: calc(100% - 220px);
padding: 20px 0;
}
#contact #form_vali dl dd.name label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 25px;
}
#contact #form_vali dl dd.name label span:not(.wpcf7-form-control-wrap) {
white-space: nowrap;
width: 40px;
}
#contact #form_vali dl dd.address .bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#contact #form_vali dl dd.address .bottom li {
width: calc(50% - 7.5px);
}
#contact #form_vali dl dd.address .bottom li:first-child {
margin: 0 10px 0 0;
}
#contact #form_vali dl dd.address .bottom li:last-child {
width: 100%;
}
#contact #form_vali .contact_submit .btn {
margin: 0 auto 120px;
}
#contact.thanks .textblock {
margin-bottom: 100px;
}
#contact.thanks .textblock .bg_ttl {
margin: 0 0 30px;
}
#contact.personal #form_vali .form_block dl dt {
width: 350px;
}
#contact.personal #form_vali .form_block dl dt.line {
padding: 26px 0 10px 128px;
}
#contact.personal #form_vali .form_block dl dt.line span {
top: 26px;
}
#contact.personal #form_vali .form_block dl dd {
width: calc(100% - 350px);
}
}
[data-class=wpcf7cf_group] {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
[data-class=wpcf7cf_group].wpcf7cf-hidden {
display: none !important;
}
.request_link {
position: fixed;
bottom: 0;
right: 0;
z-index: 3;
}
.request_link a {
display: block;
font-size: 1.8rem;
font-weight: 700;
background: #0eb7d6;
color: #fff;
padding: 15px 30px;
}
@media (hover: hover) and (pointer: fine) {
.request_link a:hover {
background: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
.request_link a:hover {
background: #3371ac;
}
}
@media screen and (max-width: 834px) {
.request_link {
left: 0;
}
.request_link a {
width: 100%;
text-align: center;
font-size: 1.6rem;
padding: 12px 20px;
}
}
@media screen and (min-width: 835px) {
.request_link {
width: 370px;
left: 0;
margin: 0 auto;
}
.request_link a {
display: inline-block;
font-size: 2.6rem;
}
} #txtpage .first {
margin-bottom: 65px;
}
#txtpage .txtblock {
margin-bottom: 65px;
}
#txtpage .txtblock .bg_ttl {
margin: 0 -15px 20px;
}
#txtpage .txtblock h3 {
color: #3371ac;
font-size: 1.4rem;
margin-bottom: 5px;
}
#txtpage .txtblock p + h3 {
margin-top: 30px;
}
#txtpage .txtblock p.attent {
font-size: 1rem;
}
#txtpage .txtblock .num_list {
margin-bottom: 20px;
}
#txtpage .txtblock .num_list li {
margin-bottom: 5px;
}
#txtpage .txtblock .num_list li:last-child {
margin-bottom: 0;
}
#txtpage .txtblock .num_list:last-child {
margin-bottom: 0;
}
#txtpage .txtblock:last-child {
margin-bottom: 90px;
}
@media screen and (min-width: 835px) {
#txtpage .txtblock {
margin-bottom: 85px;
}
#txtpage .txtblock .bg_ttl {
margin: 0 0 30px;
}
#txtpage .txtblock h3 {
font-size: 1.7rem;
}
#txtpage .txtblock p + h3 {
margin-top: 45px;
}
#txtpage .txtblock p.attent {
font-size: 1.2rem;
}
#txtpage .txtblock .num_list {
margin-bottom: 30px;
}
#txtpage .txtblock:last-child {
margin-bottom: 120px;
}
} #sdgs .mv_page {
padding: 30px 0;
aspect-ratio: auto;
margin-bottom: 0;
}
#sdgs .mv_page img {
-o-object-fit: inherit;
object-fit: inherit;
height: auto;
}
#sdgs .page_ttl {
margin-bottom: 30px;
}
#sdgs .lead {
margin-bottom: 60px;
}
#sdgs .list {
margin-bottom: 75px;
}
#sdgs .list .bg_ttl {
margin: 0 -15px 30px;
}
#sdgs .list dl {
margin: 0 0 50px;
}
#sdgs .list dl dt {
line-height: 0;
text-align: center;
margin: 0 0 20px;
}
#sdgs .list dl dd h3 {
color: #3371ac;
font-weight: 700;
font-size: 1.8rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 15px;
}
#sdgs .list dl dd h3 span {
display: inline-block;
}
#sdgs .list dl dd h3 span:first-child {
width: 28px;
height: 28px;
line-height: 27px;
background: #3371ac;
color: #fff;
text-align: center;
border-radius: 50%;
margin: 0 7px 0 0;
font-size: 1.2rem;
}
#sdgs .list dl dd h3 span:last-child {
line-height: 1.4;
width: calc(100% - 35px);
}
#sdgs .list dl dd .attent {
font-size: 1rem;
}
@media screen and (min-width: 835px) {
#sdgs .mv_page {
margin-bottom: 20px;
}
#sdgs .lead {
margin-bottom: 90px;
}
#sdgs .list {
margin-bottom: 100px;
}
#sdgs .list .bg_ttl {
margin: 0 0 40px;
}
#sdgs .list .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#sdgs .list .inner dl {
width: 31%;
margin: 0 3.5% 0 0;
}
#sdgs .list .inner dl dt {
margin: 0 0 30px;
}
#sdgs .list .inner dl dd h3 {
font-size: 2.4rem;
}
#sdgs .list .inner dl dd h3 span:first-child {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 1.5rem;
margin: 0 10px 0 0;
}
#sdgs .list .inner dl dd h3 span:last-child {
width: calc(100% - 45px);
}
#sdgs .list .inner dl dd .attent {
font-size: 1.2rem;
}
#sdgs .list .inner dl:last-child {
margin: 0;
}
} #company .policy {
margin-bottom: 55px;
}
#company .policy .bg_ttl {
margin: 0 -15px 30px;
}
#company .policy .catch {
color: #3371ac;
font-weight: 700;
margin: 0 0 15px;
font-size: 1.8rem;
}
#company .policy ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
}
#company .policy ul li span:first-child {
width: 25px;
height: 25px;
line-height: 23px;
display: block;
font-size: 1.2rem;
border-radius: 50%;
text-align: center;
border: 1px solid #3371ac;
color: #3371ac;
font-weight: 700;
margin-right: 7px;
}
#company .policy ul li span:last-child {
width: calc(100% - 32px);
font-weight: 500;
font-size: 1.4rem;
line-height: 1.5;
}
#company .policy ul li:last-child {
margin-bottom: 0;
}
#company .overview {
margin: 0 0 75px;
}
#company .overview .bg_ttl {
margin: 0 -15px 10px;
}
#company .overview dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
}
#company .overview dl dt {
width: 140px;
color: #3371ac;
font-weight: 500;
padding: 12px 0;
border-bottom: 1px solid #cacaca;
}
#company .overview dl dd {
width: calc(100% - 140px);
padding: 12px 0;
border-bottom: 1px solid #cacaca;
padding-bottom: 17px;
}
#company .overview dl dd.address .txt {
margin: 0 0 15px;
}
#company .overview dl dd.address .img {
line-height: 0;
}
#company .overview dl dd.address .img img {
margin: 0 0 10px;
width: 100%;
}
#company .overview dl dd.address .img span {
display: block;
line-height: 1.5;
}
#company .overview .frame {
aspect-ratio: 4/3;
margin: 30px 0 0;
}
#company .overview .frame iframe {
width: 100%;
height: 100%;
}
@media screen and (min-width: 835px) {
#company .wrap {
max-width: 960px;
}
#company .page_ttl {
margin-bottom: 50px;
}
#company .policy {
margin: 0 0 80px;
}
#company .policy .bg_ttl {
margin: 0 0 30px;
}
#company .policy .catch {
font-size: 2.4rem;
}
#company .policy ul li span:first-child {
width: 35px;
height: 35px;
font-size: 1.6rem;
line-height: 32px;
margin: 0 10px 0 0;
}
#company .policy ul li span:last-child {
font-size: 1.8rem;
width: calc(100% - 45px);
line-height: 1.65;
}
#company .overview {
margin: 0 0 100px;
}
#company .overview .bg_ttl {
margin: 0 0 20px;
}
#company .overview dl {
margin: 0 0 80px;
}
#company .overview dl dt {
width: 260px;
}
#company .overview dl dd {
width: calc(100% - 260px);
}
#company .overview dl dd.address {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#company .overview dl dd.address .txt {
margin: 0 50px 0 0;
}
#company .overview dl dd.address .img {
max-width: 250px;
}
#company .overview .frame {
aspect-ratio: 16/9;
margin: 30px 0 0;
}
} #agreement .bg_ttl {
margin: 0 -15px 20px;
}
#agreement dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 75px;
}
#agreement dl dt {
width: 160px;
color: #3371ac;
font-weight: 500;
padding: 12px 0;
border-bottom: 1px solid #cacaca;
}
#agreement dl dd {
width: calc(100% - 160px);
padding: 12px 0;
border-bottom: 1px solid #cacaca;
padding-bottom: 17px;
}
#agreement dl dd ul li a {
text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
#agreement dl dd ul li a:hover {
text-decoration: none;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#agreement dl dd ul li a:hover {
text-decoration: none;
}
}
@media screen and (min-width: 835px) {
#agreement .wrap {
max-width: 960px;
}
#agreement .bg_ttl {
margin: 0 0 25px;
}
#agreement dl {
margin: 0 0 100px;
}
#agreement dl dt {
width: 300px;
}
#agreement dl dd {
width: calc(100% - 300px);
}
} #law dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 75px;
}
#law dl dt {
width: 120px;
color: #3371ac;
font-weight: 500;
padding: 12px 0;
border-bottom: 1px solid #cacaca;
}
#law dl dd {
width: calc(100% - 120px);
padding: 12px 0;
border-bottom: 1px solid #cacaca;
padding-bottom: 17px;
}
#law dl dd .txtlink {
color: #3371ac;
text-decoration: underline;
font-weight: 700;
}
@media (hover: hover) and (pointer: fine) {
#law dl dd .txtlink:hover {
text-decoration: none;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#law dl dd .txtlink:hover {
text-decoration: none;
}
}
#law dl dd .attent {
font-size: 1rem;
margin-top: 15px;
}
@media screen and (min-width: 835px) {
#law .wrap {
max-width: 960px;
}
#law dl {
margin: 0 0 100px;
}
#law dl dt {
width: 200px;
}
#law dl dd {
width: calc(100% - 200px);
}
#law dl dd .attent {
font-size: 1.2rem;
}
} #site_search {
max-width: 960px;
margin-bottom: 65px;
}
#site_search .page_ttl {
padding-top: 50px;
font-weight: 700;
}
#site_search .site_search {
margin: 0 0 20px;
}
#site_search .site_search form {
display: block;
position: relative;
max-width: 450px;
}
#site_search .site_search form input[type=search], #site_search .site_search form input[type=text] {
background: #fff;
border: 1px solid #cacaca;
width: 100%;
height: 47px;
padding: 0 50px 0 18px;
font-size: 1.2rem;
}
#site_search .site_search form input[type=submit] {
background: url(//www.bute.co.jp/shared/img/common/search.webp) no-repeat;
background-position: center;
background-size: 20px;
font-size: 0;
width: 47px;
height: 47px;
position: absolute;
top: 0;
right: 0;
}
#site_search .result {
font-weight: 500;
font-size: 1.6rem;
margin: 0 0 50px;
}
#site_search .result span {
font-weight: 700;
color: #3371ac;
}
#site_search .list {
border-top: 1px solid #cacaca;
margin-bottom: 40px;
}
#site_search .list li {
border-bottom: 1px solid #cacaca;
padding: 20px 0;
}
#site_search .list li .ttl {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 5px;
}
@media (hover: hover) and (pointer: fine) {
#site_search .list li .ttl a:hover {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#site_search .list li .ttl a:hover {
color: #3371ac;
}
}
#site_search .list li .url {
font-size: 1rem;
margin-bottom: 10px;
}
@media (hover: hover) and (pointer: fine) {
#site_search .list li .url a:hover {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#site_search .list li .url a:hover {
color: #3371ac;
}
}
#site_search .list li .txt span {
color: #f4a000;
font-weight: 700;
}
@media screen and (min-width: 835px) {
#site_search {
margin-bottom: 100px;
}
#site_search .result {
font-size: 2rem;
}
#site_search .list {
margin-bottom: 50px;
}
#site_search .list li .ttl {
font-size: 2rem;
}
#site_search .list li .url {
font-size: 1.2rem;
}
} #features_index .bg_ttl {
margin: 0 0 30px;
}
@media screen and (max-width: 834px) {
#features_index .bg_ttl {
margin: 0 -15px 20px;
}
}
#features_index .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 60px;
}
@media screen and (min-width: 835px) {
#features_index .list {
margin-bottom: 80px;
}
}
#features_index .list dl dt {
margin: 0 0 20px;
}
#features_index .list dl dt a {
display: block;
line-height: 0;
overflow: hidden;
aspect-ratio: 4/3;
}
#features_index .list dl dt a img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (hover: hover) and (pointer: fine) {
#features_index .list dl dt a:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#features_index .list dl dt a:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
#features_index .list dl dd .ttl {
margin-bottom: 15px;
}
#features_index .list dl dd .ttl a {
display: inline-block;
color: #3371ac;
font-weight: 700;
position: relative;
padding: 0 0 0 20px;
line-height: 1.5;
}
#features_index .list dl dd .ttl a:after {
content: "";
position: absolute;
top: 12px;
left: 0;
width: 10px;
height: 10px;
border-top: 2px solid #3371ac;
border-right: 2px solid #3371ac;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 834px) {
#features_index .list dl dd .ttl a:after {
top: 9px;
}
}
@media (hover: hover) and (pointer: fine) {
#features_index .list dl dd .ttl a:hover {
text-decoration: underline;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#features_index .list dl dd .ttl a:hover {
text-decoration: underline;
}
}
@media screen and (max-width: 834px) {
#features_index .list dl {
width: 48%;
margin: 0 4% 30px 0;
}
#features_index .list dl dd .ttl a {
font-size: 1.7rem;
}
#features_index .list dl:nth-child(2n) {
margin: 0 0 30px;
}
}
@media screen and (min-width: 835px) {
#features_index .list dl {
width: 31%;
margin: 0 3.5% 50px 0;
}
#features_index .list dl dd .ttl a {
font-size: 2rem;
}
#features_index .list dl:nth-child(3n) {
margin: 0 0 50px;
}
}
#features .calendar .bg_ttl {
margin: 0 0 30px;
}
@media screen and (max-width: 834px) {
#features .calendar .bg_ttl {
margin: 0 -15px 20px;
}
}
#features .calendar .month {
display: none;
}
#features .calendar .month_sp {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
background: #eee;
border: 1px solid #ccc;
padding: 5px 7px 5px 10px;
border-radius: 4px;
margin-bottom: 15px;
}
#features .calendar .table_wrap {
margin-bottom: 40px;
}
#features .calendar .table_wrap .table_info {
border-collapse: collapse;
width: 100%;
}
#features .calendar .table_wrap .table_info tr th, #features .calendar .table_wrap .table_info tr td {
border: 1px solid #cacaca;
width: calc((100vw - 30px) / 7);
line-height: 0;
}
#features .calendar .table_wrap .table_info tr td {
text-align: center;
position: relative;
padding-top: calc((100vw - 30px) / 7);
}
#features .calendar .table_wrap .table_info tr td .pc, #features .calendar .table_wrap .table_info tr td .sp, #features .calendar .table_wrap .table_info tr td .modalbox {
display: none;
}
#features .calendar .table_wrap .table_info tr td .date {
display: block;
text-align: left;
position: absolute;
top: 3px;
left: 5px;
line-height: 1.4;
}
#features .calendar .table_wrap .table_info tr td .modal {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
position: absolute;
top: 10px;
left: 0;
right: 0;
bottom: 0;
}
#features .calendar .table_wrap .table_info tr td.cruise_hit {
height: auto !important;
background: #ebfaff;
}
#features .calendar .table_wrap .table_info tr:first-child th {
height: auto;
padding: 10px;
background: #F2F2F2;
}
#features .calendar .table_wrap .table_info tr:first-child th.sat {
background: #c9dae9;
color: #1f35b5;
}
#features .calendar .table_wrap .table_info tr:first-child th.sun {
background: #ffcfce;
color: #b51515;
}
@media screen and (min-width: 1261px) {
#features .calendar .table_wrap .table_info tr td {
height: 171.4285714286px;
}
}
@media screen and (min-width: 835px) and (max-width: 1260px) {
#features .calendar .table_wrap .table_info tr td {
height: calc((100vw - 30px) / 7);
}
}
@media screen and (min-width: 835px) {
#features .calendar .month_sp {
display: none;
}
#features .calendar .month {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 25px;
}
#features .calendar .month li {
width: calc((100% - 25px) / 6);
margin: 0 5px 5px 0;
border: 1px solid #cacaca;
text-align: center;
font-weight: 700;
}
#features .calendar .month li a {
display: block;
padding: 10px;
background: #f0f0f0;
}
}
@media screen and (min-width: 835px) and (hover: hover) and (pointer: fine) {
#features .calendar .month li a:hover {
background: #0eb7d6;
color: #fff;
}
}
@media screen and (min-width: 835px) and (-ms-high-contrast: none), screen and (min-width: 835px) and (-ms-high-contrast: active) {
#features .calendar .month li a:hover {
background: #0eb7d6;
color: #fff;
}
}
@media screen and (min-width: 835px) {
#features .calendar .month li.noDate p {
padding: 10px;
color: #cacaca;
}
#features .calendar .month li.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #0eb7d6;
color: #fff;
border: 1px solid #0eb7d6;
}
#features .calendar .month li:nth-child(6n) {
margin: 0 0 5px;
}
#features .calendar .table_wrap .table_info tr td {
padding: 3px 5px 15px;
line-height: 1.5;
text-align: left;
}
#features .calendar .table_wrap .table_info tr td .pc {
display: block;
margin-bottom: 15px;
border-bottom: 1px dotted #cacaca;
padding: 0 5px 15px;
}
#features .calendar .table_wrap .table_info tr td .pc .ship {
background: #6f8ea0;
color: #fff;
font-size: 1.2rem;
padding: 4px 7px;
border-radius: 8px;
line-height: 1.33;
margin-bottom: 8px;
}
#features .calendar .table_wrap .table_info tr td .pc .point, #features .calendar .table_wrap .table_info tr td .pc .period {
margin-bottom: 8px;
}
#features .calendar .table_wrap .table_info tr td .pc .price {
font-size: 2rem;
color: #da0000;
font-weight: 900;
}
#features .calendar .table_wrap .table_info tr td .pc:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
}
@media screen and (min-width: 835px) and (hover: hover) and (pointer: fine) {
#features .calendar .table_wrap .table_info tr td .pc:hover {
opacity: 0.7;
}
}
@media screen and (min-width: 835px) and (-ms-high-contrast: none), screen and (min-width: 835px) and (-ms-high-contrast: active) {
#features .calendar .table_wrap .table_info tr td .pc:hover {
opacity: 0.7;
}
}
@media screen and (min-width: 835px) {
#features .calendar .table_wrap .table_info tr td .sp {
display: none !important;
}
#features .calendar .table_wrap .table_info tr td .date {
position: static;
margin-bottom: 12px;
}
#features .calendar .table_wrap .table_info tr:first-child th {
padding: 5px 0;
line-height: 1.5;
}
}
@media screen and (max-width: 834px) {
#features .calendar .table_wrap .table_info tr td .month_sp, #features .calendar .table_wrap .table_info tr td .sp {
display: block;
}
}
#features #cruise_list {
margin-top: 40px;
}
#features #cruise_list .bg_ttl {
margin: 0 0 30px;
}
@media screen and (max-width: 834px) {
#features #cruise_list .bg_ttl {
margin: 0 -15px 20px;
}
}
#features #cruise_list .list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 35px;
}
#features #cruise_list .list a .img {
width: 27.77%;
margin: 0 4.46% 0 0;
}
#features #cruise_list .list a .img span {
display: block;
aspect-ratio: 1/1;
border-radius: 4px;
line-height: 0;
overflow: hidden;
}
#features #cruise_list .list a .img span img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#features #cruise_list .list a .txt {
width: 67.77%;
}
#features #cruise_list .list a .txt .date {
margin-bottom: 5px;
}
#features #cruise_list .list a .txt .date span {
color: #fff;
background: #6f8ea0;
display: inline-block;
padding: 2px 7px;
}
#features #cruise_list .list a .txt .ttl {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 5px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#features #cruise_list .list a .txt .price {
font-size: 1.4rem;
}
@media (hover: hover) and (pointer: fine) {
#features #cruise_list .list a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#features #cruise_list .list a:hover .ttl {
color: #3371ac;
}
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#features #cruise_list .list a:hover .img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#features #cruise_list .list a:hover .ttl {
color: #3371ac;
}
}
@media screen and (min-width: 835px) {
#features #cruise_list {
margin-top: 60px;
margin-bottom: 60px;
}
#features #cruise_list .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#features #cruise_list .list a {
width: 48.25%;
margin: 0 3.5% 60px 0;
}
#features #cruise_list .list a:nth-child(2n) {
margin: 0 0 60px;
}
#features #cruise_list .list a .txt .ttl {
font-size: 2rem;
}
}