@charset "utf-8";

/* コンテンツ幅 フル */
.contentsInr { width: auto; padding: 0px; }
@media all and (min-width: 740px){
	.contentsInr { min-height: auto; }
}

.kyotango .ctm_contentsFull { margin-top: 0; }
@media all and (min-width: 740px){
	.kyotango .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 */
.kyotango .ctm_pageTtl .ttlLv1 h2,
.kyotango .ctm_pageTtl .ttlLv2 h3,
#Hotel .ctm_pageTtl .iconBath { font-family: "Shippori Mincho", serif; font-weight: 600; font-style: normal; }

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

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

.kyotango .txtLimited { position: absolute; display: inline-block; transform: rotate(-12deg); padding: 0.2em 0.5em 0.1em 0.5em; font-weight: bold; color: #16b2e3; background: #fff; border: 2px solid #16b2e3; }

/* 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 */
.kyotango .ctm_pageTtl .ttlLv1 { margin: 36px 0 30px; }
.kyotango .ctm_pageTtl .ttlLv1 .heading { position: relative; font-weight: 600; }

@media all and (min-width: 740px){
	.kyotango .ctm_pageTtl .ttlLv1 { margin: 40px 0; }
}

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

.kyotango .ttlLv4 { line-height: 1.6; }

/* caption */
.kyotango .imgParts figcaption { font-size: 1.2rem; }

/* table */
.kyotango .table_typeA .ttlLv4 { margin-bottom: 0; padding-top: 0; line-height: 2.4rem; }

.kyotango .table_type_B .table_typeA,
.kyotango .table_type_B table,
.kyotango .table_type_B tr th,
.kyotango .table_type_B tr td { background: transparent; border: none; }
.kyotango .table_type_B tr:first-child th,
.kyotango .table_type_B tr:first-child td { border-top: 1px solid #007bc8; }
.kyotango .table_type_B tr th:first-child,
.kyotango .table_type_B tr td:first-child { border-left: none; }
.kyotango .table_type_B tr th { color: #007bc8; border-bottom: 1px solid #007bc8; }
.kyotango .table_type_B tr td { border-bottom: 1px solid #007bc8; }

.kyotango .table_type_C table { border: none; }
.kyotango .table_type_C tr th { border-right: 1px solid #fff; border-left: none; border-top: none; background: #007bc8; color: #fff; }
.kyotango .table_type_C tr th:first-child { border-left: none; }
.kyotango .table_type_C tr th:last-child { border-right: none; }
.kyotango .table_type_C tr td { border: 1px solid #007bc8; border-left: none; border-top: none; background: #fff; }
.kyotango .table_type_C tr:first-child td { border-top: 1px solid #007bc8; }
.kyotango .table_type_C tr td:first-child { border-left: 1px solid #007bc8; }

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

/* anchorList */
.kyotango .anchorList .btnBK .btn { background: #9a9236; }
@media all and (max-width: 739px){
	.kyotango .anchorList .btn { margin-top: 0; }
}



/* MV */



/* Lead */
#Lead.ctm_contentsFull { color: #fff; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyotango/img_sites/contents_bg01.jpg?v=1); background-size: 75%; background-color: #1e93b0; }

#Lead.ctm_contentsFull > div { position: relative; }
#Lead.ctm_contentsFull > div:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 40px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyotango/img_sites/contents_bg_w01.png?v=1) no-repeat; background-size: 100%; background-position: top; left: 0; right: 0; bottom: -70px; }
@media all and (max-width: 739px){
	#Lead.ctm_contentsFull > div { padding-bottom: 20px; }
	#Lead.ctm_contentsFull > div:before { background-size: 180%; bottom: -50px; }
}

#Lead .leadBlock .ctm_pageTtl .ttlLv2 { margin: 10px 0 0; }
#Lead .leadBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 1.8rem; }
@media all and (max-width: 739px){
	#Lead .leadBlock .clm_1_2col .col:nth-child(2) .imgParts { margin: 10px auto 0; width: 70%; }
}
@media all and (min-width: 740px){
	#Lead .leadBlock .clm_1_2col .col:nth-child(1) { width: calc(72% - 15px); }
	#Lead .leadBlock .clm_1_2col .col:nth-child(2) { width: calc(28% - 15px); }
	#Lead .leadBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.0rem; }
}



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

/* #Navi .ctm_msgBarRD { border: 1px solid #C00; } */

#Navi .noteBlock .ttlLv2 { margin: 5px 0 0; padding: 0; border: none; text-align: center; }
#Navi .noteBlock .ttlLv2 h3 { padding: 0; color: #c00; border: none; }



/* Campaign */
#Campaign.ctm_contentsFull { padding-top: 20px; background: #fff; }

#Campaign .ctm_pageTtl { position: relative; }
#Campaign .ctm_pageTtl:before { content: ""; position: absolute; display: inline-block;
top: -46px; left: 40px; width: 160px; height: 160px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyotango/img_sites/campaign_heading01.png?v=0) no-repeat; background-size: contain; }
@media all and (max-width: 739px){
	#Campaign .ctm_pageTtl:before { top: -60px; left: 0; width: 140px; height: 140px; }
}

#Campaign .table_type_B th { background: #f9fee0; }
#Campaign .table_type_B .tbl_col_1 { width: 20%; }




/* Hotel */
#Hotel.ctm_contentsFull {  
background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyotango/img_sites/contents_bg02.jpg?v=1); background-size: 100%; background-color: #d9f7fa; }

#Hotel.ctm_contentsFull > div { position: relative; }
#Hotel.ctm_contentsFull > div:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 40px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyotango/img_sites/contents_bg_w02.png?v=1) no-repeat; background-size: 100%; background-position: top; left: 0; right: 0; top: -50px; }
@media all and (max-width: 739px){
	#Hotel.ctm_contentsFull > div { padding-top: 20px; }
	#Hotel.ctm_contentsFull > div:before { background-size: 180%; top: -20px; }
}

#Hotel .ctm_pageTtl .ttlLv1 { position: relative; }
#Hotel .ctm_pageTtl .ttlLv1:before { content: ""; position: absolute; display: inline-block;
top: -40px; left: 0; right: 0; margin: 0 auto; width: 42px; height: 42px; background: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyotango/img_sites/contents_heading_bg01.png?v=0) no-repeat; background-size: contain; }

#Hotel .ctm_pageTtl { position: relative; }
#Hotel .ctm_pageTtl .iconBath { position: absolute; text-align: center; font-size: 1.4rem; top: 0; right: 0; }
#Hotel .ctm_pageTtl .iconBath i {display: block; margin-top: 0.1em; font-size: 1.6rem; color: #fff; font-weight: bold; width: 1.8em; height: 1.8em; line-height: 1.8em; border-radius: 50%; background: #c89932; }
@media all and (min-width: 740px){
	#Hotel .ctm_pageTtl .iconBath { font-size: 1.2rem; }
	#Hotel .ctm_pageTtl .iconBath i { font-size: 1.6rem; width: 1.7em; height: 1.7em; line-height: 1.7em; }
}

#Hotel .infoBlock .ctm_pageTtl .ttlLv3 { margin-top: 0; text-align: left; }
#Hotel .infoBlock .ctm_pageTtl .ttlLv3 h4 { padding: 0 0 0 3.0rem; font-size: 1.4rem; font-weight: normal; }
#Hotel .infoBlock .ctm_pageTtl .ttlLv3 .iconBath { top: -2.2rem; left: 0; right: auto; }
@media all and (min-width: 740px){
	#Hotel .infoBlock .ctm_pageTtl .ttlLv3 .iconBath { top: -2.0rem; }
}

#Hotel .ctm_bdrColumn .col { background-image: linear-gradient(180deg, rgba(229, 245, 180, 1), rgba(255, 255, 255, 1) 10%); }
@media all and (max-width: 739px){
	#Hotel .ctm_bdrColumn .col:nth-of-type(n+2) { margin-top: 24px; }
}

#Hotel .ctm_bdrColumn .clm_1_2col .col { padding: 10px 24px 24px; }

#Hotel .ctm_bdrColumn.bc01 .colWrap .col:nth-child(n+2) { background-image: none; background-color: transparent; }

#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv2 { margin: 10px 0; padding: 10px 0; }
#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv2 h3 { font-size: 2.4rem; }
#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv2 h3 sup { font-size: 1.8rem; vertical-align: middle; }

#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv3 { margin: 10px 0 0; color: #007bc8; border-bottom: 1px solid #007bc8; }
#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv3 h4 { font-size: 1.8rem; }

#Hotel .bdrWrap { padding: 10px 0; border-top: 3px double #94dbdd; }
#Hotel .txtLead {}

#Hotel .ctm_bdrColumn .textlinkbox { text-align: center; }
@media all and (min-width: 740px){
	#Hotel .ctm_bdrColumn .textlinkbox .txtLink { margin-top: 10px; }
}

@media all and (min-width: 740px){
	#Hotel .ctm_bdrColumn .ta-gadget-rg-c .freehtml .tripBox180 { margin: 0 0 0 auto; }
}

@media all and (min-width: 740px){
	#Hotel .ctm_bdrColumn .linkbtnWrap { display: flex; justify-content: space-between; }
	#Hotel .ctm_bdrColumn .linkbtnWrap:before,
	#Hotel .ctm_bdrColumn .linkbtnWrap:after { display: none; }
	#Hotel .ctm_bdrColumn .linkbtnWrap .linkbtn:nth-of-type(1) { width: 205px; }
	#Hotel .ctm_bdrColumn .linkbtnWrap .linkbtn:nth-of-type(2) { width: 180px; }
}



/* Movie */
.movieBlock { padding: 20px 0; }



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

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