@charset "utf-8";

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

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

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

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

#WORKATION dl dt,
#WORKATION .ctm_pageTtl h2,#WORKATION-AREA .ctm_pageTtl h2,#WORKSPACE .ctm_pageTtl h2,
#WORKATION .ctm_pageTtl h3,
#WORKATION .ctm_pageTtl h4,#WORKATION-AREA .ctm_pageTtl h4,#WORKSPACE .ctm_pageTtl h4 { font-family: 'BIZ UDMincho', serif; font-weight: 400; }

#WORKATION .ctm_pageTtl h2,
#WORKATION-AREA .ctm_pageTtl h2,
#WORKSPACE .ctm_pageTtl h2 { position: relative; font-size: 2.4rem; letter-spacing: 0.2rem; padding: 1rem 2rem; border-top: 2px solid #529bfd; border-right: 2px solid #529bfd; border-left: 2px solid #333; border-bottom: 2px solid #333; }
#WORKATION .ctm_pageTtl h2::after,
#WORKATION-AREA .ctm_pageTtl h2::after,
#WORKSPACE .ctm_pageTtl h2::after { content: ''; position: absolute; bottom: -2.1rem; left: 50%; transform: translateX(-50%); width: 2px; height: 3rem; background: #fd7ed2; }


/**-- WORKATION --**/

#INTRO .ctm_pageTtl h2,
#PLAN-HOTEL .ctm_pageTtl h2 { font-size: 3rem; }
@media (max-width: 739px){
#INTRO .ctm_pageTtl h2,
#PLAN-HOTEL .ctm_pageTtl h2 { font-size: 2.8rem; }
}

/*INTLTOUR LINK*/
@media all and (max-width: 739px){
.intlLink { display: none; }
}

/* NEWS */
#NEWS .viewMore .ttlLv1 { display: none; }
#NEWS .viewMore .viewMore_btn { background: none; }

/* INTRO */
#INTRO.ctm_contentsFull { margin-top: 100px; padding-top: 0; -webkit-transform: skew(0deg, -3deg); transform: skew(0deg, -3deg); background: #ddf1ff; }
#INTRO.ctm_contentsFull .contentsUnit { -webkit-transform: skew(0deg, 3deg); transform: skew(0deg, 3deg); }

#INTRO .inner_ttl { margin-top: -100px; }

#INTRO .btnBox { text-align: center; }

/* PLAN-HOTEL */
#PLAN-HOTEL.ctm_contentsFull { margin-top: 100px; padding-top: 0; -webkit-transform: skew(0deg, -3deg); transform: skew(0deg, -3deg); background: #d9f9f0; }
#PLAN-HOTEL.ctm_contentsFull .contentsUnit { -webkit-transform: skew(0deg, 3deg); transform: skew(0deg, 3deg); }

#PLAN-HOTEL .inner_ttl { margin-top: -100px; }

#PLAN-HOTEL .col { position: relative; padding: 15px 15px 15px 40px; background: #fff; }

#PLAN-HOTEL .goodPrice:before { position: absolute; content: ''; top: -10px; left: -10px; width: 100%; height: 100%; border: 2px solid #f658c0; }
@media (max-width: 739px){
#PLAN-HOTEL .clm_1_2col > .col:nth-child(2) { margin-top: 80px; }
}

#PLAN-HOTEL .col .arrow { position: absolute; top: 50%; left: -40px; transform: translate(-50%, -50%); display: inline-block; padding: 1rem; color: #fff; background: #f658c0; text-align: center; }
#PLAN-HOTEL .col .arrow:before { position: absolute; top: 0; right: -1.95rem; content: ''; width: 0; height: 0; border-width: 3.1rem 0 3rem 2rem; border-style: solid; border-color: transparent transparent transparent #f658c0; }
@media (max-width: 739px){
#PLAN-HOTEL .col .arrow { top: -40px; left: 50%; transform: translate(-50%, -50%); padding-bottom: 0.5rem; }
#PLAN-HOTEL .col .arrow:before { top: 100%; right: 0; width: 0; height: 0; border-width: 2rem 5rem 0 5rem; border-style: solid; border-color: #f658c0 transparent transparent transparent; }
}

#PLAN-HOTEL .col .recommended { position: absolute; top: -40px; right: -20px; width: 8rem; height: 8rem; line-height: 8rem; border-radius: 50%; color: #fff; background: #529bfd; text-align: center; font-weight: 600; font-size: 1.3rem; }
@media (max-width: 739px){
#PLAN-HOTEL .col .recommended { right: -14px; }	
}

#PLAN-HOTEL dl dt { position: relative; display: inline-block; margin-bottom: 15px; padding: 0 0 1rem; border-bottom: 2px solid #333; font-size: 1.8rem; }
#PLAN-HOTEL dl dt:before { position: absolute; bottom: -14px; left: 1em; width: 0; height: 0; content: ''; border-width: 14px 12px 0 12px; border-style: solid; border-color: #333 transparent transparent transparent; }
#PLAN-HOTEL dl dt:after { position: absolute; bottom: -10px; left: 1em; width: 0; height: 0; content: ''; border-width: 14px 12px 0 12px; border-style: solid; border-color: #fff transparent transparent transparent; }

#PLAN-HOTEL dl dd .txtPrice { font-size: 3rem; font-weight: 600; }
#PLAN-HOTEL dl dd .txtPrice .ctm_iconTxt_br_BK { background: #333; vertical-align: middle; }
#PLAN-HOTEL dl dd .txtHotel { font-size: 1.6rem; font-family: 'BIZ UDMincho', serif; font-weight: 600; }
#PLAN-HOTEL dl dd .txtPoint { font-size: 1.8rem; font-weight: 600; color: #f658c0; }

/* LINK-AREA */
@media (max-width: 739px){
#LINK-AREA .mgtM { margin-top: 10px !important; }
}


/**-- WORKATION-AREA --**/

/* AREA-INTRO */
#AREA-INTRO.ctm_contentsFull { padding-top: 0; -webkit-transform: skew(0deg, -3deg); transform: skew(0deg, -3deg); background: #d9f9f0; }
#AREA-INTRO.ctm_contentsFull .contentsUnit { -webkit-transform: skew(0deg, 3deg); transform: skew(0deg, 3deg); }

#AREA-INTRO .inner_ttl { margin-top: -50px; }
#AREA-INTRO .inner_ttl .ttlLv3 { margin-bottom: 0; }
.icon_exp{
	float:right;
	width:350px;
}
@media (max-width: 739px){
	.icon_exp{
		width:100%;
	}
}
.icon_exp p{
	padding-top: 20px;
}

.iconBathFree_exp{
	font-size: 10px;
	text-align: center;
	font-family: 'BIZ UDMincho', serif;
	color: #002060;
	font-weight: 700; 
	margin:7px 5px 0;
	float:left;
}
.iconBathFree_exp i{
	display: block;
	font-size: 12px;
	color: #ffffff;

	width: 2em; 
	height: 2em; 
	line-height: 2em;
	border-radius: 50%; 
	background-color: #ff66b8;
}
.clearA{
	clear:both;
}
.mgtchange{
	margin-top: -45px!important;
}

/* AREA-HOTEL */
#AREA-HOTEL .pageTtl_box.ctm_pageTtl .areaTtl { background: linear-gradient(transparent 60%, #d9f9f0 60%); }
.linkstyleA{background-color:#fff8dc; float: right; width:210px; padding:3px; border:1px solid #E6E6E6; font-weight:bold;}

/**-- WORKSPACE --**/

/* WS-INTRO */
#WS-INTRO .ctm_pageTtl h2 { font-size: 3rem; }
@media (max-width: 739px){
#WS-INTRO .ctm_pageTtl h2 { font-size: 2.8rem; }
}

#WS-INTRO.ctm_contentsFull { margin-top: 100px; padding-top: 0; -webkit-transform: skew(0deg, -3deg); transform: skew(0deg, -3deg); background: #fdf7bc; }
#WS-INTRO.ctm_contentsFull .contentsUnit { -webkit-transform: skew(0deg, 3deg); transform: skew(0deg, 3deg); }

#WS-INTRO .inner_ttl { margin-top: -100px; }

#WS-INTRO strong { color: #fd49b7; font-size: 2.2rem; background: linear-gradient(transparent 60%, #fff 60%); padding: 0 0.5rem; }

/* WS-AREA */
#WS-AREA .pageTtl_box.ctm_pageTtl [class^="ttlLv"]{ padding-right: 0; }
#WS-AREA .pageTtl_box.ctm_pageTtl .areaTtl { background: linear-gradient(transparent 60%, #fdf7bc 60%); }
@media (max-width: 739px){
#WS-AREA .pageTtl_box.ctm_pageTtl .fs13 { font-size: 2rem!important; }
}

#WS-AREA .access_box { margin-top: 10px; }

#WS-AREA .point_box { margin-top: 10px; padding: 10px 0 0 5.5rem; border-top: 1px dashed #529bfd; position: relative; min-height: 5.6rem; }
#WS-AREA .point_box::before { content: "ポイント"; font-family: 'BIZ UDMincho', serif; position: absolute; top: 5px; left: 0; width: 5rem; height: 5rem; line-height: 5rem; border-radius: 50%; color: #fff; background: #529bfd; text-align: center; font-weight: 600; font-size: 1.0rem; }
#WS-AREA .point_box p { padding-bottom: 15px; }

#WS-AREA .price_box { margin-top: 10px; color: #fd49b7; border: 1px solid #fd49b7; text-align: center; font-size: 1.4rem; }
#WS-AREA .price_box p { padding: 0.5rem 0; }
#WS-AREA .price_box strong { color: #fd49b7; font-size: 1.8rem; }
@media (min-width: 740px){
	#WS-AREA .price_box .fs12 strong { font-size: 1.5rem; }
}

/* WS-HOWTO */
#WS-HOWTO.ctm_contentsFull { margin-top: 100px; margin-bottom: 70px; padding-top: 0; -webkit-transform: skew(0deg, -3deg); transform: skew(0deg, -3deg); }
#WS-HOWTO.ctm_contentsFull .contentsUnit { -webkit-transform: skew(0deg, 3deg); transform: skew(0deg, 3deg); }

#WS-HOWTO .inner_ttl { margin-top: -100px; }

#WS-HOWTO strong { color: #fd49b7; font-size: 2.0rem; background: linear-gradient(transparent 60%, #fff 60%); padding: 0 0.5rem; }



/*** hotel_block.css ***/

/** 3clm,4clm **/
[class^="tourGadget"] {position: relative;}
[class^="tourGadget"] .recommendLavel{position: absolute;top: 0;left: 0;}
.pageTtl_box.ctm_pageTtl {text-align: left;position: relative;}

.pageTtl_box.ctm_pageTtl [class^="ttlLv"]{ padding: 10px 0 0 0; margin: 0; }

.pageTtl_box.ctm_pageTtl .heading{color: #002060;padding: 0;}

.pageTtl_box.ctm_pageTtl .heading.withIcon { padding-right: 24px; }

.pageTtl_box.ctm_pageTtl .txtLink{font-size: 2rem;padding-left: 0;padding-right: 32px;}

.pageTtl_box.ctm_pageTtl .txtLink.iconOther .altIcon { width: 20px; height: 16px; top:14px; left: auto; right: 6px; }

.pageTtl_box.ctm_pageTtl [class^="iconBath"] i,
.pageTtl_box.ctm_pageTtl .areaTtl { font-family: 'BIZ UDMincho', serif; }

.pageTtl_box.ctm_pageTtl .areaTtl { display: block;  font-weight: 600; color: #333; margin-bottom: 10px; }
@media (min-width: 740px){
	.pageTtl_box.ctm_pageTtl .areaTtl { font-size: 1.4rem; }
}

.pageTtl_box.ctm_pageTtl [class^="iconBath"]{position: absolute;text-align: center;font-size: 10px; top: 36px; right: 0;}
@media (min-width: 740px){
	.pageTtl_box.ctm_pageTtl [class^="iconBath"]{ top: 33px; }
}
.pageTtl_box.ctm_pageTtl [class^="iconBath"] i {display: block;font-size: 12px;color: #ffffff;font-weight: 700; width: 2em; height: 2em; line-height: 2em; border-radius: 50%; }
.pageTtl_box.ctm_pageTtl [class^="iconBath"][class*="Free"] i{background-color: #ff66b8;}
.pageTtl_box.ctm_pageTtl [class^="iconBath"][class*="Paid"] i{background-color: #ff66b8;}

.tripBox180{width: 180px;margin: 0 auto;}

.reserveArea{display: flex;margin-top: 15px;flex-direction: column;}
@media (min-width: 740px){
    .reserveArea{margin-top: 30px;flex-direction: row;}}
.reserveArea .btnList{margin-top: 15px;padding: 0 30px;}
@media (min-width: 740px){
    .reserveArea .btnList{margin-top: 0;margin-left: 20px;padding: 0;width: calc(100% - 200px);}}
.reserveArea .btnList li .btn{margin: 0;}
.renpaku{
	background-color: #003466;
	padding:3px 4px 0;
	border-radius: 7px;
	color: #ffffff;
	margin: 5px 7px -25px;
	width:95px;
	font-size:0.9em;
	text-align: center;
}
.oneonly{
	background-color: #660035;
	padding:3px 4px 0;
	border-radius: 7px;
	color: #ffffff;
	margin: 5px 7px -25px;
	width:95px;
	font-size:0.9em;
	text-align: center;
}
.twoonly{
	background-color: #00664f;
	padding:3px 4px 0;
	border-radius: 7px;
	color: #ffffff;
	margin: 5px 7px -25px;
	width:95px;
	font-size:0.9em;
	text-align: center;
}
.notsolo{
	background-color: #666400;
	padding:3px 4px 0;
	border-radius: 7px;
	color: #ffffff;
	margin: 5px 7px -25px;
	width:95px;
	font-size:0.9em;
	text-align: center;
}
.tworule{
	margin: 5px 0 -25px;
}
.tworule .renpaku{
	background-color: #003466;
	padding:3px 4px 0;
	border-radius: 7px;
	color: #ffffff;
	margin:0;
	font-size:0.9em;
	text-align: center;
}
.tworule .notsolo{
	background-color: #666400;
	padding:3px 4px 0;
	border-radius: 7px;
	color: #ffffff;
	margin: 0;
	font-size:0.9em;
	text-align: center;
}

@media all and (max-width:739px){
	.renpaku,.oneonly,.notsolo{
		font-size:0.8em;
	}
	.renpaku, .oneonly, .notsolo, .twoonly, .tworule{
		margin-bottom:-10px;
		margin-top:-27px;
	}

	.clm_1_4col .hotelAnnotation{
		margin-bottom:-10px;		
	}

}

.hotelAnnotation{
	margin: 5px 7px -25px 12px;	
	font-size:0.8em;
	line-height: 1.2;
	text-indent: -5px;	
}
.hotelPoint{
	margin:30px auto 0;
	width:95%;
	background-color: #ffff99;
	padding:10px;
	border:1px solid #d7d7d3;
	min-height: 95px;
}
.hotelPoint .fwB{
	font-weight:bold;
	margin-bottom:10px;
}
.hotelPoint p{
	margin-left:1em;
	text-indent:-1em;
}
.grandfresaheight img{
	aspect-ratio:3 / 2;
	object-fit:cover;
}


/* tourGadget03 */
.tourGadget03 .colWrap + .colWrap{margin-top: 10px;}
.tourGadget03 .pageTtl_box.ctm_pageTtl .heading,
.tourGadget03 .pageTtl_box.ctm_pageTtl .txtLink{
    font-size: 2rem;}

@media (min-width: 740px){
.tourGadget03 .clm_1_4col .pageTtl_box.ctm_pageTtl .heading,
.tourGadget03 .clm_1_4col .pageTtl_box.ctm_pageTtl .txtLink { font-size: 1.6rem; }
}

@media (min-width: 740px){
    .tourGadget03 .colWrap + .colWrap{margin-top: 10px;}}

.tourGadget03 .clm_1_3col .col,
.tourGadget03 .clm_1_4col .col { margin-top: 20px!important; padding: 10px; border: 1px solid #cccccc; }

.tourGadget03 .inrClm_1_2col{display: flex;margin-top: 5px;}

.tourGadget03 .inrClm_1_2col .inrCol { width: 100%; }

.tourGadget03 .inrClm_1_2col .inrCol:nth-child(2){width: 65%;margin-left: 10px;}

.tourGadget03 .inrClm_1_2col .areaPrice .headPrice{font-size: 2rem;}
.tourGadget03 .inrClm_1_2col .areaPrice li{font-size: 1.6rem;}
@media (max-width: 739px){
    .tourGadget03 .inrClm_1_2col .areaPrice .headPrice,
    .tourGadget03 .inrClm_1_2col .areaPrice li{font-size: 1.8rem; width: 100%}
}
.tourGadget03 .inrClm_1_2col .areaPrice .depArea{font-size: 1.2rem;}
@media (min-width: 740px){
    .tourGadget03 .inrClm_1_2col .areaPrice .depArea{width: 72px;}
}

@media (min-width: 740px){
    .tourGadget03 .inrClm_1_2col .areaPrice .headPrice{font-size: 1.6rem;}
    .tourGadget03 .inrClm_1_2col .areaPrice li {width: 100%;font-size: 1.6rem;}}
.tourGadget03 .reserveArea{flex-direction: column;}
.tourGadget03 .reserveArea .tripBox180{margin: auto;}

.tourGadget03 .reserveArea .btnList{margin-top: 30px;margin-left: 0;padding: 0 30px;width: auto;}
.tourGadget03 .clm_1_4col .reserveArea .btnList { padding: 0; }



/* sp_scroll_on */
/** 1clm **/
@media (max-width: 739px){
.tourGadget01{overflow: auto;white-space: nowrap;}
.tourGadget01 .recommendWrap{width: 100%;flex-wrap: nowrap;display: block;}
.tourGadget01 .recommendWrap .recommendItem{display: inline-block;vertical-align: top;margin-top: 0;width: calc(100% - 20px);}
.tourGadget01 .recommendWrap .recommendItem *{white-space: normal;}
.tourGadget01 .recommendWrap .recommendItem:nth-child(3n+1){
    margin-top: 0;
    margin-left: 10px;
}
.tourGadget01 .recommendWrap .recommendItem:first-child{
    margin-left: 0;
}
} 
/** 2clm 3clm **/
@media (max-width: 739px){
.tourGadget02 .column,
.tourGadget03 .column{overflow: auto;white-space: nowrap;}
.tourGadget02 .column .colWrap,
.tourGadget03 .column .colWrap{width: 100%;flex-wrap: nowrap;display: block;}
.tourGadget02 .column .colWrap .col,
.tourGadget03 .column .colWrap .col{display: inline-block;vertical-align: top;margin-top: 0;width: calc(100% - 20px);}
.tourGadget02 .column .colWrap .col *,
.tourGadget03 .column .colWrap .col *{white-space: normal;}

.tourGadget02 .column .colWrap .col,
.tourGadget03 .column .colWrap .col { margin-top: 0; margin-left: 10px; }
.tourGadget02 .column .colWrap .col:first-child,
.tourGadget03 .column .colWrap .col:first-child { margin-left: 0; }
.tourGadget03 .clm_1_4col .inrClm_1_2col, .tourGadget03 .clm_1_3col .inrClm_1_2col {margin-bottom:30px;}

}