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

#exhibition .block01 {
	width:96%;
	max-width:1200px;
	margin:0 auto 80px;
	padding-bottom:80px;
	border-bottom:2px dashed #872031;
}

#exhibition .block02 {
	width:96%;
	max-width:1200px;
	margin:0 auto 160px;
}

#exhibition .block01 dl,
#exhibition .block02 dl {
	margin:0;
	padding:0;
	margin-bottom:40px;
}

#exhibition .block01 dt,
#exhibition .block02 dt {
	margin:0;
	padding:0;
	width: 52%;
	float:left;
	font-weight:bold;
	font-size:110%;
	line-height:180%;
}

#exhibition .block01 dt img,
#exhibition .block02 dt img {
	width:auto;
	max-width:100%;
	height:auto;
}

#exhibition .block01 dt p,
#exhibition .block02 dt p {
	font-weight:normal;
	font-size: 95%;
	line-height: 170%;
}

#exhibition .block01 dt .name,
#exhibition .block02 dt .name {
	width: 56%;
	background:#861F30;
	color:#FFF;
	text-align:center;
	font-size:90%;
	padding:4px;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
}

#exhibition .block01 dd,
#exhibition .block02 dd {
	margin:0;
	padding:0;
	width:41.6%;
	float:right;
}

#exhibition .block01 dd img,
#exhibition .block02 dd img {
	width:auto;
	max-width:100%;
	height:auto;
}


/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{
}


/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{

#exhibition .block01 dt,
#exhibition .block02 dt {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

#exhibition .block01 dd,
#exhibition .block02 dd {
	width: 100%;
	float: none;
}
}