/************ 開館情報、お知らせ ************/
.infobox{
	background: #fff;
	padding: 7px 14px;
	margin:20px 0 0 0;
	width:100%;
}

/****** 開館情報 ******/
.todays_situation{
	font-size:2.5rem;
	padding:7px 0;
	border-bottom: 1px solid #eee;
	line-height:1.4;
	}	
	
.todays_situation .openday{
	font-weight:bold;
	font-size:2.4rem;
/*	color:#E24A42;↓20180507以下に変更(開館日・休館日色変更)*/
	color:#1063c3;
	}
/*20180507開館日・休館日色変更ST*/
.todays_situation .closeday{
	font-weight:bold;
	font-size:2.4rem;
	color:#E24A42
	}
/*20180507開館日・休館日色変更END*/		
dl.open_info{
	padding:15px 0 0px;
}
	
dl.open_info dt{
	clear: left;
	float: left;
	width: 22%;
	font-weight: bold;
}
dl.open_info dd{
	margin: 0 0 0 22%;
}

@media (max-width: 769px) {
	dl.open_info{padding:14px 0;}
	dl.open_info dt{
		width: 100%;
		float:none;
	}
	dl.open_info dd{
		width: 100%;
		margin-left: 0;
	}
}

/*20180226ブロックの高さを合わせるST*/
.top-blocks-flex{
	display: -webkit-flex;
	display: flex;

    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
	
	flex-wrap: wrap;
	align-items: stretch;
}

/*20180226ブロックの高さを合わせるEND*/

/****** お知らせ ******/

dl.box_news dt.box_news_tit{
	color:#1063c3;
	font-size:1.6rem;
	border-bottom: 1px solid #eee;
	padding:6px 0;
	margin-bottom: 10px;
}

dl.box_news dd.box_news_inner{}


dl.box_news dd.box_news_inner{}

a.category_pickup{
	color: #E24A42;
}
a.category_pickup:hover{
	color: #E86E68;
}

/************ カレンダー、アクセス、団体見学について ************/


.home .sub-page-contents{
	background:url(img/bg_shisetsu-info.png) no-repeat center 55%;
}

@media (max-width: 1024px) {
	.home .sub-page-contents{background:none;}
}

.shisetsu-info_top{
	display: -webkit-flex;
    /*display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;*/
	display: flex;
	
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
	
	flex-wrap: wrap;
	align-items: stretch;
}

.shisetsu-info-item{
	width:30%;
	margin:20px 10px 0;
	padding: 0 15px 30px 15px;
	background: #fff;
	position:relative;
}
/*
.infobox2{
	padding-bottom:45px;
	height:100%;
	position:relative;
}
*/

.btn_area{
	position:absolute;
	/*height:100%;
	top:350px;*/
	bottom:10px;
	width: 90%;
}

@media (max-width: 769px) {
	.shisetsu-info-item{
		width:100%;
		position:static;
	}
	/*.infobox2{position:static; padding-bottom:15px;}
	.infobox2 > .btn_area{position:static;}*/
	.btn_area{
		position:static; 
		margin:0 auto;
	}
}


/*カレンダー*/
dl.box_cal{margin-bottom: 0;}
dl.box_cal dt{
	font-size:1.8rem;
	border-bottom: 1px solid #eee;
	padding-bottom:10px;
}
dl.box_cal dt:before {
    content: url(img/icon_calender.png);
    margin-right: 10px;
    position: relative;
    top: 15px;
}
dl.box_cal dd{
	padding:15px 0;
}


/*アクセス*/
dl.box_access{}
dl.box_access dt{
	font-size:1.8rem;
	border-bottom: 1px solid #eee;
	padding-bottom:10px;
}
dl.box_access dt:before {
    content: url(img/icon_access.png);
    margin-right: 10px;
    position: relative;
    top: 15px;
}
dl.box_access dd{
	padding:15px 0;
}


/*団体見学について*/
dl.box_dantai{}
dl.box_dantai dt{
	font-size:1.8rem;
	border-bottom: 1px solid #eee;
	padding-bottom:10px;
}
dl.box_dantai dt:before {
    content: url(img/icon_dantai.png);
    margin-right: 10px;
    position: relative;
    top: 15px;
}
dl.box_dantai dd{
	padding:15px 0;
}


/*トップページ開館日カレンダー*/
.btn_box {
	width: 100%;
	display:inline-table;
}

.mon_btn{
	float:left;
	width:20%;
}
.mon_name{
	float:left;
	width:58%;
	text-align: center;
}

.mon_name p{margin-bottom: 0;}
.closed{margin-bottom: 0;}
.closed span{color:#f00;}

/************ 下部のメニューボタン ************/
.menubox_area{
	margin-top: 55px;
	position:relative;
}

.menubox_area:before {
	content : url(img/icon_cupsule.png) ;
	display: block;
	position:absolute;
	right:48%;
	margin-top: -40px;
}

.menubox{
	background: #fff;
	text-align: center;
	
	padding-top: 15px;
	margin: 10px 0;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	
	font-size:120%;
	font-weight:bold;
	
}