@charset "utf-8";

.fs13 { font-size: 1.3rem !important; }
.fs15 { font-size: 1.5rem !important; }

.fcPK01 { color: #ea5098 !important; }

/* コンテンツ幅 Full */
.contentsInr { width: auto; padding: 0px; }

/* コンテンツ幅 950px */
.contentsInr .contentsUnit,
.contentsInr .module { padding: 0 10px; margin: 0 auto !important; }

@media all and (min-width:740px){
	.contentsInr .contentsUnit,
	.contentsInr .module { width: 950px !important; padding: 0px; }
	.contentsInr .module { float: none !important; }
}

.pinkribbon .ctm_pageTtl .heading { font-family: 'Zen Maru Gothic', sans-serif; font-weight: 500; display: inline-block; }

.pinkribbon .ctm_pageTtl h2 { letter-spacing: 0.2rem; transform: skewX(-6deg); }
.pinkribbon .ctm_pageTtl h3 { letter-spacing: 0.1rem; transform: skewX(-6deg); }
@media all and (max-width:739px){
	.pinkribbon .ttlLv1 h2.heading { font-size: 3.0rem; }
	.pinkribbon .ttlLv2 h3.heading { font-size: 2.4rem; }
}



/* SET */
@media all and (max-width:739px){
	#SET { padding-top: 20px; }
	#SET .fs18 { font-size: 1.8rem!important; }
}



/* INTRO */
#INTRO.ctm_contentsFull { background: linear-gradient(90deg, rgba(253,190,220,1) 0%, rgba(253,200,233,1) 50%, rgba(253,190,220,1) 100%); }

#INTRO .contentsUnit { position: relative; }
#INTRO .contentsUnit::before { content: ""; position: absolute; display: block; 
top: 20px; left: 50%; transform: translate(-50%, -50%); width: 300px; height: 300px;
-webkit-mask-image: url(../img_sites/deco_ribbon01.svg);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-image: url(../img_sites/deco_ribbon01.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: #fff; }
@media all and (max-width:739px){
	#INTRO .contentsUnit::before { width: 260px; height: 260px; }
}

#INTRO .ctm_pageTtl h2 { background: linear-gradient(transparent 75%, #fee4f0 75%); }



/* INFO */
#INFO .ctm_pageTtl h3 { background: linear-gradient(transparent 75%, #fed8f4 75%); }

/* iconList */
dl.iconList { display: flex; flex-wrap: wrap; }
dl.iconList dt { display: flex; align-items: center; justify-content: center; border-radius: 4px; color: #fff; font-size: 1.2rem; margin-top: 10px; padding: 2px 6px; text-align: center; width: 8%; }
.iconTxt01 { background-color: #D75674; }
.iconTxt02 { background-color: #F16056; }
.iconTxt03 { background-color: #FB8D3D; }
.iconTxt04 { background-color: #00A583; }
.iconTxt05 { background-color: #0094A1; }
.iconTxt06 { background-color: #007DAF; }
.iconTxt07 { background-color: #4D73BB; }
.iconTxt08 { background-color: #716BB6; }
.iconTxt09 { background-color: #8B63AC; }
.iconTxt10 { background-color: #AB5792; }
dl.iconList dd { margin-top: 10px; padding-left: 5px; width: 12%; }
@media all and (max-width:739px){
	dl.iconList dt { width: 18%; min-height: 4.8rem; }
	dl.iconList dd { width: 32%; padding-right: 5px; }
}

dl.iconList dt strong { color: #fff; padding-left: 2px; }
.mg05{ margin:0.5em 0;}


/* HOTEL */
#HOTEL.ctm_contentsFull { background: linear-gradient(90deg, rgba(253,190,220,0.5) 0%, rgba(253,200,233,0.5) 50%, rgba(253,190,220,0.5) 100%); }

#HOTEL .contentsUnit { position: relative; }
#HOTEL .contentsUnit::before { content: ""; position: absolute; display: block; 
top: 20px; left: 50%; transform: translate(-50%, -50%); width: 220px; height: 220px;
-webkit-mask-image: url(../img_sites/deco_ribbon03.svg);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-image: url(../img_sites/deco_ribbon03.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: #f776b2; }
@media all and (max-width:739px){
	#HOTEL .contentsUnit::before { width: 180px; height: 180px; }
}

#HOTEL .ctm_pageTtl h2 { background: linear-gradient(transparent 75%, #fff 75%); }

#HOTEL .tabs_parent > li,
#HOTEL .tabs_parent > li > a { font-size:18px; color: #ea5098; background: transparent; }

#HOTEL .hotelList .ctm_pageTtl h3 { position: relative; padding: 2px 20px 5px; font-size: 2.4rem; color: #ea5098; border: 2px solid #fff; }
.hotelList .ctm_pageTtl h3::after {content: ''; position: absolute;
top: 100%; right: -3px; border: none;
border-bottom: solid 12px transparent; border-left: solid 18px rgb(255, 255, 255); }

.hotelList .hotelUnit { padding: 0 20px 20px; background: #fff; }

.hotelList .hotelUnit .ctm_pageTtl { padding-bottom: 20px; }
.hotelList .hotelUnit .ctm_pageTtl .ttlLv3 { margin-top: 20px; }
@media all and (max-width:739px){
	.hotelList .hotelUnit .ctm_pageTtl { padding-bottom: 5px; }
	.hotelList .hotelUnit .ctm_pageTtl .ttlLv3 { padding: 0; }
	.hotelList .hotelUnit .ctm_pageTtl .ttlLv3 h4.heading { padding: 0; font-size: 2.0rem; }
}

.hotelUnit .ttlArea { display: inline-block; position: relative;
height: 3rem; line-height: 3rem; margin-right: 1rem; padding: 0 2rem 0 1.5rem;
font-weight: 400; text-align: center; color: #fff; background: #f776b2; box-sizing: border-box; }
.hotelUnit .ttlArea::after { content: ''; position: absolute;
width: 0px; height: 0px; z-index: 1; top: 0; right: 0;
border-width: 1.5rem 0.75rem 1.5rem 0;
border-color: transparent #fff transparent transparent;
border-style: solid; }
@media all and (max-width:739px){
	.hotelUnit .ttlArea { font-size: 1.8rem; }
}

@media all and (min-width:740px){
	#HOTEL dl.iconList dt { width: 19%; margin-right: 1.25%; }
	#HOTEL dl.iconList dt:nth-child(5),
	#HOTEL dl.iconList dt:nth-child(10) { margin-right: 0; }
}
@media all and (max-width:739px){
	#HOTEL dl.iconList dt { width: 24%; margin-right: 1.33%; }
	#HOTEL dl.iconList dt:nth-child(4),
	#HOTEL dl.iconList dt:nth-child(8) { margin-right: 0; }
}

#HOTEL .privilegeBox { display: block; position: relative; margin: 15px auto; padding: 10px 50px 20px 20px; background: #fff; border: 2px solid #fe99c8; min-height: 65px; }
@media all and (max-width:739px){
	#HOTEL .privilegeBox { padding-left: 10px; }
}

.privilegeBox .iconPrivilege { position: absolute; top: 0; right: 0; width: 65px; height: 65px; overflow: hidden; }

.iconPrivilege .iconTxt { display: inline-block; position: absolute; padding: 5px 0;
top: 5px; left: -23px; width: 135px;
font-family: 'Zen Maru Gothic', sans-serif; font-weight: 500;
text-align: center; color: #fff; background: #fe99c8;
-webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media all and (max-width:739px){
	.iconPrivilege .iconTxt {  top: 4px; left: -22px; font-size: 0.7rem;}
}

#HOTEL .hotelGadgetWrap { margin-top: 20px; }
@media all and (max-width:739px){
	#HOTEL .hotelGadgetWrap { width: 80%; margin: 16px auto 0; }
}
#HOTEL .hotelGadgetWrap .tripBox180 { margin: 0 auto; }



@media all and (max-width:739px){
	#HOTEL .js-eqHeightCols .js-eqHeightCols-item,
	#HOTEL .js-eqHeightCols .js-eqHeightCols-item-2,
	#HOTEL .js-eqHeightCols .js-eqHeightCols-item-3,
	#HOTEL .js-eqHeightCols .js-eqHeightCols-item-4 { height: auto!important; }
}



@media all and (max-width:739px){
}
@media all and (min-width:740px){
}