@charset "UTF-8";
/* 230920_top.css BKdata */
/* CSS Document */
body::before{
	background: rgba(198,156,109,0.25);
}
#topImage{
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:3;
}
#topImage .hero{
	background-size: cover;
	background-position: top center;
	background-image: url("images/top_l.jpg");
}

#topImage .logo{
	position: absolute;
	top: 104px;
	color: #FFF;
	text-align: center;
	width: 100%;
	height: 0;
	padding-top:178px; 
	overflow: hidden;
	z-index: 5;
	background-position: center center;
	background-image: url("images/top-logo.svg");
	-webkit-animation: logoFadeIn 2s ease 0s 1 normal;
	        animation: logoFadeIn 2s ease 0s 1 normal;
}

@-webkit-keyframes logoFadeIn{
    0% {
        opacity:0;
		-webkit-transform: translateY(25px);
		        transform: translateY(25px);
    }
    100% {
        opacity:1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
    }
}

@keyframes logoFadeIn{
    0% {
        opacity:0;
		-webkit-transform: translateY(25px);
		        transform: translateY(25px);
    }
    100% {
        opacity:1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
    }
}

#topImage .delay{
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 1s;
	transition: 1s;
}
#topImage .delay.play{
	visibility:visible;
	opacity: 1;
}

#topEvents{
	position: relative;
	z-index: 10;
}
#topEvents .slide{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#topEvents .photo{
	background: #000;
	text-align: center;
}
#topEvents .photo img{
	display: block;
	height: 100%;
	width: auto;
	margin: 0 auto;
	-o-object-fit: contain;
	   object-fit: contain;
	font-family: 'object-fit: contain;'
}
#topEvents .slide .info{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 15px;
	text-align: left;
	color: #fff;
	background: rgba(0,0,0,0.8);
}
#topEvents .slide .info .head {
	margin-bottom: 15px;
	line-height: 1.4;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
	border-bottom: 1px solid rgba(255,255,255,0.50)
}
#topEvents .slide .info .head .title{
	margin: 0 0 15px;
	padding: 0 0 15px;
	font-size: 1.4em;
	border-bottom: 1px solid rgba(255,255,255,0.50)
}
#topEvents .slide .info .head p{
	margin: 0 0 15px;
}
#topEvents .slide .info span{
	display: inline-block;
}
#topEvents .slide .info dl{
	margin: 15px 0;
	padding: 0;
}
/*詳細のlabel隠し見出し*/
#topEvents .slide .info dt{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
#topEvents .slide .info dl dd{
	margin: 0;
	line-height: 1.75;
}
#topEvents .slide .info .place{
	display: inline-block;
	border: 1px solid;
	line-height: 1.5;
	padding: 0 0.5em;
}
#topEvents .slide .info .time{
	display: block;
	font-size: 1.066666666666667em;
	font-weight: 700;
	margin: 10px 0;
}
#topEvents .slide .info .btn a{
	color: #fff;
	border-color: rgba(252,190,75,0.90);
	border-radius: 3px;
	padding: 2px 0.7em;
}
#topEvents .slide .info .btn a::after{
    vertical-align: middle;
	background-color: transparent;
	background-size:contain;
	opacity: 0.9;
	background-position: center -1px;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDggMTMuNjA1Ij48cGF0aCBmaWxsPSIjZWFiNjU5IiBkPSJNLjQzNC4xN0MuMjc1LS4wMzQuMzEtLjA1OC41MTMuMTEzbDcuMzM2IDYuMjM0YS4zOTcuMzk3IDAgMCAxIDAgLjYyM2wtNy42NzIgNi41MmMtLjIwMi4xNzEtLjIzNi4xNDgtLjA3Ni0uMDUzbDUuMTMzLTYuNDE0YS42Mi42MiAwIDAgMCAuMDA0LS43MzF6Ii8+PC9zdmc+');
	-webkit-transition: .3s ease-out transform;
    transition: .3s ease-out transform;
}
#topEvents .slide .info .btn a:hover,
#topEvents .slide .info .btn a:focus{
	border-color: rgba(252,190,75,1);
	background: rgba(0,0,0,0.50);
	opacity: 1;	
}
#topEvents .slide .info .btn a:hover::after,
#topEvents .slide .info .btn a:focus::after{
	opacity: 1;
	-webkit-transform: rotateX(360deg) translateX(3px);
    transform: rotateX(360deg) translateX(3px);
}


/*Mobile*/
@media screen and (max-width: 767px){
	#topImage .hero{
		background-image: url("images/top_s.jpg");
	}
	#topImage .hero, #topImage .slide{
		min-height: 600px;
	}
	#topImage .logo{
		top: 90px;
		padding-top:130px; 
	}
	#topEvents .slide{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column nowrap;
		        flex-flow: column nowrap;
	}
	#topEvents .photo {
		height:227px;
	}
}
/*Desktop & Print*/
@media screen and (min-width: 768px), print{
	#topImage .hero, #topImage .slide{
		height: 460px;
	}
	#topEvents{
		max-width: 1100px;
		margin: 0 auto;
	}
	
	#topEvents .slide .photo{
		width: 70%;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		position: relative;
	}
	#topEvents .slide .info{
		max-height: 460px;
		overflow: auto;
		overflow-x: hidden;
		overflow-y: auto;
		position: relative;
	}
	/*#topEvents .slide .photo::after{
		content: "";
		position: absolute;
		top: 50%;
		margin-top: -12px;
		left: 0;
		opacity: 0.8;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 0 12px 12px;
		border-color: transparent transparent transparent #000;

	}*/
}



.topBox{
	margin-top: 10px;
	margin-bottom: 20px;
}
.topBox h3{
	margin: 0 0 10px;
	text-align: center;
	line-height: 1.2;
	font-weight: normal;
	font-size: 1.133333333333333em;
}
.topBox h3.lang span{
	display: block;
}
.topBox h3.lang .ja{
	display: block;
	color: #332927;
	font-size: 1.6470588235294118em;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}

.topBox h3.lang .en,
.topBox h3.lang *:lang(en){
	font-family: EB Garamond;
	font-style: italic;
	color: #AF7C17;
}

/*イベントカレンダー*/
#eventCalendar{
	background: #fff;
	border-radius: 5px;
	padding: 30px 18px;
}
#topCal{
	position: relative;
}
#topCal .loader{
	min-height: 50px;
	text-align: center;
}
#calManthly{
	position: relative;
}
#calManthly .calM{
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
	position: relative;
	top: 0;	
}
#calManthly .calM.hide{
	visibility: hidden;
	opacity: 0;
	top: 0;
	position: absolute;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

#topCal table{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	line-height: 1.2;
}
#topCal caption{
	padding-right: 90px;
	text-align: left;
	font-weight: normal;
	margin-bottom: 5px;
}
#topCal caption span{
	display: inline-block;
}
#topCal caption span.name{
	margin-right: 0.3em;
	font-size: 1.533333333333333em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
#topCal caption span.month{
	font-size: 1.333333333333333em;
}
#topCal table th,
#topCal table td{
	border: 1px solid #fff;
	text-align: center;
	font-size: 0.968em;
	padding: 3px;
	font-weight: normal;
}
#topCal thead th{
	color: #333;
	background: #F4F3F2;
}
#topCal tbody{
	background: #EFE8DA;	
}
#topCal tbody td{
	padding-top: 0.6em;
	padding-bottom: 1em;
	position: relative;
	overflow: hidden;
}
#topCal td  b{
	font-weight: normal;
}
#topCal td a b{
	font-weight: bold;
}
#topCal td a{
	display: block;
	position: relative;
	margin: -0.6em -3px -1em;
	padding:0.6em 3px 1em;
	background: #D3CBB0;
	text-decoration: none;
}
#topCal .ext span.event::before,
#topCal td a.event::after{
	content: "";
	background: #9A6F15;
	width:  0.5em;;
	height:  0.5em;
	font-size: 0.5em;;
	border-radius: 50%;
}
#topCal td a.event::after,
#topCal td a.close::after{
	position: absolute;
	display: block;
	left: 50%;
	margin-left: -0.25em;
	bottom: 0.5em;
}
#topCal td a:hover b,
#topCal td a:focus b{
	text-decoration: underline;
}
/*休館*/
#topCal td.close,
#topCal td .close{
	background: #C1C1C1;
}

#topCal .ext span.close::before,
#topCal td a.close::after{
	color: #000;
	content: "休";
	background: none;
	border-radius: 0;
	height: auto;
	font-size: .7em;
	margin-bottom: 2px;
}
#topCal td a.close::after{
	height: 1.3em;
	bottom: 0;
	width: 1em;
	margin-left: -0.5em;
}

/*今日*/
#topCal td.today a{
	color: #fff;
	background: #9A6F15;
}
#topCal td.today b{
	color: #fff;
}
#topCal td.today a::after{
	background: #fff;
}

/*表中単位隠す*/
#topCal table .order{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
/*凡例*/
#topCal .ext {
	text-align: right;
	line-height: 1.2
}
#topCal .ext ul{
	display: inline;
	list-style-type: none;
	font-size: 0.8em;
	margin: 0; padding: 0;
}
#topCal .ext ul li{
	display: inline-block;
	margin: 0 0.5em;
}
#topCal .ext li span::before{
	display: inline-block;
	margin-right: 0.5em;
	margin-bottom: 0.2em;
}
/*切り替え*/
#topCal .nav{
	position: absolute;
	top: 0;
	right: 0;
	width: 95px;
}
#topCal .nav ul.btn{
	margin: 0;
}
#topCal .nav li{
	display: inline-block;
}
#topCal .nav li a{
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 0;
	padding: 0;
	padding-left: 40px;
	height: 25px;
	border-color: #fff;
	border-radius: 5px;
	background: #EFEAE4;
	color:#000;
}
#topCal .nav li.next{
	float: right;
	-ms-flex-item-align: end;
	    align-self: flex-end;
}
#topCal .nav li.prev{
	float: left;
	-ms-flex-item-align: start;
	    align-self: flex-start;
}
#topCal .nav li.prev a{
	-webkit-transform: scale(-1, 1);
	        transform: scale(-1, 1);
}


#topCal .nav li a::after{
	display: block;
	position: absolute;
	margin: 0;
	opacity: 0.8;
	height:100%; width: 100%;
	left: 0; top: 0;
	background-color: transparent;
	background-size: auto 55%;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDggMTMuNjA1Ij48cGF0aCBmaWxsPSIjNUYzQTAzIiBkPSJNLjQzNC4xN0MuMjc1LS4wMzQuMzEtLjA1OC41MTMuMTEzbDcuMzM2IDYuMjM0YS4zOTcuMzk3IDAgMCAxIDAgLjYyM2wtNy42NzIgNi41MmMtLjIwMi4xNzEtLjIzNi4xNDgtLjA3Ni0uMDUzbDUuMTMzLTYuNDE0YS42Mi42MiAwIDAgMCAuMDA0LS43MzF6Ii8+PC9zdmc+');
	
}
#topCal .nav li a:hover,
#topCal .nav li a:focus{
	background-color:#D3CBB0;
}
#topCal .nav li a:hover:before,
#topCal .nav li a:focus:before{
	background-color:transparent;
}
#topCal .nav li a:hover::after,
#topCal .nav li a:focus::after{
	opacity: 1;
}

/*日付別情報**/
#daysList {
	position: relative;
}
#daysList .dayEvnts{
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
	border: 1px solid #B78218;
	position: relative;
	top: 0;
}
#daysList .dayEvnts.hide{
	visibility: hidden;
	opacity: 0;
	top: 0;
	position: absolute;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
#daysList .dayEvnts h3{
	display: block;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 7px 5px;
	font-size: 1.133333333333333em;
	color: #fff;
	background-image: linear-gradient(135deg, rgba(154,111,21,1) 0%,rgba(154,111,21,1) 69%,rgba(201,152,36,1) 100%);
	background-color: rgb(154,111,21);
}
#daysList .dayEvnts h3>*{
	display: inline-block;
	margin: 0 0.5em;
}
#daysList .dayEvnts h3 .logo{
	margin-bottom: -.08em;
}
#daysList .dayEvnts h3 .date{
	font-weight: 400;
}
#daysList .dayEvnts h3 .label{
	font-size: 1.333333333333333em;
	font-weight: 600;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
#daysList .dayEvnts .col{
	border-style: solid;
	border-color: #B78218;
	border-width: 0;
	padding: 10px;
}
#daysList .dayEvnts h4{
	margin: 0 0 5px;
	font-size: 1.2em;
	color: #926711;
}
#daysList .dayEvnts  p{
	line-height: 1.2;
	margin: 5px 0 15px;
}
#daysList .dayEvnts  p:last-child{
	margin: 5px 0;
}
#daysList .dayEvnts p+p{
	margin-top: 8px;
}
#daysList .dayEvnts p a:link{
	color: #333;
}
#daysList .dayEvnts .openTime{
	display: block;
/*	margin-bottom: .5em;*/
}
#daysList .dayEvnts .title{
	display: block;
}
#daysList .dayEvnts .ticketInfo{
	padding: 10px;
	border-top: 1px solid #B78218;
}
#daysList .dayEvnts .ticketInfo h4{
	margin: 0 0 5px;
	font-size: 1.2em;
	color: #ae4b12;
}
#daysList .dayEvnts .ticketInfo  p{
	line-height: 1.2;
	margin: 5px 0;
}
#daysList .dayEvnts .ticketInfo  p.btm{
	margin: 5px 0 15px;
}
#daysList .dayEvnts .ticketInfo  p:last-child{
	margin: 5px 0;
}
#eventCalendar .btn a{
	position: relative;
	overflow: hidden;
	color: #fff;
	border-radius: 5px;
	padding:  0.4em 1em;
	font-size: 1.15em;
	max-width: 100%;
	text-decoration: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-image: url("images/top_btn1.png");
	background-color: #c1031b;
}
#eventCalendar .btn a span{
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
#eventCalendar .btn a::after{
	vertical-align: middle;
	background-color: transparent;
	-webkit-transition: .3s ease-out transform;
	transition: .3s ease-out transform;
}
#eventCalendar .btn a::before{
	content: "";
	display: block;
	-webkit-transition: .3s ease-out opacity;
	transition: .3s ease-out opacity;
	opacity: 0;
	position: absolute;
	left: 0; right: 0;
	top: 0; bottom: 0;
	background: rgba(95,58,3,0.4);
}
#eventCalendar .btn a:hover::before,
#eventCalendar .btn a:focus::before,
#eventCalendar .btn a:active::before{
	opacity: 1;
}
#eventCalendar .btn a:hover::after,
#eventCalendar .btn a:focus::after,
#eventCalendar .btn a:active::after{
	-webkit-transform: rotateX(360deg) translateX(3px);
			transform: rotateX(360deg) translateX(3px);
}
#eventCalendar .btn .ticket .logo{
    height: 1.3em;
    padding-left: 4em;
}
#eventCalendar .btn .song a{
	background-image: url("images/top_btn2.png");
	
}
#eventCalendar .evnetSearch {
	margin:1em auto 0;
	max-width: 989px;
	padding: 0;
	background: none;
	border: 0;
	font-size: 1.0666666666666667em;
}
#eventCalendar .evnetSearch label{
	font-size: 1em;
}
#eventCalendar .evnetSearch .input{
	line-height: 1.5em;
}
#eventCalendar .evnetSearch .input button{
	top:0.15em;
}
/*Mobile*/
@media screen and (max-width: 767px){
	#eventCalendar .row #topCal{
		margin-bottom: 10px;
	}
	#topCal .loader{
		padding: 50px;
	}
	#topCal caption span.month{
		font-size: 1.2em;
	}
	
	#daysList .dayEvnts{
		margin: 10px 0;
	}
	#daysList .dayEvnts .col+.col{
		border-top-width:1px;
	}
	#eventCalendar .btn li{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 10px 0 0 0;
	}
	#eventCalendar .btn a{
		width: 100%;
		font-size: 1.0666666666666667em;
	}
	
}
/*Desktop & Print*/
@media screen and (min-width: 768px), print{
	#eventCalendar .row{
		margin: 0 auto;
		max-width: 989px;
	}
	#eventCalendar .row #topCal{
		width: 34%;
	}
	#topCal .loader{
		padding:100px 50px;
	}
	#eventCalendar .row .info{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-flow: column;
		        flex-flow: column;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding-left: 30px;
	}
	#daysList{
		/*margin-top: 1.82em;*/
		margin-top:15px;
	}
	#daysList .dayEvnts{
		/*margin-top: 5px;*/
	}
	
	#daysList .dayEvnts h3{
		text-align: left;
	}
	
	#daysList .dayEvnts .col+.col{
		border-left-width:1px;
	}
	
	#eventCalendar .info .btn{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;	
	}
	#eventCalendar .info .btn a{
		width: 100%;
		text-align: center;
	}
	#eventCalendar .btn .ticket{
		width: 57%;
	}
	
}

/*お知らせ*/
#Information h3.lang span{
	display: inline-block;
	margin-right: 0.4em;
}
#Information .btn{
	margin: 0;
	line-height: 1.5;
}
#Information .btn a{
	border-color: #C99824;
	border-radius: 2px;
}
#Information .btn a:link{
	color: #333;
}
#Information header{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
/*追加*/
	margin-top:12px;
}
#bannerL{
	margin-bottom: 30px;
}
#bannerL a{
	display: block;
	margin: 10px 0 ;
	padding: 12px;
	background: rgba(255,255,255,0.90);
	border: 2px solid #9A6F15;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#bannerL a img{
	margin: 0 auto;
}
#bannerL a:hover,
#bannerL a:active,
#bannerL a:focus{
	background: #fff;
	border: 2px solid #d6a533;
}


/*Desktop & Print*/
@media screen and (min-width: 768px), print{
	#topics .row{
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	
	#Information{
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
	
	#Information  .entrys{ 
		height: 355px;
		overflow-y: auto;
	}
/*	#topics #Widget{
		width: 25%;
		margin-left: 30px;*/
	#Widget{
		width: 42%;
		margin-right: 30px;
		-ms-flex-item-align: end;
		    align-self: flex-end;
		
	}
}


/*紹介*/
#Intro{
	margin-top: 55px;
	padding: 45px 0 22px;
	background: #fff;
}
#Presents .slider{
	margin: 10px 0;
}
#Presents .slide{
	padding: 6px;	
	float: left;
}
#Presents .slide a{
	display: block;
	overflow: hidden;
	text-decoration: none;
}
#Presents .slide a:link{
	color: #333;
}
#Presents .slide .thumb{
	margin-bottom:10px;
	padding-top: 67%;
	background: #DFDFDD;
	text-align: center;
	position: relative;
}
#Presents .slide .thumb img{
	position: absolute;
	top: 0;
	left: 0;
	-o-object-fit: contain;
	   object-fit: contain;
	font-family: 'object-fit: contain;';
	margin: 0 auto;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	/*ガタツキ対策*/
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
#Presents .slide .info{
	display: block;
	line-height: 1.5;
	text-align: left;
}
#Presents .slide .info .date{
	display: inline-block;
	font-size: 0.933333333333333em;
	color: #383637;
}
#Presents .slide .info b.place{
	display: inline-block;
	margin: 0 1em;
}
#Presents .slide .title{
	display: block;
	margin: 0;
}
#Presents .slide a .title{
	text-decoration: underline;
}
#Presents .slide a:hover .thumb img,
#Presents .slide a:active .thumb img,
#Presents .slide a:focus .thumb img{
	-webkit-transform: scale(1.03);
	        transform: scale(1.03);
}
#Presents .slide a:hover .title,
#Presents .slide a:active .title,
#Presents .slide a:focus .title{
	text-decoration: none;
}
#Presents .slick-prev,
#Presents .slick-next{
	top: 37%;
}


/*Desktop & Print*/
@media screen and (min-width: 768px), print{
	#Presents .slider{
		margin:  10px 30px;

	}
}

#Guides{
	margin-top: 20px;
}
#Guides .nav{
	padding: 15px;
	color: #fff;
	background-size: cover;
	background-image: url("images/guide1.jpg");
	background-color: #666;
}
#Guides #promoter.nav{
	background-image: url("images/guide2.jpg");
	background-color: #666;
}
#Guides .nav h4{
	margin: 5px 0;
	text-align: center;
	font-size: 1.666666666666667em;
	font-weight: 600;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}
#Guides .nav h4::before,
#Guides .nav h4::after{
	content: "";
	display: inline-block;
	width: 1.45em;
	height: 0;
	border-top: 1px solid;
	margin: 0 0.2em;
	vertical-align: middle;
}
#Guides .nav  a{
	color: #fff;
}
#Guides .nav .btn{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0;
	padding: 4px;
	border-bottom: 1px dotted;
}
#Guides .nav .btn li{
	margin: 5px;
}
#Guides .nav .btn a{
	border: none;
	padding: 0;
	text-align: center;
	text-decoration: none;
}
#Guides .nav .btn a::after{
	display: none;
}
#Guides .nav .btn a::before{
	display: inline-block;
	font-family: FontAwesome;
}
#Guides .btn .event a::before{
	content: "\f001";
}
#Guides .btn .ticket a::before{
	content: "\f145";
}
#Guides .btn .access a::before{
	content: "\f041";
}
#Guides .btn .docs a::before{
	content: "\f0f6";
}
#Guides .btn .status a::before{
	content: "\f274";
}

#Guides .list{
	list-style-type: none;
	-webkit-column-count: 2;
	        column-count: 2;
	margin: 1em 0 0;
}
#Guides .list li{
	padding: 1em 0.5em;
	min-height: 2em;
	line-height: 1.2;
}
#Guides .list li a{
	display: inline-block;
	padding-left: 1.25em;
	text-decoration: none;
}
#Guides .list li a::before{
	display: inline-block;
	width: 1.25em;
	height: 0.667em;
	margin-left: -1.25em;
	content: "";
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwIDEwIj48Y2lyY2xlIGN4PSI1IiBjeT0iNSIgcj0iNSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGZpbGw9IiM0MjM3MjIiIGQ9Ik0zLjQ1OCAyLjM3NWMtLjA4OS0uMDgtLjA2OS0uMDkuMDQ0LS4wMjJMNy42MDggNC44MmEuMTMyLjEzMiAwIDAgMSAwIC4yNDdsLTQuMjk0IDIuNThjLS4xMTMuMDY4LS4xMzIuMDU4LS4wNDItLjAybDIuODcyLTIuNTRhLjE5LjE5IDAgMCAwIC4wMDMtLjI5eiIvPjwvc3ZnPg==');
}
#Guides li a:hover span,
#Guides li a:active span,
#Guides li a:focus span{
	-webkit-text-decoration: underline;
	        text-decoration:underline;
}

/*Mobile*/
@media screen and (max-width: 767px){
	#Guides .nav{
		margin-bottom: 20px;
	}
	#Guides .nav h4::before,
	#Guides .nav h4::after{
		width: 1.2em;
	}
	#Guides .nav .btn a::before{
		display: block;
		font-size: 2.5em;
	}
	
}
/*Desktop & Print*/
@media screen and (min-width: 768px), print{
	#Guides .row{
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin: 0 -10px;
	}
	#Guides .nav{
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
		margin: 0 10px;
		max-width: 520px;
		padding: 20px;
	}
	#Guides .nav .btn a::before{
		margin-right: 0.3em;
	}
	
}

#pickup .slider{
	margin: 0 -10px;
}
#pickup .slider .slide{
	margin: 0 10px;
	text-align: center;
}
#pickup .slider .slide a{
	display: block;
}
#pickup .slider .slide img{
	display: block;
	width: 100%;
	border: 2px solid #9A6F15;
}
#pickup .slider .slide a:hover,
#pickup .slider .slide a:active,
#pickup .slider .slide a:focus{
	opacity: 0.8;
}
/*Desktop & Print*/
@media screen and (min-width: 768px), print{
	
}

/*追加*/
.btn_notice{
	font-size:1.4em;
	line-height:1em;
	text-align:center;
	border:solid 1px #bd4d5f;
}
.btn_notice a{
    padding: 0.5em 0.5em !important;
	border-radius: 0px !important;
	background-image:none !important;
	background-color:#c1031b;
}.btn_notice a::after{
	margin-left:0px;
}

#youtube_link img{
	-webkit-transition: all .3s;
    transition: all .3s;
}
#youtube_link span{
	display:none;
}
#youtube_link img:hover{
	opacity: 0.8;
}

.pc_view{ display:block; }
.sp_view{ display:none; }
@media screen and (max-width: 767px){
	.pc_view{ display:none; }
	.sp_view{ display:block; }

	ul.entrys {
	    max-height: 455px;
	    overflow-y: auto;
	}
}


/*追加（休館）*/
#daysList{
    margin-top: 15px !important;
}
#daysList .closed_dayEvnts {
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    border: 1px solid #B78218;
    position: relative;
    top: 0;
}
#daysList .closed_dayEvnts h3 {
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 7px 5px;
    font-size: 1.133333333333333em;
    color: #fff;
    background: linear-gradient(135deg, rgba(154,111,21,1) 0%,rgba(154,111,21,1) 69%,rgba(201,152,36,1) 100%);
}
#daysList .closed_dayEvnts h3 .label {
    font-size: 1.333333333333333em;
    font-weight: 600;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#daysList .closed_dayEvnts h3>* {
    display: inline-block;
    margin: 0 0.5em;
}
#daysList .closed_dayEvnts .col {
    border-style: solid;
    border-color: #B78218;
    border-width: 0;
    padding: 10px;
}
#daysList .closed_dayEvnts p {
    line-height: 1.2;
    margin: 5px 0 15px;
}#daysList .closed_dayEvnts p:last-child {
    margin: 5px 0;
}

#topCal td.today {
    color: #fff;
    background: #9A6F15;
}
/*#topCal td a{
	cursor: default;
}#topCal td a:hover b,
#topCal td a:focus b{
	text-decoration: none;
}
*/
/*
#daysList .dayEvnts:not(:first-of-type) {
    visibility: hidden;
    opacity: 0;
    top: 0;
    position: absolute;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
*/
.closed_row{
    position: relative;
}
.closed_row .closed_logo{
	position: absolute;
	height:75%;
	top:50%;
	left:50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	opacity: 0.6;
	z-index:0;
}.closed_row .closed_logo img{
	height:100%;
}
.closed_col{
    position: relative;
	background-color:rgba(255,255,255,0.5);
	z-index:10;
}.closed_col>p:first-child{
	position: relative;
}
.closed_row .signature{
/*    position: absolute;
    right: 10px;
	bottom:-2px;
	display: inline-block;*/
	display: block;
	text-align:right;
	margin-top:0;
}.closed_row .signature span.label {
    font-size: 1.2em;
    font-weight: 600;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}.closed_row .signature .logo.short.alt {
    background-image: url(images/logo_s1.svg);
}

@media screen and (max-width: 767px){
	.closed_col>p:first-child{
		margin-bottom: 2.5em !important;
	}
/*	.closed_row .signature{
		bottom:-1.4em;
	}*/
	.closed_row .closed_logo{
		position: absolute;
		height:55%;
	}
}


/*追加（インスタ）*/
#inst{
	width:100%;
	display: flex;
	margin-bottom:30px;
}
#inst>div.container{
	padding-bottom:20px;
}
#inst .inst_area{
	width:64%;
	margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 20px;
}
#inst .inst_head{
	text-align:center;
}
#inst .inst_head h3{
	font-size: 1.6470588235294118em;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.2em;
	padding:0;
	margin:0;
}#inst .inst_logo{
	display: block;
    margin: 5px auto;
}#inst .inst_icon{
	float: left;
	width:64px;
	height:64px;
	border-radius:50%;
	border:1px solid #cccccc;
	margin-bottom:10px;
}#inst .inst_icon+p{
	float: left;
	display: inline-block;
    margin-left: 10px;
}

.inst_list{
	width:100%;
	display:flex;
	flex-wrap: wrap;
	margin:0;
	padding: 0;
	justify-content: space-between;
}
.inst_list+ul{text-align:center;}
#inst .inst_list span.nw{
	display:none;
}

.inst_items{
	position:relative;
	overflow:hidden;
	/*width:17%;*/
	display:inline-block;
	margin-bottom:5px;
}
.inst_items a{
	max-width:199px;
	width:16vw;
}
.inst_items img,
.inst_items video{
	max-width:199px;
	max-height:199px;
	width:16vw;
	height:16vw;
	object-fit: cover;
}

.inst_like{
	font-size: .8em;
	color:#ffffff;
	position:absolute;
	bottom:2px;
	left:5px;
}
.inst_gray{
	position: absolute;
	box-sizing: padding-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: .8em;
	top: 100%;
	max-width: 199px;
	max-height: 199px;
	width:16vw;
	height:16vw;
	padding: 8px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	color: #ffffff;

	background-image:none !important;
	background-size:initial !important;
	background-color: rgba(0, 0, 0, 0.4) !important;
}
.inst_text{
	position:absolute;
	color:#ffffff;
	text-align:initial;

	background-image:none !important;
	background-size:initial !important;
}
.inst_url:hover img{
	filter: initial !important;
    -moz-opacity: initial !important;
    opacity: initial !important;
}
.inst_items:hover .inst_gray{
	top:0px;
}

#inst .inst_area .links.btn{
	margin:0;
	margin-top:10px;
}#inst .inst_area .links.btn a{
	color:#332927;
	background-image:none;
	background-color:#ffffff;
    border-color: #C99824;
	border-radius: 2px;
}#inst .inst_area .links.btn a:after{
	display:none !important;
}/*#inst .inst_area .links.btn a:before{
	content: "";
    display: inline-block;
    margin-left: 0.5em;
    background-position: center center;
    background-image: url(images/icon-Instagram.png);
}*/

@media screen and (max-width: 767px) {
	#inst{
		display:block;
	}
	#inst .inst_area{
		width:100%;
	}
	.inst_list{
		flex-wrap: wrap;
		margin-bottom:10px;
	}
	.inst_items{
		width:27.5vw;
		height:27.5vw;
		flex:unset;
		margin-bottom:5px;
	}
	.inst_items img,
	.inst_items video{
		width:27.5vw;
		height:27.5vw;
	}
	.inst_gray{
		display:none;
	}


	#Widget{
		100%;
	}

}