@charset "utf-8";

/* //////////////////////////////////////////////////// global menu */

.corpfacility #dm .mlddm li.company > a{
	background-color:rgba(181,41,42,0.5);
}

.corpfacility #dm .mlddm li li.boList > a, .corpfacility #dm .mlddm li li.boList li.corpfacility > a{
	background-color:rgba(181,41,42,0.3);
}

.gallery #dm .mlddm li li.boList li.corpfacility li.gallery > a{
	background-color:rgba(181,41,42,0.3);
}


/* //////////////////////////////////////////////////// for facilities */

/* ////////////////// for breadcrumb */

body.corpfacility ol.breadcrumb{
	margin:10px auto 50px;
	padding:10px 15px;
	background-color:#efeed9;
}


/* ////////////////// for headline */

.corpfacility > section h2{
	font-size:28px;
	margin-bottom:5px;
}

.corpfacility > section h2+h3{
	font-size:16px;
	padding-bottom:10px;
}

/* ////////////////// for topimg */

.gallery .topimg{
	height:450px;
	width:100%;
	background:#000 url(/img/company/corpfacility/gallerytop.jpg) no-repeat fixed top center;
}


/* ////////////////// for overview */

.corpfacility .overview{
	padding:10px 0 30px;
	background-color:#dcdabd;
}

.corpfacility .overview h1{
	font-size:36px;
}

.gallery .greetings{
	margin:30px auto 50px;
}


/* //////////////////////////////////////////////////// for gallery */

/* ////////// on going exhibition */

.gallery .overview .exhibit *:not(a){
	color:#918d55;
}

.gallery .overview .exhibit{
	background-color:#fff;
	padding:15px;
	border-radius:5px;
	margin-bottom:50px;
}

.gallery .overview .exhibit h2{
	font-size:22px;
	margin:5px auto 10px;
	padding-bottom:5px;
	border-bottom:1px #918d55 solid;
}

.gallery .overview .exhibit h3{
	font-size:18px;
	margin-bottom:10px;
	line-height:1.4em;
}

.gallery .overview .exhibit h3 small{
	font-size:16px;
	display:inline-block;
	margin-left:5px;
}

.gallery .overview .exhibit p{
	margin:15px auto;
}

.gallery .overview .exhibit li span{
	background-color:#918d55;
	color:#fff;
	font-weight:bold;
	padding:2px 10px;
	border-radius:5px;
}

/* ////////////////// for access */

.gallery .map h2{
	font-size:36px;
	color:#918d55;
}

.gallery .map ul:nth-of-type(2){
	margin-bottom:10px;
}

.gallery .map li{
	margin:5px 20px 5px 0;
	line-height:2em;
	float:left;
	color:#918d55;
}

.gallery .map li span{
	padding:2px 10px;
	background-color:#fff;
	color:#918d55;
	border-radius:5px;
	font-weight:bold;
}

/* ////////////////// for staff */

.gallery .staff{
	background-color:#3d2f2f;
	padding:30px 0;
}

.gallery .staff *{
	color:#fff;
}

.gallery .staff h3{
	border-bottom:1px #fff solid;
	margin-bottom:10px;
}

.gallery .staff h3 small{
	font-size:12px;
	padding-right:20px;
}


/* ////////////////// for award */

.gallery .heiseiAward{
	background-color:#c5c5bf;
	padding:30px 0;
}

.gallery .heiseiAward p{
	margin:20px auto 10px;
}


/* ////////////////// for passed exhibition（image gallery） */

.gallery .photos{
	padding:30px 0;
}

.gallery .photos .row{
	padding-top:15px;
}

.gallery .photos h3{
	margin-top:10px;
	font-size:14px;
}

.gallery .photos p{
	border-top:1px #999 solid;
	margin-top:5px;
	padding:5px 0 30px;
}

.gallery .passed .col-sm-2{
	padding: 0px 3px;
	margin-bottom:6px;
}


/* ////////////////// schedule */


.corpfacility .schedule h2{
	margin-left:15px;
}

.corpfacility .schedule tr span{
	padding:2px 10px;
	color:#fff;
	border-radius:3px;
}

.corpfacility .schedule tr.closed span{
	background-color:#c0c0c0;
}

.corpfacility .schedule tr.in span{
	background-color:#ea7351;
}

.corpfacility .schedule tr.coming span{
	background-color:#2d95bf;
}

.corpfacility .schedule{
	margin:50px auto 0;
}

.corpfacility .schedule >.container > h2{
	font-size:28px;
	margin-bottom:30px;
}

.gallery .schedule table.table tr td:last-of-type{
	width:110px;
}


/* //////////////////////////////////////////////////// @media */

@media screen and (min-width:1200px){ 

	.gallery .staff h2{
		margin:20px auto 10px;
	}
	
	.gallery .heiseiAward h2{
		margin:30px auto 10px;
	}
}

	
@media screen and (min-width:992px) and (max-width:1199px){
	
	.gallery .staff h2{
		margin:20px auto 10px;
	}
	
	.gallery .heiseiAward h2{
		margin:10px auto;
	}
	
}


@media screen and (max-width:992px) {
	
	.corpfacility .heiseiAward h2{
		margin:30px auto 10px;
	}
	
	.gallery .overview .exhibit h3{
		margin:20px auto 10px;
	}	

	.gallery .overview .exhibit > .row > .col-md-8 h2{
		margin-top:15px;
	}
	
	.gallery .overview .exhibit *{
		text-align:center;
	}
	
	.gallery .overview .exhibit > .row > .col-md-8 p{
		/*max-width:550px;*/
		margin:15px auto;
	}
}


@media screen and (max-width:767px){

	.gallery .topimg{
		height:300px;
		background:#000 url(/img/company/corpfacility/gallerytop.jpg) no-repeat fixed top center;
		background-size:auto 300px;
	}

	.corpfacility > section h2{
		text-align:center;
		margin:15px auto 10px;
		font-size:28px;
	}
	
	.gallery .staff h3, .gallery .heiseiAward h3{
		text-align:center;
	}
	
	.gallery .staff h3 small{
		padding:0 0 10px;
		display:block;
	}

	.gallery .overview .exhibit .col-sm-6{
		padding:15px;
	}
	
	.gallery .overview .exhibit h3, .gallery .overview .exhibit li{
		text-align:center;
	}
	/*
	.gallery .overview .exhibit p{
		max-width:500px;
	}*/

	.gallery .blueimp-gallery>.title{
		font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight:bold;
		font-size:12px;
		line-height:1.6em;
	}

}



@media screen and (max-width:550px){
	.gallery .schedule table.table td{
		display:block;
		border:none;
	}
	
	.gallery .schedule table.table tr{
		border-bottom:1px #ddd solid;
	}
	
}


@media screen and (max-width:450px){
	
	.corpfacility .photos .col-xs-6{
		width:100%;
	}
}