@charset "Shift_JIS";
/* CSS Document */
/*WEBフォント読み込み*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700&display=swap');
/*▼----------------PC・SP共通----------------▼*/
/*--------------------------------------------
・20260917　ヨットハブ価格表の細かい調整は「msc_yachtclub_hub.css」
--------------------------------------------*/
/*▼価格表▼*/
#price_table_title{
	background-color: #066dbd;
	background: linear-gradient(180deg, #013893 0%, #002d81 100%);
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 8vw;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 4vw;
}
#price_table_title img{
	width: 13%;
	background-color: #FFF;
	padding: 1.5vw;
}
#people_select_label{
	font-size: 0.8em;
}
#room_details_title span.mini{
	display: block;
	line-height: 1em;
	position: absolute;
	right: 1em;
	top: -1em;
	transform: scale(0.8);
	transform-origin: right bottom;
}
/*書体Zen Kaku Gothic New一括指定*/
.RoomType_title,
.table_title,
.img_price_table{
	font-family: "Zen Kaku Gothic New";
}
/*▲価格表▲*/
/*▼申し込みモーダル▼*/
#cart_modal{
	min-height: 80vh;
	position: relative;
	background-color: #FFF;
}
#cart_modal_title{
	color: #fff;
	background: #2b72de;
	font-size: 4vw;
	font-weight: bold;
	margin: 0;
	padding: 0.1em;
	line-height: 2em;
	text-align: center;
	padding-left: 5vw;
}
.cancel #cart_modal_title{
	background-color: #747290;
}
#cart_modal_reset{
	display: none;
	position: absolute;
	right: 15vw;
	top: -7vw;
	z-index: 9999;
	line-height: 1em;
}
#cart_modal_reset input{
	border-radius: 5px;
	background-color: rgba(255,255,255,0.80);
	background-image: url("/shopping/img/special/cruising/common/svg/ico_reset_g.svg");
	background-repeat: no-repeat;
	background-position: right 0.5em center;
	background-size: auto 80%;
	padding: 0 2em 0.1em 1.0em;
	font-size: 3.5vw;
	font-family: 'Noto Sans JP', MS PGothic, MS UI Gothic, 'Helvetica', sans-serif;
}
.room34_modal_txtbox,
#deluxe_only,
.details_modal_txtbox,
.cart_modal_txtbox{
	padding: 5vw 4vw 5vw;
	box-sizing: border-box;
	position: relative;
}
#cart_modal label{
	display: block;
	font-size: 3.5vw;
}
#date_area label,
#peace_area label{
	display: inline-block;
}
#cart_modal ul{
	display: flex;
	justify-content: space-around;
}
#date_area ul li label,
#cart_modal ul li,
#cart_modal select{
	font-size: 4.3vw;
}
#date_area ul{
	flex-wrap: wrap;
	width: 70%;
}
#date_area ul li label{
	position: relative;
}
#date_area ul li.end::after{
	content: "受付終了";
	background: rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	padding: 0;
	white-space: nowrap;
	font-weight: 500;
	width: 100%;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	border-radius: 5px;
	padding-top: 7vw;
	font-size: 0.8em;
}
#peace_area ul{
	box-sizing: border-box;
	width: 100%;
	justify-content: space-between;
}
#number_participants,
#date_area,
#peace_area,
#cart_modal_price_txt,
#confirmation_txt,
#cancel_area,
#confirmation_area{
	margin-top: 2vw;
}
#cart_modal select{
	width: 100%;
	text-align: center;
	padding: 2.5vw 0;
	box-sizing: border-box;
}
/*▼申込オリジナルプルダウン▼*/
.modal_original_select{
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
.modal_original_select .select_txt,
#cart_modal .modal_original_select li{
	font-size: 3.5vw;
}
.modal_original_select .select_txt{
	border: solid 1px rgb(118, 118, 118);
	text-align: center;
	border-radius: 3px;
	position: relative;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function:ease;
	cursor: default;
}
.modal_original_select .select_txt::after{
	position: absolute;
	right: 2vw;
	top: calc(50% - 0.25em);
	content: "";
	display: inline-block;
	color: #333;
	line-height: 1;
	width: 0.5em;
	height: 0.5em;
	border: 0.15em solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(-25%) rotate(135deg);
}
.modal_original_select.select .select_txt::after{
	transform: translateY(25%) rotate(-45deg);
}
.modal_original_select .select_txt,
.modal_original_select li{
	line-height: 1em;
	padding: 2.5vw 1vw;
}
#cart_modal .modal_original_select ul{
	height: 0;
	border: solid 1px rgba(118, 118, 118, 0);
	border-top: none;
	overflow: hidden;
	display: block;
	position: absolute;
	width: 100%;
	top: 9vw;
	left: 0;
	background-color: #FFF;
	z-index: 20;
	box-sizing: border-box;
	opacity: 0;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function:ease;
	cursor: default;
}
#cart_modal .modal_original_select.select ul{
	height: auto;
	border-color:rgba(118, 118, 118, 1);
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
	opacity: 1;
}
#cart_modal .modal_original_select li[data-value="0"]{
	display: none;
}
#cart_modal .modal_original_select li{
	border-top: solid 1px rgba(118, 118, 118, 0.5);
}
#cart_modal .modal_original_select li.now{
	background-color: #2b72de;
	color:#FFF;
}
#cart_modal .modal_original_select li.msc_label_txt{
	text-indent: 13vw;
	background-color: #0f2342;
	color: #FFF;
	background-repeat: no-repeat;
	background-size: auto 90%;
	background-position:left 2vw center;
	background-image: url(/shopping/img/special/cruising/common/svg/ico_msc_yacht_club.svg);
}
#cart_modal .modal_original_select li.hidden {
	display: none;
}
#cart_modal .modal_original_select li.disabled{
	background-color:#c5c5c5;
	color: #FFF;
}
#modal_room_g_select li.msc_label_txt.disabled{
	background-color: #0f2342;
}
#modal_people_select li.disabled::after,
#modal_room_g_select li.msc_label_txt.disabled::after,
#modal_room_g_select li.disabled::after{
	margin-left: 0.5em;
	content: "※選択できません";
	font-size: 0.8em;
}
#cart_modal .modal_original_select li.msc_txt{
	text-indent: 2vw;
}
/*▲申込オリジナルプルダウン▲*/
/*▼申込オリジナルラジオボタン▼*/
#date_area input[type=radio]{
	display: none;
}
#date_area ul li{
	margin-bottom: 2vw;
	position: relative;
}
#date_area ul li:first-child{
	margin-left: 0;
}
#date_area ul label{
	background-color: #FFF;
	border: solid 1px rgb(118, 118, 118);
	border-radius: 5px;
	padding: 1.5vw;
	line-height: 1em;
	box-sizing: border-box;
	min-width: 15vw;
	display: block;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function:ease;
	text-align: center;
	font-weight: 700;
	padding-top: 5vw;
}
#date_area ul li label{
	font-size: 3.5vw;
}
#date_area ul label span{
	font-size: 0.8em;
	font-weight: 500;
}
#date_area ul label::before,
#date_area ul label::after {
	content: "";
	display: block;
	border-radius: 50%;
	position: absolute;
	transform: translateY(-50%);
	top: 3vw;
}
#date_area ul label::before {
	background-color: #fff;
	border: 1px solid rgb(118, 118, 118);
	width: 10px;
	height: 10px;
	left: calc(50% - 5px);
}
#date_area ul label::after {
	background-color: #2b72de;
	opacity: 0;
	width: 8px;
	height: 8px;
	left: calc(50% - 3px);
}
#date_area ul input:checked + label::before{
	border-color: #2b72de;
}
#date_area ul input:checked + label::after{
	opacity: 1;
}
#peace_area input:checked + label,
.modal_original_select:not([data-value="0"]) .select_txt::after{
	color: #2b72de;
}
.modal_original_select:not([data-value="0"]) .select_txt,
#date_area ul input:checked + label{
	border-color: #2b72de;
	color: #2b72de;
}
#date_area ul input:checked + label{
	box-shadow: 0px 0px 0px 1px #2b72de;
	background-color: #d1f7fe;
}
.cancel .modal_original_select:not([data-value="0"]) .select_txt::after{
	color: #747290;
}
.cancel .modal_original_select:not([data-value="0"]) .select_txt,
.cancel #date_area ul input:checked + label{
	border-color: #747290;
	color: #747290;
}
/*▼▼▼キャンセル待ちアウトのLT削減▼▼▼*/
#confirmation_txt .simplebar-scrollbar:before {
	background: #fbc4c4;
}
.cancel_out .about_room,
.cancel_out .about_benefits_after{
	display: none;
}
.cancelOutTxt strong{
	font-size: 1.1em;;
}
.cancelOutTxt--tit{
	font-size: 1.2em;
	line-height: 1.25em;
	margin-bottom: 1em;
	font-weight: bold;
}
.cancelOutTxt--tit strong{
	font-size: 0.9em;
}
.cancelOutTxt--txt01{
	margin-bottom: 1em;
}
/*▲▲▲キャンセル待ちアウトのLT削減▲▲▲*/
.cancel #date_area ul input:checked + label{
	box-shadow: 0px 0px 0px 1px #747290;
}
#peace_area:not(.valid),
#cart_modal_price_txt .peace_tel:not(.valid),
#cart_modal_price_txt .peace_img:not(.valid){
	display: none;
}

#peace_area input[type=checkbox],
#peace_area ul label{
	display:inline;
}
#peace_area input[type=checkbox]{
	width: 5vw;
	height: 5vw;
	vertical-align:text-bottom;
}
#peace_area ul li{
	position: relative;
}
#peace_area ul li label{
	padding-left: 1vw;
}
.modal_cart_peace_price_msc{
	width: 9em;
}
#cart_modal .peace_img{
	margin-top: 0.25em;
}
/*▲申込オリジナルラジオボタン▲*/
/*▼申込アニメーション▼*/
.fadeinput{
	opacity: 0;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	transform: translateY(50px);
	transition-property: transform, opacity;			/*アニメ対象CSSプロパティ*/
	transition-duration: 0.5s;			/*アニメ時間*/
	transition-timing-function: ease;	/*アニメの方式*/
}
.fadeinput.active{
	opacity: 1;
	visibility:visible;
	transform: inherit;
	height:auto;
	overflow:inherit;
}
/*▲申込アニメーション▲*/
.cart_modal_price--total{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	background-color: #faf963;
	padding: 0.5em;
}
.cancel .cart_modal_price--total{
	background-color: #EFEFEF;
}
#cart_modal_price_txt p{
	line-height: 1em;
	font-size: 3.5vw;
}
#cart_modal_price_txt .Price{
	font-size: 1.8em;
	font-weight: bold;
}
.cancel #cart_modal_price_txt .Price{
	color: #999;
}
#cart_modal_price_txt .Yen{
	font-size: 0.5em;
}
#cart_modal_price_txt .Tax{
	font-size: 0.45em;
	font-weight:normal;
}
#cart_modal_price_txt p.breakdown,
#cart_modal p.people134_txt{
	font-size: 10px;
	line-height: 1.2;
	margin: 2vw 0;
}
#cart_modal .people134_txt{
	display: none;
	color: #F00;
}
#cart_modal .people134_txt.valid{
	display: block;
}
#cart_modal_price_txt p.breakdown .peace{
	color: #F00;
}
.confirmation_txt_box{
	border: 1px solid #afafaf;
	background-color: #FFF;
	padding: 2vw 4vw 6vw;
	font-size: 3.5vw;
	line-height: 1.2em;
	margin-top: 2vw;
	overflow:auto;
	height: 20vh;
}
.cancel_out .confirmation_txt_box{
	background-color: #fffeec;
}
#cancel_area{
	font-size: 3.5vw;
	line-height: 1.2em;
}
.cancel_area_outTxt{
	font-size: 0.85em;
}
#sold_out_area{
	font-size: 4.5vw;
	line-height: 1.4em;
	margin-top: 4vw;
	text-align: center;
}
.about_peace strong{
	color:#f36;
}
.about_peace .p_note{
	font-family: Meiryo, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ ProN W3", sans-serif;
	font-size: 11px;
	line-height: 140%;
	margin-top: 5px;
	padding-left: 15px;
	display: block;
}
.about_room .txt{
	margin-bottom: 0.5em;
}
.about_room .photo{
	width: 60vw;
	margin: 0 auto 1.5em;
	font-size: 0.7em;
}
.about_room .photo img{
	display: block;
}
.about_peace sup{
	vertical-align: super;
	font-size: 0.8em;
}
#cart_modal ol li{
	padding-left: 1em;
	text-indent: -1em;
}
/*キャンセル待ちと完売メッセージは領域も隠す*/
#sold_out_area:not(.active),
#cancel_area:not(.active),
#confirmation_txt:not(.active),
#confirmation_area:not(.active){
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#room_type,
#number_participants,
#date_area,
#peace_area,
#confirmation_area{
	position: relative;
}
#room_type.alert_now .modal_original_select .select_txt,
#number_participants.alert_now .modal_original_select .select_txt,
#date_area.alert_now li label,
#peace_area.alert_now li label,
#confirmation_area.alert_now{
	background-color: #f8ffce;
}
#confirmation_area label{
	display: inline;
}
#room_type .alert,
#number_participants .alert,
#date_area .alert,
#peace_area .alert,
#confirmation_area .alert{
	position: absolute;
	right: 5px;
	top: 5px;
	color: #e41f1f;
	font-size: 0.8em;
	display: none;
}
#room_type.alert_now .alert,
#number_participants.alert_now .alert,
#date_area.alert_now .alert,
#peace_area.alert_now .alert,
#confirmation_area.alert_now .alert{
	display: block;
}
#cart_btn_area{
	text-align: center;
	padding-bottom: 4vw;
}
#peace_area{
	background-color: #ffe7e7;
	padding: 0.5em;
	display: flex;
	flex-wrap: wrap;
}
#cancel_area.disabled,
#confirmation_txt.disabled,
#confirmation_area.disabled,
#cart_btn_a.disabled,
#cart_btn_b.disabled{
	display: none;
}
#cart_btn_34tel{
	margin-top: 2vw;
	font-size: 4vw;
	padding: 2vw;
	color: #FFF;
	background-color: #F00;
}
#cart_modal_tell{
	position:relative;
	color: #FFF;
	box-sizing: border-box;
	padding: 0 3vw 4vw;
}
#cart_modal_tell img{
	width: 100%;
	height: auto;
}
#cart_modal_tell .txt{
	font-size: 3.5vw;
	line-height: 1.2em;
}
#cart_modal_tell .tel a{
	color: #FFF;
	text-decoration: none;
	position: absolute;
	right: 3vw;
	bottom: 3vw;
	font-size: 5.5vw;
	line-height: 1em;
	font-weight: bold;
}
#cart_modal_tell a.tellink span{
	display: block;
	text-align: center;
	color: #000;
	font-size: 2.8vw;
	white-space: nowrap;
}
/*価格表へのポップアップボタン*/
/*ABテスト*/
.modal_price_table{
	background-color: #FFF;
}
.modal_price_table .main_pack_img {
	border-bottom: none;
}
.modal_price_table__pop #cart_modal_title{
	padding-left: 40vw;
	text-align: left;
}
.cart_modal__back--btn{
	position: absolute;
	left: 1em;
	top: 0.5em;
	display: block;
	z-index: 93000;
	font-size: 3vw;
	line-height: 1em;
}
.cart_modal__back--btn__a{
	display: flex;
	align-items:  center;
	background-color: #FFF;
	color: #333;
	padding: 0.5em 1em;
	border-radius: 1em;
}
.cart_modal__back--btn__a::before{
	display: block;
	content: '';
	width: 0.35em;
	height: 0.35em;
	border-top: 2px solid #333;
	border-left: 2px solid #333;
	transform: rotate(-45deg);
	margin-right: 0.5em;
	margin-top: 0.1em;
}
/*▲申し込みモーダル▲*/
/*▼部屋詳細モーダル▼*/
#room_details_modal .details_modal_txtbox{
	position: relative;
	margin: 0 auto;
	background-image: url(/shopping/img/special/cruising/common/room_details_modal_bg.png);
	background-size: 5.6%;
	background-repeat: repeat;
	background-position: 3.2% 1.5%;
	padding-bottom: 4vw;
}
#room_details_modal,
#room_details_wake_modal{
	max-height: 150vw;
}
#room_details_wake_modal,
#room_details_wake_modal_UMB{
	background-color: #FFF;
}
#room_details_modal,
#room_details_modal .details_modal_txtbox,
#room_details_wake_modal,
#room_details_wake_modal .details_modal_txtbox{
	min-height: 150vw;
}
.example {
	display:inline-block;
	vertical-align: top;
	transform: scale(0.6);
	transform-origin: left top;
}
#room_details_modal .details_modal_cart_btn,
#cruising_popup .details_modal_cart_btn{
	margin:0 auto;
	color: #fff;
	font-size: 7vw;
	font-weight: bold;
	border-radius: 10px 10px 10px 10px;
	background: linear-gradient(#fe0000, #3c0000);
	text-align: center;
	width: 70vw;
	height: 12vw;
	line-height: 12vw;
	display: block;
}
/*▼ヨットクラブモーダル▼*/
#deluxe_only{
	background-color: #1c2e4b;
	border-radius: 10px;
	color: #FFF;
}
#deluxe_only h4{
	font-size: 6vw;
	color: #e4bf39;
	text-align: center;
}
#deluxe_only .txtbox{
	font-size: 3.2vw;
	text-align: center;
	margin-top: 2vw;
	margin-bottom: 3vw;
	white-space: nowrap;
}
#deluxe_only h5{
	padding: 0 1vw;
	font-size: 4vw;
	font-weight: 700;
	border-left: solid 1vw #908253;
	color: #765700;
	background-image: linear-gradient(90deg, rgba(220, 198, 124, 1) 50%, rgba(220, 198, 124, 0));
	margin-bottom: 2vw;
}
/*▲ヨットクラブモーダル▲*/

/*▼イメージ化価格表▼*/
.RoomType_title{
	color: #FFF;
	background-color: #0053a1;
	text-align: center;
	position: relative;
	line-height: 1.5em;
	padding: 2vw 0;
	margin-top: 3vw;
}
.RoomType_title p{
	font-weight: bold;
	font-size: 6vw;
	line-height: 1.5em;
}
.RoomType_title p.cruising_title{
	font-size: 3vw;
}
.RoomType_title select{
	position: absolute;
	left: 2vw;
	bottom: 3vw;
}
.RoomType_title .order_num{
	font-family: 'Noto Sans JP';
	display: flex;
	align-items: center;
	position: absolute;
	font-size: 2.8vw;
	line-height: 1em;
	bottom: 4vw;
	right: 1vw;
	font-weight: normal;
	border: solid 1px #349e00;
	padding-right: 1vw;
	color: #000;
	background-color: #FFF;
}
.RoomType_title .order_num b{
	display: block;
	padding: 1vw;
	margin-right: 0.25em;
	background-color: #349e00;
	font-weight: normal;
	color: #FFF;
}
.RoomType_title select,
.RoomType_title label{
	font-size: 3.5vw;
	line-height: 1.2em;
	padding: 0vw 2vw;
}
.table_title,
.img_price_table .mbox{
	position: relative;
	display: flex;
	border-bottom: solid 1px #b6b6b6;
}
.img_price_table .mbox{
	background-color: #FFF;
}
.img_price_table .mbox .btn{
	display: flex;
	justify-content: center;
	margin-top: 1vw;
}
.RoomType_select,
.img_price_table .name_box{
	position: relative;
	border-right: solid 1px #b6b6b6;
	background-color: #FFF;
}
.RoomType_daylable h4{
	font-weight: normal;
	text-align: center;
	font-size: 3.5vw;
	background-color: #d8d8d8;
	line-height: 1.5em;
}
.RoomType_daylable_days{
	display: flex;
	justify-content: space-between;
}
.RoomType_daylable_days li{
	padding-top: 2vw;
	padding-bottom: 1.25vw;
	text-align: center;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
}
.RoomType_daylable_days li span{
	display: inline-block;
}
.RoomType_select .mini{
	display: block;
	font-size: 0.8em;
}
.RoomType_select .kome{
	font-size: 0.6em;
	display: inline-block;
}
.img_price_table_MSC .name_box{
	background-color: #0f2342;
}
.img_price_table .cen_box{
	position: absolute;
	line-height: 1em;
	text-align: right;
}
.img_price_table .name_box{
	min-height: 22vw;
}
.img_price_table .name_box .name_txt{
	padding-left: 2vw;
	padding-top: 2vw;
	font-size: 3.8vw;
	line-height: 1em;
}
.img_price_table_MSC .name_box .name_txt{
	color: #FFF;
}
.img_price_table .name_box .name_txt .ship_name{
	margin-right: 1vw;
	white-space: nowrap;
	display: inline-block;
	font-weight: bold;
}
.img_price_table .name_box .name_txt .ship_name .scale_w{
	display: inline-block;
	transform: scaleX(0.8);
	transform-origin: left;
	width: 9.5em;
}
.img_price_table .r_BN .name_box .name_txt .ship_name{
	margin-top: 2vw;
}
.img_price_table .name_box .name_txt .mini_txt{
	font-size: 0.8em;
}
.img_price_table .name_box .name_txt .ico_txt,
.img_price_table .name_box .name_txt .ico_txt2,
.img_price_table .name_box .name_txt .ico_txt_msc,
.img_price_table .name_box .name_txt .ico_txt_wake{
	color: #FFF;
	font-family: 'Noto Sans JP', MS PGothic,MS UI Gothic,'Helvetica',sans-serif;
	font-weight: 500;
	background-color: #404040;
	display: inline-block;
	font-size: 2vw;
	padding: 1vw;
	margin-bottom: 0.4vw;
	line-height: 1em;
}
.img_price_table .name_box .name_txt .ico_txt2{
	background-color: #0053a1;
}
.img_price_table .name_box .name_txt .ico_txt_msc{
	background-image: linear-gradient( 131deg, rgb(255,215,91) 0%, rgb(255,245,160) 30%, rgb(255,250,190) 40%, rgb(255,255,219) 50%, rgb(255,245,160) 70%, rgb(253,212,86) 100%);
	color: #000;
}
.img_price_table_MSC .name_box .name_txt .ship_name{
	letter-spacing: -0.1em;
	margin-right: 0;
}
.img_price_table .name_box .name_txt sub{
	font-size: 0.5em;
	display: inline-block;
}
.img_price_table .name_box .name_txt .great_label_wrap{
	font-size: 0.75em;
	line-height: 0.7em;
	font-family: 'Noto Sans JP', MS PGothic, MS UI Gothic, 'Helvetica', sans-serif;
	font-weight: normal;
	display: block;
	margin-bottom: 0.5em;
}
.img_price_table .name_box .name_txt .great_label_wrap::before,
.img_price_table .name_box .name_txt .great_label_wrap::after{
	content: '';
	width: 1px;
	height: 1em;
	background: #000;
	transform: rotate(-25deg);
	display: inline-block;
	position: relative;
	bottom: -0.2em;
}
.img_price_table .name_box .name_txt .great_label_wrap::before{
	margin-right: 0.25em;
}
.img_price_table .name_box .name_txt .great_label_wrap::after{
	transform: rotate(25deg);
}
.img_price_table .name_box .name_txt .great_label{
	position: relative;
	z-index: 10;
	width: fit-content;
	display: inline-block;
}
.img_price_table .name_box .name_txt .great_label::after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 0.5em;
	background: #FF0;
	z-index: -1;
	bottom: 0;
}
span.recommendation{
	font-size: 3vw;
	background-color: #c20000;
	color: #fff;
	padding: 1vw 2vw 1vw;
	position: relative;
	top: 0.5vw;
	font-weight: 100;
	font-family: 'Noto Sans JP', MS PGothic, MS UI Gothic, 'Helvetica', sans-serif;
	z-index: 10;
	display: block;
	width: fit-content;
	margin: -1vw 0 -0.5vw -1vw;
}
span.recommendation:after{
	content: "";
	position: absolute;
	top: 70%;
	left: 57%;
	margin-left: -5vw;
	border: 3vw solid transparent;
	border-top: 3vw solid #c20000;
	z-index: -1;
}
.img_price_table span.Price{
	font-weight:700;
	color: #a50606;
	text-align: right;
	transform: scale(0.9, 1);
	display: inline-block;
	font-size: 8vw;
	white-space: nowrap;
	font-style: italic;
}
.img_price_table_MSC span.Price{
	color: #fee072;
}
.img_price_table_MSC span.total{
	color: #FFF;
}
.img_price_table .Price .Comma{
	font-size: 50%;
	letter-spacing: -0.01em;
}
.img_price_table .Price .Small{
	font-size: 80%; 
	letter-spacing: -0.01em;
}
.img_price_table .Price .Yen{
	font-size: 70%;
	letter-spacing: -0.01em;
}
.img_price_table span.total{
	display: block;
	font-size: 12px;
	margin-right: -3px;
}
.img_price_table .days{
	display: flex;
	justify-content: space-between;
	/*background-color: #f2fdff;*/
}
.img_price_table .days .day{
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	align-items: center;
	align-content:  center;
}
.RoomType_daylable ul li,
.img_price_table .days .day{
	border-left: solid 1px #b6b6b6;
	background-color: #f2fdff;
}
.RoomType_daylable ul li:nth-child(even),
.img_price_table .days .day:nth-child(even){
	background-color: #FFF;
}
.RoomType_daylable ul li:first-of-type,
.img_price_table .days .day:first-of-type{
	border-left:none;
}
.img_price_table .days .day a{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 1vw;
}
.img_price_table .days .day .nebikiday{
	color: #F00;
	font-size: 2vw;
	line-height: 1.5em;
	display: inline-block;
	margin: 0 auto;
	text-align: right;
}

.img_price_table .days .day span{
	display: block;
	white-space: nowrap;
	margin: 0 auto;
}
.img_price_table .days .day .on,
.img_price_table .days .day .off,
.img_price_table .days .day .end{
	text-align: center;
}

.img_price_table .days .day .mark{
	font-size: 6vw;
	line-height: 1em;
	margin-bottom: 1vw;
	color: #0053a1;
	font-weight: 700;
}
.img_price_table .days .day .off .mark,
.img_price_table .days .day .end .mark{
	color: #686868;
	margin-bottom: 0vw;
}
.img_price_table .days .day .txt{
	color: #0053a1;
	line-height: 1em;
	font-size: 2.5vw;
}
.img_price_table .days .day .txt::after{
	content: '＋';
	display: block;
	font-weight: 700;
	background-color: #0053a1;
	border-radius: 100%;
	padding: 0.5vw;
	line-height: 1em;
	color: #FFF;
	width: 1em;
	margin: 1vw auto;
}
.img_price_table .days .day .off .txt,
.img_price_table .days .day .end .txt{
	color: #686868;
	line-height: 1.2em;
	transform: scale(0.8, 0.8);
	margin-top: -1vw;
}
.img_price_table .days .day .off .txt::after{
	background-color: #686868;
	transform: scale(1.3, 1.3);
}
.img_price_table .days .day .end .txt::after{
	display: none;
}
.RoomType_supplement_txt{
	text-align: left;
	line-height: 1.5em;
	font-size: 2.5vw;
	margin: 3vw 2vw;
	font-family: Meiryo, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ ProN W3", sans-serif;
}
.RoomType_supplement{
	text-align: center;
	margin: 3vw 0;
	font-family: Meiryo, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ ProN W3", sans-serif;
	font-size: 10px;
	line-height: 2em;
	display: flex;
	justify-content: center;
	align-items:center;
}
.RoomType_yachtclub{
	width: auto;
	margin: 3.5vw 1.5vw 5vw;
}
.RoomType_supplement img{
	/*display:inline-block;*/
	width: 5vw;
	vertical-align: middle;
	margin-left: 2vw;
}
.MSC_none_supplement{
	line-height: 1.2em;
	background-color: #0f2342;
	color: #FFF;
	box-sizing: border-box;
	margin: 0 auto;
}

.img_price_table_General,
.img_price_table_MSC{
	position: relative;
}

.img_price_table{
	position:relative;
}
.RoomType .msc_link{
	margin: 4vw 2vw;
}
/*ライトボックスカート*/
.l_check{font-size: 4vw;}
.l_cart_btn_a{background: #a0a0a0; height: 12vw; width: 70vw; margin: 0 auto; border-radius: 5px; line-height: 12vw; font-size: 5vw; color: #ffffff; font-weight: bold; margin-top: 10px;}
.l_cart_btn_b{background: linear-gradient(#f31e1e, #962424); height: 12vw; width: 70vw; margin: 0 auto; border-radius: 5px; line-height: 12vw; font-size: 5vw; color: #ffffff; font-weight: bold; margin-top: 10px;}
.l_cart_btn_b a{color: #ffffff; display: block;}
/*ライトボックスカート*/

.price_after {
	transform: scale(1, 1);
	display: inline-block;
	font-size: 2.5vw;
	color: #000;
	font-family: 'Noto Sans JP', MS PGothic,MS UI Gothic,'Helvetica',sans-serif;
	font-weight: 500;
	line-height: 1.2em;
}

.img_price_table img{
	width: 100%;
}

.img_price_table .dis1w_UC .name_box .name_txt{
	padding-bottom: 22vw;
}
.img_price_table .dis1w_UC .mbox,
.img_price_table .dis1w_UC .days{
	background-color: #fdffe5;
}
.dis1w_UC{
		position: relative;
	}
.dis1w_UC .disimg{
	position: absolute;
	top: 15vw;
	left:1vw;
	z-index: 100;
}
.img_price_table .dis1w_UC img.hover{
	height: 18vw;
}
.img_price_table img.disimg{
	width: 37vw;
}
.img_price_table .cen_box .dis1_price{
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding-right: 2vw;
	margin-bottom: 8vw;
}
.img_price_table .cen_box .dis1_price span{
	white-space: nowrap;
}
.img_price_table .cen_box .dis1_price .f_txt{
	font-size: 2.5vw;
	line-height: 1.2em;
	transform: scale(0.9, 0.9);
}
.img_price_table .cen_box .dis1_price .old_price{
	font-size: 4vw;
	line-height: 1em;
	font-weight: bold;
}
.img_price_table .cen_box .dis1_price .old_price .mini{
	font-size: 0.6em;
}
.RoomType_select{
	font-size: 4vw;
	padding: 2vw;
	box-sizing: border-box;
	line-height: 1em;
	padding-right: 0;
	white-space: nowrap;
}
.RoomType_select .daikin{
	letter-spacing: -0.01em;
	transform: scale(0.9, 1);
	transform-origin: left center;
	display: inline-block;
	margin-right: -0.7em;
}

.RoomType_select,
.img_price_table .name_box{
	box-sizing: border-box;
}
.img_price_table .days,
.RoomType_daylable,
.RoomType_daylable2{
	box-sizing: border-box;
}
.RoomType_daylable2{
	top: 2vw;
}
.img_price_table .cen_box {
	bottom: 2vw;
	right: 1vw;
}
/*ワケあり部屋*/
.img_price_table .r_BN .name_box{
	background-color: #fffee6;
}
.img_price_table .name_box .name_txt .btn_UM,
.img_price_table .name_box .name_txt .btn_BN{
	display: block;
	font-size: 2.8vw;
	width: 100%;
	position: absolute;
	left: 0vw;
	bottom: 1vw;
	line-height: 1em;
	box-sizing: border-box;
	font-family: 'Noto Sans JP', MS PGothic, MS UI Gothic, 'Helvetica', sans-serif;
	font-weight: bold;
	color: #F00;
}
.img_price_table .name_box .name_txt .btn_UM::before,
.img_price_table .name_box .name_txt .btn_UM::after,
.img_price_table .name_box .name_txt .btn_BN::before,
.img_price_table .name_box .name_txt .btn_BN::after{
	content: '';
	display: inline-block;
	width: 0.8em;
	height: 2px;
	background-color: #F00;
	position: absolute;
	right: 2vw;
	top: 50%;
	transform: translateY(-50%);
	transition: opacity 0.5s;
}
.img_price_table .name_box .name_txt .btn_UM::after,
.img_price_table .name_box .name_txt .btn_BN::after{
	transform: translateY(-50%) rotate(90deg);
	transition: transform 0.5s;
}
.img_price_table .name_box .name_txt .btn_UM.active::before,
.img_price_table .name_box .name_txt .btn_BN.active::before{
	opacity: 0;
}
.img_price_table .name_box .name_txt .btn_UM.active::after,
.img_price_table .name_box .name_txt .btn_BN.active::after{
	transform: translateY(-50%) rotate(180deg);
}
/*海側（救命艇が見える）客室の3,4名のアコーディオン削除*/
#mbox_UM3 .name_box .name_txt .btn_UM,
#mbox_UM4 .name_box .name_txt .btn_UM{
	display: none;
}
.img_price_table .name_box .name_txt .ico_txt_wake {
	position: absolute;
	/*background-color: #FFC000;*/
	background-color: #ff7b00;
	color: #FFF;
	display: block;
	bottom: 9vw;
	left: 11vw;
}
.img_price_table .detailsmodal_wake{
	font-size: 0.7em;
	display: flex;
	color: #3a3a3a;
	font-weight: normal;
	border: solid 1px #3a3a3a;
	border-radius: 20px;
	white-space: nowrap;
	padding: 0.25em 0.5em;
	align-items: center;
	letter-spacing: -0.1em;
	width: fit-content;
	position: absolute;
	left: 2vw;
	bottom: 2vw;
}
.img_price_table .detailsmodal_wake i{
	display: inline-block;
	height: 1em;
	width: 1em;
	background-image: url(/shopping/img/special/cruising/common/details_ico.svg);
	background-size: cover;
	background-repeat: no-repeat;
	margin-left: 0.25em;
}
.img_price_table .note{
	margin: 0 2vw;
}
.img_price_table p.note{
	font-size: 3vw;
	line-height: 1.25em;
}
.MSC_none_supplement{
	padding: 3vw;
	font-size: 4vw;
	text-align: center;
}
/*▲イメージ化価格表▲*/
#cart_modal p.cart_modal_tell{
	font-size: 2.7vw;
	margin-top: 1.5em;
}
.cart_modal_tell a{
	display: block;
	border: solid 1px #9c9c9c;
	padding: 0.25em;
}
.cart_modal_tell img{
	margin-top: -1em;
	display: block;
}
.cart_modal_tell .txt{
	display: block;
	color: #393939;
	font-size: 1em;
	text-align:left;
	padding: 0 1em 0.5em;
	white-space: nowrap;
}
/*▼資料請求バナー▼*/
.catalog_btn_lsize{
	text-align: center;
	position: relative;
	padding-inline: 2vw;
	margin-top: 2vw;
}
.catalog_btn_lsize a{
	display: block;
	position: absolute;
	height: 13vw;
	top: 34vw;
	z-index: 100;
}
.catalog_btn_lsize a img{
	height: 100%;
	width: auto;
}
.catalog_btn_lsize a.tel_pos{
	left: 9.5vw;
}
.catalog_btn_lsize a.web_pos{
	right: 10vw;
}
.catalog_btn_lsize_note{
	font-size: 2.5vw;
	padding-inline: 7vw;
}
/*▲資料請求バナー▲*/
/*▼上位客室の部屋情報表示・非表示▼*/
body:not(.openSuiteLP) .mbox.r_NS,
body:not(.openSuiteLP) .MSC_none_supplement,
body:not(.openSuiteLP) .img_price_table_MSC,
body:not(.openSuiteLP) .modal_original_select li.ga_NS,
body:not(.openSuiteLP) .modal_original_select li.msc_txt,
body:not(.openSuiteLP) .modal_original_select li.msc_label_txt,
body:not(.openSuiteLP) .details.r_NS,
body:not(.openSuiteLP) .roomIntroduction_NS,
body:not(.openSuiteLP) .roomComparisonTable__row.r_NS,
body:not(.openSuiteLP) .roomComparisonTable__row.r_DS,
body:not(.openSuiteLP) .roomComparisonTable__row.r_MS,
body:not(.openSuiteLP) .roomComparisonTable__row.r_RS,
body:not(.openSuiteLP) #introduction_area .msc,
body:not(.openSuiteLP) .roomIntroduction .msc,
body:not(.openSuiteLP) #cruisingfaq .faq_accordion.msc,
body:not(.openSuiteLP) .msc_txt_disnone{
	display: none !important;
	/*box-shadow: 0px 0px 0px 5px #d6ff00;*/
}
/*上位客室の準備中は非表示*/
.openSuiteLP .yacht_preparation{
	display: none !important;
}
/*表示時のヨットクラブモーダルリンク*/
.price_table--mscservice{
	padding: 0.25em;
}
.price_table--mscservice a{
	text-decoration: underline;
	color: #104eaf;
	font-size: 1.2em;
	font-weight: bold;
}
.modal_price_table .price_table--mscservice{
	display: none;
}
/*▲上位客室の部屋情報表示・非表示▲*/

/*▼リピーター割対応▼*/
.img_price_table .name_box .name_txt .rep_label{
	display: block;
	color: #a50606;
	font-size: 3vw;
	padding: 0.2em 0.5em 0.3em;
	font-weight: bold;
	font-family: 'Noto Sans JP', MS PGothic, MS UI Gothic, 'Helvetica', sans-serif;
	width: fit-content;
	line-height: 1em;
	position: absolute;
	right: 9em;
	bottom: 0.55em;
}
.img_price_table.rep_day_a_no .days .day a{
	pointer-events: none !important;
}
.img_price_table.rep_day_a_no .days .day a:not(.number) {
	padding: 0 15%;
}
.RoomType_supplement_txt_rep .rep_dnone{
	display: none !important;
}
/*▲リピーター割対応▲*/
.all_cancel_dis_checkbox{
	display: none;
	padding: 2vw;
	margin-top: 1em;
	background-color: #fbfad4;
	position: relative;
	box-sizing: border-box;
}
.all_cancel_dis_checkbox .txt{
	width: 10.5em;
	white-space: nowrap;
}
.all_cancel_dis_checkbox label{
	display: flex;
	white-space: nowrap;
}
.all_cancel_dis_checkbox label .link{
	text-decoration: underline;
	color: #36c;
}
.all_cancel_dis_checkbox:not(.active) .on,
.all_cancel_dis_checkbox.active .off{
	display: none;
}
.all_cancel_dis_checkbox label input{
	width: 2.5em;
	line-height: 1em;
	background: none;
	border: none;
	position: relative;
	margin-right: 0.75em;
	padding: 0;
}
.all_cancel_dis_checkbox label input:before {
	content: "";
	width: 100%;
	height:100%;
	background: #ccc;
	display: inline-block;
	border-radius: 10px;
	transition: 0.4s;
	box-sizing: border-box;
}
.all_cancel_dis_checkbox label input:after {
	content: "";
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	border-radius: 100%;
	left: 0;
	top: -0.125em;
	z-index: 2;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	transition: 0.4s;
}
.all_cancel_dis_checkbox label input:checked:before {
	background-color: #36c;
}
.all_cancel_dis_checkbox label input:checked:after {
	left: 1.25em;
}
#date_area{
	display: flex;
	justify-content: flex-start;
}
/*▼ヨットクラブ準備中▼*/
.yacht_preparation{
	/*display: none;*/
	justify-content: center;
	margin-top: 5vw;
	position: relative;
}
.yacht_preparation_btn {
	position: absolute;
	width: 70vw;
	top: 18vw;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	margin-left: auto;
	margin-right: auto;
	max-width: 450px;
}

.img_price_table .name_box .detailsmodal {
	position: relative;
	padding-left: 2vw;
	margin-bottom: 2vw;
}
.img_price_table .name_box .detailsmodal a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	background-color: #0c265c;
	padding: 0.4em 0.8em;
	font-size: 3vw;
	border-radius: 5px;
	line-height: 1em;
	width: fit-content;
	text-decoration: none;
	font-family: 'Noto Sans JP', sans-serif;
	transition: opacity 0.3s;
	top: -8vw;
}
/* プラスアイコンの円 */
.img_price_table .name_box .detailsmodal a b {
	position: relative;
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-left: 0.5em;
	background-color: #FFF; /* 円の色 */
	border-radius: 50%;
}
/* プラスアイコンの線（縦横） */
.img_price_table .name_box .detailsmodal a b::before,
.img_price_table .name_box .detailsmodal a b::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 60%;
	height: 1px; /* 線の太さ */
	background-color: #0c265c; /* 線の色（ボタン背景と同色） */
}
.img_price_table .name_box .detailsmodal a b::after {
	transform: rotate(90deg);
}
/* .img_price_table_MSC はMSCヨットクラブのエリア */
.img_price_table_MSC .name_box .detailsmodal a {
	background-color: #FFF;
	color: #0c265c;
}
/* ヨットクラブ用のアイコン円（背景色と反転） */
.img_price_table_MSC .name_box .detailsmodal a b {
	background-color: #0c265c; /* 円の色を濃紺に */
}
/* ヨットクラブ用のアイコン線（白） */
.img_price_table_MSC .name_box .detailsmodal a b::before,
.img_price_table_MSC .name_box .detailsmodal a b::after {
	background-color: #FFF;
}
/*▼モーダル価格表▼*/
#cruising_popup[data-modalid="modal_price_table"] .wrap .inwrap{
	width: 100vw;
	max-width: none;
	padding-right: 3vw;
}
[data-modalid="modal_price_table"] .simplebar-scrollbar:before {
	background: #393939;
}
[data-modalid="modal_price_table"] .simplebar-track.simplebar-vertical {
	visibility: visible;
	border-left: solid 1px #CCC;
	background-color: #d9d9d9;
}
.modal_price_table .komikomi_hyo_price_img{
	width: 90vw;
	padding-top: 3vw;
}
.modal_price_table .RoomType_title {
	margin-top: 0;
}
#cruising_popup:not(.modal_price_table__pop) .roomDetailsModal__back--btn,
#cruising_popup:not(.modal_price_table__pop) .roomDetailsModal__back--btn__bottom,
#cruising_popup.modal_price_table__pop .roomDetailsModal__cartBtn{
	display: none;
}
#cruising_popup.modal_price_table__pop .roomDetailsModal h4{
	margin-top: 3vw;
}
.roomDetailsModal__back--btn{
	position: absolute;
	left: 1em;
	top: 1.5em;
	display: block;
	z-index: 93000;
	font-size: 3vw;
	line-height: 1em;
}
.roomDetailsModal__back--btn__a,
.roomDetailsModal__back--btn__bottom__a{
	display: flex;
	align-items:  center;
	background-color: #2b72de;
	color: #FFF;
	padding: 0.5em 1em;
	border-radius: 1em;
}
.roomDetailsModal__back--btn__a::before,
.roomDetailsModal__back--btn__bottom__a::before{
	display: block;
	content: '';
	width: 0.35em;
	height: 0.35em;
	border-top: 2px solid #FFF;
	border-left: 2px solid #FFF;
	transform: rotate(-45deg);
	margin-right: 0.5em;
	margin-top: 0.1em;
}
.roomDetailsModal__back--btn__bottom{
	text-align: center;
	font-size: 4vw;
}
.roomDetailsModal__back--btn__bottom__a{
	width: fit-content;
	margin: 0 auto;
	box-sizing: border-box;
	border-radius: 2em;
}
/*▲モーダル価格表▲*/
/*ヨットクラブLPOは消す*/
.yachtclubLp .yachtclubLp--hidden{
	display: none!important;
}
/*▼ABテスト Bパターンで使用▼*/
/*終わったら消す*/
.dy_AB_B .dyAB_hidden,
body:not(.dy_AB_B) .dyAB_display,
body .dyAB_table_display,
body .img_price_table .name_box .detailsmodal{
	display: none!important;
}
/*▲ABテスト Bパターンで使用▲*/
/*▲----------------PC・SP共通----------------▲*/

@media (max-width: 480px){
/*▼----------------SP縦向きのみ読み込み(横幅480以下)----------------▼*/
	
/*▲----------------SP縦向きのみ読み込み(横幅480以下)----------------▲*/
}
@media (min-width: 480.1px) and (max-height: 480px){
/*▼----------------SP横向きのみ読み込み(横幅480以上＆縦幅480以下※縦はSP横幅)----------------▼*/
	
/*▲----------------SP横向きのみ読み込み(横幅480以上＆縦幅480以下※縦はSP横幅)----------------▲*/
}

@media (min-width: 480.1px) and (min-height: 480.1px){
/*▼----------------PC・タブレットのみ読み込み(横幅480以上＆縦幅480以上)----------------▼*/
	#confirmation_area,
	.l_cart_btn_a,
	.l_cart_btn_b{
		width: 276px;
	}
	.l_cart_btn_a,
	.l_cart_btn_b {
		height: 77px;
		line-height: 77px;
		font-size: 20px;
		margin-top: 0;
	}
	.l_cart_btn_b a {
		color: #ffffff;
		display: block;
		text-decoration: none;
	}
	.l_cart_btn_a {
		background: #a0a0a0;
	}
	.l_cart_btn_b {
		background: linear-gradient(#f31e1e, #962424);
	}
	.img_price_table .days .day:hover{
		background-color: #ffeac7;
	}
	.img_price_table .days .day:nth-child(even):hover{
		background-color: #ffeac7;
	}
	#price_table_title{
		font-size: 34px;
		padding-top: 0px;
		line-height: 2em;
		margin-top: 1em;
	}
	#price_table_title img{
		padding: 7px;
	}
	#room_details_title span.mini{
		font-size: 0.9em;
	}
	#cart_modal_title{
		font-size: 24px;
		padding-left: 0;
		text-align: center;
	}
	#cart_modal_reset{
		top: -40px;
		right: 45px;
	}
	#cart_modal_reset input{
		font-size: 16px;
		cursor: pointer;
	}
	.room34_modal_txtbox,
	#deluxe_only,
	.details_modal_txtbox,
	.cart_modal_txtbox{
		padding: 10px 20px 10px;
	}
	.cart_modal_txtbox{
		position: relative;
	}
	#cart_modal label{
		width: 30%;
	}
	#date_area ul li label{
		width: auto;
	}
	#number_participants,
	#date_area,
	#cart_modal_price_txt,
	#confirmation_txt,
	#cancel_area,
	#confirmation_area{
		margin-top: 0px;
	}
	#cart_modal label,
	#cancel_area,
	#room_type,
	#number_participants,
	#date_area,
	#cart_modal_price_txt,
	#cart_modal ul li,
	#cart_modal_price_txt p,
	#confirmation_area,
	.modal_original_select .select_txt,
	#cart_modal .modal_original_select li{
		font-size: 14px;
	}
	#date_area ul li label{
		font-size: 14px;
	}
	#date_area ul label {
		padding: 4px;
		min-width: 52px;
		padding-top: 18px;
	}
	#cancel_area{
		margin-top: 20px;
	}
	#sold_out_area{
		margin-top: 40px;
		margin-bottom: 20px;
		font-size: 20px;
	}
	#cart_modal_pc_flex{
		display: flex;
		justify-content:space-between;
	}
	#cart_modal_pc_flex .flex_left,
	#cancel_area{
		width: 540px
	}
	#cart_modal_pc_flex .flex_right{
		width: 410px;
	}
	#cart_modal_pc_flex .flex_left,
	#cart_modal_pc_flex .flex_right{
		position: relative;
	}
	#room_type .alert,
	#number_participants .alert,
	#date_area .alert,
	#confirmation_area .alert{
		top:-15px;
		right: 0px;
	}
	#room_type,
	#number_participants,
	#date_area,
	#peace_area{
		display: flex;
		flex-wrap: nowrap;
		align-items:center;
		padding-bottom: 25px;
	}
	#room_type{
		width: 26em;
		padding-bottom: 10px;
	}
	#number_participants{
		position: absolute;
		width: 10em;
		top: 0;
		right: 0;
		padding-bottom: 0;
	}
	#number_participants .modal_original_select .select_txt{
		width: 16em;
	}
	#number_participants .modal_original_select:not([data-value="0"]) .select_txt{
		width: auto;
	}
	.modal_original_select .select_txt,
	#cart_modal .modal_original_select li{
		padding: 10px;
		text-align: left;
		box-sizing: border-box;
	}
	#modal_people_select li.disabled::after,
	#modal_room_g_select li.msc_label_txt.disabled::after,
	#modal_room_g_select li.disabled::after{
		display: block;
	}
	#date_area li label:hover,
	#cart_modal .modal_original_select li:not(.msc_label_txt):not(.disabled):hover,
	.modal_original_select .select_txt:hover{
		background-color: #b9edf6
	}
	#date_area li label:hover,
	.modal_original_select .select_txt:hover{
		border-color: #093577;
	}
	
	.modal_original_select .select_txt::after {
		right: 10px;
	}
	#cart_modal .modal_original_select ul {
		top: inherit;
	}
	#cart_modal .modal_original_select li.msc_label_txt {
		text-indent: 40px;
		background-position: left 10px center;
	}
	#cart_modal .modal_original_select li.msc_txt {
		text-indent: 0;
	}
	#cart_modal_price_txt p.breakdown{
		margin: 2px 0 5px;
	}
	#cart_modal p.people134_txt{
		margin: 2px 0 5px;
		letter-spacing: -0.05em;
	}
	#confirmation_txt,
	#cancel_area .txtbox{
		padding: 10px 10px 30px 20px;
		font-size: 14px;
		margin-top: 10px;
	}
	.about_room .txt{
		margin-bottom: 0.5em;
	}
	.about_room .photo{
		margin: 0 auto;
		width: 205px;
		font-size: 0.6em;
	}
	#date_area{
		padding-bottom: 0;
	}
	#date_area ul{
		width: 65%;
		box-sizing: border-box;
		justify-content: flex-start;
	}
	#date_area ul li {
		margin-bottom: 0;
		margin-left:20px;
	}
	#date_area ul label::before,
	#date_area ul label::after {
		top: 10px;
	}
	#date_area ul li.end::after {
		padding-top: 30px;
	}
	#peace_area{
		margin-top: 10px;
		padding: 10px 40px;
		flex-wrap: wrap;
	}
	#peace_area.alert_now {
		padding-top: 30px;
	}
	#peace_area .alert {
		right: inherit;
		left: 15px;
		top: 10px;
	}
	#cart_modal_price_txt .peace_img  img,
	#cart_modal_price_txt .peace_tel img{
		width: 100%;
		height: auto;
	}
	#cart_modal_price_txt .peace_img img{
		width: 382px;
	}
	#cart_modal_price_txt .peace_img{
		margin-bottom: 0;
	}
	#peace_area ul li label{
		font-size: 14px;
		padding-left: 5px;
	}
	.modal_cart_peace_price_msc{
		width: 197px;
	}
	#peace_area input[type=checkbox] {
		width: 20px;
		height: 20px;
	}
	#cart_modal_price_txt .peace_img::after {
		top: 106px;
		left: -28px;
		border-width: 15px 30px 15px 0;
		border-color: transparent #ff637d transparent transparent;
	}
	#peace_area ul label,
	#confirmation_area label{
		cursor: pointer;
	}
	#cart_modal_price_txt{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#confirmation_txt{
		margin-top: 10px;
		background-color: #ffe7e7;
		padding: 10px;
	}
	.confirmation_txt_box{
		height: 150px;
		width: 610px;
		padding: 10px 15px 30px 20px;
		font-size: 14px;
		margin-top: 0;
	}
	.cancel_out .confirmation_txt_box{
		height: 230px;
	}
	.confirmation_txt_box .pc-blocak{
		width: 345px;
		float: right;
		display: block!important;
		padding: 0px 0px 10px 10px;
	}
	.confirmation_txt_box .pc-blocak img{
		width: 100%;
		height: auto;
	}
	.confirmation_txt_box img.w100::after{
		clear: right;
	}
	#confirmation_area,
	#cart_btn_area{
		position: absolute;
		right: 36px;
	}
	#confirmation_area{
		margin: 0;
		bottom: 140px;
		text-align: center;
		padding: 1.5em 0;
		background-color: #ffd8d8;
	}
	#cart_btn_area{
		padding-bottom: 0;
		bottom: 40px;
	}
	#cart_modal_tell .tel a{
		position: relative;
		right: 0;
		bottom: 0;
	}
	/*価格表へのポップアップボタン*/
	/*ABテスト*/
	.modal_price_table{
		padding: 20px;
	}
	.modal_price_table .RoomType_title {
		margin-top: 0;
	}
	.modal_price_table .main_pack_img {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.modal_price_table__pop #cart_modal_title{
		padding-left: 0;
		text-align: center;
	}
	.cart_modal__back--btn{
		left: 20px;
		top: 1em;
		font-size: 14px;
	}
	#deluxe_only{
		padding:20px;
		width: 775px;
		height: 680px;
		overflow:auto;
	}
	#deluxe_only img{
		width: 100%;
		height: auto;
	}
	#deluxe_only h4{
		font-size: 30px;
	}
	#deluxe_only h4 img{
		width: 35px;
		vertical-align: middle;
	}
	#deluxe_only .txtbox{
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	#deluxe_only h5{
		font-size: 18px;
		margin-bottom: 10px;
		padding: 5px 5px;
	}
	#deluxe_only .bxSliderList{
		display:flex;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	#deluxe_only .bxSliderList > li{
		height: auto;
		width: 230px!important;
	}
	#cart_modal_price_txt p.breakdown,
	#cart_modal p.people134_txt{
		font-size: 12px;
	}
	#cart_modal{
		height: auto;
		width: 1000px;
		min-height: 570px;
		padding-bottom: 0px;
	}
	
	#cruisingschedule .normal_txt2{
		text-align: center;
		margin: 20px 0 10px;
	}
	.all_cancel_dis_checkbox,
	.RoomType_title,
	.RoomType {
		width: 840px;
	}
	.all_cancel_dis_checkbox,
	.RoomType_title,
	.RoomType,
	.catalog_btn{
		width: 840px;
		margin: 0 auto;
	}
	.RoomType_title{
		margin: 20px auto 0;
		font-size: 34px;
		padding: 5px;
		box-sizing: border-box;
	}
	.RoomType_title p{
		font-size: 34px;
		line-height: 1.5em;
	}
	.RoomType_title p.cruising_title {
		font-size: 20px;
	}
	.RoomType_title select,
	.RoomType_title label {
		font-size: 18px;
		padding: 5px 20px;
	}
	.RoomType_title select{
		bottom: 10px;
		right:inherit;
		left: 15px;
	}
	.RoomType_title .order_num{
		font-size: 14px;
		bottom: 19px;
		right: 15px;
		padding-right: 5px;
	}
	.RoomType_title .order_num b{
		padding: 5px;
		margin-right: 0.5em;
	}
	.MSC_none_supplement{
		padding: 20px;
		font-size: 18px;
		text-align: center;
	}
	#cruisingschedule{
		font-family: 'Noto Sans JP', MS PGothic,MS UI Gothic,'Helvetica',sans-serif;
		font-weight: 500;
		width: 986px;
		margin: 0 auto;
	}
	.RoomType{
		margin: 0 auto;
	}
	.RoomType_select,
	.img_price_table .name_box {
		width: 629px;
	}
	.img_price_table,
	.RoomType_daylable{
		border-right: solid 1px #b6b6b6;
	}
	.RoomType_select{
		font-size: 28px;
		padding: 10px;
	}
	.RoomType_select .mini{
		display: inline-block;
		margin-right: 10px;
	}
	.RoomType_daylable h4 {
		font-size: 20px;
		padding: 5px;
		line-height: 1.2em;
	}
	.RoomType_daylable ul li{
		font-size: 16px;
		padding: 5px;
		text-align: center;
		box-sizing: border-box;
	}
	.img_price_table .name_box {
		min-height:75px;
	}
	.RoomType_select,
	.img_price_table .name_box {
		border-left: solid 1px #b6b6b6;
	}
	.img_price_table .name_box .name_txt {
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 0px;
		font-size: 26px;
	}
	.img_price_table .name_box .name_txt .ship_name {
		margin-right: 5px;
	}
	.img_price_table .r_BN .name_box .name_txt .ship_name{
		margin-top: 0;
	}
	.img_price_table .name_box .name_txt .great_label_wrap {
		margin-bottom: 0.25em;
	}
	.img_price_table .name_box .name_txt .ico_txt,
	.img_price_table .name_box .name_txt .ico_txt2,
	.img_price_table .name_box .name_txt .ico_txt_msc,
	.img_price_table .name_box .name_txt .ico_txt_wake{
		font-size: 12px;
		padding: 5px;
		margin: 0;
		vertical-align: middle;
	}
	.img_price_table .name_box .name_txt .ico_txt2{
		margin-bottom: 0;
	}
	.img_price_table .name_box .name_txt .ico_txt_msc{
		margin-top: 0;
		margin-left: 50px;
	}
	.img_price_table .name_box .name_txt .ico_txt_msc::before{
		display: inline-block;
		content: "";
		background-image: url(/shopping/img/special/cruising/common/svg/ico_msc_yacht_club.svg);
		background-repeat: no-repeat;
		background-size: 100% auto;
		width: 30px;
		height: 24px;
		position: absolute;
		top: 10px;
		left: 20px;
	}
	.img_price_table_MSC .name_box .name_txt .ship_name{
		letter-spacing: inherit;
		margin-top: 5px;
	}
	span.recommendation{
		font-size: 17px;
		padding: 0 9px 1px;
		top: 0;
		margin: -5px 0 3px -6px;
	}
	span.recommendation:after{
		content: "";
		position: absolute;
		top: 89%;
		left: 50%;
		margin-left: -15px;
		border: 14px solid transparent;
		border-top: 10px solid #c20000;
	}
	.img_price_table .cen_box {
		bottom: 10px;
		right: 8px;
	}
	.img_price_table span.Price{
		font-size: 42px;
	}
	.img_price_table span.total{
		font-size: 15px;
		margin-top: 4px;
		height: 8px;
	}
	.img_price_table .days,
	.RoomType_daylable {
		width: auto;
	}
	.RoomType_daylable {
		display: inline-table;
	}
	.img_price_table .days .day a{
		padding: 0 5px;
	}
	.img_price_table .days .day a img{
		width: 64px;
	}
	.img_price_table .days .day a:hover{
		opacity: 0.7;
	}
	.RoomType_daylable ul li,
	.img_price_table .days .day,
	.img_price_table .days .day a{
		width: 100%;
	}
	.RoomType_daylable ul li span{
		transform:scaleX(1);
	}
	.img_price_table .days .day {
		align-items: flex-end;
		justify-content: center;
		align-content: center;
		padding-bottom: 0px;
	}
	.img_price_table .days .day .nebikiday{
		font-size: 12px;
	}
	.img_price_table .days .day .mark{
		font-size: 14px;
		margin-bottom: 5px;
	}
	.img_price_table .days .day .txt{
		font-size: 12px;
	}
	.img_price_table .days .day .txt::after{
		padding: 5px;
		margin: 10px auto;
	}
	.img_price_table .days .day .off .txt,
	.img_price_table .days .day .end .txt{
		margin-top: -10px;
	}
	.RoomType_supplement_txt{
		margin: 10px 0;
		font-size: 11px;
	}
	.RoomType_supplement{
		margin: 10px;
		font-size: 14px;
	}
	.RoomType_yachtclub{
		margin: 20px 0 25px;
	}
	.RoomType_supplement img{
		width: 30px;
		margin-left: 30px;
		margin-right: 5px;
	}
	.img_price_table .dis1w_UC .name_box {
		padding-top: 0px;
	}
	.img_price_table .dis1w_UC .name_box .name_txt {
		padding-bottom: 90px;
	}
	.img_price_table img.disimg {
		position: absolute;
		top: 30px;
		left: 190px;
		z-index: 99;
		width: 290px;
	}
	.img_price_table .cen_box .dis1_price{
		position: absolute;
		bottom: -2px;
        left: -205px;
        padding-right: 0;
        margin-bottom: 0;
        align-items: flex-start;
	}
	.dis1_price .f_txt,
	.dis1_price .old_price{
		display: inline-block;
	}
	.img_price_table .cen_box .dis1_price .f_txt{
		font-size: 12px;
		line-height: 1em;
		margin-right: 5px;
		transform: none;
	}
	.img_price_table .cen_box .dis1_price .old_price{
		font-size: 25px;
	}
	.price_after {
		font-size: 12px;
		font-style: normal;
	}
	.dis1_price img {width:100%;}
	
	#cart_btn_34tel{
		padding: 15px;
		margin: 0px 85px 0;
		font-size: 16px;
	}
	#room_details_modal,
	#room_details_modal .details_modal_txtbox{
		min-height: 670px;
	}
	#room_details_modal.room_dm_UMB,#room_details_modal.room_dm_UMB .details_modal_txtbox,
	#room_details_modal.room_dm_BNB,#room_details_modal.room_dm_BNB .details_modal_txtbox,
	#room_details_modal.room_dm_BNC,#room_details_modal.room_dm_BNC .details_modal_txtbox,
	#room_details_modal.room_dm_BND,#room_details_modal.room_dm_BND .details_modal_txtbox{
		min-height: 480px;
	}
	#room_details_modal .details_modal_txtbox {
		background-size: 36px;
		background-position: 19px 25px;
		padding-bottom: 10px;
		width: 840px;
	}
	#room_details_modal .details_modal_txtbox img{
		width: 100%;
	}
	#room_details_modal .details_modal_cart_btn,
	#cruising_popup .details_modal_cart_btn{
		width: 350px;
		font-size: 25px;
		height: 50px;
		line-height: 50px;
	}
	#room_details_modal a.details_modal_cart_btn:hover{
		text-decoration: none;
		opacity: 0.8;
	}
	.cart_modal_price_wrap{
		min-height: 135px;
	}
	div#cart_modal_tell{
		background: none!important;
		display: block;
		padding: 0;
		margin-top: 15px;
	}
	#cart_modal_tell p.cart_modal_tell{
		font-size: 14px;
		width: 100%;
		margin-top: 0;
	}
	.cart_modal_tell a {
		padding: 4px;
	}
	#cart_modal_tell a.tellink .txt {
		font-size: 12px;
		padding-bottom: 0.25em;
		text-align: left;
	}
	/*ワケあり*/
	.img_price_table .mbox.r_UMB{
		border-left-width: 10px;
		border-right-width: 10px;
		transition:
			max-height 0.25s linear;
	}
	.img_price_table .mbox.r_UMB.active,
	.img_price_table .mbox.r_BN_top.active,
	.img_price_table .mbox.r_BN_btn.active,
	.img_price_table .mbox.r_BNB.active,
	.img_price_table .mbox.r_BNC.active,
	.img_price_table .mbox.r_BND.active,
	.img_price_table .mbox.r_BN_pc.active{
		max-height:110px;
	}
	.img_price_table .mbox.r_BN_top.active,
	.img_price_table .mbox.r_BN_btn.active{
		max-height:100%;
	}
	.img_price_table .mbox.r_BN_pc.active p{
		margin-top: -10px;
	}
	.img_price_table .mbox.r_UMB,
	.img_price_table .mbox.r_BN_top{
		justify-content: flex-start;
	}
	.img_price_table .mbox.r_UMB.active,
	.img_price_table .mbox.r_BN_top.active{
		border-top-width: 10px;
	}
	.img_price_table .mbox.r_BN_top.active,
	.img_price_table .mbox.r_BN_btn.active{
		padding: 5px;
	}
	.img_price_table .mbox.r_BN_top p{
		padding: 5px;
		font-size: 22px;
	}
	.img_price_table .name_box .name_txt .btn_UM::before,
	.img_price_table .name_box .name_txt .btn_UM::after,
	.img_price_table .name_box .name_txt .btn_BN::before,
	.img_price_table .name_box .name_txt .btn_BN::after{
		right: 15px;
		width: 0.8em;
	}
	.img_price_table .mbox.r_BNB.active::before{
		content: "";
		display: block;
		position: absolute;
		border-top: solid 1px #b6b6b6;
		border-right: solid 1px #b6b6b6;
		transform: rotate(-45deg);
		background-color: #FFF;
		z-index: 15;
	}
	.img_price_table .mbox.r_UMB.active::before,
	.img_price_table .mbox.r_BN_top.active::before{
		top: -14px;
		width: 25px;
		height: 25px;
		left: 380px;
	}
	.img_price_table .mbox.r_UMB.active,
	.img_price_table .mbox.r_BN_btn.active{
		border-bottom-width:10px;
	}
	.img_price_table .mbox.r_BN_btn p{
		padding: 0 60px;
	}
	.img_price_table .mbox .btn {
		margin-top: 0;
	}
	.img_price_table .mbox.r_BN_btn p img {
		width: 325px;
	}
	.img_price_table .mbox.r_BN_btn p .btn img {
		padding-top: 5px;
		width: 300px;
	}
	.img_price_table .mbox .btn a{
		font-size: 24px;
		width: 330px;
		height: 46px;
		line-height: 42px;
		margin-top: 0;
	}
	.img_price_table .name_box .name_txt .ico_txt_wake{
		bottom: 10px;
		left:inherit;
		right: 170px;
	}
	.img_price_table .name_box .name_txt .detailsmodal_wake{
		font-size: 0.5em;
		padding: 0em 0.5em;
		width: fit-content;
		height: 2em;
		left: 435px;
		bottom: 48px;
	}
	.img_price_table .r_BNB .name_box .name_txt{
		padding-top: 10px;
	}
	#room_details_wake_modal,
	#room_details_wake_modal .details_modal_txtbox {
		min-height: inherit;
		text-align: center;
	}
/*▼資料請求バナー▼*/
	.catalog_btn_lsize{
		padding-inline: 0;
		margin-top: 5px;
	}
	.catalog_btn_lsize a{
		height: 70px;
		top: 74px;
	}
	.catalog_btn_lsize a.tel_pos{
		left: 396px;
	}
	.catalog_btn_lsize a.web_pos{
		right: 24px;
	}
	.catalog_btn_lsize_note{
		font-size: 12px;
		padding-inline: 0;
	}
/*▲資料請求バナー▲*/
/*▼リピーター割対応▼*/
	/*基準　内側客室*/
	.img_price_table .name_box .name_txt .rep_label{
		font-size: 18px;
		margin: 0;
		z-index: 30;
		right: 8em;
		bottom: 0.4em;
	}
/*▲リピーター割対応▲*/
	.all_cancel_dis_checkbox{
		padding: 10px 15px;
		margin-inline: auto;
	}
	.img_price_table .mbox.r_BNB.active{
		border-bottom-width:10px;
	}
	/*▼ヨットクラブ準備中▼*/
	.yacht_preparation{
		margin-top: 30px;
	}
	.yacht_preparation_btn {
		width: 100%;
		/* bottom: 15px; */
		top: 110px;
	}
	/*▲ヨットクラブ準備中▲*/
	.img_price_table .name_box .detailsmodal {
		padding-left: 25px;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.img_price_table .name_box .detailsmodal a {
		position: static;
		padding: 0.5em 0.8em;
		font-size: 13px;
		border-radius: 3px;
	}
	
	.img_price_table .name_box .detailsmodal a:hover {
		opacity: 0.8;
	}
	.img_price_table .name_box .detailsmodal a b {
		width: 14px;
		height: 14px;
		margin-left: 8px;
	}
	/*▼モーダル価格表▼*/
	#cruising_popup[data-modalid="modal_price_table"] .wrap .inwrap {
		width:fit-content;
		padding-right: 0;
	}
	.modal_price_table .komikomi_hyo_price_img{
		width: 100%;
		padding-top: 0px;
	}
	#cruising_popup.modal_price_table__pop .roomDetailsModal h4 {
		margin-top: 20px;
	}
	.roomDetailsModal__back--btn{
		font-size: 14px;
	}
	.roomDetailsModal__back--btn__bottom{
		font-size: 20px;
	}
	/*▲モーダル価格表▲*/
/*▲----------------PC・タブレットのみ読み込み(横幅480以上＆縦幅480以上)----------------▲*/
}