@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 .ttlLv3 h4,
#Hotel .ctm_pageTtl .iconBath { font-family: "Shippori Mincho", serif; font-weight: 600; font-style: normal; }

/* icon */
.kyotango .material-symbols-outlined { font-variation-settings: 'wght' 200; 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 */
@media all and (min-width: 740px){
	.kyotango .listSide  ul,
	.kyotango .listSideC ul { display: flex; gap: 0.2em 0.6em; }
	.kyotango .listSide  ul { flex-wrap: wrap; }
	.kyotango .listSideC ul { justify-content: center; }
	.kyotango .listSide  ul > li + li,
	.kyotango .listSideC ul > li + li { margin: 0; }
	
	.kyotango .listC { text-align: center; }
	.kyotango .listC li { display: inline-block; }
}

.kyotango .listF > ul > li { padding: 0!important; }
.kyotango .listF > ul > li:before { display: none; }

/* 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 */
#MV { background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyotango/img_sites/contents_bg01.jpg?v=1); background-size: 75%; }
#MV .bx-wrapper { background-color: #1e93b0; }



/* Lead */
#Lead.ctm_contentsFull { padding: 0 0 40px; 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; }
@media all and (min-width: 740px){
	#Lead.ctm_contentsFull { padding: 0 0 70px; }
}

#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: -90px; }
@media all and (max-width: 739px){
	#Lead.ctm_contentsFull > div { padding-bottom: 20px; }
	#Lead.ctm_contentsFull > div:before { background-size: 180%; bottom: -68px; }
}

#Lead .contentsUnit { width: 100%; height: auto; background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyotango/img_sites/2510/lead_bg01_sp.png?v=0); background-size: 64%; background-repeat: no-repeat; background-position-x: 90%; background-position-y: 10px; }
@media all and (min-width: 740px){
	#Lead .contentsUnit {  background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/kyotango/img_sites/2510/lead_bg01_pc.png?v=0); background-size: contain; background-repeat: no-repeat; background-position-x: center; background-position-y: 200px; }	
}

#Lead .ctm_pageTtl .ttlLv1 { margin-bottom: 16px; }
#Lead .ctm_pageTtl .ttlLv1 sup { font-size: 3.0rem; transform: rotate(-9deg); display: inline-block; }

#Lead .accessBlock { position: relative; }

#Lead .accessBlock .ctm_pageTtl .ttlLv2 { position: absolute; top: -40px; right: 0; }
#Lead .accessBlock .ctm_pageTtl .ttlLv2 h3 { font-size: 2.0rem; text-align: right; }
#Lead .accessBlock .ctm_pageTtl .ttlLv2 h3 span { padding: 0.1em 0.3em 0.3em; color: #333; background: #f9fee0; }

@media all and (min-width: 740px){
	#Lead .accessBlock .mapImg .imgParts { margin: 10px auto 0; width: 64%; }
}

#Lead .accessBlock .accessListBox { padding: 0 10px; }
@media all and (min-width: 740px){
	#Lead .accessBlock .accessListBox { margin-top: -126px; }
}

#Lead .listAccess .txtList > li { padding: 0 0 0 24px !important; }
#Lead .listAccess li:before { font-family: 'Material Symbols Outlined'; font-weight: 200; font-size: 2.4rem; color: #fff; background-color: transparent; top: -6px; left: 0; }
/*
#Lead .listAccess li:first-child:before { top: -7px; }
*/
#Lead .listA01 li:before { content: '\e6ca'; }
#Lead .listA02 li:before { content: '\e531'; }

#Lead .material-symbols-outlined { vertical-align: -0.26em; }

#Lead .leadBlock { padding: 12px 14px 18px; color: #014d88; background-image: linear-gradient(180deg, rgb(255 255 255 / 1.0), rgb(255 255 255 / 0.0) 33%); background-color: #f9fee0; border-right: 8px double #1e93b0; border-left: 8px double #1e93b0; }
#Lead .leadBlock .txtLead li { text-align: center; }
@media all and (max-width: 739px){
	#Lead .leadBlock .txtLead .txtList > li + li { margin-top: 0.6em; }
}
@media all and (min-width: 740px){
	#Lead .leadBlock { padding: 18px 20px 22px; }
	#Lead .leadBlock .txtLead li { 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: 0; 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: -48px; left: 0; width: 140px; height: 140px; }
	#Campaign .ctm_pageTtl .ttlLv1 { margin: 46px 0 0; }
}

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



/* Sights */
#Sights.ctm_contentsFull { padding-top: 0; background: #fff; }

#Sights .ctm_pageTtl .ttlLv1 { }
#Sights .ctm_pageTtl .ttlLv1 h2 { position: relative; font-size: 2.2rem; display: flex; justify-content: center; align-items: center; }
#Sights .ctm_pageTtl .ttlLv1 h2:before,
#Sights .ctm_pageTtl .ttlLv1 h2:after  { content: ""; width: 2px; height: 60px; background: #46c0df; }
#Sights .ctm_pageTtl .ttlLv1 h2:before { margin-right: 20px; transform: rotate(-30deg); }
#Sights .ctm_pageTtl .ttlLv1 h2:after  { margin-left: 20px; transform: rotate(30deg); }
@media all and (min-width: 740px){
	#Sights .ctm_pageTtl .ttlLv1 h2 { font-size: 2.8rem; }
	#Sights .ctm_pageTtl .ttlLv1 h2:before,
	#Sights .ctm_pageTtl .ttlLv1 h2:after  { width: 3px; }
	#Sights .ctm_pageTtl .ttlLv1 h2:before { margin-right: 30px; transform: rotate(-35deg); }
	#Sights .ctm_pageTtl .ttlLv1 h2:after  { margin-left: 30px; transform: rotate(35deg); }
}


/* 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, rgb(254 226 220 / 1.0), rgb(255 255 255 / 1.0) 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 0; color: #007bc8; border-bottom: 1px solid #007bc8; }
#Hotel .ctm_bdrColumn .ctm_pageTtl .ttlLv2 h3 { font-size: 1.8rem; }

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

@media all and (min-width: 740px){
	#Hotel .ctm_bdrColumn .js-eqHeightCols-item-3-h .columnWrap { min-height: 90px; }
	#Hotel .ctm_bdrColumn .columnWrap { display: flex; justify-content: space-between; }
	#Hotel .ctm_bdrColumn .columnWrap:before,
	#Hotel .ctm_bdrColumn .columnWrap:after { display: none; }
	#Hotel .ctm_bdrColumn .columnWrap > div:nth-of-type(1) { width: 205px; }
	#Hotel .ctm_bdrColumn .columnWrap > div:nth-of-type(2) { width: 180px; }
}

#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 .tripBox180 { /* margin: 0 0 0 auto; */ }
}

#Hotel .ctm_bdrColumn .linkbtn .btn { margin-top: 18px; }
@media all and (min-width: 740px){
	#Hotel .ctm_bdrColumn .linkbtn .btn { margin-top: 26px; }
}



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



/* ticketModule_unit */
.ticketModule_unit #JS_dpOptLink { display: none; }



@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){
}