@charset "UTF-8";
/* -----------------------------------------------------------
CSS Information

File name:     style.css
Created:       2020.01.06
Style Info:    MSCベリッシマ 日本周遊クルーズ CSS
----------------------------------------------------------- */
.cruise {font-size:1.6rem;}
.cruise p {line-height:1.8;}
.cruise p + p {padding-top:10px;}
.cruise .dis_pc {display:inline-block;}
.cruise .dis_sp {display:none;}
.cruise .wrapper {width:100%;max-width:1000px;margin:0 auto;}
.cruise .contents_bl {padding:40px;}
.cruise .blue_bg {background:#c2d8eb;}
.cruise .red {color:#f00;}
.cruise img {max-width:100%;}
.cruise h2 {font-size:26px;font-weight:bold;line-height:1.4;position:relative;margin-bottom:30px;padding:25px;text-align:center;color:#fff;background:#002850;}
.cruise h2::after {position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-10px;content:'';pointer-events:none;border:solid transparent;border-width:10px;border-color:rgba(0, 40, 80, 0);border-top-color:#002850;}
.cruise h3 {font-size:20px;font-weight:bold;line-height:1.6;padding:20px 0;text-align:center;color:#002850;}
.cruise .top_img {width:100%;text-align:center;background:url(../images/top_bg.jpg) no-repeat;background-size:cover;}
.cruise .lead {font-size:16px;padding-top:20px;}
.cruise .cruise_nav {display:flex;flex-wrap:wrap;justify-content:space-between;margin:40px auto;}
.cruise .cruise_nav::after {display:block;flex-basis:32%;content:'';}
.cruise .cruise_nav li {font-size:16px;display:block;flex-basis:32%;margin:0 0 20px;color:#fff;}
.cruise .cruise_nav li:hover {opacity:.75;}
.cruise .cruise_nav li a {position:relative;display:flex;align-items:center;box-sizing:border-box;height:100%;padding:15px 30px;text-decoration:none;border:2px solid #9b7c44;}
.cruise .cruise_nav li a::before {position:absolute;top:-10px;left:-10px;display:block;width:0;height:0;content:'';-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border:transparent solid 10px;border-bottom-color:#9b7c44;}
.cruise .cruise_nav li a::after {position:absolute;top:50%;right:20px;display:inline-block;width:10px;height:10px;margin-top:-8px;content:'';-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:#9b7c44 solid 2px;border-bottom:#9b7c44 solid 2px;}
.cruise .cruise_nav li span {position:relative;display:flex;align-items:center;box-sizing:border-box;height:100%;padding:15px 30px;text-decoration:none;color:#999;border:2px solid #ccc;background:#eee;}
.cruise .schedule {box-sizing:border-box;width:100%;max-width:580px;margin:30px auto 0;padding:20px 30px;border:1px solid #002850;}
.cruise .schedule table {width:100%;}
.cruise .schedule thead::after {display:block;width:100%;height:20px;content:'';}
.cruise .schedule thead tr {border-top:1px solid #3972b7;border-bottom:1px solid #3972b7;}
.cruise .schedule thead th {line-height:1;padding:8px 15px 5px 25px;color:#3972b7;}
.cruise .schedule thead th:first-child {padding:8px 10px 5px;}
.cruise .schedule tbody th {font-weight:normal;position:relative;padding:0 10px 20px;border-right:1px solid #3972b7;}
.cruise .schedule tbody th::after {position:absolute;top:0;right:-12px;box-sizing:border-box;width:22px;height:22px;content:'';border:3px solid #3972b7;border-radius:50%;background:#fff;}
.cruise .schedule tbody td {padding:0 15px 20px 25px;}
.cruise .schedule tbody tr:first-child th::after {background:#3972b7;}
.cruise .schedule tbody tr:last-child th {padding-bottom:0;}
.cruise .schedule tbody tr:last-child th::after {background:#3972b7;}
.cruise .schedule tbody tr:last-child td {padding-bottom:0;}
.cruise .price_box {display:flex;flex-wrap:wrap;justify-content:space-around;margin:30px auto;}
.cruise .price_box li {font-size:14px;line-height:1.8;width:48%;padding:30px 20px;text-align:center;border:1px solid #002850;}
.cruise .price_box li p {display:inline-block;}
.cruise .price_box li b {font-size:20px;font-weight:bold;display:block;color:#002850;}
.cruise .price_box li img {line-height:1;display:block;width:100%;padding-top:20px;vertical-align:top;}
.cruise #drink span.red {display:block;word-break:break-all;}
.cruise .root {overflow:hidden;}
.cruise .root .root_txt {float:right;width:40%;}
.cruise .root .root_txt h3 {padding-top:0;text-align:left;}
.cruise .root .root_txt .cruise_data {margin:30px 0;}
.cruise .root .root_txt .cruise_data li {padding-bottom:8px;}
.cruise .root .root_txt .cruise_data dt,
.cruise .root .root_txt .cruise_data dd {display:inline;}
.cruise .root .root_txt .cruise_data dt::after {content:'：';}
.cruise .root img {float:left;width:56%;max-width:544px;}
.cruise .bellissima_bl {overflow:hidden;margin-bottom:50px;}
.cruise .bellissima_bl .txt {float:right;width:calc(100% - 610px);}
.cruise .bellissima_bl .txt h3 {padding-top:0;text-align:left;}
.cruise .bellissima_bl .ph {display:flex;float:left;justify-content:space-between;width:580px;}
.cruise .bellissima_bl .ph figcaption {font-size:14px;padding-top:5px;}
.cruise .bellissima_bl:nth-child(odd) .txt {float:left;}
.cruise .bellissima_bl:nth-child(odd) .ph {float:right;}
.cruise .bellissima_bl:last-child {margin-bottom:0;}
.cruise .contact_box {overflow:hidden;max-width:1100px;margin:50px auto;padding:35px 40px 28px 40px;border:solid 1px #c8c8c8;}
.cruise .contact_box p {font-size:1.5rem;line-height:1.6;color:#787878;}
.cruise .contact_box .wrap_01 {float:left;width:55%;}
.cruise .contact_box .tit_02 {font-size:2.8rem;margin-bottom:15px;text-align:left;}
.cruise .contact_box .wrap_02 {float:right;width:45%;max-width:400px;margin-top:10px;}
.cruise .contact_box .contact_tel {font-family:'arial',sans-serif;font-size:5.4rem;font-weight:bold;line-height:1;margin:0 auto;letter-spacing:-.02em;color:#002850;}
.cruise .contact_box .contact_tel::before {font-family:FontAwesome;margin-right:10px;content:'\f095';-webkit-transform:rotate(10deg);transform:rotate(10deg);}
.cruise .contact_box .btn_wrap {overflow:hidden;margin:15px 0;}
.cruise .contact_box .btn_wrap li.tel a {font-size:1.6rem;font-weight:bold;line-height:42px;position:relative;display:block;height:44px;padding-left:10px;text-decoration:none;color:#002850;border:2px solid #002850;border-radius:5px;background:#fff;}
.cruise .contact_box .btn_wrap li.tel a::before {font-family:FontAwesome;font-size:3rem;position:absolute;left:5px;content:'\f095';-webkit-transform:rotate(10deg);transform:rotate(10deg);}
@media (max-width:1140px), print {
  .cruise .wrapper {width:90%;}
  .cruise .contents_bl {padding:5% 0;}
}
@media screen and (max-width:768px) {
  .cruise h2 {font-size:20px;}
	.cruise .price_box li {padding:3%;}
	.cruise .price_box li b {font-size:18px;}
	.cruise .bellissima_bl .txt {float:none;width:100%;margin-bottom:20px;}
	.cruise .bellissima_bl .ph {float:none;justify-content:space-around;width:100%;}
	.cruise .contact_box {max-width:640px;padding:30px 20px;text-align:center;}
	.cruise .contact_box p {margin-bottom:20px;}
	.cruise .contact_box .wrap_01 {float:none;width:100%;margin:0 auto;text-align:center;}
	.cruise .contact_box .tit_02 {font-size:2.4rem;text-align:center;}
  .cruise .contact_box .wrap_02 {float:none;width:100%;margin:0 auto;text-align:center;}
}
@media screen and (max-width:640px) {
  .cruise p {font-size:15px;}
	.cruise .dis_pc {display:none;}
	.cruise .dis_sp {display:block;}
	.cruise h2 {font-size:18px;margin-bottom:10px;padding:5%;}
	.cruise h3 {font-size:17px;text-align:left;}
	.cruise .cruise_nav {margin:0 auto 30px;}
	.cruise .cruise_nav li {font-size:1.6rem;flex-basis:100%;margin-bottom:5px;}
	.cruise .cruise_nav li a {font-size:14px;padding:10px 30px;}
	.cruise .schedule {font-size:12px;margin:20px auto 0;padding:5%;}
	.cruise .schedule thead::after {height:10px;}
	.cruise .schedule thead th {padding:5px !important;}
	.cruise .schedule tbody th {width:100px;padding:0 5px 10px;letter-spacing:-0.02em;}
	.cruise .schedule tbody th::after {right:-8px;width:15px;height:15px;}
	.cruise .schedule tbody td {padding:0 5px 10px;}
	.cruise .schedule tbody tr td:first-of-type {padding:0 5px 10px 15px;}
	.cruise .schedule tbody tr:last-child td:first-of-type {padding-bottom:0;}
	.cruise .price_box li {width:100%;margin-bottom:10px;padding:5% 3%;}
	.cruise .price_box li p {width:82%;}
	.cruise .price_box li b {font-size:16px;}
	.cruise .root .root_txt {float:none;width:100%;margin-top:20px;}
	.cruise .root img {float:none;width:100%;}
	.cruise .bellissima_bl {margin-bottom:20px;}
	.cruise .bellissima_bl .txt {margin-top:20px;}
	.cruise .bellissima_bl .ph {justify-content:space-between;}
	.cruise .bellissima_bl .ph figure {flex-basis:49%;}
  .cruise .bellissima_bl .ph figcaption {font-size:12px;}
}
@media screen and (max-width:320px) {
  .cruise .price_box li p {width:95%;}
  .cruise #form iframe {width:100% !important;-webkit-transform:scale(.9) translate(-6%, -5%);transform:scale(.9) translate(-6%, -5%);}
}
@media print {body {position:relative !important;width:100%;min-width:1140px !important;-webkit-transform:scale(.94);transform:scale(.94);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-print-color-adjust:exact;}
	.show_target,
	.show_target *,
  #page_members .members_list li {opacity:1 !important;}
}