@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 .kaikan-box{
}
/*原三溪背景*/
#todayInfo .todayInfo-box{
	background-image: url(../../img/index/bg-harasankei.png);
	background-repeat: no-repeat;
	background-position: right 40% bottom 0;
	background-size: 340px;
}
@media screen and (min-width:992px){
	#todayInfo .kaikan-box{
		width:70%;
	}
}
@media screen and (max-width: 991px){
	#todayInfo .todayInfo-box{
		background-image:none;
	}
	#xo-event-calendar-en{
		background-image:url(../../img/index/bg-harasankei.png);
		background-repeat:no-repeat;
		background-size: 65%;
		background-position: center top 0;
		padding-top:60%;
		margin-bottom:0;
		position: relative;
	}
}
/*/原三溪背景*/
/*華背景*/
#todayInfo{
	background-image:url(../../img/common/bg-flower.png);
	background-size: 116px 116px;
	background-repeat:no-repeat;
	background-position: left 1vw bottom 30px;
}
#todayInfo .todayInfo-right-bg{
	background-image:url(../../img/common/bg-flower.png);
	background-size: 116px 116px;
	background-repeat:no-repeat;
	background-position: right 1vw top 30px;
}
@media screen and (min-width:1420px){
	#todayInfo{
		background-position: left 4vw bottom 30px;
	}
	#todayInfo .todayInfo-right-bg{
		background-position: right 4vw top 30px;
	}
}
@media screen and (min-width:1700px){
	#todayInfo{
		background-position: left 15vw bottom 30px;
	}
	#todayInfo .todayInfo-right-bg{
		background-position: right 15vw top 30px;
	}
}
@media screen and (max-width: 991px){
	#todayInfo{
		background-position: left 0vw bottom 0px;
	}
	#todayInfo .todayInfo-right-bg{
		background-position: right 0vw top 0px;
	}
}
@media screen and (max-width: 767px){
	#todayInfo{
		background-size: 100px 100px;
	}
	#todayInfo .todayInfo-right-bg{
		background-size: 100px 100px;
	}
}
/*/華背景*/
#todayInfo h3{
	position: relative;
	padding-left:36px;
}
#todayInfo h3:before{
	background-image:url(../../img/common/icon-main.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 30px;
	height:30px;
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-15px;
}
/*アクセス＋観覧料*/
#todayInfo .sub-btn a{
	display: block;
	background-image:url(../../img/common/bg-red.png);
	background-repeat:repeat;
	background-size: 100px 100px;
	border-bottom:2px solid #50161a;
	padding:15px 10px;
}
#todayInfo .sub-btn a:hover{
	background-image:url(../../img/common/bg-red_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: #78840f;
	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 { 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 table.xo-month > caption{
	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 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;
	margin-top:0px;
}
#eventInfo h2{
	position: relative;
	padding-top:64px;
}
#eventInfo h2:before{
	background-image:url(../../img/common/icon-main.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 60px;
	height:60px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-30px;
}
#eventInfo .event-list dd{
	line-height: 1.78em;
}
#eventInfo .event-list li:not(:first-child){
	margin-top:20px;
}
#eventInfo .event-btn{
	width:60%;
	margin:0 auto;
}
#eventInfo .event-btn a{
	transition: background 0.8s;
	border:1px solid #fff;
	display: block;
	padding:15px 7%;
	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:#687303;
}
#eventInfo .event-btn a:hover:after{
	background-image:url(../../img/common/nav-next.png);
}
/*お知らせ
-------------------------------------------------*/
/*華背景*/
#newsArea{
	background-image:url(../../img/common/bg-flower.png);
	background-size: 116px 116px;
	background-repeat:no-repeat;
	background-position: left 1vw top 40%;
}
.newsArea-bg2{
	background-image:url(../../img/common/bg-flower.png);
	background-size: 116px 116px;
	background-repeat:no-repeat;
	background-position: right 1vw bottom 0;
}
@media screen and (min-width:1420px){
	#newsArea{
		background-position: left 4vw top 0%;
	}
	.newsArea-bg2{
		background-position: right 4vw bottom 0%;
	}
}
@media screen and (min-width:1700px){
	#newsArea{
		background-position: left 16vw top 20%;
	}
	.newsArea-bg2{
		background-position: right 16vw bottom 0%;
	}
}
@media screen and (max-width: 991px){
	#newsArea{
		background-position: left 0 top 10%;
	}
	.newsArea-bg2{
		background-position: right 2vw bottom 50%;
	}
}
@media screen and (max-width: 767px){
	#newsArea{
		background-size: 100px 100px;
	}
	.newsArea-bg2{
		background-size: 100px 100px;
	}
}
/*/華背景*/
#newsArea h2{
	position: relative;
}
#newsArea h2 span.title{
	position: relative;
	padding-left:54px;
}
#newsArea h2 span.title:before{
	background-image:url(../../img/common/icon-main2.png);
	background-repeat:no-repeat;
	background-size: contain;
	content: "";
	width: 50px;
	height:50px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-25px;
}
#newsArea .list-info dl a dd:last-child{
	text-decoration: underline;
}
#newsArea .list-info dl a:hover dd:last-child{
	text-decoration: none;
}
#newsArea .detail-btn a{
	color:#6c2b2f;
	text-decoration: underline;
}
#newsArea .detail-btn a:hover{
	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.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	background-size:180px 175px;
}
#mapArea .map_text:after{
	background-image:url(../../img/index/map-bg2.jpg);
	background-repeat:no-repeat;
	background-position: right bottom;
	background-size: contain;
	content: "";
	width: 170px;
	height:165px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:1;
}
#mapArea h1,#mapArea .map_text p{
	text-shadow:
		#fff 2px 0px,  #fff -2px 0px,
		#fff 0px -2px, #fff 0px 2px,
		#fff 2px 2px , #fff -2px 2px,
		#fff 2px -2px, #fff -2px -2px,
		#fff 1px 2px,  #fff -1px 2px,
		#fff 1px -2px, #fff -1px -2px,
		#fff 2px 1px,  #fff -2px 1px,
		#fff 2px -1px, #fff -2px -1px;
}
#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: #78840f;
	transition: 0.8s background;
	position: relative;
	z-index:2;
	border-bottom:2px solid #545d01;
}
#mapArea .access-btn a:hover{
	background-color: #545d01;
}
/*/////////////////////////////////////
印刷時　PC+タブレットのみ
//////////////////////////////////////// */
@media screen and (min-width:768px) , print{
	/*展示・イベント情報
	-------------------------------------------------*/
	#eventInfo h2{
		margin-bottom:50px;
	}
	#eventInfo .event-btn{
		margin-top:50px;
	}
	#eventInfo .event-list dt{
		padding-right:20px;
		border-right:1px solid #fff;
		padding-top:10px;
		padding-bottom:10px;
		text-align: right;
		width:50%;
	}
	#eventInfo .event-list dd{
		padding-left:20px;
		width:50%;
	}
	/*アクセス＋観覧料*/
	#todayInfo .sub-btn{
		width:49%;
	}
	#todayInfo .sub-btn:last-child{
		margin-left:2%;
	}
	/*お知らせ
	-------------------------------------------------*/
	#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;}
}
/*/////////////////////////////////////
印刷時　PCのみ
//////////////////////////////////////// */
@media screen and (min-width:1101px),  print{
	/*展示・イベント情報
	-------------------------------------------------*/
}
/* ////////////////////////////////////////
タブレット
//////////////////////////////////////// */
/*タブレット以下*/
@media screen and (max-width: 1100px){
	/*本日の情報
	-------------------------------------------------*/
    #todayInfo h2 img{
        width:16px;
		margin:0 auto;
    }
	/*カレンダー
	-------------------------------------------------*/
	.xo-event-calendar table.xo-month > caption{
	text-shadow:
		#e2d6c6 2px 0px,  #e2d6c6 -2px 0px,
		#e2d6c6 0px -2px, #e2d6c6 0px 2px,
		#e2d6c6 2px 2px , #e2d6c6 -2px 2px,
		#e2d6c6 2px -2px, #e2d6c6 -2px -2px,
		#e2d6c6 1px 2px,  #e2d6c6 -1px 2px,
		#e2d6c6 1px -2px, #e2d6c6 -1px -2px,
		#e2d6c6 2px 1px,  #e2d6c6 -2px 1px,
		#e2d6c6 2px -1px, #e2d6c6 -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;
	}
	#todayInfo .sub-btn:last-child{
		margin-top:5px;
	}
	/*展示・イベント情報
	-------------------------------------------------*/
	#eventInfo{
		background-image: url(../../img/index/event-bg-sp.jpg);
	}
	#eventInfo h2{
		margin-bottom:40px;
	}
	#eventInfo .event-btn{
		margin-top:40px;
	}
	#eventInfo .event-btn{
		width:80%;
	}
	#eventInfo .event-list li{
		padding-left:20px;
		border-left:1px solid #fff;
	}
	#eventInfo .event-list dd{
		padding-bottom:10px;
	}
	/*お知らせ
	-------------------------------------------------*/
	.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;
	}
}