@charset "utf-8";

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

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

/* コンテンツ幅 950px */
.contentsInr .contentsUnit { padding: 0 10px; }
@media all and (min-width: 740px){
.contentsInr .contentsUnit { width: 950px; padding: 0px; margin: 0 auto; }
}

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

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

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

/* ctm_pageTtl */
.palau-charter .ctm_pageTtl.hc01 { }
.palau-charter .ctm_pageTtl.hc01 .ttlLv1 { position: relative; margin-right: 0; margin-left: 0; padding-top: 13px; color: #fff; background: #0dc4a4; border-radius: 100vh; }
.palau-charter .ctm_pageTtl.hc01 .ttlLv1:after { content: ""; position: absolute; display: inline-block; width: 100%; height: 100px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/palau-charter/img_sites/heading_bg01_sp.png?v=2) no-repeat; background-size: 100%; top: 10px; left: 0; }
@media all and (min-width: 740px){
	.palau-charter .ctm_pageTtl.hc01 .ttlLv1 { margin-top: 80px; }
	.palau-charter .ctm_pageTtl.hc01 .ttlLv1:after { background: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/palau-charter/img_sites/heading_bg01_pc.png?v=1) no-repeat; background-size: 100%; top: -10px; }
}

/*
.palau-charter .ctm_pageTtl .ttlLv1 { margin-top: 80px; padding-top: 5.0rem; position: relative; }
.palau-charter .ctm_pageTtl .ttlLv1::before { content: ""; position: absolute; display: block; top: 10px; left: 50%; transform: translate(-50%, -50%); width: 120px; height: 60px;
-webkit-mask-image: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/eur/60th-palau-charter/img_sites/ornament01.svg?v=2);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-image: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/eur/60th-palau-charter/img_sites/ornament01.svg?v=2);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: #7db6fc; }
@media all and (min-width: 740px){
	.palau-charter .ctm_pageTtl .ttlLv1 { margin-top: 80px; padding-top: 5.0rem; }
	.palau-charter .ctm_pageTtl .ttlLv1::before { width: 180px; height: 90px; }
}
.palau-charter .ctm_pageTtl h2 { font-weight: 700; color: #d7263b; border-bottom: 2px solid #d7263b; padding-bottom: 10px; display: inline-block; }
.palau-charter .ctm_pageTtl h2 sup { padding-right: 0.3rem; vertical-align: 0.3rem; }
*/

.palau-charter .ctm_pageTtl .ttlLv2 { color: #01b797; }


@media all and (min-width: 740px){
	.palau-charter .ctm_pageTtl .ttlLv1 h2 { font-size: 3.6rem; }
	.palau-charter .ctm_pageTtl .ttlLv2 h3 { font-size: 2.6rem; }
}

/* column */

/* Botton type horizon */
.palau-charter .ctm_btnList_horizon .btnBox { display: block; width: 100%; height: 100%; }
.palau-charter .ctm_btnList_horizon .col > div { height: 100%; }
.palau-charter .ctm_btnList_horizon .col .btn { display: table; width: 100%; height: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 0px; }
.palau-charter .ctm_btnList_horizon .col .btnInr { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

/* table */
#Information table,
#Schedule table { border: none; }

#Information table th,
#Information table td,
#Schedule table th,
#Schedule table td { border: 1px solid #2686df; border-left: none; border-top: none; background-color: #fff; }
#Information table th,
#Schedule table th { text-align: center; color: #2686df; }

/* MV */
.palau-charter .heroimgWrap { background: #d6f9f3; }



/* Lead */
#Lead.ctm_contentsFull { background: #d6f9f3; padding: 0; }

@media all and (min-width: 740px){
	#Lead .noteList { text-align: right; }
	#Lead .noteList li { display: inline-block; }
}

#Lead .ctm_pageTtl .ttlLv4 { margin: 0; }
#Lead .ctm_pageTtl .ttlLv4 h5 { font-size: 1.6rem; letter-spacing: 0.1rem; }

#Lead .contentsUnit { padding-bottom: 30px; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/palau-charter/img_sites/lead_bg01_sp.png?v=0); background-size: contain; background-repeat: no-repeat; background-position: center bottom; }
@media all and (min-width: 740px){
	#Lead .contentsUnit { background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/palau-charter/img_sites/lead_bg01_pc.png?v=2); }
}


/* Spot */
#Spot {}




/* Information */

#Information .clm_1_2col.colWrap .col:nth-child(1) img { border: 2px solid #9cdefc; border-radius: 20px; }
@media all and (min-width: 740px){
	#Information .clm_1_2col.colWrap .col:nth-child(1) { width: calc(30% - 15px); }
	#Information .clm_1_2col.colWrap .col:nth-child(2) { width: calc(70% - 15px); }
}

#Information table .tbl_col_1 { width: 30%; }
@media all and (min-width: 740px){
	#Information table .tbl_col_1 { width: 20%; }
}





/* Schedule */

#Schedule .itineraryBlock { }

#Schedule .itineraryBlock .ctm_pageTtl .ttlLv2 { margin-top: 30px; padding: 0; color: #2686df; }
#Schedule .itineraryBlock .ctm_pageTtl .ttlLv2 h3 { font-family: "Pacifico", cursive; font-weight: 400; font-style: normal; }
#Schedule .itineraryBlock .ctm_pageTtl .ttlLv2 h3 span { padding-left: 0.6rem; font-size: 3.4rem; }

#Schedule .itineraryBlock table .tbl_col_1 { width: 20%; }

#Schedule .itineraryBlock table th .fsS { font-size: 1.2rem !important; }
@media all and (min-width: 740px){
	#Schedule .itineraryBlock table th .fsS { font-size: 1.4rem !important; }
}

/*
#Schedule .itineraryBlock table .material-symbols-outlined { padding-right: 0.5rem; vertical-align: middle; font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24; }
*/

#Schedule .itineraryBlock .table-bottom { line-height: 2.4rem; padding: 5px 5px 5px 15px; color: #fff; background: #2686df; border: 1px solid #2686df; border-left: none; border-top: none; }

#Schedule .itineraryBlock .table-bottom .mealItem { display: flex; justify-content: flex-end; }
#Schedule .itineraryBlock .table-bottom .mealItem .text { border: 1px solid #2686df; padding: 0.2em 0.5em; color: #333; background: #fff; width: auto; }
#Schedule .itineraryBlock .table-bottom .mealItem .text:nth-child(odd) { color: #2686df; }
#Schedule .itineraryBlock .table-bottom .mealItem .text p { display: inline-block; }




/* @media all and (min-width: 740px){
	#Schedule .itineraryBlock .table-bottom { display: flex; justify-content: space-between; }
} */






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

#Hotel .mapBlock { text-align: center; }
#Hotel .mapBlock img { border-radius: 20px; }
@media all and (min-width: 740px){
	#Hotel .mapBlock .cmp-image__image { width: 70%; }
}

#Hotel .hotelListBlock { padding: 20px; border: 1px solid #ccc; }

@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 .hotelListBlock .headingWrap { position: relative; }

@media all and (max-width: 739px){
	#Hotel .headingWrap .ttlLv2 { padding-top: 25px; }
}

#Hotel .headingWrap .headingGrade .ttlLv3 { position: absolute; display: inline-block; overflow: visible;
top: -28px; left: 5px; margin: 0; padding: 5px 0 0; z-index: 2; width: 90px; text-align: center; background: #efe9c7; border-radius: 2px 0 0 0; }
#Hotel .headingWrap .headingGrade .ttlLv3:before { content: ''; position: absolute; top: 0; right: -7px; border: none; border-bottom: solid 8px #ccc; 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 #efe9c7; }

#Hotel .headingWrap .headingGrade .ttlLv3 h4 { padding: 0; font-size: 1.2rem; color: #a3731f; border: none; }
#Hotel .headingWrap .headingGrade .ttlLv3 h4 strong { font-size: 2.2rem; font-weight: bold; color: #a3731f; padding-right: 0.2rem; }
@media all and (min-width: 740px){
	#Hotel .headingWrap .headingGrade .ttlLv3 { top: -26px; left: 20px; padding: 15px 0 5px; width: 90px; }
	#Hotel .headingWrap .headingGrade .ttlLv3:before { right: -5px; border-bottom: solid 6px #ccc; border-right: solid 5px transparent; }
	#Hotel .headingWrap .headingGrade .ttlLv3:after { border-top: 20px solid #efe9c7; }
	#Hotel .headingWrap .headingGrade .ttlLv3 h4 strong { font-size: 2.4rem; }
}

#Hotel .hotelListBlock .iconWrap { display: flex; justify-content: center; flex-wrap: wrap; }
#Hotel .hotelListBlock .iconWrap .text { display: inline-block; margin: 0 5px 5px 0; width: auto; }

#Hotel .hotelListBlock .iconWrap .text [class^="ctm_iconTxt_br"] { padding: 3px 0.6rem 1px; font-size: 1.4rem; }

@media all and (min-width: 740px){
	#Hotel .hotelListBlock .iconWrap {  }
	#Hotel .hotelListBlock .iconWrap .text { margin: 0 5px 5px 0; }
}

#Hotel .hotelListBlock .benefitWrap { padding: 10px 15px 15px; background: #fcfcd8; border-radius: 20px; }

#Hotel .hotelListBlock .benefitWrap .ctm_pageTtl { position: relative; }
#Hotel .hotelListBlock .benefitWrap .ttlLv3 { position: absolute; display: table; padding-top: 0.8rem;
width: 7.8rem; height: 7.8rem; color: #fff; text-align: center; background: #0dc4a4; border-radius: 50%;
top: 5px; left: -75px; }
#Hotel .hotelListBlock .benefitWrap .ttlLv3 h4 { font-size: 1.6rem; display: table-cell; vertical-align: middle; line-height: 1.4; }
#Hotel .hotelListBlock .benefitWrap .ttlLv4 h5 { font-size: 1.6rem; color: #01b797; }

@media all and (max-width: 739px){
	#Hotel .hotelListBlock .benefitWrap .pdL { padding-left: 1.5rem; }
}
@media all and (min-width: 740px){
	#Hotel .hotelListBlock .benefitWrap { padding: 10px 20px 20px 80px; }
	#Hotel .hotelListBlock .benefitWrap .ttlLv3 { padding-top: 1.0rem; width: 8.0rem; height: 8.0rem; top: 10px; left: -100px; }
}

#Hotel .hotelListBlock .tbl_col_1 { width: 15%; }
#Hotel .hotelListBlock .tbl_col_1 p { text-align: center; }
@media all and (max-width: 739px){
	#Hotel .hotelListBlock .tbl_col_1 { width: 30%; }
	#Hotel .hotelListBlock table th { font-size: 1.4rem; }
}



/* Apply */
#Apply { }

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




/* palau-charter_module */
.palau-charter_module {}

.palau-charter_module .priceTable p { text-align: center; }
/*
.palau-charter_module .priceTable .tbl_col_1 { width: 24%; }
.palau-charter_module .priceTable .tbl_col_4 { width: 22%; }
*/



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

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