@charset "utf-8";

/*-------------------------------------------------------------------------
右コンテンツ（展覧会・NEWS）
-------------------------------------------------------------------------*/
.right-contents {
	width:93%;
	margin: 0 auto;
	margin-top:20px;
}

.right-contents .lbl-title{

}

.right-contents .bg_color-green{
	/*background:#008DB7;*/
	border-bottom:1px solid /*#618E34*/ #CCC;
}

.right-contents .cg{
	/*color:#C4C728;*/
	display:block;
	padding:6px 4px;
	width:100%;
	font-size:26px;
	letter-spacing:2px;
	text-align:left;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
}

.right-contents .lbl{
	text-align:center;
	margin:15px 0 ;
}


/*-------------------------------------------------------------------------
展覧会
-------------------------------------------------------------------------*/
.exhibition {
	margin-bottom:40px;
}
.flexbox{
 display: flex; 									 /* flexコンテナ化 */
	 flex-direction: column-reverse; /* 縦向きで逆順に配置 */

}
.f-box01{
　　-webkit-box-ordinal-group:1;
　　-ms-flex-order:1;
　　-webkit-order:1;
　　order:-1;
}
.f-box02{
　　-webkit-box-ordinal-group:2;
　　-ms-flex-order:2;
　　-webkit-order:2;
　　order:2;
}

.exhibition ul {
	margin: 20px auto 40px;
}

.exhibition ul li {
}

.exhibition .img {
	padding-left:0px;
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 20px;
	order:1;
}

.exhibition.img dl {
	margin-bottom: 80px;
}

.exhibition .img dl dd {
	font-size: 0.8em;
		margin-bottom:30px;
}

.exhibition ul li.info {
	width: 98%;
	display:flex; 					/* Flexコンテナ―に設定 */
	flex-direction:column;	/* コンテンツの配置を「上→下」に設定 */
		order:0;
}

.exhibition .title{
	color: #989A1F;
	font-size: 1.3em;
	margin-top: 20px;
}

.exhibition .date{
	font-size: 1em;
	margin-top: 8px;
	margin-bottom: 12px;
}

.exhibition .detail{
	font-size: 0.9em;
	margin-top:20px;
	line-height: 1.6;
}

.exhibition .subtitle{
	font-size: 1em;
	margin-top: 26px;
	margin-bottom: 0px;
}

.exhibition .subdetail{
	font-size: 0.9em;
	margin-top:10px;
	line-height: 1.8;
	margin-bottom: 40px;
}

/*------20180405追加------------*/
.img-next{
	text-align:center;
	margin-bottom:30px;
 }
.img-next dd:nth-child(2){
	font-size:0.8em;

 }
 
.past dl dt img {
	margin-bottom: -20px;
}

.past dl dd.title {
	font-size: 1em!important;
}

.past dl dd.date {
	font-size: 0.8em!important;
	margin-top: 0;
}