@charset "utf-8";
/* ////////////////////////////////////////
PC,SP
//////////////////////////////////////// */
/*スライダー*/
#slideGallery .slider{
	margin-bottom: 0px;
}
#slideGallery .slider li img{
	width: 100%;
	object-fit: cover;
	font-family: "object-fit:cover;";
}
#slideGallery{
	position: relative;
}
/*スライダー：キャッチコピー*/
#slideGallery .slideTxt{
	position: absolute;
	z-index:2;
	width:100%;
}
#slideGallery .slideTxt .inner{
	display: table;
	max-width:1150px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
#slideGallery .slideTxt .inner figure{
	display: table-cell;
	vertical-align: middle;
	padding:0 10px;
}
/*今日の情報
-------------------------------------------------*/
/*栄三・東一背景*/
#todayInfo{
		background-image:url(../../img/index/bg_katou.jpg);
		background-repeat:no-repeat;
		background-position: left 0 bottom 0px;
}
#todayInfo .todayInfo-right-bg{
		background-image:url(../../img/index/bg_eizou.jpg);
		background-repeat:no-repeat;
		background-position: right 0 bottom 0px;
}
@media screen and (min-width:1000px){
	#todayInfo .todayInfo-box{
		width:70%;
		margin:30px auto 0 auto;
	}
	#todayInfo{
		background-position: left -2.5vw bottom 0px;
	}
	#todayInfo .todayInfo-right-bg{
		background-position: right -2.5vw bottom 0px;
	}
}
@media screen and (min-width:1200px){
	#todayInfo .todayInfo-box{
		width:70%;
		margin:30px auto 0 auto;
	}
	#todayInfo{
		background-position: left 0vw bottom 0px;
	}
	#todayInfo .todayInfo-right-bg{
		background-position: right 0vw bottom 0px;
	}
}
@media screen and (min-width:1300px){
	#todayInfo{
		background-position: left 5vw bottom 0px;
	}
	#todayInfo .todayInfo-right-bg{
		background-position: right 2vw bottom 0px;
	}	
}
@media screen and (min-width:1420px){
	#todayInfo{
		background-position: left 4vw bottom 0px;
	}
	#todayInfo .todayInfo-right-bg{
		background-position: right 3vw bottom 0px;
	}
	#todayInfo .todayInfo-box{
		width:80%;
		margin:30px auto 0 auto;
	}
}
@media screen and (min-width:1700px){
	#todayInfo{
		background-position: left 14vw bottom 0px;
	}
	#todayInfo .todayInfo-right-bg{
		background-position: right 10vw bottom 0px;
	}
	#todayInfo .todayInfo-box{
		width:80%;
		margin:30px auto 0 auto;
	}
}
@media screen and (max-width: 999px){
	#todayInfo{
		background-image:none;
	}
	#todayInfo .todayInfo-right-bg{
		background-image: none;	
	}
	#xo-event-calendar-en{
		background-image:url(../../img/index/bg_katou_tab.png);
		background-repeat:no-repeat;
		background-size: 80%;
		background-position: center top 0;
		padding-top:50%;
		margin-bottom:0;
		position: relative;
	}
}
/*/栄三・東一背景*/
#todayInfo h2 span{
	position: relative;
	color:#edebe8;
}
#todayInfo h2 span:before{
	background-image:url(../../img/common/flower-w.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 21px;
	height:21px;
	position:absolute;
	top:50%;
	left:-35px;
	margin-top:-10.5px;
}
#todayInfo h2 span:after{
	background-image:url(../../img/common/flower-w.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 21px;
	height:21px;
	position:absolute;
	top:50%;
	right:-35px;
	margin-top:-10.5px;
}
#todayInfo .top-line{
	background-image: url(../../img/common/line-wave.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
	padding-top:8%;
}
#todayInfo h3{
	position: relative;
	padding-left:30px;
}
#todayInfo h3:before{
	background-image:url(../../img/common/flower-b.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 21px;
	height:21px;
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-10.5px;
}
/*アクセス＋観覧料*/
#todayInfo .sub-btn-enwrap{
	display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		width:100%;
		z-index:89;
}
#todayInfo .sub-btn-en{
	width:49%;
	float: left;
	display: flex;
	align-items: center;
}
#todayInfo .sub-btn-en a{
	width:100%;
	line-height: 1.2em;
}
#todayInfo .sub-btn{
	width:49%;
}
#todayInfo .sub-btn:last-child,#todayInfo .sub-btn-en:last-child{
	margin-left:2%;
}
#todayInfo .sub-btn:first-child a,#todayInfo .sub-btn-en:first-child a{
	display: block;
	background-image:url(../../img/common/bg-red.png);
	background-repeat:repeat;
	background-size: 90px 90px;
	border-bottom:2px solid #6d1939;
	padding:15px 10px;
}
#todayInfo .sub-btn:first-child a:hover,#todayInfo .sub-btn-en:first-child a:hover{
	background-image:url(../../img/common/bg-red_over.png);
}
#todayInfo .sub-btn:last-child a,#todayInfo .sub-btn-en:last-child a{
	display: block;
	background-image:url(../../img/common/bg-yellow.png);
	background-repeat:repeat;
	background-size: 90px 90px;
	border-bottom:2px solid #906629;
	padding:15px 10px;
}
#todayInfo .sub-btn:last-child a:hover,#todayInfo .sub-btn-en a:hover{
	background-image:url(../../img/common/bg-yellow_over.png);
}
#todayInfo .access-text,#todayInfo .price-text{
	position: relative;
	padding-left:35%;
	display: inline-block;
}
#todayInfo .access-text:before{
	background-image:url(../../img/common/icon-access.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 22px;
	height:29px;
	position:absolute;
	top:50%;
	left:10%;
	margin-top:-16px;
}
#todayInfo .price-text:before{
	background-image:url(../../img/common/icon-price.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 24px;
	height:25px;
	position:absolute;
	top:50%;
	left:10%;
	margin-top:-12.5px;
}
/*カレンダー
-------------------------------------------------*/
#xo-event-calendar-en th{
	background: #4b7394;
	border-right:1px solid #fff;
}
.xo-event-calendar table { table-layout: fixed; border-collapse: separate; border-spacing: 0; margin: 0; padding: 0; width: 100%; color: #333; }
.xo-event-calendar table.xo-month > caption {background-color: transparent;caption-side: top;color:#4b7394;text-align: center;}
/*XO Event Calendar ver3.0.3の微調整*/
/*年月の文字サイズが小さくなった対応*/
.xo-event-calendar table.xo-month .month-header>span{
	display: inline-block;
	font-size:120%;
	line-height:28px;
	vertical-align: middle;
}
/*月送りすると矢印消えるバグ対応*/
.xo-event-calendar .calendar:nth-child(n+2) .month-next, .xo-event-calendar .calendar:nth-child(n+2) .month-prev{visibility: visible;}
/*/XO Event Calendar ver3.0.3の微調整*/

.xo-event-calendar table.xo-month { margin: 0 0 8px 0; padding: 0; border: 1px solid #ccc; border-width: 1px 0 1px 1px; }
.xo-event-calendar table.xo-month th,
.xo-event-calendar table.xo-month td { padding: 0; border: 1px solid #ccc; color:#414141;}
.xo-event-calendar table.xo-month .month-dayname td div.today { color: #00d; font-weight: bold; }
.xo-event-calendar table.xo-month .month-event-title { padding: 0 3px; display: block; color: #666; text-align: left; font-size: 0.8em; background-color: #ccc; border-radius: 3px; white-space: nowrap; overflow: hidden; }
.xo-event-calendar p.holiday-title span { margin: 0 6px 0 0; padding: 0 0 0 18px; border: 1px solid #cbcbcb; }
.xo-event-calendar table.xo-month > thead th { border-width: 0 1px 0 0; padding: 1px 0; text-align: center; font-size: 100%;font-weight:normal; color:#fff;}
.xo-event-calendar table.xo-month > thead th.sunday { color: #ff9da9; }
.xo-event-calendar table.xo-month > thead th.saturday { color: #99c4fa; }
.xo-event-calendar table.xo-month .month-dayname td div {
	padding: 0;
	text-align: center;
	font-size: 1em;
}
/*XO Event Calendar ver2.4.4以前
.xo-event-calendar table.xo-month button span.dashicons-arrow-left-alt2 { display: inline-block; background: url("../../img/common/nav-prev.png") no-repeat center center; background-size: 12px 14px; width: 12px; height: 14px; font-size: 0; }
.xo-event-calendar table.xo-month button span.dashicons-arrow-right-alt2 { display: inline-block; background: url("../../img/common/nav-next.png") no-repeat center center; background-size: 12px 14px; width: 12px; height: 14px; font-size: 0; }*/

/*XO Event Calendar ver3.0.3の微調整*/
/*矢印のcssが反映されなくなった対応*/
.xo-event-calendar table.xo-month button span.nav-prev { display: inline-block; background: url("../../img/common/nav-prev.png") no-repeat center center; background-size: 12px 14px; width: 12px; height: 14px; font-size: 0;border:none;transform: rotate(0deg); }
.xo-event-calendar table.xo-month button span.nav-next { display: inline-block; background: url("../../img/common/nav-next.png") no-repeat center center; background-size: 12px 14px; width: 12px; height: 14px; font-size: 0;border:none;transform: rotate(0deg); }
/*/XO Event Calendar ver3.0.3の微調整*/

.xo-event-calendar table.xo-month .month-event-title { line-height: 1em; padding: 3px 3px; display: block; color: #666; text-align: left; font-size: 0.7rem; background-color: #ccc; border-radius: 3px; white-space: nowrap; overflow: hidden; }

/*展示・イベント情報
-------------------------------------------------*/
#eventInfo{
    background-image: url(../../img/index/event-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#eventInfo h2{
	position: relative;
	margin-bottom:60px;
}
#eventInfo h2:after{
	background-image:url(../../img/index/line-wave2.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 304px;
	height:25px;
	position:absolute;
	bottom:-30px;
	left:50%;
	margin-left:-152px;
}
#eventInfo h2 span.icon {
	position: relative;
}
#eventInfo h2 span.icon:before {
	background-image:url(../../img/common/flower-w2.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 21px;
	height:21px;
	position:absolute;
	top:50%;
	right:-35px;
	margin-top:-10.5px;
}
#eventInfo h2 span.icon:after {
	background-image:url(../../img/common/flower-w2.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 21px;
	height:21px;
	position:absolute;
	top:50%;
	left:-35px;
	margin-top:-10.5px;
}
#eventInfo .event-list li:first-child dt{
	color:#0a6f94;
}
#eventInfo .event-list li:last-child dt{
	color:#b97718;
}
#eventInfo .event-list li.room1-2 dt{
	color:#499b56;
}
#eventInfo .event-list dt{
	background-color: #fff;
	position: relative;
}
#eventInfo .event-list dd{
	padding-top:10px;
	padding-bottom:10px;
}
#eventInfo .event-list dd .event-wrap{
	margin-top:20px;
}
#eventInfo .event-list dd .event-wrap:first-child{
	margin-top:0px;
}
#eventInfo .event-list dd p.title{
	line-height: 1.3em;
	marbin-bottom:0px;
}
#eventInfo .event-list dd p.title2{
	line-height: 1.5em;
	marbin-bottom:0px;
}
#eventInfo .event-btn{
	width:60%;
	margin:0 auto;
	line-height: 1.4em;
}
#eventInfo .event-btn a{
	transition: background 0.8s;
	border:1px solid #fff;
	display: block;
	padding:15px 25px 15px 5px;
	position: relative;
	color:#fff;
}
#eventInfo .event-btn a:after{
	background-image:url(../../img/index/nav-next.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 12px;
	height:14px;
	position:absolute;
	top:50%;
	right:5%;
	margin-top:-7px;
}
#eventInfo .event-btn a:hover{
	background: #FFFFFF;
	color:#4b7394;
}
#eventInfo .event-btn a:hover:after{
	background-image:url(../../img/common/nav-next.png);
}
#eventInfo .event-list li{
	margin-bottom:50px;
}
#eventInfo .white-shadow{
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,
             #fff 1px -1px 0px, #fff -1px -1px 0px;
}
/*お知らせ
-------------------------------------------------*/
#newsArea{
	background-image:url(../../img/index/bg-touichi-rakkan.png);
	background-repeat:no-repeat;
	background-position: left -2vw top 5%;
	background-size:172px 184px;
}
.newsArea-bg2{
	background-image:url(../../img/index/bg-eizou-rakkan.png);
	background-repeat:no-repeat;
	background-position: right -2vw bottom 0;
	background-size:196px 196px;
}
@media screen and (max-width:767px){
	#newsArea{
		background-position: left 0 bottom 45%;
		background-size: 25%;
	}
	.newsArea-bg2{
		background-position: right 5vw bottom 5%;
		background-size: 30%;
	}
}
@media screen and (min-width:768px){
	#newsArea{
		background-position: left 0 bottom 35%;
	}
	.newsArea-bg2{
		background-position: right 2vw bottom 2vw;
	}
}
@media screen and (min-width:1000px){
	#newsArea{
		background-position: left 0 top 5%;
	}
	.newsArea-bg2{
		background-position: right 0 bottom 0;
	}
}
@media screen and (min-width:1600px){
	#newsArea{
		background-position: left 14vw top 5%;
	}
	.newsArea-bg2{
		background-position: right 13vw bottom 10%;
	}
}
#newsArea h2{
	background-image:url(../../img/index/line-wave3.svg);
	background-repeat:no-repeat;
	background-position: bottom center;
	background-size: contain;
	padding-bottom:30px;
	margin-bottom:30px;
	position: relative;
}
#newsArea .list-info dl a dd:last-child{
	text-decoration: underline;
}
#newsArea .list-info dl a:hover dd:last-child{
	text-decoration: none;
}
#subMenu li{
    position: relative;
}
#subMenu li a{
    transition: opacity 0.8s;
}
#subMenu li a:hover{
    opacity:0.7;
}
#subMenu li .text{
    position: absolute;
    left:0;
    bottom:25%;
    line-height:1.4em;
}
/*マップエリア
-------------------------------------------------*/
#mapArea .map_text{
	background-image: url(../../img/index/map-bg1.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	background-size:219px 213px;
}
#mapArea .map_text:after{
	background-image:url(../../img/index/map-bg2.png);
	background-repeat:no-repeat;
	background-position: right bottom;
	background-size: contain;
	content: "";
	width: 219px;
	height:213px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:1;
}
#mapArea .map_text dt{
	border-right:1px solid #393533;
	width:5em;
	position: relative;
	z-index:2;
}
#mapArea .map_text dd{
	position: relative;
	z-index:2;
}
#mapArea .access-btn a{
	background-color: #4b7394;
	transition: 0.8s background;
	position: relative;
	z-index:2;
	border-bottom:2px solid #315877;
}
#mapArea .access-btn a:hover{
	background-color: #315877;
}
/*/////////////////////////////////////
印刷時　PC+タブレットのみ
//////////////////////////////////////// */
@media screen and (min-width:768px) , print{
	/*展示・イベント情報
	-------------------------------------------------*/
	#eventInfo .event-list dt .fukidashi{display:none;}
	#eventInfo .event-list dl{
		display: table;
		width:100%;
	}
	#eventInfo .event-list dd{
		padding-left:5%;
		display: table-cell;
		vertical-align: middle;
		width: 70%;
	}
	#eventInfo .event-list dt{
		width: 30%;
		display: table-cell;
		vertical-align: middle;
	}
	#eventInfo .event-list dt:before {
	  content: "";
	  position: absolute;
	  top: 50%;
	  height:15px;
	  left: 100%;
	  margin-top: -15px;
	  border: 15px solid transparent;
	  border-left: 15px solid #fff;
	}
	/*お知らせ
	-------------------------------------------------*/
	#newsArea .detail-btn{
		position: absolute;
		right:0;
		top:10%;
	}
	.fb-container {
		width: 100%;
		max-width: 500px;
		margin:0 auto;
	}
	#newsArea .list-info dt{
		width:30%;
	}
	#newsArea .list-info dd{
		width:70%;
		padding-left:1em;
	}
	/*サブ案内
	-------------------------------------------------*/
	#subMenu{
		padding-bottom:40px;
	}
    #subMenu li{
        width:19%;
        margin-right:1.25%;
    }
    #subMenu li:last-child{
        margin-right:0;
    }
}
/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */
@media screen and (min-width: 1101px), print{
	/*マップエリア
	-------------------------------------------------*/
	#mapArea ul{display: table;width:100%;}
	#mapArea .map-box{display: table-cell;width:50%;}
	#map_canvas{width:100%;height: 525px;}
	#mapArea .map_text{display: table-cell;width:50%;height: 525px;}
	#mapArea .map_text_inner{display: inline-block;}
}
/* ////////////////////////////////////////
IEのみ
//////////////////////////////////////// */
@media all and (-ms-high-contrast: none)and (min-width:768px){
	#eventInfo .event-list dt:before {border:none;}
	#eventInfo .event-list dt .fukidashi{display: block;}
	#eventInfo .event-list dt .fukidashi{
	background-image:url(../../img/index/fukidashi_ie.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: contain;
	content: "";
	width: 15px;
	position:absolute;
	top:0;
	right:-15px;
	z-index:1;
	border:none;
	}
}
/*/////////////////////////////////////
印刷時　PCのみ
//////////////////////////////////////// */
@media screen and (min-width:1101px),  print{
	/*展示・イベント情報
	-------------------------------------------------*/
	#eventInfo .event-list{
		width:70%;
		margin:0 auto;
	}
}
/* ////////////////////////////////////////
タブレット
//////////////////////////////////////// */
/*タブレット以下*/
@media screen and (max-width: 1100px){
	/*カレンダー
	-------------------------------------------------*/
	.xo-event-calendar table.xo-month > caption{
	text-shadow:
		#edebe8 2px 0px,  #edebe8 -2px 0px,
		#edebe8 0px -2px, #edebe8 0px 2px,
		#edebe8 2px 2px , #edebe8 -2px 2px,
		#edebe8 2px -2px, #edebe8 -2px -2px,
		#edebe8 1px 2px,  #edebe8 -1px 2px,
		#edebe8 1px -2px, #edebe8 -1px -2px,
		#edebe8 2px 1px,  #edebe8 -2px 1px,
		#edebe8 2px -1px, #edebe8 -2px -1px;
	}
	/*サブ案内
	-------------------------------------------------*/
    #subMenu li{
        width:29%;
        margin-right:6.5%;
    }
    #subMenu li:nth-child(3){
        margin-right:0;
    }
    #subMenu li:nth-child(4){
        margin-left:17%;
    }
    #subMenu li:nth-child(4),#subMenu li:nth-child(5){
        margin-top:10px;
    }
	/*マップエリア
	-------------------------------------------------*/
	#mapArea ul{display: block;}
	#map_canvas{ display: block;width:100%;height: 300px; }
	#mapArea .map_text{ display: block;width:100%;height: auto; padding:7% 5%}
	
}
@media screen and (max-width: 990px){
	.fb-container {
		margin-top:30px;
	}
}
/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */
@media screen and (max-width: 767px){
	/*今日の情報
	-------------------------------------------------*/
	#todayInfo{
		padding-top:20px;
	}
	#todayInfo .todayInfo-right-bg{
		padding-bottom:20px;
	}
	/*展示・イベント情報
	-------------------------------------------------*/
	#eventInfo{
		background-image: url(../../img/index/event-bg-sp.jpg);
	}
	#eventInfo h2:after{
		width: 250px;
		height:20px;
		margin-left:-125px;
	}
	#eventInfo .event-btn{
		width:80%;
	}
	#eventInfo .event-list dt{
		padding:10px 0;
		margin-bottom:10px;
	}
	#eventInfo .event-list dt:before {
	  content: "";
	  position: absolute;
	  top: 90%;
	  left: 50%;
	  margin-left: -15px;
	  border: 15px solid transparent;
	  border-top: 15px solid #fff;
	}
	#eventInfo .event-list li{
		margin-bottom:30px;
	}
	/*お知らせ
	-------------------------------------------------*/
	.fb-container {
		margin-top:30px;
		width: 100%;
		max-width: 500px;
	}
    #newsArea .list-info dd:last-child{
        width:100%;
    }
	/*サブ案内
	-------------------------------------------------*/
    #subMenu li{
        width:48%;
        margin-right:4%;
    }
    #subMenu li:nth-child(3){
        margin-right:4%;
    }
    #subMenu li:nth-child(even){
        margin-right:0;
    }
    #subMenu li:nth-child(4){
        margin-left:0;
        margin-top:10px;
    }
    #subMenu li,#subMenu li:last-child{
        margin-top:10px;
    }
	/*マップエリア
	-------------------------------------------------*/
	#mapArea .map_text{
		background-size: 131px 127px;
		padding:15% 5%;
	}
	#mapArea .map_text:after{
		width: 223px;
		height:122px;
	}
}
/* ////////////////////////////////////////
スライド調整用　sm(540px以上)
//////////////////////////////////////// */
@media screen and (min-width:540px) {
	#slide_pc{display: block;}
	#slide_sp{display: none;}
	#slide_tablet{display: none;}
}
@media screen and (max-width: 539px){
	#slide_pc{display: none;}
	/*スライダー：キャッチコピー*/
	#slideGallery .slideTxt .inner{
		max-width:300px;
	}
	#slide_sp{display: block;}
	#slide_tablet{display: none;}
}
@media screen and (max-width: 320px){
    #subMenu li:nth-child(4) .text,#subMenu li:nth-child(5) .text{
        bottom:13%;
        line-height: 1.4em;
    }
}
/* ////////////////////////////////////////
印刷用
//////////////////////////////////////// */
@media print{
	#slide_sp{display: none !important;}
	#slide_tablet{display: none !important;}
	/*印刷時のスライド画像サイズ*/
	.slider li img{width:1200px !important;}
	#eventInfo .eventInfo-inner .container{
		overflow: hidden;
	}
	#todayInfo .todayInfo-box{
		width:70%;
		margin:40px auto 0 auto;
	}
}