@charset "utf-8";

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

.ctm_contentsFull { }
@media all and (max-width: 739px){
	.ctm_contentsFull {}
}

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

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

/* font */
@media all and (min-width: 740px){
	.alC_forPC { text-align: center; }
}

.imgParts figcaption { font-size: 1.2rem; }


/* iconTxt */
.outrigger [class^="ctm_iconTxt_br"] { display: inline-block; padding: 3px 1.0rem 1px; color: #fff; border-radius: 4px; letter-spacing: 0.1rem; }

/* 
.outrigger .ctm_iconTxt_br_01 { background: #39c3e0; }
.outrigger .ctm_iconTxt_br_02 { background: #daa1e7; }
.outrigger .ctm_iconTxt_br_03 { background: #31c8a9; }
.outrigger .ctm_iconTxt_br_04 { background: #f4b07e; }
.outrigger .ctm_iconTxt_br_05 { background: #f998ba; }
*/

/* ctm_pageTtl */
.outrigger .ctm_pageTtl.hc01 { }
.outrigger .ctm_pageTtl.hc01 .ttlLv1 { position: relative; margin: 60px 0 0; padding-top: 5.0rem; }
.outrigger .ctm_pageTtl.hc01 .ttlLv1:before { content: ""; position: absolute; display: block; top: 10px; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px;
-webkit-mask-image: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/outrigger/img_sites/ornament01.svg?v=1);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-image: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/outrigger/img_sites/ornament01.svg?v=1);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: #c5ebfe /* #bdf1ed */; }
@media all and (min-width: 740px){
	.outrigger .ctm_pageTtl.hc01 .ttlLv1 { }
	.outrigger .ctm_pageTtl.hc01 .ttlLv1:before { width: 90px; height: 90px; }
}
.outrigger .ctm_pageTtl.hc01 h2 { position: absolute; color: #00a89a; display: inline-block; top: 10px; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 100; }

@media all and (max-width: 739px){
	.outrigger .ctm_pageTtl .ttlLv1 h2 { font-size: 2.8rem; }
}

@media all and (min-width: 740px){
	.outrigger .ctm_pageTtl .ttlLv1 h2 { font-size: 3.6rem; }
	.outrigger .ctm_pageTtl .ttlLv2 h3 { }
	.outrigger .ttlLv4 h5 { font-size: 1.6rem; }
}

/* list */
@media all and (min-width: 740px){
	.listSide ul { display: flex; justify-content: center; }
	.listSide ul > li + li { margin: 0 0 0 2.0rem; }
}

/* column */

/* Botton type horizon */
/*
.outrigger .ctm_btnList_horizon .btnBox { display: block; width: 100%; height: 100%; }
.outrigger .ctm_btnList_horizon .col > div { height: 100%; }
.outrigger .ctm_btnList_horizon .col .btn { display: table; width: 100%; height: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 0px; }
.outrigger .ctm_btnList_horizon .col .btnInr { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
*/
@media all and (max-width: 739px){
	.outrigger .ctm_btnList_horizon .colWrap .col:nth-of-type(n+2) { margin-top: 16px; }
}

/* table */

/*  */




/* MV,Lead */
.outrigger .heroimgWrap,
#Lead.ctm_contentsFull { background: #00a8c8; }

#Lead.ctm_contentsFull { padding: 20px 0; }

/*
#Lead .contentsUnit { padding-top: 20px; width: 100%; height: auto; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/outrigger/img_sites/Lead_bg01.png?v=1); background-size: 28%; background-repeat: no-repeat; background-position: center; }
@media all and (min-width: 740px){
	#Lead .contentsUnit { padding-top: 50px; background-size: 14%; }	
}
#Lead .ctm_pageTtl .ttlLv1 { margin-top: 0; }
*/

#Lead .ctm_pageTtl .ttlLv4 { margin: 0; padding: 5px 0; }
#Lead .ctm_pageTtl .ttlLv4 h5 { color: #fff; font-size: 1.6rem; font-weight: normal; letter-spacing: 0.1rem; line-height: 1.5; }
@media all and (min-width: 740px){
	#Lead .ctm_pageTtl .ttlLv4 h5 { color: #fff; font-size: 1.8rem; }
}


/* Map */
#Map.ctm_contentsFull { background: #fff; }

#Map .mapBlock { position: relative; }
@media all and (max-width: 739px){
	#Map .mapBlock { overflow: auto; margin-right: -10px; }
}

#Map .mapBlock .clm_2_2col { width: 950px; }
#Map .mapBlock .col:nth-child(1) { width: calc(70% - 15px); }
#Map .mapBlock .col:nth-child(2) { width: calc(30% - 15px); }

#Map .mapBlock .ctm_pageTtl .ttlLv2 { margin-top: 30px; }
#Map .mapBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.4rem; color: #c4933e; }
@media all and (max-width: 739px){
	#Map .mapBlock .ctm_pageTtl .ttlLv2 h3 { text-align: left; }
}

#Map .mapBlock .btnHotel { position: absolute; }
#Map .mapBlock #btnHotel_HHNL008815_REF { top: 200px; left:  20px; }
#Map .mapBlock #btnHotel_HHNL008817_WBC { top:  80px; left: 360px; }
#Map .mapBlock #btnHotel_HHNL008818_OWP { top: 150px; left: 450px; }
#Map .mapBlock #btnHotel_HHNL008816_OWR { top: 395px; left: 220px; }
#Map .mapBlock #btnHotel_HKOA008917_SKB { top: 320px; left: 640px; }

#Map .mapBlock .btnBK .btn { padding: 15px 35px 10px 15px; background: #07c; border-radius: 100vh; }
#Map .mapBlock .btnBK .btn:after { right: 15px; }

@media all and (max-width: 739px){
	#Map .mapBlock .btnBK .btn { padding: 10px 35px 7px 15px; }
	#Map .mapBlock #btnHotel_HHNL008815_REF { top: 190px; }
	#Map .mapBlock #btnHotel_HHNL008815_REF .btn { width: 300px; }
	#Map .mapBlock #btnHotel_HHNL008817_WBC { top:  65px; }
	#Map .mapBlock #btnHotel_HHNL008817_WBC .btn { width: 260px; }
	#Map .mapBlock #btnHotel_HHNL008818_OWP .btn { width: 260px; }
	#Map .mapBlock #btnHotel_HHNL008816_OWR { top: 385px; }
	#Map .mapBlock #btnHotel_HHNL008816_OWR .btn { width: 300px; }
	#Map .mapBlock #btnHotel_HKOA008917_SKB .btn { width: 260px; }
}


/* Hotel */
#Hotel.ctm_contentsFull { background: #fff; /* background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/outrigger/img_sites/contents_bg01.jpg?v=0); background-size: 75%; */}

#Hotel .hotelListBlock { padding-top:30px;  background: #fff; }

#Hotel .hotelListBlock .headingWrap { border-top: 4px solid #0099e6; }
#Hotel .hotelListBlock .headingWrap .contentsUnit { position: relative; }

#Hotel .headingWrap .ctm_pageTtl .ttlLv2 { margin-bottom: 0; padding-top: 50px; }
#Hotel .headingWrap .ctm_pageTtl .ttlLv2 h3 { font-size: 2.4rem; color: #0099e6; }
#Hotel .headingWrap .ctm_pageTtl .ttlLv2 h3 .fsS01 { font-size: 1.4rem; }
@media all and (min-width: 740px){
	#Hotel .headingWrap .ctm_pageTtl .ttlLv2 { margin-bottom: 10px; }
	#Hotel .headingWrap .ctm_pageTtl .ttlLv2 h3 { font-size: 3.2rem; }
	#Hotel .headingWrap .ctm_pageTtl .ttlLv2 h3 .fsS01 { font-size: 1.8rem; }
}

#Hotel .headingWrap .headingGrade .ttlLv3 { position: absolute; display: inline-block; overflow: visible;
top: -11px; left: 10px; margin: 0; padding: 8px 0 3px; z-index: 2; width: 90px; text-align: center; background: #0099e6; border-radius: 2px 0 0 0; }
#Hotel .headingWrap .headingGrade .ttlLv3:before { content: ''; position: absolute; top: -1px; right: -6px; border: none; border-bottom: solid 8px #c8c568; border-right: solid 7px transparent; }
#Hotel .headingWrap .headingGrade .ttlLv3:after { content: ''; position: absolute; left: 0; top: 100%; height: 0; width: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; border-top: 15px solid #0099e6; }

#Hotel .headingWrap .headingGrade .ttlLv3 h4 { padding: 0; font-size: 1.2rem; font-weight: normal; color: #fff; border: none; }
#Hotel .headingWrap .headingGrade .ttlLv3 h4 strong { font-size: 2.0rem; font-weight: normal; color: #fff; padding-right: 0.2rem; }
@media all and (min-width: 740px){
	#Hotel .headingWrap .headingGrade .ttlLv3 { top: -9px; left: 20px; padding: 15px 0 5px; width: 90px; }
	#Hotel .headingWrap .headingGrade .ttlLv3:before { right: -4px; border-bottom: solid 6px #c8c568; border-right: solid 5px transparent; }
	#Hotel .headingWrap .headingGrade .ttlLv3:after { border-top: 20px solid #0099e6; }
	#Hotel .headingWrap .headingGrade .ttlLv3 h4 strong { font-size: 2.2rem; }
}

#Hotel .hotelListBlock .imgParts { padding: 10px 5px 15px; }

#Hotel .hotelListBlock .facilityWrap .ctm_pageTtl .ttlLv3 h4 { position: relative; padding-top: 30px; border-top: 2px solid #c8c568; }
#Hotel .hotelListBlock .facilityWrap .ctm_pageTtl .ttlLv3 sup { content: ''; position: absolute; display: inline-block;  
padding: 0 20px; color: #b4b14a; background: #fff; top: 0; left: 50%; 
transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
font-family: "Playwrite AU NSW", serif; font-optical-sizing: auto; font-weight: 200; font-style: normal; }
#Hotel .hotelListBlock .facilityWrap .ctm_pageTtl .ttlLv3 sub { /* content: ''; position: absolute; display: inline-block; top: 0; right: 0; */
padding: 2px 8px 1px; font-size: 1.4rem; font-weight: normal; color: #fff; background: #b4b14a; }

#Hotel .hotelListBlock .facilityWrap .ctm_pageTtl .ttlLv4 { position: absolute; display: table; padding-top: 0.8rem;
width: 7.2rem; height: 7.2rem; color: #fff; text-align: center; border-radius: 50%;
top: -15px; left: 20px; z-index: 100; }
#Hotel .hotelListBlock .facilityWrap .colWrap .ttlLv4 { top: -25px; left: 0; }
#Hotel .hotelListBlock .facilityWrap .icon_typeA .ttlLv4 { background: #b4b14a; }
#Hotel .hotelListBlock .facilityWrap .icon_typeB .ttlLv4 { background: #4cb7ed; }
#Hotel .hotelListBlock .facilityWrap .ctm_pageTtl .ttlLv4 h5 { font-size: 1.4rem; display: table-cell; vertical-align: middle; line-height: 1.4; }

#Hotel .hotelListBlock .facilityWrap .loungeBox { position: relative; padding: 20px; background: #dbf8fd; }
#Hotel .hotelListBlock .loungeBox .ctm_pageTtl .ttlLv3 h4 { border-top: 2px solid #c8c568; }
#Hotel .hotelListBlock .loungeBox .ctm_pageTtl .ttlLv3 sup { color: #b4b14a; background: #dbf8fd; }

#Hotel .hotelListBlock .facilityWrap .roomBox .roomHeading { position: relative; }

#Hotel .hotelListBlock .facilityWrap .clm_typeA {  }
#Hotel .hotelListBlock .facilityWrap .clm_typeA .ctm_pageTtl .ttlLv3 { padding-top: 0; }
#Hotel .hotelListBlock .facilityWrap .clm_typeA .ctm_pageTtl .ttlLv3 h4 { padding-top: 0; border-top: none; }
@media all and (max-width: 739px){
	#Hotel .roomBox .clm_typeA .clm_1_2col .col:nth-child(odd) h4,
	#Hotel_HKOA008917_SKB .roomBox h4 { padding-left: 80px; text-align: left; }
	#Hotel .facilityWrap .clm_typeA .clm_1_2col .col:nth-child(even) { padding-top: 30px; border-top: 1px solid #c8c568; }
}

#Hotel .hotelListBlock .showBox { padding: 20px; background: #fbdfcb; border-radius: 10px; }
#Hotel .hotelListBlock .showBox .imgParts { padding: 0; }

@media all and (min-width: 740px){
	#Hotel .hotelListBlock .clm_1_3col.colWrap { display: flex; justify-content: space-between; }
	#Hotel .hotelListBlock .clm_1_3col.colWrap .col { margin: 0; width: 288px; }
}

#Hotel #Island_02 { padding-top: 100px; }





/* Apply */
#Apply { }

/*
#Apply .infoColumn .col:nth-of-type(n+2) { margin-top: 0; }
*/





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

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