@charset "UTF-8";

/*======================== mitsuike After Open ========================*/

.mitsuike_red,
.red_bold, .red_bold a{
	color: #d04539;
	font-weight: bold;
}
.mitsuike_news{
	margin: 0.5em 2em;
}
.mitsuike_news table{
	background: #fff;
	border: solid 1px #ccc;
}

.mitsuike_news table td{
	border: solid 1px #ccc;
	padding: 5px 10px;
}
.mitsuike_space01{
	margin: 1em 0;
}
.mitsuike_space02{
	margin: 0 auto 1em ;
}
.mitsuike_space03{
	margin: 1em auto 0;
}
.mitsuike_space04{
	margin: 0 0 0 1em;
}
.mitsuike_space05{
	margin: 1em 0 1em 1em;
}
.mitsuike_space06{
	margin: 1em 0 1em 2em;
}
.mitsuike_space20{
	margin: 0 0 0 2em;
}

.mitsuike_list1{
	margin: 0 0 0 1em;
}

.mitsuike_list2{
	margin: 0 0 0 1.5em;
}

.mitsuike_list3{
	margin: 0 0 0 2em;
}

.indent_m{
	text-indent: -1em;
}
.indent01{
	text-indent: 1em;
}

.mitsuike_line{
	border-left: solid 7px #d04539;
	padding: 5px 0 5px 7px;
}
.mod_table01 td .mitsuike_inner1{
	width: 5em;
	max-width: 5em;
	border: none;
	padding: 20px 0 0;
}
.mod_table01 td .mitsuike_inner2{
	width: 90%;
	border: none;
	padding: 20px 0 0;
}
.mod_table01 td .mitsuike_inner3{
	width: 15%;
	border: none;
	padding: 20px 0 0;
}

.newsBody__content .mitsuike_newsTale1{
	border: solid 1px #ddd;
	margin: 20px auto;
}
.newsBody__content .mitsuike_newsTale1 td{
	width: 8%;
	border: solid 1px #ddd;
	padding: 10px 0;
	text-align: center;
}

@media only screen and (max-width: 640px) {
	
	.mitsuike_news{
		margin: 0.5em;
	}
}

/*======================== base ========================*/

.base_mt1{
	margin-top: 1em;
}
.base_mt2{
	margin-top: 2em;
}
.base_mt3{
	margin-top: 3em;
}
.base_mt5{
	margin-top: 5em;
}
.base_mleft1{
	margin-left: 1em;
}
.base_mleft2{
	margin-left: 2em;
}
.base_ml1{
	margin-right: 1em;
}
.base_ml2{
	margin-right: 2em;
}
.base_mb1{
	margin-bottom: 1em;
}
.base_mb2{
	margin-bottom: 2em;
}
.base_mb3{
	margin-bottom: 3em;
}
.base_mb5{
	margin-bottom: 5em;
}
.base_m1{
	margin-top: 1em;
	margin-bottom: 1em;
}
.base_mlr1{
	margin-left: 1em;
	margin-right: 1em;
}
.base_mlr2{
	margin-left: 2em;
	margin-right: 2em;
}
.base_mlr2_sp{
	margin-left: 2em;
	margin-right: 2em;
}
@media screen and (max-width: 767px) {
	.base_mlr2_sp{
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
}

.base_red,
.base_red a{
	color: #d04539;
}

.basefont_24{
	font-size: 24px !important;
}
.basefont_20{
	font-size: 20px !important;
}
.basefont_18{
	font-size: 18px !important;
}
.basefont_15{
	font-size: 15px !important;
}
.basefont_14{
	font-size: 14px !important;
}
.basefont_10{
	font-size: 10px;
}
.base_bold{
	font-weight: bold;
}
.base_center{
	text-align: center;
}
.base_uline{
	text-decoration: underline;
}
.base_uline a:hover{
	opacity: 0.7;
}
.bsRC,
.bsRC a{
	color: #d04539;
	text-align: center;
}
.bsBox{
	box-sizing: border-box;
	max-width: 960px;
	width: 93%;
	padding: 30px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 30px auto;
	position: relative;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.bsBox2{
	box-sizing: border-box;
	padding: 10px;
	margin: 10px 10px 20px;
	border: 1px solid #d04539;
}
.bsBox3{
	box-sizing: border-box;
	padding: 20px;
	margin: 10px 10px 20px;
	border: 1px solid #d04539;
	text-align: center;
	font-size: 17px;
	color: #d04539;
	line-height: 1.7;
}
.bsBox4{
	box-sizing: border-box;
	margin: 10px 10px 20px;
	border: 1px solid #ffffff;
}
.bsBox4 a{
	text-decoration: none;
	display: block;
	padding: 10px;
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: center;
}
.bsBox4 a:hover{
	background: #555;
}


/*================ 祭追加================ */
.purple{
	color: #746bad;
}

.square_jidsai {
    width: 300px;
    clear: both;
    border-radius: 20px;
    color: #fff;
    font-size: 2rem;
    box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 5px;
	margin: 30px auto;
	display: block;
	background: #746bad;
}
.square_jidsaiS {
    width: 266px;
    clear: both;
    border-radius: 20px;
    color: #fff;
    font-size: 1.5rem;
    box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 5px;
	margin: 0 0 -3px;
	display: block;
	background: #746bad;
}
.square_aoi {
    width: 300px;
    clear: both;
    border-radius: 20px;
    color: #fff;
    font-size: 2rem;
    box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 5px;
	margin: 30px auto;
	display: block;
	background: #34689a;
}
.square_aoiS {
    width: 266px;
    clear: both;
    border-radius: 20px;
    color: #fff;
    font-size: 1.5rem;
    box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 5px;
	margin: 0 0 -3px;
	display: block;
	background: #34689a;
}
.square_gion {
    width: 300px;
    clear: both;
    border-radius: 20px;
    color: #fff;
    font-size: 2rem;
    box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 5px;
	margin: 30px auto;
	display: block;
	background: #dc8394;
}
.square_gionS {
    width: 266px;
    clear: both;
    border-radius: 20px;
    color: #fff;
    font-size: 1.5rem;
    box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 5px;
	margin: 0 0 -3px;
	display: block;
	background: #dc8394;
}
.square_jidsaiS a,
.square_aoiS a,
.square_gionS a{
	color: #ffffff;
}

.noPadding{
	padding: 0 !important;
}

.base_notice {
    margin-top: 10px;
    color: #d04539;
    font-size: 1.3rem;
}

.line_aoi{
	font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', sans-serif;
	border-top: solid 1px #34689a;
	color: #d04539;
	margin: 1em auto 0.5em;
	padding: 1em 0 0;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
}
.line_gion{
	font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', sans-serif;
	border-top: solid 1px #dc8394;
	color: #d04539;
	margin: 1em auto 0.5em;
	padding: 1em 0 0;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
}
.line_gionAfter{
	font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', sans-serif;
	color: #d04539;
	margin: 0 auto 0.5em;
	padding: 1em 0;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
}
.line_jidsai{
	font-family: 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', sans-serif;
	border-top: solid 1px #746bad;
	color: #d04539;
	margin: 1em auto 0.5em;
	padding: 1em 0 0;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
}


.fesTitleM{
	color: #d04539;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2em;
}

/*================ カテゴリ別 追加================ */
.guide_text{
	font-size: 12px;
	text-align: center;
}


/*================ 桜だより 追加================ */
#flower #comfort .img .link,
#flower #comfort .img .link2 { 
	position: relative;
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	align-items: center; 
	height: 150px; text-decoration: none; 
	background: url(../img/flower/momiji/bg_comfort01_sp.png) no-repeat center/cover; 
}
@media all and (min-width: 600px) { 
	#flower #comfort .img .link,
	#flower #comfort .img .link2 { 
		height: 240px; background-image: url(../img/flower/momiji/bg_comfort01_pc.png); 
	} 
}
#flower.index.sakura #comfort .img .link2 { 
	background-image: url("../img/flower/sakura/bg_comfort02_pc@2x.png"); 
}

/*================  お知らせ　追加================ */

.newsBody__content table{
	width: 100%; 
}
.newsBody a{
	word-break: break-all;
}

/*================ コロナ 追加================ */

.info-table-date{
	text-align: right;
	padding-bottom: 0.5em;
}
.fes-cancel-tit{
	color: #d04539;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.fes-cancel-text01{
	color: #d04539;
	font-size: 15px;
	margin: 1em 0 0;
	line-height: 1.8;
}
.fes-cancel-text02{
	color: #d04539;
	font-size: 15px;
	margin: 0 1em;
	font-weight: bold;
}



/*================  Gナビ追加　花だより　つつじさつき 夏の旅 冬の旅　================ */

#gNav .list > .item.event .childList .hanaDayori a { 
	background-image: url(../img/common/gNav_img_hana_dayori.png); color: #fff;
}
#gNav .list > .item.event .childList .tsutsujijiDayori a { 
	background-image: url(../img/common/gNav_img_tsutsuji_dayori.png); color: #fff;
}
#gNav .list > .item.event .childList .momijiDayori a { 
	background-image: url(../img/common/gNav_img_flower_momiji.png); color: #fff;
}
/*もみじはある　gNav_img_flower_momiji
.item.event .childList .childItem03 a { background-image: url(../img/common/gNav_img_flower_momiji.png); } 
梅作成2022_01_30　*/
#gNav .list > .item.event .childList .umeDayori a { 
	background-image: url(../img/common/gNav_img_ume_dayori.png); color: #fff;
}
#gNav .list > .item.event .childList .special-summer a { 
	background-image: url(../img/common/gNav_img_specialopening_summer2023.png); color: #fff;
}
#gNav .list > .item.event .childList .special-winter a { 
	background-image: url(../img/common/gNav_img_specialopening_winter2022.png); color: #fff;
}

/*================  画像 PC、スマホ対応================ */


@media screen and (max-width: 599px){
	.base_img01{
		width: 80%;
	}
}
@media screen and (min-width: 600px) {
	.base_img01{
		width: 50%;
	}
}
@media screen and (min-width: 860px) {
	.base_img01{
		width: 30%;
	}
}

/*================  緊急情報　================ */
#hdAnnounce .contAnnounce .info dd ul li:before { content: "　 " !important;}

/*================  よくあるご質問　================ */
strong{
	font-weight: 700;
}

/*================  紅葉だより　================ */
#flower.index.momiji #breadcrumb { position: relative; z-index: 1; }
#flower.index.momiji .searchBox { position: relative; background: #F5E2C4; }
#flower.index.momiji #spotlist .mod_tit14 { margin-bottom: 20px; font-size: 30px; }
#flower.index.momiji #spotlist .mod_tit14 span { font-size: 24px; }
#flower.index.momiji #spotlist .readSec .readTxt { margin-bottom: 20px; line-height: 28px; }
#flower.index.momiji #spotlist .readSec .howTo { background: #F5E2C4; padding: 30px; margin-bottom: 30px; }
#flower.index.momiji #spotlist .readSec .howTo .title,
#flower.index.momiji .momijiPointList .title{ font-weight: bold; margin-bottom: 15px; text-align: center; }
#flower.index.momiji #spotlist .readSec .howTo p{ font-size: 13px; line-height: 24px; }

@media all and (max-width: 599px) { #flower.index.momiji #spotlist .readSec { position: relative; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; max-height: 150px; height: 100%; overflow: hidden; }  #flower.index.momiji #spotlist .readSec:after { content: ""; position: absolute; bottom: 0; width: 100%; height: 50px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(37%, rgba(255, 255, 255, 0.58)), color-stop(49%, rgba(255, 255, 255, 0.77)), color-stop(50%, rgba(255, 255, 255, 0.77)), to(white)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.58) 37%, rgba(255, 255, 255, 0.77) 49%, rgba(255, 255, 255, 0.77) 50%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }  #flower.index.momiji #spotlist .readSec.open { max-height: 1500px; height: 100%; margin-bottom: 20px; }  #flower.index.momiji #spotlist .readSec.open:after { height: 0; }  
#flower.index.momiji #spotlist .readSec .howTo{ margin-bottom: 0; } }
#flower.index.momiji #spotlist .readSecMore { display: none; }
@media all and (max-width: 599px) { #flower.index.momiji #spotlist .readSecMore { display: block; margin-bottom: 100px; }  #flower.index.momiji #spotlist .readSecMore a { -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; position: relative; text-align: center; display: block; width: 200px; border: 1px solid #d04539; background: #fff; color: #d04539; text-decoration: none; padding: 10px; border-radius: 9999px; margin: 0 auto; }  #flower.index.momiji #spotlist .readSecMore a i { position: absolute; top: 50%; right: 18%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }  #flower.index.momiji #spotlist .readSecMore.close i { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } }
#flower.index.momiji .momijiPointList { position: relative; padding: 30px 15px; border: 1px solid #d04539; border-radius: 5px; margin-bottom: 80px; margin-top: 50px; }
@media all and (min-width: 600px) { #flower.index.momiji .momijiPointList { padding: 35px 15px 30px; } }
#flower.index.momiji .momijiPointList .date { font-size: 1.8rem; font-weight: bold; color: #d04539; }
#flower.index.momiji .momijiPointList .txt { margin-top: 3px; font-size: 1.3rem; }
#flower.index.momiji .momijiPointList ul {
	margin: 2em;
}
#flower.index.momiji .momijiPointList ul li{
    list-style-image: url("https://ja.kyoto.travel/img/flower/momiji/red.png");
	margin-bottom: 1em;
}
@media all and (max-width: 599px) {
	#flower.index.momiji .momijiPointList {
		margin-top: 2em;
	}
}

#flower.index.momiji #article .tabList .item{
	cursor: pointer;
}

/*================  事前予約　================ */
#anshin #specialRelease .list .listItem .thumb{

}
#anshin #specialRelease .list .listItem .thumb img{
	object-fit: contain;
}
@media screen and (max-width: 599px) {
	#anshin #specialRelease .list .listItem .thumb img{
		width: 100%;
		max-height: 290px;
		object-fit: contain;
	}
}
@media screen and (min-width: 600px) {
	#anshin #specialRelease .list .listItem .thumb img{
		width: 100%;
		max-height: 155px;
		object-fit: contain;
	}
}

/*================  Withコロナ時代の京都観光ガイド　================ */
.withcorona.lowerPage.guideline .guideline_desc_inner .voice{
	margin-top: 50px;
}
.withcorona.lowerPage.guideline .guideline_desc_inner .voice_inner{
	display: flex;
}
.withcorona.lowerPage.guideline .guideline_desc_inner .voice_inner .img a:hover img{
	opacity: 0.7;
	transition: 0.3s ease-in-out;
}

/*================  トレイル　追加================ */
.courseInfo .important .subtit {
    margin: 0 0 1em;
    font-size: 1.8rem;
    color: #d04539;
    font-weight: 700;
}
.courseInfo .important ul li{
	margin: 1em 0;
}
.courseInfo .important a{
	word-break: break-all;
}

/*================  トレイル　トップページ　================ */

.trail.index .importantNews a{
	text-decoration: underline;
}
.trail.index .importantNews a:hover{
	opacity: .75;
}
.trail.index .importantNews .greenText{
	color: #218b55;
}
.trail.index .importantNews ul p.title{
	color: #218b55;
	font-weight: bold;
	font-size: 1.6rem;
}
.trail.index .importantNews ul p{
	margin: 0.5em 0;
}
.trail.index .importantNews ul p span.none{
	visibility: hidden;
}
.trail.index .importantNews_listItem {
    position: relative;
    padding-left: 20px;
    margin-bottom: 1em;
    line-height: 2.2rem;
}
.trail.index .importantNews_listItem .listBox{
	margin: 1.5em 0 1.5em -1em;
	border: solid 1px #cdcdcd;
	padding: 1em 1.5em;
}
.trail.index .importantNews_listItem .listBox h3{
	color: #218b55;
	font-weight: bold;
	margin: 0.5em 0;
}

/*================  トレイル　バナー　================ */
.trail.index .mo_pageBottom_bnr { padding: 30px 50px 10px 50px; background: #fff7e5; border-radius: 15px; margin-bottom: 90px; }
.trail.index .mo_pageBottom_bnr > .title { margin-bottom: 20px; font-weight: bold; font-size: 1.8rem; text-align: center; }
@media screen and (max-width: 767px) { 
	.trail.index .mo_pageBottom_bnr { 
		padding: 0 0 20px; 
	}
}
.trail.index .inner_sec .mo_pageBottom_bnr { padding: 30px 20px; }
.trail.index .inner_sec .mo_pageBottom_bnr .course_read { text-align: center; }

.trail.index .inner_sec .mo_pageBottom_bnr .course_read { text-align: center; }
.trail.index .course_read { line-height: 2.8rem; margin-bottom: 15px; }

@media screen and (max-width: 767px) {
	.sp_mb30{
		margin-bottom: 30px !important;
	}
}

/*================  緊急文言 イベント中止　================ */
.base_importantNews { border-radius: 10px; border: solid 1px #d04539; position: relative; padding: 40px 60px; margin-top: 10px; margin-bottom: 30px; }
.base_importantNews p{color: #d04539;}
@media screen and (max-width: 767px) { .base_importantNews { padding: 35px 20px; } }
.base_importantNews > p { line-height: 1.8; }
@media screen and (max-width: 767px) { .base_importantNews > p { font-size: 1.3rem; } }
.base_importantNews_title { text-align: center; padding: 0 14px; position: absolute; left: 50%; top: -15px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-weight: bold; color: #d04539; background: #fff; }
.base_importantNews_title .icon_important { background: url(../img/tourism/article/trail/icon_attention.png) no-repeat center/30px auto; display: inline-block; width: 30px; height: 26px; margin-right: 5px; }
@media screen and (max-width: 767px) { .base_importantNews_title { width: 275px; top: -20px; } }
.base_importantNews .readTxt { line-height: 2.2rem; }
.base_importantNews_title_sub { font-size: 1.8rem; margin-bottom: 20px; font-weight: bold; color: #d04539; }
.base_importantNews_listItem { position: relative; padding-left: 20px; margin-bottom: 40px; line-height: 2.4rem; }
.base_importantNews_listItem:last-child { margin-bottom: 0; }
.base_importantNews_listItem:before { content: "●"; color: #d04539; position: absolute; left: 0; top: 0; }
.base_importantNews_listItem strong { font-weight: bold; display: block; margin-bottom: 5px; }
.base_importantNews_listItem a { font-weight: bold; text-decoration: none; color: #d04539; }
.base_importantNews_listItem a span { text-decoration: underline; }
.base_importantNews_listItem a:hover span { text-decoration: none; }

/*================  緊急文言 イベント中止　背景Black対応================ */
.base_importantNews_black { border-radius: 10px; border: solid 1px #d04539; position: relative; padding: 40px 60px; margin-top: 10px; margin-bottom: 30px;  margin-right:20px; margin-left:20px;}
.base_importantNews_black p{color: #fff;}
@media screen and (max-width: 767px) { 
.base_importantNews_black { padding: 35px 20px; } }
.base_importantNews_black > p { line-height: 1.8; }

/* 休止・変更情報など緊急情報 */
.change_cancel_info { color: #d04539; font-size: 1.3rem; margin: 5px 0; }


/*================  京都らしい旅館　================ */
.mod_search02 .sec2 { width: 100%; margin: 0 25px 20px; }


/*================  たより　================ */
#flower.index.flowermail #article .mod_tit14, #flower.index.tsutsuji #article .mod_tit14, #flower.index.ume #article .mod_tit14 { margin-bottom: 20px; font-size: 30px; }
#flower.index.flowermail #article .mod_tit14 span, #flower.index.tsutsuji #article .mod_tit14 span, #flower.index.ume #article .mod_tit14 span { font-size: 24px; }
#flower.index.flowermail #article p.sub_tit, #flower.index.tsutsuji #article p.sub_tit, #flower.index.ume #article p.sub_tit {margin-bottom: 50px; text-align: center;}

#flower #article .lastUpdated { padding-bottom: 45px; }
@media all and (min-width: 600px) { #flower #article .lastUpdated { padding-bottom: 70px; } }
#flower #article .lastUpdated .box { position: relative; padding: 30px 15px; border: 1px solid #d04539; border-radius: 5px; text-align: center; }
@media all and (min-width: 600px) { #flower #article .lastUpdated .box { padding: 35px 15px 30px; } }
#flower #article .lastUpdated .box .tit { display: inline-block; position: absolute; top: -1rem; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 0 1.5em; background: #fff; color: #d04539; font-size: 1.5rem; font-weight: bold; }
#flower #article .lastUpdated .box .date { font-size: 1.8rem; font-weight: bold; color: #d04539; }
#flower #article .lastUpdated .box .txt { margin-top: 3px; font-size: 1.3rem; }

/*================  葵祭　================ */
#major .mo_pageBottom_bnr { padding: 30px 20px; }
/*#major .mo_pageBottom_bnr .course_read { text-align: center; }*/
#major .mo_pageBottom_bnr .bnrItem:last-child { margin-bottom: 0; }
#major .mo_pageBottom_bnr { padding: 50px 10px; background: #f7f7f7; border-radius: 15px; margin-bottom: 90px; }
#major .mo_pageBottom_bnr > .title { margin-bottom: 20px; font-weight: bold; font-size: 1.8rem; text-align: center; }
@media screen and (max-width: 767px) { #major .mo_pageBottom_bnr { padding: 20px 0; } }

/*================  たより 下部バナー　================ */
.bannerListField { padding: 0 0 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
@media all and (min-width: 600px) { .bannerListField { margin-left: -10px; margin-right: -10px; } }
.bannerListField__item { background: #fff; position: relative; box-shadow: 0 0 40px rgba(0, 0, 0, 0.16); margin: 0 10px 30px; width: -webkit-calc(50% - 20px); width: calc(50% - 20px); }
@media all and (min-width: 600px) { .bannerListField__item { width: -webkit-calc(25% - 20px); width: calc(25% - 20px); margin: 0 10px 50px; } }
.bannerListField__link { text-decoration: none; display: block; -webkit-transition: opacity .25s linear; transition: opacity .25s linear; }
.bannerListField__link:hover { opacity: 0.8; }
.bannerListField__txt { padding: 20px; }
.bannerListField__label { font-size: 1.6rem; font-weight: bold; }
.bannerListField__label > small { font-size: 1.3rem; }
.bannerListField__label > i { margin-left: .5rem; }
.bannerListField__label > i.icon-arrow-right { font-size: 2.4rem; vertical-align: -.6rem; color: #d04539; }
#flower.index #article .mod_inner01 { border-bottom: none;}

/*================  たより 下部バナー　mo_pageBottom_bnr #flowerのみ変更 ================ */
#flower .mo_pageBottom_bnr{
	background: #ffffff;
	padding-top: 0px;
}
/*================  4大行事 ボタン　 ================ */
.gyouji_mod_btn a { position: relative; text-decoration: none; display: block; padding: 20px 32px; background-color: #d04539; color: #fff; font-weight: bold; text-align: center; transition: all 0.3s ease; margin: 1em;}
.gyouji_mod_btn a:hover{opacity: .8;}
.gyouji_mod_btn i { position: absolute; top: 0; bottom: 0; right: 10px; height: 24px; margin: auto 0; font-size: 2.4rem; }
/*.gyouji_mod_btn + .gyouji_mod_btn { margin-top: 10px; }*/
.gyouji_mod_btn.is_okuribi a { background-color: #8ec1fc; }
/*.gyouji_mod_btn.is_jidai a { background-color: #746bad; }
.gyouji_mod_btn.is_gion a { background-color: #dc8394; }
.gyouji_mod_btn.is_aoi a { background-color: #34689a; }*/

@media all and (min-width: 600px) { .gyouji_mod_btn { width: 335px; margin: 1em; } }


/*================  自転車観光　 ================ */
@media all and (min-width: 600px) { .bicycle .spot-map-large { padding-left: 0; width: 100%; } }
.bicycle .spot-map-large iframe { width: 100%; min-height: 200px; max-height: 360px; height: 47vw; }
@media all and (max-width: 599px) { .bicycle .spot-map-large iframe { min-height: 200px; height: 56vw; } }

@media all and (min-width: 600px) { .bicycle .spot-movie-right { padding-right: 0; padding-left: 10px; width: 50%; } }
@media all and (max-width: 599px) { .bicycle .spot-movie-right { margin-bottom: 20px; } }
.bicycle .spot-movie-right iframe { width: 100%; min-height: 200px; max-height: 360px; height: 47vw; }
@media all and (max-width: 599px) { .bicycle .spot-movie-right iframe { min-height: 200px; height: 47vw; } }

@media all and (min-width: 600px) { .bicycle .map-large-wrap{ margin-top: 40px; } }
@media all and (max-width: 599px) { .bicycle .map-large-wrap{ margin-top: 20px; } }

/*================  たより　枠追加　 ================ */
.blooming_explain{
	margin: -10px auto 50px; text-align: center; font-size: 12px;
}
/*================  桜たより　過去の開花情報　 ================ */
#flower.index.sakura #spotlist .pastflowerBtn { background: #E5829A; margin-bottom: 104px; }
@media all and (max-width: 599px) { #flower.index.sakura #spotlist .pastflowerBtn { margin-bottom: 50px; } }
@media all and (min-width: 600px) { #flower.index.sakura #spotlist .lastUpdated { padding-bottom: 70px; } }
#flower.index.sakura #spotlist .lastUpdated { padding-bottom: 45px; margin-bottom: 0; }


/*================  トップ下 安心・安全に過ごすために 追加　 ================ */
.indexNewLayOut .kyotoTravel_enjoy_list .item a.jizenYoyaku { background: url("../img/home/kyotoTravel_enjoy_item_jizenYoyaku@2x.jpg") no-repeat center center/100%; }
/*================  トップ下 年末年始 追加　 ================ */
.kyotoTravel_enjoy .mod_btn01 a{ position: relative; text-decoration: none; display: block; padding: 20px; background-color: #d04539;
color: #fff; font-weight: bold; text-align: center; }
.kyotoTravel_enjoy .mod_btn01 a .icon-arrow-right{ font-size: 30px; }
.kyotoTravel_enjoy .mod_btn01{ width: 370px; height: 100px; margin-top: 0; padding-top: 0; font-size: 1.6rem; cursor: pointer; } 
@media all and (min-width: 1120px) {
	.kyotoTravel_enjoy .mod_btn01{ width: 560px; height: 80px;} 
}
.kyotoTravel_enjoy .mod_btn01 i { right: 18px; font-size: 1.5rem; }

/*================  冬の旅2021-2022 追加　 ================ */
.winter2022_bnr .mo_pageBottom_bnr{ background: #0E0000; padding: 50px 50px 0; }
.winter2022_bnr .mo_pageBottom_bnr .title{ color: #C79945;}
.winter2022_bnr .mo_pageBottom_bnr_inner .bnrItem{ margin-bottom: 0; }
@media all and (max-width: 599px){
	.winter2022_bnr .mo_pageBottom_bnr_inner .bnrItem{ margin-bottom: 20px; }
}

/*================　花だより年間開花カレンダー　 ================ */
.flower_calendar{
	margin: 0 auto 104px; text-align: center; background: #fff; position: relative; box-shadow: 0 0 40px rgba(0, 0, 0, 0.16); width: 100%; max-width: 400px;
}

/*================　観光コンシェルジュ ボタン　グレー楕円囲み　 ================ */
.atr_btn{
	margin: 26px auto 60px;
}
.atr_btn .item span{
	font-weight: normal;
}

.link_arrow_base{
    position: relative;
    padding-left: 2.2rem;
    box-sizing: border-box;
    margin-bottom: 12px;
    font-size: 1.5rem;
}
.link_arrow_base:before{
	display: block;
	font-family: "kyotokanko";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	line-height: 1;
	content: "";
	color: #d04539;
	font-size: 2rem;
	position: absolute;
	left: 0;
	top: 0;
}

/*================　四大行事 バナーとリンク　 ================ */

.top_bnr_item01{
	width: 50%;
	height: 160px;
	display: table;
	margin: 2em auto;
}
.top_bnr_item01 a{
	overflow: hidden;
	position: relative;
	display: table-cell;
    
    border-radius: 5px;
    background: 50% 50% no-repeat;
    background-size: cover;
    vertical-align: middle;
    color: #fff;
	font-weight: bold;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	background-image: url(../img/common/gNav_img_season.png);
}
.top_bnr_item01 .txt { 
	position: relative;
	z-index: 2;
	font-size: 24px;
}
.top_bnr_item01 .sub_txt {
    font-size: 18px;
	padding-top: 5px;
    display: block;
}
@media screen and (max-width: 767px){
	.top_bnr_item01{
		width: 100%;
		height: 120px;
	}
	.top_bnr_item01 .txt { 
		font-size: 20px;
	}
	.top_bnr_item01 .sub_txt {
		font-size: 16px;
	}
}

.major_btn01, .major_btn02, .major_btn04{
	width: 300px;
	height: 75px;
	margin: 0 auto;
	padding-top: 0;
	position: relative;
	box-sizing: border-box;
	font-size: 1.8rem;
	cursor: pointer;
}
.major_btn03{
	width: 300px;
	height: 75px;
	margin: 0 auto 5px;
	padding-top: 0;
	font-size: 1.8rem;
	cursor: pointer;
	bottom: 0 !important;
}
.major_btn01 a, .major_btn02 a, .major_btn03 a, .major_btn04 a{
	padding: 20px !important;
	color: #fff !important;
	font-weight: bold;
	text-align: center; 
	background: #39b5ed;
	position: relative;
	display: block;
}
.major_btn01 a{
	background: #39b5ed;
}
.major_btn02 a{
	background: #f14e6f;
}
.major_btn03 a{
	background: #408ffb;
}
.major_btn04 a{
	background: #614ffe;
}
.major_btn01 i, .major_btn02 i, .major_btn03 i, .major_btn04 i{
	right: 17px;
	font-size: 1.5rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
@media all and (max-width: 1119px){
	.major_btn01, .major_btn02, .major_btn03, .major_btn04{
		width: 200px;
		height: 50px;
		font-size: 1.2rem;
		margin: 0 auto 12px;
	}
	.major_btn01 a, .major_btn02 a, .major_btn03 a, .major_btn04 a{
		padding: 15px;
	}
}

#major.index #majorList .list .item{
	padding-bottom: 3em !important;
}

.circle_gion {
	width: 90px;
	clear: both;
	border-radius: 20px;
	color: #fff;
	font-size: 1.5rem;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 5px;
	margin: 0 0 -3px;
	display: inline-block;
	background: #dc8394;
}
.circle_jidai{
	width: 90px;
	clear: both;
	border-radius: 20px;
	color: #fff;
	font-size: 1.5rem;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 5px;
	margin: 0 0 -3px;
	display: inline-block;
	background: #746bad;
}

.note_feed {
	display: inline-block;
	padding: 3px 5px;
	margin: 0 10px 0 0;
	border: 1px solid #d04539;
	font-size: 1.2rem;
	background: #d04539;
	color: #fff;
}
/*================  トップ下 京都観光モラル　手ぶら観光 追加　 ================ */

.indexNewLayOut .kyotoTravel_enjoy_list .item a.kyotomoral {
	background: url("../img/home/kyotoTravel_enjoy_item_kyotomoral@2x.jpg") no-repeat center center/100%;
}

.indexNewLayOut .kyotoTravel_enjoy_list .item a.handsfree {
	background: url("../img/home/kyotoTravel_enjoy_item_tebura@2x.jpg") no-repeat center center/100%;
}
/*================  YouTube 追加　 ================ */

@media all and (min-width: 1120px) {
	#ftSns .flexPC{
		display: flex;
		margin: 0 auto;
		justify-content: center;
		align-items: center;
	}
	#ftSns .slider .tit01 {
		width: 150px; height: 150px; border: 1px solid #ccc; box-sizing: border-box; background: #fff; text-align: center; margin-right: 10px; 
		z-index: 6;
	}
	#ftSns .slider .tit02 {
		width: 150px; height: 150px; border: 1px solid #ccc; box-sizing: border-box; background: #fff; text-align: center;
		z-index: 6;
	}
	#ftSns .slider .tit01 a, #ftSns .slider .tit02 a {
		display: block; height: 100%; padding: 45px 0 0; box-sizing: border-box;
	} 
	#ftSns .slider .tit01 span, #ftSns .slider .tit02 span {
		display: block;
	}
	#ftSns .slider .tit01 .img, #ftSns .slider .tit02 .img {
		width: 40px; margin: 0 auto 8px;
	} 
	#ftSns .slider .tit01 .txt, #ftSns .slider .tit02 .txt {
		font-size: 1.1rem;
	} 
}

#ftSns .list01 .youtube .img,
#gNav .shareList .youtube .img{
    width: 40px;
}

/*================  祇園祭、時代祭 有料観覧席 追加　 ================ */
.flex_bx01{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 24px auto 100px;
	width: 100%;
}
.flex_bx01 p{
	padding: 0 1rem;
	font-size: 2.2rem;
	font-weight: bold;
	display: block;
}
.major_border01{
	border-top:  1px solid #ccc;
	margin-top: 60px;
	padding-top: 100px !important;
	border-bottom:  1px solid #ccc;
	padding-bottom: 60px;
}
@media only screen and (max-width: 640px) {
	#major.seat.gion #outline .cont + .cont {
		padding-top: 80px;
	}
	.major_border01 {
		padding-top: 80px !important;
	}
}

.bnr_under_text{
	font-size: 20px;
	padding: 10px;
}
.bnr_under_text a{
	padding: 10px 0;
}
@media all and (max-width: 1119px) {
	.bnr_under_text{
		margin-top: 30px;
	}
	.mo_pageBottom_bnr_inner.col2 .adj_lf{
		margin-left: 0 !important;
	}
}


/*================  観光スポット・サービス情報 YouTube追加 2022_06　================ */

@media all and (min-width: 600px) {
	.spot_video_section {
		display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; 
	}
}
.spot_video {
	margin-bottom: 20px;
}
.spot_video:last-child {
	margin-bottom: 30px;
}
@media all and (min-width: 600px) {
	.spot_video {
		width: 50%;
		padding: 0 15px;
		margin: 0 0 30px;
		box-sizing: border-box;
	}
	.spot_video:last-child {
		margin: 0 0 30px;
	}
}
.spot_video > iframe {
	width: 100%; height: 200px;
}
@media all and (min-width: 600px) {
	.spot_video > iframe {
		height: 280px;
	}
}
.base_arrow{
	font-size: 20px;
	position: absolute;
	padding-left: 6px;
}

/*================  たより凡例 2022_07　================ */
.is_color_flowers { color: #E5829A; }
.is_color_flowers_end { color: #ccc; }
.is_color_ume { color: #E2437B; }
.is_color_tsutsuji { color: #EA74C7; }
.bloomingListSize::before{font-size: 30px;}
.bloomingListSize{width: 30px;}

/*================  祇園祭追加 2022_07　================ */
.seat_bx_01{
	display: flex;
	justify-content: center;
	line-height: 2;
}
.seat_bx_01 ul{
	margin-left: 1em;
	margin-right: 1em;
}

/*================  手ぶら観光 2022_08　 ================ */
.Handsfree .icon_link{
	margin-top: 1em;
}
.Handsfree .icon_link a{
	text-decoration: none;
	color: #393dd0;
}
.Handsfree .icon_link a:hover{
	opacity: 0.7;
	transition: 0.3s ease-in-out;
}
/*================  夏の旅2022 追加　 ================ */
.summer2022_bnr .mo_pageBottom_bnr{ background: #0E0000; padding: 50px 50px 0; }
.summer2022_bnr .mo_pageBottom_bnr .title{ color: #77a0ee; font-weight: normal; }
.summer2022_bnr .mo_pageBottom_bnr_inner .bnrItem{ margin-bottom: 0; }
@media all and (max-width: 599px){
	.summer2022_bnr .mo_pageBottom_bnr_inner .bnrItem{ margin-bottom: 20px; }
}

/*================  送り火追加 2022_08　 ================ */
.icon_box01 .mod_btn01 { 
	width: 100%; height: 75px; margin-top: 50px; font-size: 1.5rem; cursor: pointer; padding-top: 0; 
}
.icon_box01 .mod_btn01 i{
	right: 18px; font-size: 2rem; 
}
.icon_box01 .mod_btn01 a{
	position: relative; text-decoration: none; display: block; padding: 25px; background: #d04539; color: #fff; font-weight: bold; text-align: center; 
}

.okuribi_link .list { 
		display: flex; justify-content: center; flex-wrap: wrap;
} 
.okuribi_link .list .btn {
	margin: 10px auto 0; text-align: center;
}
.okuribi_link .list .btn a {
	position: relative; display: block; padding: 20px 30px; text-decoration: none; line-height: 1.2; background: #8ec1fc; color: #fff; font-size: 1.8rem; font-weight: bold;
}
.okuribi_link .list .btn a:hover{
	opacity: 0.7; transition: 0.3s ease-in-out;
}
.okuribi_link .list li{
	margin: 0 2px;
}
@media all and (max-width: 599px){
	.okuribi_link .list .btn a{ 
		font-size: 1.5rem;
		padding: 15px 20px;
	} 
}
#major .noteGuide .is_okuribi, #major .noteGuide .is_okuribi a{
	color: #538fd5;
}

/*================  トップ下同様赤枠バナー 2022_08　Withコロナページ対応　================ */
.red_banner01 .mod_btn01{ width: 370px; height: 80px; font-size: 1.6rem; cursor: pointer; padding-top: 0;} 
.red_banner01 .mod_btn01 a{ position: relative; text-decoration: none; display: block; padding: 20px; background: #d04539;
color: #fff; font-weight: bold; text-align: center; }
.red_banner01 .mod_btn01 a .icon-arrow-right{ font-size: 30px; }
.red_banner01 .mod_btn01 i { right: 18px; font-size: 1.5rem; }

/*================  二条城追加 2022_09　 ================ */
.add_form_i a[target="_blank"] i::before{
	top:0px !important;
}
.add_form_i i{
	color: #fff;
}
.add_form_i span{
	text-decoration: none !important;
}

.trail .bookList .bookList_item{
	padding-left: 5px;
	padding-right: 5px;
}

/*================  時代祭 2022_10　画像リンク　 ================ */
.a_opacity a:hover{
	opacity: 0.7;
	transition: 0.3s ease-in-out;
}
/*================  時代祭 2022_10　協賛ロゴ設置　 ================ */
.sponsor__txt{
	text-align: center;
	font-size: 16px;
	margin-bottom: 1em;
}
.sponsor__container01{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.sponsor__group01{
	display: flex;
	margin: 20px auto 30px;
	justify-content: center;
	align-items: center;
}
.sponsor__item {
	box-sizing: border-box;
	margin-bottom: 20px;
	width: 50%;
	padding: 0 10px;
}
.sponsor__item img{
	width: 90%;
	padding: 10px;
	border: solid 1px #cdc6f8;
}
@media all and (min-width: 1120px) {
	.sponsor__txt{
		font-size: 20px;
	}
	.sponsor__item {
		padding: 0 10px;
	}
	.sponsor__container01{
		width: 70%; 
	}
	.sponsor__item img{
		width: 90%;
		padding: 20px;
		border: solid 1px #cdc6f8;
	}
}

/*================   トップ_リンク枠　2022_10 ================ */
.important_link_wapper {
	max-width: 1120px;
    display: block;
    background: #fff;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #d04539;
    border-radius: 10px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3em;
    text-align: center;
    position: relative;
}
.important_link_wapper .important_link_list h3{
	font-weight: bold;
	color: #d04539;
	margin-bottom: 1em;
}
.important_link_wapper .important_link_list a:hover{
	opacity: 0.7;
}
.important_link_wapper .important_link_list a {
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #d04539;
    color: #fff;
    width: 190px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    margin: 0 auto;
    padding: 10px;
    font-weight: bold;
}
/*================   よくある質問 2022_10　 ================ */
.request_wrapper{
	padding: 30px;
	margin: 2em 0;
	border: double 1px #d04539;
}
.request_wrapper h3{
	color: #d04539;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 1em;
}
.request_wrapper h4{
	font-weight: bold;
	margin: 0.5em 0 0.5em;
	font-size: 16px;
}
/*================  冬の旅2022 追加　 ================ */
.winter2022_bnr .mo_pageBottom_bnr{ background: #0E0000; padding: 50px; }
.winter2022_bnr .mo_pageBottom_bnr .title{ color: #d1accf; font-weight: normal; }
.winter2022_bnr .mo_pageBottom_bnr_inner .bnrItem{ margin-bottom: 0; }
.winter2022_bnr .mo_pageBottom_bnr_inner.col3 .bnrItem {margin-left: 1%;}
.winter.index #highlight .winter2022_bnr .list .btn{max-width: 70%; color: #fff;}
.winter.index #highlight .winter2022_bnr .list .btn a{width: 100%; color: #fff; border: 1px solid #fff; padding: 10px;}
.winter.index #highlight .winter2022_bnr .list .btn a::after{
	border-color: #fff;
}
.winter.index #highlight .winter2022_bnr .list{
	justify-content: center;
}
.winter.index #highlight .winter2022_bnr .list li{
	width: 100%;
}
@media (min-width: 1120px){
	#specialopening .winter2022_bnr .col3 > * {
	  width: 32% !important;
	}
	.winter.index #highlight .winter2022_bnr .list .btn{
		max-width: 100%;
	}
	.winter.index #highlight .winter2022_bnr .list li{
	width: 70%;
	}
}
@media all and (max-width: 599px){
	.winter2022_bnr .mo_pageBottom_bnr_inner .bnrItem{ margin-bottom: 20px; }
	.winter.index #highlight .winter2022_bnr .list .btn{max-width: 90%;}
}

.about_attention{
	margin: 2rem auto 0 !important;
	padding: 15px 0 25px !important;
	max-width: 80% !important;
}
.about_attention_inner{
	width: 80%;
	margin: 0 auto;
}
@media (min-width: 1120px){
	.about_attention{
		max-width: 800px !important;
		padding: 30px 0 20px !important;
	}
	
}
/*================  flexスタンダード youtube2列 2023_02　================ */
.bnr_flex{
	display: flex;
	justify-content: center; 
	flex-wrap: wrap;
	align-items: center;
}
@media only screen and (max-width: 640px) {
	.bnr_flex {
		flex: none;
	}
}

.youtube_box {
  position: relative;
  height: 0;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.youtube_box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.youtube_cont{
	/*margin:5em auto 5em;*/
	margin:2em auto 5em;
}
.youtube_cont img{
  max-width: 100%;
}
 
/* PC表示（640px以上） */
@media screen and (min-width: 640px) {
  .youtube_cont{
    display: flex;
    margin-bottom: 1.5rem;
    justify-content: space-between;
    align-items: flex-start;
  }
  .youtube_cont_inner{
    flex-basis: 49.5%;
  }
}
@media all and (min-width: 1120px) {
	.youtube_cont {
		width: 900px; 
	}
}
/*================   葵祭 協賛企業ロゴ 2022_10　 ================ */
.seat_ad{
	margin: 2em auto 3em;
}
.seat_ad .sp_none{
	display: block;
}
.seat_ad_wrap01{
	display: flex;
	margin: 0.5em auto 0;
}
.seat_ad_wrap01__list{
	display: flex;
	align-items: center;
}
.seat_ad_wrap01__list li{
	padding: 10px 0;
}
.seat_ad_wrap02{
	margin: 0 auto 0.5em;
}
.seat_ad_wrap02__list{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
.seat_ad_wrap02__list li{
	width: 20%;
	padding: 10px 0;
}
.seat_ad a:hover{
	opacity: 0.7;
	transition: 0.3s ease-in-out;
}

@media all and (max-width: 599px) {
	.seat_ad .sp_none{
		display: none;
	}
	.seat_ad_wrap01{
		display: block;
	}
	.seat_ad_wrap01__list li{
		padding: 15px 0;
	}
	.seat_ad_wrap02__list li{
		width: 33.33%;
		padding: 15px 0;
	}
}
/*================   Gナビ追加 2023_03　 ================ */
#gNav .list > .item.tripPlan .childItem10 a { background-image: url(../img/common/gNav_img_anshin.png) !important;}
/*================   自転車ルール 2023_04　 ================ */
.rule_box{
	margin: 2em auto 0.5em;
	padding: 1.5em;
	border: solid 1px #E5555D;
	width: 90%;
}
@media (min-width: 1120px){
	.rule_box{
		width: 640px;
	}
}
@media all and (max-width: 599px) {
	.rule_box{
		width: 100%;
	}
}
/*================   手ぶら観光 2023_05　 ================ */
.tebura_img{
	text-align: center;
}
.tebura_img img{
	width: 75%;
}
@media all and (max-width: 767px) {
	.tebura_img img{
		width: 100%;
	}
}
/*================   天気予報削除 2023_06　 ================ */
#mainVisual { position: relative; padding-top: 100%; overflow: hidden; }
#mainVisual .mvNav { position: absolute; top: 77%; left: 20px; }

/*================   エリア観光 2023_06　 ================ */
.bs_btn_box01 { margin-bottom: 40px;}
.bs_btn_box01 a {text-decoration: none;}
.bs_btn_box01 button { background: #fff; display: inline-block; width: 100%; padding: 15px; border: 1px solid #ddd; border-radius: 5px; }
.bs_btn_box01 button i { color: #D04539; font-size: 18px; }
.bs_btn_box01 button span { display: block; margin: 0 !important; }
.bs_btn_box01 button:hover { background: #eee; cursor: pointer; }

/*================   協賛広告(自転車観光) 2023_06　 ================ */
.add_adarea01 { background: #F7F7F7; padding: 50px 20px; margin-top: 70px; }
.add_adarea01 .leadTit { position: relative; margin-bottom: 28px; text-align: center; width: 275px; margin: 0 auto 25px; }
.add_adarea01 .leadTit:before { position: absolute; content: ""; top: 50%; left: 0; width: 100%; height: 1px; background: #ccc; }
.add_adarea01 .leadTit span { position: relative; padding: 0 20px; background: #F7F7F7; font-size: 1.5rem; font-weight: bold; }
.add_adarea01 .txt { font-size: 0.9em; padding-bottom: 20px; text-align: center; }
@media all and (min-width: 1120px) { .add_adarea01 { padding: 70px 0 50px; } }
@media all and (min-width: 1120px) { .add_adarea01__container { width: 1120px; margin: 0 auto; } }
.add_adarea01__group01, .add_adarea01__group02, .add_adarea01__group03 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -10px; margin-right: -10px; justify-content: center; align-items: center;}
.add_adarea01__group02 { margin-bottom: 0; }
.add_adarea01__group03 { margin-bottom: 0; }
.add_adarea01__item { box-sizing: border-box; margin-bottom: 10px;}
.add_adarea01__group01 .add_adarea01__item, .add_adarea01__group02 .add_adarea01__item, .add_adarea01__group03 .add_adarea01__item { width: 80%; padding: 0 20px; }
@media all and (min-width: 1120px) { .add_adarea01__group01 .add_adarea01__item, .add_adarea01__group02 .add_adarea01__item, .add_adarea01__group03 .add_adarea01__item { width: 33.333333%; padding: 0 20px; } }
.add_adarea01__group02 .add_adarea01__item { width: 100%; }
@media all and (min-width: 1120px) { .add_adarea01__group02 .add_adarea01__item { width: 25%; padding: 0 10px; } }
.add_adarea01__group03 .add_adarea01__item { width: 100%; }
@media all and (min-width: 1120px) { .add_adarea01__group03 .add_adarea01__item { width: 33.333333%; padding: 0 10px; } }
.add_adarea01__link { -webkit-transition: opacity .25s linear; transition: opacity .25s linear; }
.add_adarea01__link:hover { opacity: 0.8; }
.add_adarea01__img { border-radius: 5px; }

/*================   祇園祭 デジタルmap 2023_06　 ================ */
.youtube_cont02{
	margin:1em 2em 2em;
}
.youtube_cont img{
 	max-width: 100%;
}
.youtube_cont02 .addmt{
	margin-top: 2em
}
#intro .sec_mt, #about .sec_mt{
	margin-top: 75px;
}
@media screen and (min-width: 640px) {
	.youtube_cont02{
		display: flex;
		margin-bottom: 1.5rem;
		justify-content: space-between;
		align-items: flex-start;
		margin:0 auto;
	  }
	  .youtube_cont02_inner{
		flex-basis: 48%;
	  }
	.youtube_cont02 .addmt{
		margin-top: 0;
	}
	#intro .sec_mt, #about .sec_mt{
		margin-top: 100px;
	}
}
@media all and (min-width: 1120px) {
	.youtube_cont02 {
		width: 900px; 
	}
}

.youtube_box02 {
	width: 100%;
	aspect-ratio: 16 / 9; 
}
.youtube_box02 iframe {
	width: 100%;
  height: 100%;
}

/*================   祇園祭 デジタルmap下　赤リンクボタン 2023_06　 ================ */
.red_btn01{ margin: 50px auto 0 !important;}
.red_btn01  a{ position: relative; text-decoration: none; display: block; padding: 20px; background-color: #d04539;
color: #fff; font-weight: bold; text-align: center; }
.red_btn01 a .icon-arrow-right{ font-size: 22px; }
.red_btn01{ width: 370px; height: 100px; margin-top: 0; padding-top: 0; font-size: 1.6rem; cursor: pointer; } 
@media all and (min-width: 1120px) {
	.red_btn01{ width: 560px; height: 80px;} 
}
.red_btn01 i { right: 18px; font-size: 1.5rem; }

/*================  送り火追加 2023_07　 ================ */
.icon_box02 .mod_btn01 { 
	width: 100%; height: 80px; margin-top: 50px; font-size: 1.5rem; cursor: pointer; padding-top: 0; border: solid 1px #d04539; background: #ffffff;
}
.icon_box02 .mod_btn01 i{
	right: 18px; font-size: 2rem; 
}
.icon_box02 .mod_btn01 a{
	position: relative; text-decoration: none; display: block; padding: 15px; background: #ffffff ; color: #d04539; font-weight: bold; text-align: center; 
}
@media all and (min-width: 1120px) {
	.icon_box02 .mod_btn01 {
		height: 75px;
	}
	.icon_box02 .mod_btn01 a{
		padding: 25px;
	}
}
/*================  トップ下 赤枠白背景バナー 2023_07　熱中症に注意　================ */
.white_btn01 .mod_btn01 a{ position: relative; text-decoration: none; display: block; padding: 20px; background-color: #fff;
color: #d04539; font-weight: bold; text-align: center; }
.white_btn01 .mod_btn01 a .icon-arrow-right{ font-size: 30px; }
.white_btn01 .mod_btn01{ width: 370px; height: 100px; margin-top: 0; padding-top: 0; font-size: 1.6rem; cursor: pointer; border: solid 1px #d04539; background: #ffffff;} 
@media all and (min-width: 1120px) {
	.white_btn01 .mod_btn01{ width: 560px; height: 80px;} 
}
.white_btn01 .mod_btn01 i { right: 18px; font-size: 1.5rem; }

/*================ 送り火 行揃え 2023_07　================ */
span.dan01 {
	float:left;
}
span.dan02 {
	display: block;
	margin-left: 170px;
}
/*================ 送り火 関連行事 2023_07　================ */
#relation .sp_none{
	display: block;
}
@media all and (max-width: 1120px) {
	#relation .sp_none{
		display: none;
	}
}
/*================ リンク集 2023_09　================ */
@media all and (min-width: 1120px) { 
	#link_list .linkList .col { 
		float: left; width: 47%; margin-left: 3%; min-height: 80px;
	} 
	#link_list .linkList .col:nth-of-type(odd) {
		margin-left: 3% !important;
	} 
}
/*================ 葵祭 2023_12　================ */

@media (min-width: 1120px) {
  #major.highlights.aoi #highlights .list .item10 .pic {
    background-image: url(../img/major/aoi/img_highlights10.png);
  }
}
/*================ 祇園祭 2023_12　================ */
@media all and (min-width: 1120px) { 
	#major.letsgo.gion #spot .inner { 
		padding: 0 80px 50px;
	}
}
/*================ 交通ページ 2024_03　================ */
.trafficTop_root_link_img_large { width: 450px; margin: 16px auto 0; }
@media (max-width: 599px) { .trafficTop_root_link_img_large { max-width: 335px; width: 100%; } }
@media (min-width: 600px) { .trafficTop_root_link_img_large:hover { opacity: 0.8; } }

/*================ 葵祭 2024_03　ポップアップ　================ */
.container_popup{
  margin: 50px auto -50px;
}
.popup_list{
  display: flex;
  justify-content: center;
  align-items: center; /*justify-content: space-between; flex-wrap: wrap;*/
}
/*.popup_list li{
  width: 30.7%;
  margin-bottom: 40px;
}*/
.popup_list li a{
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.popup_list li img{
  width: 100%;
  border-radius: 3px;
}
@media screen and (max-width : 768px) {
	.popup_list{
	  display: block;
	}
}

/* popup_content */
.popup_bg{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width: 100%;
  height: 100vh;
  background: rgba(64,73,82,0.8);
  transition: 0.4s;
  z-index:101;
}
.popup_content{
  position: relative;
}
.popup_content_none{
	display: none;
}
.popup_content_block{
	display: block;
}
.popup_box{		
  display: none;	
  position: fixed;
  top:60%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 110;
  /*width: 200px;*/
  height: auto;
  background: #fff;				
  padding: 20px;
  text-align: center;
}
.popup_box .tit{
  text-align: center;
  margin:0 auto 20px;
}
.popup_box .tit span{
  display: inline-block;
  width: 127px;
  height: 27px;
  color:#fff;
  font-size: 14px;
  line-height: 27px;
  background: #404952;
  border-radius: 3px;
}
.popup_box img{
  width: 100%;
  border-radius: 3px;
  margin-bottom: 20px;
}
.popup_box p{
  font-size: 14px;
  line-height: 1.8;
}
/* popup_nav */
.popup_nav .prev{
  position:absolute;
  top:50%;
  left:-40px;
  transform: translateY(-50%);
  width: 30px;
  height: auto;
  z-index:130;
}
.popup_nav .next{
  position:absolute;
  top:50%;
  right:-40px;
  transform: translateY(-50%);
  width: 30px;
  height: auto;
}
@media screen and (max-width : 768px) {
	.popup_nav .prev{
	  left:-35px;
	}
	.popup_nav .next{
	  right:-35px;
	}
}

.popup_nav .prev.disabled,
.popup_nav .next.disabled{
  display: none;
}
/*--close btn--*/
.popup_close{
  width: 30px;
  height: 30px;
  cursor: pointer;
  position:absolute;
  top:20px;
  right:20px;
  z-index:120;
}  
.popup_close span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 30px;
  height: 2px;
  background: #434c55;
  position: absolute;
  left: 50%;
  top: 50%;
}	
.popup_close span:nth-child(1) {
  transform: translate(-50%, 50%) rotate(45deg);
}	
.popup_close span:nth-child(2) {
  transform: translate(-50%, 50%) rotate(-45deg);
}	
@media screen and (max-width : 768px) {		
  .popup_close{
    top:-10px;
    right:-10px;
    background: rgba(255,255,255,0.8);
    border-radius: 50%;
  }
  .popup_close span {
    width: 20px;
    height: 2px;
    left: 50%;
    top: 45%;
  }	
  .popup_close span:nth-child(1) {
    transform: translate(-50%, 50%) rotate(45deg);
  }	
  .popup_close span:nth-child(2) {
    transform: translate(-50%, 50%) rotate(-45deg);
  }	
}
@media screen and (max-width : 600px) {
  .popup_box{
    width: 70%;
    height: auto;
    margin: 0 auto;
    background: #fff;
    display: none;	/*display: flex; flex-direction: column; align-items: center;*/
	text-align: center;
  }
  .popup_nav .prev{
    /*left:25px;*/
    width:30px;
  }
  .popup_nav .next{
    /*right:25px;*/
    width: 30px;
  }
}
/*================ 2024_05 交通ページ トップバナー設置　================ */

.another_enjoy_listWrap{
	max-width:1120px;margin:0 auto
}
@media only screen and (max-width:599px){
	.another_enjoy_listWrap{
		display:block
	}
}
@media print,screen and (min-width:600px){
	.another_enjoy_list{
		-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center
	}
}
@media only screen and (max-width:599px){
	.another_enjoy_list{
		-ms-flex-wrap:wrap;flex-wrap:wrap
	}
}
.another_enjoy_listMain{
	display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-bottom:18px
}
@media only screen and (max-width:599px){
	.another_enjoy_listMain{
		display:block;margin-bottom:0
	}
}
.another_enjoy_listMainSubtitle{
	font-size:1.8rem;line-height:1.4;margin-bottom:10px;font-weight:600
}

@media only screen and (max-width:599px){
	.another_enjoy_listMainSubtitle{
		font-size:1.5rem;margin-bottom:4px
	}
}
.another_enjoy_listMainTitle{
	font-size:2.8rem;line-height:1.1;font-weight:600
}
@media only screen and (max-width:599px){
	.another_enjoy_listMainTitle{
		font-size:1.5rem
	}
}
.another_enjoy_listMain_item{
	border-radius:8px;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:554px;height:180px
}
@media only screen and (max-width:599px){
	.another_enjoy_listMain_item{
		margin-bottom:10px;height:122px
	}
}
@media print,screen and (min-width:600px){
	.another_enjoy_listMain_item:before{
		-webkit-transition:.2s ease-out;transition:.2s ease-out
	}
	.another_enjoy_listMain_item:hover:before{
		opacity:0
	}
}
.another_enjoy_listMain a{
	-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;border-radius:8px;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;font-weight:700;height:100%
}

.another_enjoy_link{
	z-index:10;display:block;position:relative
}
.another_enjoy_bg{
	position:absolute;z-index:-1;inset:0
}
.another_enjoy_bg img{
	width:100%;height:100%;object-fit:cover
}

/*================ 2024_06 観覧席の企業協賛（PC3列/スマホ2列）→ PC用とスマホ用を設置する　================ */

@media print,screen and (min-width:600px){
	.pc_none_wrap{
		display: block;
	}
	.sp_none_wrap{
		display: none;
	}
}
@media only screen and (max-width:599px){
	.pc_none_wrap{
		display: none;
	}
	.sp_none_wrap{
		display: block;
	}
}
/*================ 2024_08 緊急情報タイトル　================ */
.newsModal__inner .baloon{
	font-weight: 700; background: #d04539; color: #fff; display: inline-block; padding: 0 10px; line-height: 20px; font-size: 1.1rem; margin: 0 0 13px; border-radius: 10px;
}
/*================ 2025_01 x対応　================ */
.mod_share01 .list .twitter .link {
  background: #000000;
}
/*================ 2025_02 快適度マップスマホ対応（min-width: 600pxは変更せず）　================ */
.comfort__comfort_area.kitayama { top: 3%; left: 30%; }
@media all and (min-width: 600px) { .comfort__comfort_area.kitayama { top: 18%; left: 26.7%; } }
.comfort__comfort_area.saga-arashiyama { top: 20%; left: 2.457002457%; }
@media all and (min-width: 600px) { .comfort__comfort_area.saga-arashiyama { top: 34.5%; left: 0%; } }
.comfort__comfort_area.nishiki { top: 41%; left: 16%; }
@media all and (min-width: 600px) { .comfort__comfort_area.nishiki { top: 42%; left: 21.5%; } }
.comfort__comfort_area.kyoto { top: 53%; left: 16%; }
@media all and (min-width: 600px) { .comfort__comfort_area.kyoto { top: 57.5%; left: 21.5%; } }

/*================ 2025_03 マップガイド対応　================ */
.guide_area_map__img{text-align: center; margin: 0 1em;}
.guide_area_map__link { text-align: center; margin-bottom: 30px; }
.guide_area_map__link.smaller-space { margin-bottom: 10px; }
.guide_area_map__link_btn { text-decoration: none; width: 100%; height: 50px; background-color: #d04539; border-radius: 8px; color: #fff; font-weight: bold; padding: 1em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.3rem; position: relative; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; box-sizing: border-box; }
.guide_area_map__link_btn:hover, .guide_area_map__img img:hover { opacity: 0.8; }
@media screen and (max-width: 599px) { .guide_area_map__link_btn { padding: 15px; } .guide_area_map__img img { max-width: 70%;} }
@media all and (min-width: 600px) { .guide_area_map__link_btn { max-width: 300px; } .guide_area_map__img img { max-width: 500px;} }
.guide_area_map__link_btn .icon-other-window { font-size: 18px; font-weight: bold; position: absolute; top: 50%; right: 0.8em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }


/*================ 2025_04 祇園祭 くじ アイコン付き　================ */
.matsuri_kuji{
	display: flex;
	justify-content: center; 
	align-items: center;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	font-weight: bold;
}
@media screen and (max-width: 599px) {
	.matsuri_kuji{
		display: block;
	}
}
.matsuri_kuji .list{
	margin: 0 2em;
}
.matsuri_kuji .list_s{
	font-size: 60%;
	vertical-align: middle;
}
.matsuri_kuji .list_icon{
	width: 24px;
}
.matsuri_kuji .list th, .list td{
	padding: 0.5em;
	text-align: center;
}
@media screen and (max-width: 599px) {
	.matsuri_kuji .list{
	margin: 0 1em;
	}
}

/*================ 2025_ Gナビ　お役立ち情報　================ */
@media print, screen and (min-width: 1120px) {
  #gNav .list > .item.useful .childList .childItem:nth-of-type(n+4) {
    max-width: 373px;
  }
}