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

#exhibition{
    padding: 0 0 260px;
}
.pankuzu{
	margin:10px auto 10px !important;
}

#main_img{
	background-image:url(main_img.jpg);
	height:480px !important;
	background-color:#B6CC54;
	background-size:auto 100%;
}

.gray_area{
	
width: 100%;
min-width: 980px;
background: #fff;
background-image: url(../140530_inokuma/gray_area_gradation.jpg);
background-repeat: repeat-x;
}

#exhibition .black_area{
	padding:20px 0 40px !important;
	background:#B6CC54;
    background-position: bottom;
text-align:center;
}
#exhibition .black_area h3{
	font-weight:bold;
	margin-top:50px;
	line-height:150%;
	color:#243751 ;
	font-size: 140%;
}
.black_area p{
    color: #243751 !important;
	line-height:200%;
}
.black_area h3 +p{
	width: 854px;
	margin: 30px auto 0;
	text-align: left;
}
.pic_area {
	padding:60px 0 0;
	text-align:center;
}
.pic_area .row{
	overflow:hidden;
		padding: 0px !important;
}

.pic_area .row.cl3 div+div,
.pic_area .row div{
	float:left;
	text-align:left;
}
.pic_area .row div+div{
	float:right;
}
.pic_area .row span{
	display:inline-block;
	background:#243751;
	color:white;
	border-radius:20px;
	padding:0px 15px;
	font-size:90%;
	margin-right:10px;
}
.pic_area img{
	vertical-align:top;
	max-width:100%;
	height:auto;
	margin-bottom:5px;
}
.pic_area img + img{
	margin-top:10px;
}
.caption{
	font-size:80%;
	text-align:left;
	margin-bottom:20px;
}

#mokuroku{
	background:white;
	border-radius:20px;
	color:#243751;
	text-align:center;
	box-sizing:border-box;
	padding:30px 40px;
	margin:40px auto;
}
#mokuroku b{
	display:block;
	font-size: 125%;
	color:#243751;
	margin-bottom:20px;
}
#mokuroku a{
	color:#243751;
}
#mokuroku p{
	line-height:160%;
}

#openingevent{
	background:#C64864;
	border-radius:20px;
	color:white;
	text-align:left;
	box-sizing:border-box;
	padding:30px 40px;
	margin:40px auto;
}

#openingevent .title_area h3{
	color:white;
	font-size:160%;
	margin:0 auto 10px;
}
#openingevent h4{
	font-size:150%;
	margin:30px auto 10px;
	font-weight:normal;
	line-height:140%;
}
#openingevent p{
	color:white !important;
	margin-bottom:20px;
	font-size:90%;
}
#openingevent b{
	display:block;
	font-weight:normal;
	font-size:110%;
	margin:10px auto 5px;
}
#openingevent hr{
	margin:30px auto;
}
#openingevent .title_area span{
	font-size:80%;
}
#fudematsuri,
#openingevent .title_area,
#openingevent #fujinraijin{
	color:white;
	background:#07576E;
	border-radius:10px;
	text-align:center;
	padding:20px 0;
}
#openingevent #fujinraijin{
	width:480px;
	font-size:130%;
	margin:15px 0;
}
#fudematsuri{
	font-size:150%;
	line-height:150%;
	margin-bottom:50px;
}

.event_cont2{
	margin-bottom:30px;
}
.event_cont2 b{
	font-size: 105%;
}
.event_cont2 .title{
	color:#333333;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}
.event_cont2 .date_area{
	color:#333333;
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;
	padding-left:3px;
}
.event_cont2 .rect{
	padding:20px 20px 15px;
	background-color:#EEE;
}
.event_cont2 .explanation{
	color:#333333;
	font-size:14px;
	padding-bottom:20px;
}
.event_cont2 .rect2{
	padding:20px;
	background-color:#CAE6E1;
}
.event_cont2 .line{
	border-top: 1px #BBBBBB solid;
	padding-bottom:20px;
}
.event_cont2 .one{
	padding-bottom:10px;
}

.event_cont2 img{
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 580px) {
	#main_img{
		height:auto !important;
	}
	.gray_area{
		min-width:100%;
	}
.black_area h3 +p{
	width: 100%;
}

#exhibition .black_area h3{
	margin-top:20px;
}
	.pic_area {
	width:90%;
		padding: 20px 0 0;
}
    .pic_area img{
		width:100%;
    }
	.pic_area .row.cl3 div+div, .pic_area .row div{
		width:100% !important;
		float:none;
		margin-bottom:30px;
	}
	.pic_area .caption{	
		margin:0 0 10px;
	}
	
	
#openingevent{
	padding:20px 5%;
	margin:30px auto;
}
#openingevent .title_area h3{
	margin-top:0;
}
#openingevent #fujinraijin{
	width:100%;
	font-size:110%;
}
}