@charset "UTF-8";
/* CSS Document */


/* 各施設の囲み
--------------------------------------------------------- */
.facility > div{
	padding: 0 5vw;
}
#facility_photo p{
	font-size: .7em;
	text-align: center;
	line-height: 1;
	margin: 1em auto;
}
@media screen and (min-width: 1140px),print{
	.facility > div{
		text-align: right;
		padding: 0;
		overflow: hidden;
	}
}

/* 大ホールの写真
--------------------------------------------------------- */
.facility > div#largehall:has(#child01.current){
	background: url("images/largehall/img01.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#largehall:has(#child02.current){
	background: url("images/largehall/img02.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#largehall:has(#child03.current){
	background: url("images/largehall/img03.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#largehall:has(#child04.current){
	background: url("images/largehall/img04.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#largehall:has(#child05.current){
	background: url("images/largehall/img05.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#largehall:has(#child06.current){
	background: url("images/largehall/img06.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#largehall:has(#child07.current){
	background: url("images/largehall/img07.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#largehall:has(#child08.current){
	background: url("images/largehall/img08.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
@media screen and (min-width: 1140px),print{
	.facility > div#largehall:has(#child01.current){
		background: url("images/largehall/img01.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#largehall:has(#child02.current){
		background: url("images/largehall/img02.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#largehall:has(#child03.current){
		background: url("images/largehall/img03.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#largehall:has(#child04.current){
		background: url("images/largehall/img04.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#largehall:has(#child05.current){
		background: url("images/largehall/img05.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#largehall:has(#child06.current){
		background: url("images/largehall/img06.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#largehall:has(#child07.current){
		background: url("images/largehall/img07.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#largehall:has(#child08.current){
		background: url("images/largehall/img08.jpg") no-repeat center center;
		background-size: cover;
	}
}


/* 中ホールの写真
--------------------------------------------------------- */
.facility > div#mediumhall:has(#child01.current){
	background: url("images/mediumhall/img01.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#mediumhall:has(#child05.current){
	background: url("images/mediumhall/img05.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#mediumhall:has(#child02.current){
	background: url("images/mediumhall/img02.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#mediumhall:has(#child03.current){
	background: url("images/mediumhall/img03.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#mediumhall:has(#child04.current){
	background: url("images/mediumhall/img04.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
@media screen and (min-width: 1140px),print{
	.facility > div#mediumhall:has(#child01.current){
		background: url("images/mediumhall/img01.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#mediumhall:has(#child05.current){
		background: url("images/mediumhall/img05.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#mediumhall:has(#child02.current){
		background: url("images/mediumhall/img02.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#mediumhall:has(#child03.current){
		background: url("images/mediumhall/img03.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#mediumhall:has(#child04.current){
		background: url("images/mediumhall/img04.jpg") no-repeat center center;
		background-size: cover;
	}
}


/* 小ホールの写真
--------------------------------------------------------- */
.facility > div#smallhall:has(#child01.current){
	background: url("images/smallhall/img01.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#smallhall:has(#child02.current){
	background: url("images/smallhall/img02.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#smallhall:has(#child03.current){
	background: url("images/smallhall/img03.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#smallhall:has(#child04.current){
	background: url("images/smallhall/img04.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
@media screen and (min-width: 1140px),print{
	.facility > div#smallhall:has(#child01.current){
		background: url("images/smallhall/img01.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#smallhall:has(#child02.current){
		background: url("images/smallhall/img02.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#smallhall:has(#child03.current){
		background: url("images/smallhall/img03.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#smallhall:has(#child04.current){
		background: url("images/smallhall/img04.jpg") no-repeat center center;
		background-size: cover;
	}
}


/* 展示室の写真
--------------------------------------------------------- */
.facility > div#exhibition:has(#child01.current){
	background: url("images/exhibition/img01.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#exhibition:has(#child02.current){
	background: url("images/exhibition/img02.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#exhibition:has(#child03.current){
	background: url("images/exhibition/img03.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
@media screen and (min-width: 1140px),print{
	.facility > div#exhibition:has(#child01.current){
		background: url("images/exhibition/img01.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#exhibition:has(#child02.current){
		background: url("images/exhibition/img02.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#exhibition:has(#child03.current){
		background: url("images/exhibition/img03.jpg") no-repeat center center;
		background-size: cover;
	}
}


/* 多目的室の写真
--------------------------------------------------------- */
.facility > div#multipurpose:has(#child01.current){
	background: url("images/multipurpose/img01.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#multipurpose:has(#child02.current){
	background: url("images/multipurpose/img02.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#multipurpose:has(#child03.current){
	background: url("images/multipurpose/img03.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
@media screen and (min-width: 1140px),print{
	.facility > div#multipurpose:has(#child01.current){
		background: url("images/multipurpose/img01.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#multipurpose:has(#child02.current){
		background: url("images/multipurpose/img02.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#multipurpose:has(#child03.current){
		background: url("images/multipurpose/img03.jpg") no-repeat center center;
		background-size: cover;
	}
}



/* 研修室の写真
--------------------------------------------------------- */
.facility > div#laboratory:has(#child01.current){
	background: url("images/laboratory/img01.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
/*
.facility > div#laboratory:has(#child02.current){
	background: url("images/laboratory/img02.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
*/
.facility > div#laboratory:has(#child03.current){
	background: url("images/laboratory/img03.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#laboratory:has(#child04.current){
	background: url("images/laboratory/img04.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#laboratory:has(#child05.current){
	background: url("images/laboratory/img05.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#laboratory:has(#child06.current){
	background: url("images/laboratory/img06.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
@media screen and (min-width: 1140px),print{
	.facility > div#laboratory:has(#child01.current){
		background: url("images/laboratory/img01.jpg") no-repeat center center;
		background-size: cover;
	}
/*
	.facility > div#laboratory:has(#child02.current){
		background: url("images/laboratory/img02.jpg") no-repeat center center;
		background-size: cover;
	}
*/
	.facility > div#laboratory:has(#child03.current){
		background: url("images/laboratory/img03.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#laboratory:has(#child04.current){
		background: url("images/laboratory/img04.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#laboratory:has(#child05.current){
		background: url("images/laboratory/img05.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#laboratory:has(#child06.current){
		background: url("images/laboratory/img06.jpg") no-repeat center center;
		background-size: cover;
	}
}


/* 和室の写真
--------------------------------------------------------- */
.facility > div#japanese:has(#child01.current){
	background: url("images/japanese/img01.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#japanese:has(#child02.current){
	background: url("images/japanese/img02.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#japanese:has(#child03.current){
	background: url("images/japanese/img03.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#japanese:has(#child04.current){
	background: url("images/japanese/img04.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
.facility > div#japanese:has(#child05.current){
	background: url("images/japanese/img05.jpg") no-repeat center top 85px;
	background-size: 100% auto;
}
@media screen and (min-width: 1140px),print{
	.facility > div#japanese:has(#child01.current){
		background: url("images/japanese/img01.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#japanese:has(#child02.current){
		background: url("images/japanese/img02.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#japanese:has(#child03.current){
		background: url("images/japanese/img03.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#japanese:has(#child04.current){
		background: url("images/japanese/img04.jpg") no-repeat center center;
		background-size: cover;
	}
	.facility > div#japanese:has(#child05.current){
		background: url("images/japanese/img05.jpg") no-repeat center center;
		background-size: cover;
	}
}


@media screen and (min-width: 1140px),print{
	.facility > div .facility_pc{
		position: relative;
		background: hsla(0,0%,100%,0.90);
		display: inline-block;
		text-align: left;
	}
}



/* パソコンの開閉ボタン
--------------------------------------------------------- */
#facility_active{
	display: none;
}
@media screen and (min-width: 1140px),print{
	#facility_active{
		display: block;
		position: absolute;
		left: -30px;
		top: 34px;
		background: url("images/facility_pc_close.png") no-repeat;
		background-size: 100% auto;
		width: 30px;
		height: 60px;
		text-indent: 9999px;
		overflow: hidden;
	}
	#facility_active.open{
		background: url("images/facility_pc_open.png") no-repeat;
	}
}



/* 各施設の内容
--------------------------------------------------------- */
@media screen and (min-width: 1140px),print{
	.facility_text{
		overflow: hidden;
		width: 420px;
		padding: 1em 4vw 1em 2vw;
	}
}
.facility_text h4{
	text-align: center;
	color: #136;
	font-size: 1.8em;
	margin: 25px 0 90% 0;
	letter-spacing: 0.2em;
}
.facility_text h4 span{
    font-size: 35%;
    margin-top: 2px;
	padding-top: 2px;
	display: block;
	border-top: 2px solid #136;
	letter-spacing: 0.2em;
}
@media screen and (min-width: 1140px),print{
	.facility_text h4{
		margin: 25px 0 0 0;
		text-align: left;
		border-bottom: 2px solid #136;
	}
	.facility_text h4 span{
		display: initial;
		border-top : none;
		padding-left: 1em;
	}
}
.facility_text ul{
	display: flex;
	flex-wrap: wrap;
	gap: 0.3em;
}
.facility_text ul li{
	width: 18.8%;
}
.facility_text ul li img{
	width: 100%;
}
.facility_text ul li.current img{
	box-sizing: border-box;
	border: double 6px #136;
}
.facility_text p{
	 line-height: 2;
}
.facility_text h5{
	margin: 2em 0 .5em;
	border-bottom: 2px solid #000;
	font-weight: bold;
	font-size: 1em;
	letter-spacing: 0.2em;
}
.facility_text dl{
	margin: 0;
	padding: 0;
	font-size: .9em;
}
.facility_text dl dt{
	margin: 0;
	padding: .5em 0 0 0;
	width: 4em;
	overflow: hidden;
	float:left;
}
.facility_text dl dd{
/*	margin: -1.3em 0 0;*/
	margin: 0;
	padding: .5em 0 .5em 5em;
	border-bottom: 1px solid #000;
}
.facility_text p.pdf_btn{
	width: 100%;
	background: #fff;
	padding: 0;
	margin: 1em 0;
	font-size: .9em;
}
.facility_text p.btn_dd{
	width: 100%;
	padding: 0;
	margin: 1em 0;
	font-size: .9em;
}
.facility_text p.pdf_btn a{
	display: block;
	background: url("../common/img/yajirusi01.png") no-repeat right 10px center;
	background-size: 8px 14px;
	border: 1px solid #ccc;
	text-align: center;
	margin: 0 auto;
	padding: .6em 1.5em .6em .6em;
}
.facility_text p.pdf_btn a::before{
	content: "";
    display: inline-block;
	background: url("../common/img/icon_pdf.png") no-repeat 0 0 / 16px auto;
	width: 24px;
    height: 16px;
}
.facility_text p.btn_dd a{
	display: inline-block;
	background: #fff url("../common/img/yajirusi01.png") no-repeat right 10px center;
	background-size: 8px 14px;
	border: 1px solid #ccc;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: .6em 0;
}