@charset "utf-8";

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

.condominium .ctm_contentsFull { margin-top: 0; }
@media all and (min-width: 740px){
	.condominium .ctm_contentsFull { margin-top: 0; }
}

/* コンテンツ幅 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 */
.condominium .ctm_pageTtl .ttlLv1 h2,
.condominium .ctm_pageTtl .ttlLv2 h3,
.condominium .ctm_pageTtl .ttlLv3 h4 {font-family: "Kosugi Maru", sans-serif; font-weight: 400; font-style: normal; }
#Point .pointListBlock .numList > li:before { font-family: "Pacifico", cursive; font-weight: 400; font-style: normal; }

/* icon */
.condominium .material-symbols-outlined { font-variation-settings: 'wght' 300; vertical-align: middle; }

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

/* list */
.fsS li { font-size: 1.4rem; }
.fsL li { font-size: 1.8rem; }
@media all and (min-width: 740px){
	.fsS li { font-size: 1.2rem; }
	.fsL li { font-size: 1.6rem; }
}

/* ctm_pageTtl */
.condominium .ctm_pageTtl .ttlLv1 { position: relative; margin: 60px 0 50px 0; padding: 5px 0; color: #00a487; }
.condominium .ctm_pageTtl .ttlLv1:before,
.condominium .ctm_pageTtl .ttlLv1:after { content: ""; position: absolute; display: inline-block; }
.condominium .ctm_pageTtl .ttlLv1:before { width: 100%; height: 100px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/condominium/img_sites/heading_bg01_sp.png?v=3) no-repeat; background-size: 100%; top: -3.6rem; left: 0; }
.condominium .ctm_pageTtl .ttlLv1:after  { width: 100%; height: 100%; background: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/condominium/img_sites/heading_bg02_sp.png?v=3) no-repeat; background-size: 100%; bottom: -4.3rem; left: 0; }
@media all and (min-width: 740px){
	.condominium .ctm_pageTtl .ttlLv1:before { background: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/condominium/img_sites/heading_bg01.png?v=4) no-repeat; background-size: 100%; top: -4.5rem; }
	.condominium .ctm_pageTtl .ttlLv1:after  { background: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/condominium/img_sites/heading_bg02.png?v=4) no-repeat; background-size: 100%; bottom: -4.0rem; }
}

.condominium .ctm_pageTtl .ttlLv1 h2 { font-size: 2.6rem; letter-spacing: 0.1rem; display: block; }

@media all and (min-width: 740px){
	.condominium .ctm_pageTtl .ttlLv1 h2 { font-size: 3.5rem; }
	.condominium .ctm_pageTtl .ttlLv2 h3 { }
	.condominium .ctm_pageTtl .ttlLv3 h4 { }
}

/* accordion */
.accordionGrid .acodBlock { margin-top: 0; text-align: center; }
.accordionGrid .acodBlock > .heading { display: inline-block; background-color: #40BD91; border: 2px solid #40BD91; }
.accordionGrid .acodBlock > .heading > .inr { padding: 0 10px; color: #fff; }
.accordionGrid .acodBlock > .content { background-color: transparent; border: none; padding: 0; text-align: left; }
.accordionGrid .acodBlock .ctm_pageTtl .ttlLv3 .heading { border-left: none; }
@media all and (min-width: 740px){
	.accordionGrid .acodBlock .clm_1_3col.colWrap .col { margin-left: 25px; }
	.accordionGrid .acodBlock .clm_3_3col.colWrap .col:nth-child(3n+1),.accordionGrid .acodBlock .clm_1_3col.colWrap .col:nth-child(3n+1) { margin-left: 0px; }
}

/* column */
.condominium .ctm_bdrColumn .colWrap .col { background: #fff; border: 1px solid #fff; }

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

/* anchorList */
@media all and (max-width: 739px){
	.condominium .anchorList .btn { margin-top: 0; }
}



/* Point */
#Point.ctm_contentsFull { background: #fcfee6; }

@media all and (max-width: 739px){
	#Point .ctm_pageTtl .ttlLv1:after  { bottom: -8.1rem; }
}

#Point .pointListBlock .numList > li { padding: 0 0 1.0rem 4.5rem !important; font-size: 1.7rem !important; border-bottom: 2px solid #e1d77f; }
#Point .pointListBlock .numList > li + li { margin-top: 1.5rem; }
#Point .pointListBlock .numList > li:before { font-size: 3.8rem; color: #1bad93; top: 0.7rem; width: 4.0rem; padding-right: 1.0rem; }
@media all and (min-width: 740px){
	#Point .pointListBlock .numList > li:before { font-size: 3.5rem; }
}

#Point .pointListBlock .numList > li em { color: #fc7e22; font-size: 1.8rem; }

.infoListBlock .ctm_pageTtl .ttlLv2 h3 { display: flex; justify-content: center; align-items: center; font-size: 2.2rem; color: #a34501; }
.infoListBlock .ttlLv2 h3:before,
.infoListBlock .ttlLv2 h3:after  { content: ''; width: 3px; height: 1.5em; background: #e1d77f; }
.infoListBlock .ttlLv2 h3:before { margin: 1.75em 1.0em 0 0; transform: rotate(-35deg); }
.infoListBlock .ttlLv2 h3:after  { margin: 1.75em 0 0 1.0em; transform: rotate(35deg); }
@media all and (min-width: 740px){
	.infoListBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.4rem; }
	.infoListBlock .ttlLv2 h3:before { margin: 0 1.5em 0 0; }
	.infoListBlock .ttlLv2 h3:after  { margin: 0 0 0 1.5em; }
}

.infoListBlock .btnBK .btn { border-radius: 20px; }
.infoListBlock .btnBK .btn_typeA .btn { background: #169ee3; }
.infoListBlock .btnBK .btn_typeB .btn { background: #f28536; }
.infoListBlock .btnBK strong { font-size: 2.0rem; color: #fff !important; }
.infoListBlock .btnBK .material-symbols-outlined { font-size: 4.5rem; padding: 0 1.0rem 1.0rem 0; vertical-align: -1.5rem; }



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

#Map .mapBlock img { border-radius: 20px; }



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

#Hotel .hotelListBlock { padding: 15px; background: #fff; border: 2px solid #e1d77f; border-radius: 20px; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.05); }
@media all and (min-width: 740px){
	#Hotel .hotelListBlock { padding: 10px 20px 20px; }
}

#Hotel .hotelListBlock .headingWrap { position: relative; }
#Hotel .hotelListBlock .ctm_pageTtl .ttlLv2 { margin-top: 10px; }
#Hotel .hotelListBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.8rem; font-weight: bold; color: #a34501; }
@media all and (min-width: 740px){
	#Hotel .hotelListBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 3.2rem; }
}

#Hotel .hotelListBlock .headingWrap .txtArea .ttlLv3 { position: relative; margin: 10px auto 0; padding: 0 0 20px; width: 100%; }
#Hotel .hotelListBlock .headingWrap .txtArea .ttlLv3:after { content: ''; position: absolute; display: inline-block; 
width: 55%; height: 55%; bottom: -15px; right: 0; left: 0; margin: 0 auto;
background: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/condominium/img_sites/hotel_heading_bg01.png) no-repeat; background-size: contain; }
#Hotel .hotelListBlock .headingWrap .txtArea .ttlLv3 h4 { font-size: 2.2rem; font-weight: bold; color: #1bad93; }
@media all and (min-width: 740px){
	#Hotel .hotelListBlock .headingWrap .txtArea .ttlLv3:after { width: 30%; height: 30%; bottom: 0; }
	#Hotel .hotelListBlock .headingWrap .txtArea .ttlLv3 h4 { font-size: 2.4rem; }
}

#Hotel .hotelListBlock .headingWrap .txtGrade .ttlLv4 { position: absolute; display: inline-block; top: -22px; left: 5px; margin: 0; padding: 10px 0 7px; z-index: 2; width: 90px; text-align: center; color: #fff; background: #e1d77f; border-radius: 2px 0 0 0; }
#Hotel .hotelListBlock .headingWrap .txtGrade .ttlLv4:before { content: ''; position: absolute; top: 0; right: -5px; border: none; border-bottom: solid 6px #cfc461; border-right: solid 5px transparent; }
#Hotel .hotelListBlock .headingWrap .txtGrade .ttlLv4:after { content: ''; position: absolute; left: 0; top: 100%; height: 0; width: 0; border-left: 45px solid transparent; border-right: 45px solid transparent; border-top: 20px solid #e1d77f; }

#Hotel .hotelListBlock .headingWrap .txtGrade .ttlLv4 h5 { font-size: 1.3rem; color: #a34501; }
#Hotel .hotelListBlock .headingWrap .txtGrade .ttlLv4 h5 strong { font-size: 2.6rem; color: #a34501; padding-right: 0.2rem; }

@media all and (min-width: 740px){
	#Hotel .hotelListBlock .headingWrap .txtGrade .ttlLv4 { top: -16px; left: 30px; width: 100px; }
	#Hotel .hotelListBlock .headingWrap .txtGrade .ttlLv4:after { border-left: 50px solid transparent; border-right: 50px solid transparent; }
	#Hotel .hotelListBlock .headingWrap .txtGrade .ttlLv4 h5 strong { font-size: 2.8rem; }
}

#Hotel .hotelListBlock .slidType_thumb { margin-top: 0; }

#Hotel .hotelListBlock .iconWrap { display: flex; justify-content: flex-start; 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.3rem; letter-spacing: 0; }
@media all and (max-width: 739px){
	#Hotel .hotelListBlock .iconWrap { margin-top: 12px; }
}

/*
#Hotel .hotelListBlock .linkWrap { width: 87%; margin: auto; }
#Hotel .hotelListBlock .linkWrap .tmbBox .inr { height: auto; }
#Hotel .hotelListBlock .linkWrap .tmbBox .image { width: 42px; }
*/

#Hotel .hotelListBlock .instagramWrap { position: relative; margin: auto; padding-left: 17%; }
#Hotel .hotelListBlock .instagramWrap:before { content: ""; position: absolute; display: inline-block; width: 14%; height: 100%; background: url(/content/dam/sites/wwwjalcojp/jp/ja/intltour/hwi/condominium/img_sites/2502/icon_instagram.png?v=1) no-repeat; background-size: 100%; top: 0; left: 0; }
#Hotel .hotelListBlock .instagramWrap .ttlLv4 { margin: 0; padding: 0; line-height: 1.5; }
#Hotel .hotelListBlock .instagramWrap .ttlLv4 h5 { font-size: 1.6rem; }
#Hotel .hotelListBlock .instagramWrap .btnBox .btn { padding: 10px 30px 7px 20px; min-height: auto; background: #fff; border: 2px solid #dedede; border-radius: 100vh;  }
@media all and (min-width: 740px){
	#Hotel .hotelListBlock .instagramWrap { padding-left: 12%; width: 87%; }
	#Hotel .hotelListBlock .instagramWrap:before { width: 11%; height: 100%; }
}

#Hotel .hotelListBlock .amenityWrap .table_typeA table { width: 906px; }
#Hotel .hotelListBlock .amenityWrap .table_typeA table tr th,
#Hotel .hotelListBlock .amenityWrap .table_typeA table tr td { padding: 10px 10px; text-align: center; }
#Hotel .hotelListBlock .amenityWrap .table_typeA table tr th { font-size: 1.4rem; font-weight: normal; background: #40BD91; }





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

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