@charset "UTF-8";
@import url("/common/css/reset.css");
@import url("/common/css/fonts.css");
@import url("/common/css/base.css");
/* ================================
	style.css	EXHIBITION present
================================ */
/*
各企画展個別のcssです。
bodyに付けるclass名は独自のものにしてください。
*/


#exhibition .next_lead {
	position:relative;
	width:730px;
	margin-bottom:20px;
}

#exhibition .secondContents .secondContentsMain p{
	font-size: 13px;
	font-size: 1.25rem;
}

#exhibition .next_lead .ph{
	float:right;
}

#exhibition .next_lead .cap{
	position:absolute;
	bottom:0;
	right:276px;
	font-size: 12px;
	font-size: 1.2rem;
}

#exhibition .secondContents .secondContentsMain .next_lead p{
	font-size: 14px;
	font-size: 1.4rem;
}

#exhibition .tokubetsuNav {
	margin: 2px 0 30px;
	height: 40px;
}
#exhibition .tokubetsuNav li {
	float: left;
	width: 145px;
	margin-left: 2px;
	background: #e60012;
	height: 40px;
	text-align: center;
	display: block;
}
#exhibition .tokubetsuNav li:first-child {
	margin-left: 0;
}
#exhibition .tokubetsuNav li:nth-child(1),
#exhibition .tokubetsuNav li:nth-child(2),
#exhibition .tokubetsuNav li:nth-child(3){
	width: 144px;
}
#exhibition .tokubetsuNav li a {
	line-height: 40px;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	display: block;
	text-decoration: none;
}
#exhibition .tokubetsuNav li.act,
#exhibition .tokubetsuNav li:hover { background: #f06671; }

#exhibition .table01 {
	font-size: 12px;
	font-size: 1.15rem;
	margin-bottom: 15px;
}
#exhibition .table01 th,
#exhibition .table01 td {
	border: #e6e6e6 1px solid;
	padding: 13px 19px;
	vertical-align: middle;
}
#exhibition .table01 th {
	text-align: center;
	background: #f7f7f7;
}
#exhibition .table01.type02 td {
	padding: 10px;
}
#exhibition .table01 td.imgArea {
	padding: 0;
}
#exhibition .table01 td.label{
	padding: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    width: 40px;
    text-align: center;
    line-height: 1.2;
    box-sizing: border-box;
}
#exhibition .table01 td.bgCl01{
	background: #00a73c;
}
#exhibition .table01 td.bgCl01s{
	background: #e5f6cc;
}
#exhibition .table01 td.bgCl02{
	background: #e5005a;
}
#exhibition .table01 td.bgCl02s{
	background: #fadce9;
}

#exhibition .table01 td.bgCl03{
	background: #004098;
}
#exhibition .table01 td.bgCl03s{
	background: #d2e3f3;
}

#exhibition h5{
	margin-bottom:20px;
	font-size:13px;
	font-size:1.3rem;
}

#exhibition h6{
	margin-top:30px;
}

#exhibition .schBox {
	font-size: 11px;
	font-size: 1.1rem;
	background:#F7F7F7;
	padding-bottom:10px;
	margin-bottom:25px;
}

#exhibition .secondContents .secondContentsMain .schBox p{
	font-size: 11px;
	font-size: 1.1rem;}

#exhibition .schBox span{
	color:#660000;
}
#exhibition .schBox img{
	margin-bottom:5px;
}
#exhibition .schBox h6{
	font-size: 13px;
	font-size: 1.3rem;
	font-weight:bold;
	background:#F7EFEF;
	padding:10px;
	margin-bottom:10px;
	margin-top:0;
}

#exhibition .schDl {
	font-size: 12px;
	font-size: 1.2rem;
}
#exhibition .schDl2 {
	font-size: 12px;
	font-size: 1.2rem;
	float:left;
	width:364px;
	margin-left:2px;
}
#exhibition .schDl2-1 {
	font-size: 12px;
	font-size: 1.2rem;
	float:left;
	width:364px;
	margin-left:2px;
}
#exhibition .schDl2-2 {
	font-size: 12px;
	font-size: 1.2rem;
	float:left;
	width:364px;
	margin-left:2px;
}


#exhibition .schDl3 {
	font-size: 12px;
	font-size: 1.2rem;
	float:left;
	width:242px;
	margin-left:2px;
}
#exhibition .ml0{
	margin-left:0;
}
#exhibition .schDl dt,
#exhibition .schDl2 dt,
#exhibition .schDl3 dt,
#exhibition .schDl2-1 dt,
#exhibition .schDl2-2 dt{
	background: #ededed;
	padding: 10px;
	font-weight:bold;
}
#exhibition .schDl dd,
#exhibition .schDl2 dd,
#exhibition .schDl3 dd,
#exhibition .schDl2-1 dd,
#exhibition .schDl2-2 dd{
	background: #f7f7f7;
	padding: 10px;
}
#exhibition .schDl dd span {
	color: #600;
}
#exhibition .schDl dd b {
	font-weight: normal;
	display: inline-block;
	margin-bottom: 5px;
}
#exhibition .schDl dd p {
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 1em;
}
#exhibition .schDl dd .clf div {
	float: left;
	box-sizing: border-box;
}
#exhibition .schDl dd .clf div:nth-of-type(1) {
	padding-right: 10px;
	width: 48%;
}
#exhibition .schDl dd .clf div:nth-of-type(2) {
	padding-left: 10px;
	width: 52%;
}
#exhibition .schDl dd .clf div:nth-of-type(2) div {
	padding: 0 0 0 169px;
	float: none;
	width: auto;
	background: url(/exhibition/2016/1611nov/images/letter.png) no-repeat;
}
#exhibition .schDl dd .clf div:nth-of-type(2) div p {
	font-size: 11px;
	font-size: 1.1rem;
	margin-bottom: 7px;
}
#exhibition .schDl dd .clf div:nth-of-type(2) div p:last-child {
	margin-bottom: 0;
}
#exhibition .schDl dd .clf div:nth-of-type(2) div p span {
	color: #600;
}
#exhibition .schDl2-1 dd span,
#exhibition .schDl2-2 dd span {
	display: inline-block;
	margin-bottom: 5px;
}
#exhibition .listKome {
	font-size: 12px;
	font-size: 1.2rem;
}

#exhibition .repo_btn a:hover img{ 
	filter:alpha(opacity=80);
	opacity:0.8; 
}

/*01*/
#exhibition h4.ttl_h4{
	background:#D9E8F7;
	border-left:none;
	border-radius:5px;
	text-align:center;
}

#exhibition .box01_g{
	background:#E7F7B8;
	border-radius:5px;
	padding:10px;
}

#exhibition h5.ttl01{
	border:none;
	background:#9494DB;
	color:#FFFFFF;
	text-align:center;
	padding:10px;
	font-size:18px;
	font-size: 1.8rem;
	margin-bottom:15px;
	
}

#exhibition h5.ttl02{
	border:none;
	color:#663300;
	padding:0;
	font-size:16px;
	font-size: 1.6rem;
	font-weight:bold;
	margin-bottom:10px;
	
}

#exhibition h5.ttl02 span{
	color:#999999;
}

#exhibition h5.ttl03{
	border:none;
	color:#910000;
	padding:0;
	font-size:18px;
	font-size: 1.8rem;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom: 25px;
	background: url('/exhibition/2018/1807jul/04/images/icon_head.png') repeat-x bottom left;
}

#exhibition h5.ttl03 span.floor {
	color: #666666;
	font-size:14px;
	font-size: 1.4rem;
}

#exhibition .secondContents .secondContentsMain .lead_box p{
	background:#F5F5D6;
	border-radius:5px;
	padding:10px;
	width:510px;
	float:left;
	font-size:12px;
	font-size: 1.2rem;
}

#exhibition .lead_box .ph{
	float:right;	
}

#exhibition .txt_box01{
	width:200px;
	position:relative;
}

#exhibition .secondContents .secondContentsMain .txt_box01 p{
	width:160px;
	position:absolute;
	top:250px;
	left:20px;
	font-size:12px;
	font-size: 1.2rem;
}
#exhibition .txt_box02{
	width:230px;
	position:relative;
}

#exhibition .secondContents .secondContentsMain .txt_box02 p{
	width:190px;
	position:absolute;
	top:250px;
	left:20px;
	font-size:12px;
	font-size: 1.2rem;
}
#exhibition .txt_box03{
	width:280px;
	position:relative;
}
#exhibition .secondContents .secondContentsMain .txt_box03 p{
	width:240px;
	position:absolute;
	top:250px;
	left:20px;
	font-size:12px;
	font-size: 1.2rem;
}
#exhibition .txt_box04{
	background:#F5F5D6;
	border-radius:5px;
	padding:15px;
}
#exhibition .txt_box01 p span,
#exhibition .txt_box02 p span,
#exhibition .txt_box03 p span,
#exhibition .txt_box04 p span{
	font-size:10px;
	font-size: 1rem;
}
#exhibition em.color01{ color:#66CC00;}
#exhibition em.color02{ color:#6666CC;}
#exhibition em.color03{ color:#339933;}
#exhibition em.color04{ color:#FF6600;}
#exhibition em.color05{ color:#660099;}


/*02*/

#exhibition h5.ttl_h5_01{
	background:#4CB7DB;
	border-left:none;
	padding:10px;
	text-align:center;
	font-size: 1.8rem;
	color:#FFFFFF;
	margin-bottom:15px;
}
#exhibition h5.ttl_h5_02{
	background:#FF944C;
	border-left:none;
	padding:10px;
	text-align:center;
	font-size: 1.8rem;
	color:#FFFFFF;
	margin-bottom:15px;
}
#exhibition h5.ttl_h5_03{
	background:#70B770;
	border-left:none;
	padding:10px;
	text-align:center;
	font-size: 1.8rem;
	color:#FFFFFF;
	margin-bottom:15px;
}


#exhibition h6.ttl_k{
	border:none;
	color:#33ADD6;
	padding:0;
	font-size:16px;
	font-size: 1.6rem;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:0;
	
}

#exhibition h6 span{
	color:#999999;
}

#exhibition h6.ttl_k{
	border:none;
	color:#33ADD6;
	padding:0;
	font-size:16px;
	font-size: 1.6rem;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:0;
	
}

#exhibition h6 span{
	color:#999999;
}

#exhibition .zukanNav {
	margin: 0 0 30px;
	height: 40px;
}
#exhibition .zukanNav li {
	float: left;
	width: 181px;
	margin-left: 2px;
	height: 40px;
	text-align: center;
	display: block;
}
#exhibition .zukanNav li:first-child { margin-left: 0;}
#exhibition .zukanNav li a {
	line-height: 40px;
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight:bold;
	display: block;
	text-decoration: none;
}

#exhibition .zukanNav li#zukan01 a{background:#4CB7DB;}
#exhibition .zukanNav li#zukan01 a:hover,
#exhibition .zukanNav li#zukan01.act a{background:#BFE5F2;color:#333333;}

#exhibition .zukanNav li#zukan02 a{background:#FF944C;}
#exhibition .zukanNav li#zukan02 a:hover,
#exhibition .zukanNav li#zukan02.act a{background:#FFD9BF;color:#333333;}

#exhibition .zukanNav li#zukan03 a{background:#70B770;}
#exhibition .zukanNav li#zukan03 a:hover,
#exhibition .zukanNav li#zukan03.act a{background:#CCE5CC;color:#333333;}

#exhibition .zukanNav li#zukan04 a{background:#9494DB;}
#exhibition .zukanNav li#zukan04 a:hover,
#exhibition .zukanNav li#zukan04.act a{background:#D9D9F2;color:#333333;}


#exhibition .txt_box p span{
	font-size:10px;
	font-size: 1rem;
}


#exhibition .zukanBox01{
	float:left;
	width:172px;
	margin-left:14px;
}

#exhibition .zukanBox01 dl{
	margin-top:10px;
	font-size:12px;
	font-size:1.2rem;
}

#exhibition .zukanBox01 dt{
	font-size:15px;
	font-size:1.5rem;
	font-weight:bold;
	line-height:120%;
}

#exhibition .zukanBox01 dt span{
	font-size:10px;
	font-size:1rem;
	font-weight:normal;
}

#exhibition .zukanBox02{
	float:left;
	width:358px;
	margin-left:14px;
}

#exhibition .zukanBox03{
	float:left;
	width:544px;
	margin-left:14px;
}

#exhibition .column_h{
	width:700px;
	background:#FFF0D9;
	border-radius:5px;
	padding:15px;
}
#exhibition .column_o{
	width:700px;
	background:#E8F7D9;
	border-radius:5px;
	padding:15px;
	margin-bottom:25px;
}
#exhibition .column_h h6{
	margin-top:0;
	margin-bottom:10px;
	border-bottom:2px dotted #FF9900;
	color:#663300;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
}
#exhibition .column_o h6{
	margin-top:0;
	margin-bottom:10px;
	border-bottom:2px dotted #66CC00;
	color:#006633;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
}

#exhibition .column_table{
	float:right;
	font-size:12px;
	font-size:1.2rem;
}

#exhibition .column_table th{
	text-align:right;
	vertical-align:middle;
	font-weight:bold;
	padding-right:10px;
}

#exhibition .column_table th span{
	font-size:10px;
	font-size:1rem;
	font-weight:normal;
}

#exhibition .sum_box{
	border:3px solid #6666CC;
	border-radius:5px;
	padding:15px;
	font-size:12px;
	font-size:1.2rem;
}

#exhibition .secondContents .secondContentsMain .sum_box p{
	font-size:12px;
	font-size:1.2rem;
}

#exhibition .sum_box h5{
	border:none;
	text-align:center;
	color:#9393DA;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
}
#exhibition .sum_box span{
	font-size:10px;
	font-size:1rem;
}
#exhibition .sum_box div{
	text-align:center;	
}


/*03*/
#exhibition h5.ttl_h5_04{
	background:#9494DB;
	border-left:none;
	padding:10px;
	text-align:center;
	font-size: 1.8rem;
	color:#FFFFFF;
	margin-bottom:15px;
}

#exhibition .column_03{
	background:#F5F5D6;
	border-radius:5px;
	padding:15px;
}

#exhibition .column_03b{
	background:#E5F5FA;
	border-radius:5px;
	padding:15px;
}

#exhibition .column_03 h6,
#exhibition .column_03b h6{
	color:#006699;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	margin-top:0;
	margin-bottom:15px;
	line-height:120%;
}

#exhibition .column_03b h6 span{
	font-size:10px;
	font-size:1rem;
	color:#006699;
}

/*04*/
#exhibition h5.ttl_h5_05{
	background:url("/exhibition/2016/1607jul/04/images/ttl_h5_05.gif") no-repeat left bottom;
	border-left:none;
	padding:0 0 10px;
	text-align:left;
	font-size: 1.8rem;
	color:#006699;
	margin-bottom:15px;
}
#exhibition h5.ttl_h5_05 span{
	display:block;
	float:right;
	font-size: 1.4rem;
	color:#666666;
}
#exhibition .column_04{
	border:1px solid #9AD7EB;
	padding:2px;
}
#exhibition .column_04 h6{
	margin-top:0;
}
#exhibition .column_04 dl{
	width:210px;
	padding-top:10px;
}
#exhibition .column_04 dt{
	color:#4AB2D2;
	font-weight:bold;
	font-size:1.4rem;
	border-bottom:1px dotted #4AB2D2;
	margin-bottom:8px;
}
#exhibition .column_04 dd{
	font-size:1.2rem;	
}
#exhibition .link04,
#exhibition .link04 a:link{
	color:#0066CC;
}
#exhibition .link04 a:hover{
	color:#0066CC;
	text-decoration:underline;
}
#exhibition .column_04b{
	border-left:2px solid #FFCD83;
	border-right:2px solid #FFCD83;
	border-bottom:2px solid #FFCD83;
	padding:2px;
}
#exhibition h5.column_04b_h5{
	border:none;
	padding:0;
	margin-bottom:0;
}
#exhibition .column_04b ul{
	font-size:1.2rem;
}
#exhibition .column_04b ul li{ 
	text-indent:-1em;
	margin-left:1em;
	margin-bottom:10px;
}


/*共通*/

#exhibition .poplink{
	margin-top:20px;
}

#exhibition .poplink a{
	background:url("/common/images/ico_blank_01.png") no-repeat 0 5px;
    padding-left: 15px;
	font-size:1.4rem;
}


.mb12{margin-bottom:12px;}
.mb5{margin-bottom:5px;}
.mb15{margin-bottom:15px !important;}
.mb50{margin-bottom:50px !important;}
.ml0{margin-left:0 !important;}
.mr15{margin-right:15px !important;}
.fs10{
	font-size:10px !important;
	font-size:1rem !important;
}
.fs11{
	font-size:11px !important;
	font-size:1.1rem !important;
}
.fs12{
	font-size:12px !important;
	font-size:1.2rem !important;
}
.fs13{
	font-size:13px !important;
	font-size:1.3rem !important;
}
.fs14{
	font-size:14px !important;
	font-size:1.4rem !important;
}
.fs16{
	font-size:16px !important;
	font-size:1.6rem !important;
}


/* すみだ企業博物館連携協議会について */
.area_gangu_museum {
	border: 3px solid #934c57;
	background: #fceac6;
	padding: 2px;
}
.area_gangu_museum dl {
	border: 1px solid #934c57;
	padding: 10px;
}
.area_gangu_museum dt span{
	color: #934c57;
	font-weight: bold;
	font-size: 1.5rem;
	display: inline-block;
	border-bottom: 1px solid #934c57;
}
.area_gangu_museum dd {
	font-size: 12px;
	font-size: 1.2rem;
}
.area_gangu_museum dd .sumida_museum_tour > div {
	display: table-cell;
	vertical-align: top;
	padding-right: 20px;
}
.area_gangu_museum dd .areaLink a img{
	vertical-align: middle;
	padding: 0 5px 2px;
}


#exhibition .topbox div {
    float: left;
}
#exhibition .topbox div:nth-of-type(1) {
    width: 350px;
}
#exhibition .topbox div:nth-of-type(2) {
    width: 350px;
    float: right;
}
#exhibition .topbox p {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: left;
}
#exhibition .topbox p.ta_c {
	text-align: center;
}
#exhibition .topbox p strong {
	font-size: 13px;
	font-size: 1.3rem;
	display: block;
}


/* NEW CSS 2018/07/11 */
#exhibition .imgShadow img{
	margin-right: -8px;
	margin-top: -8px;
}
#exhibition .btnLink {
	display: inline-block;
	background: #4db8db;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	border-radius: 10px;
	padding: 10px;
}
#exhibition .ov:hover {
	opacity: 0.7;
	text-decoration: none;
}
#exhibition .btnLink.style01 {
	display: block;
	text-align: center;
	padding: 20px;
	line-height: 1;
}
#exhibition .btnLink.style02 {
	display: block;
	padding: 5px 55px 5px 10px;
	background: url('/exhibition/2018/1807jul/images/ico_animal_01.png')#4db8db no-repeat center right 5px;
}
#exhibition .btnLink.style02 span {
	font-size: 12px;
}
#exhibition .arrowLink {
	padding-left: 20px;
	background: url('/exhibition/2018/1807jul/images/icon_arrow.png') no-repeat center left;
	font-weight: bold;
}
#exhibition .boxColor {
	background: #f7f7f7;
}
#exhibition .boxColor .title{
	background: #f7efef;
	padding: 10px;
	font-weight: bold;
}
#exhibition .boxColor .content {
	padding: 10px;
}
#exhibition .boxColor .content p{
	font-size: 12px;
}
#exhibition .boxColor .content dl {
	display: table;
	font-size: 12px;
}
#exhibition .boxColor .content dl dd,
#exhibition .boxColor .content dl dt {
	display: table-cell;
}
#exhibition .specTitle {
	background: #9b9b8c;
	color: #fff;
	text-align: center;
	font-size: 30px;
	padding: 15px;
	border: none;
}
#exhibition .specTitle span{
	font-size: 24px;
}

/* groupAnimal */
#exhibition .groupAnimal {
	width: 100%;
	display: table;
}
#exhibition .groupAnimal li{
	width: 121px;
	display: table-cell;
	box-sizing: border-box;
	border: 1px solid #ebebeb;
	border-right: 1px solid #fff;
}
#exhibition .groupAnimal.last li{
	border-top: 1px solid #fff;
}
#exhibition .groupAnimal li:last-child {
	border-right: 1px solid #ebebeb;
}
#exhibition .groupAnimal li.group1.select,
#exhibition .groupAnimal li.group1:hover {
	border: 1px solid #00a73c;
}
#exhibition .groupAnimal li.group2.select,
#exhibition .groupAnimal li.group2:hover {
	border: 1px solid #e5005a;
}
#exhibition .groupAnimal li.group3.select,
#exhibition .groupAnimal li.group3:hover {
	border: 1px solid #004098;
}
#exhibition .groupAnimal li a{
	display: block;
	font-size: 14px;
	font-weight: bold;
}
#exhibition .groupAnimal li a .animalName{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
}
#exhibition .groupAnimal .group1 a{
	color: #00a73c;
}
#exhibition .groupAnimal .group2 a{
	color: #e5005a;
}
#exhibition .groupAnimal .group3 a{
	color: #004098;
}
#exhibition .groupAnimalContent {
	display: none;
}
#exhibition .groupAnimalContent.show {
	display: block;
}
#exhibition .groupAnimalContent .inner {
	padding: 15px;
	box-sizing: border-box;
	border: 10px solid #00a73c;
	position: relative;
}
#exhibition .groupAnimalContent .inner:before {
	display: block;
	content: "";
	width: 31px;
	height: 21px;
	background: url('/exhibition/2018/1807jul/01/images/icon_arrow_g1.png') no-repeat;
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -15px;
}
#exhibition .groupAnimalContent .inner .animalName {
	color: #fff;
	background: #00a73c;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}
#exhibition .groupAnimalContent .inner .animalCap {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #008a32;
	background: #cef099;
	padding: 5px;
}
#exhibition .groupAnimalContent .inner .animalCap span {
	font-size: 14px;
}
#exhibition .groupAnimalContent .inner .animalPlace {
	padding: 25px;
	background: #e5f6cc;
	box-sizing: border-box;
	border: 2px dashed #00a73c;
}
#exhibition .groupAnimalContent .inner .animalPlace .title {
	font-size: 16px;
	color: #008a32;
	font-weight: bold;
}
#exhibition .groupAnimalContent .inner .animalDetail li {
	padding-left: 20px;
	margin-bottom: 20px;
}
#exhibition .groupAnimalContent .inner .animalDetail li:last-child {
	margin-bottom: 0;
}
#exhibition .groupAnimalContent .inner .animalDetail .title{
	font-size: 16px;
	color: #e4007f;
	font-weight: bold;
	background: url('/exhibition/2018/1807jul/01/images/icon_dot.png') no-repeat left top 4px;
	padding-left: 20px;
	margin-left: -20px;
}
#exhibition .groupAnimalContent.groupCtn02 .inner {
	border: 10px solid #e5005a;
}
#exhibition .groupAnimalContent.groupCtn02 .inner:before {
	background: url('/exhibition/2018/1807jul/01/images/icon_arrow_g2.png') no-repeat;
}
#exhibition .groupAnimalContent.groupCtn02 .inner .animalName {
	color: #fff;
	background: #e5005a;
}
#exhibition .groupAnimalContent.groupCtn02 .inner .animalCap {
	color: #e5005a;
	background: #fadce9;
}
#exhibition .groupAnimalContent.groupCtn03 .inner {
	border: 10px solid #004098;
}
#exhibition .groupAnimalContent.groupCtn03 .inner:before {
	background: url('/exhibition/2018/1807jul/01/images/icon_arrow_g3.png') no-repeat;
}
#exhibition .groupAnimalContent.groupCtn03 .inner .animalName {
	color: #fff;
	background: #004098;
}
#exhibition .groupAnimalContent.groupCtn03 .inner .animalCap {
	color: #004098;
	background: #d2e3f3;
}

#exhibition h5.ttl01 {
	border: none;
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 15px;
}
#exhibition h5.ttl01 span {
	font-size: 14px;
	font-size: 1.4rem;
}
#exhibition h5.ttl01.orange {
	background-color: #f18c38;
}
#exhibition h5.ttl01.pink {
	background-color: #f17fbf;
}

/* docterLead */
#exhibition .docterLead {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}
#exhibition .docterLead p,
#exhibition .docterLead div {
	display: table-cell;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#exhibition .docterLead p {
	background-color: #fff1de;
	margin-right: 25px;
	padding: 19px 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 14px !important;
	font-size: 1.4rem !important;
	color: #300;
	position: relative;
	font-weight: bold;
	width: 569px;
}
#exhibition .docterLead p .blue {
	font-size: 16px;
	font-size: 1.6rem;
	color: #0075c2;
}
#exhibition .docterLead p .red {
	font-size: 16px;
	font-size: 1.6rem;
	color: #e5005a;
}
#exhibition .docterLead p:after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	top: 50%;
	right: -20px;
	border-bottom: solid 14px #fff1de;
	border-left: solid 20px transparent;
	border-right: solid 20px transparent;
	margin-top: -7px;
	z-index: -1;
}
#exhibition .docterLead > div {
	padding-left: 20px;
}

/* endenBox */
#exhibition .endenBox {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	margin-bottom: 50px;
}
#exhibition .endenBox p,
#exhibition .endenBox div {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#exhibition .endenBox p {
	padding-right: 20px;
}
#exhibition .endenBox figure {
	margin: 0;
	position: relative;
}
#exhibition .endenBox figure figcaption {
	position: absolute;
	left: -110px;
	bottom: 0;
	color: #4b93c8;
}

/* factoryBox */
#exhibition .factoryBox {
	border: dotted 3px #00a0e9;
	padding: 15px 11px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#exhibition .factoryBox .ttlH6 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	margin-bottom: 15px;
}
#exhibition .factoryBox .ttlH6 h6,
#exhibition .factoryBox .ttlH6 p {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#exhibition .factoryBox .ttlH6 h6 {
	margin: 0;
	color: #0075c2;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 20px;
	white-space: nowrap;
	padding-right: 15px
}
#exhibition .factoryBox .ttlH6 h6 span {
	color: #0075c2;
}
#exhibition .factoryBox .ttlH6 h6 .fcttlSub {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}
#exhibition .factoryBox .ttlH6 p {
	font-size: 11px;
	font-size: 1.1rem;
	padding-left: 1em;
	text-indent: -1em;
}
#exhibition .factoryBox .factoryCap {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	margin: 8px -10px 0;
}
#exhibition .factoryBox .factoryCap p {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0 10px;
	-webkit-flex-basis: 210px;
	flex-basis: 210px;
}
#exhibition .factoryBox .factoryCap p.bigPh {
	-webkit-flex-basis: 240px;
	flex-basis: 240px;
}

/* graphBox01 */
#exhibition .graphBox01 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#exhibition .graphBox02 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin: -10px 0 20px;
}

#exhibition .graphBox01 div {
	position: relative;
}

#exhibition .graphBox01 div:nth-child(1) {
	-webkit-flex-basis: 260px;
	flex-basis: 260px;
}
#exhibition .graphBox01 div:nth-child(2) {
	-webkit-flex-basis: 440px;
	flex-basis: 440px;
}
#exhibition .graphBox02 div:nth-child(1) {
	-webkit-flex-basis: 230px;
	flex-basis: 230px;
}
#exhibition .graphBox02 div:nth-child(2) {
	-webkit-flex-basis: 485px;
	flex-basis: 485px;
}

#exhibition .graphBox01 h5,
#exhibition .graphBox02 h5 {
	border: none;
	padding: 0;
	margin: 0 -70px 12px 0;
	position: relative;
	z-index: 1;
}

/* onePersonBox */
#exhibition .onePersonBox {
	background-color: #fff1de;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
}
#exhibition .onePersonBox h5 {
	color: #f18c38;
	font-size: 24px;
	font-size: 2.4rem;
	border: none;
	padding: 0;
	font-weight: bold;
	margin: 0 0 3px;
}
#exhibition .onePersonBox h5+p {
	color: #f18c38;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 10px;
}
#exhibition .onePersonBox h5+p span {
	font-size: 12px;
	font-size: 1.2rem;
}
#exhibition .onePersonBox ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
#exhibition .onePersonBox ul li {
	text-align: center;
}
#exhibition .onePersonBox ul li:last-child {
	margin-top: -35px;
}
#exhibition .onePersonBox ul li p {
	font-size: 16px !important;
	font-size: 1.6rem !important;
	line-height: 1.2;
	font-weight: bold;
	padding: 14px 0 8px;
}
#exhibition .onePersonBox ul li:first-child p {
	text-align: left;
	padding-top: 10px;
}
#exhibition .onePersonBox ul li p span {
	font-size: 10px;
	font-size: 1rem;
	font-weight: normal;
}

/*  boxQA  */
#exhibition .boxQA {
	border: 2px dashed #f18c38;
	background: #fff1de;
	box-sizing: border-box;
	padding: 20px;
}
#exhibition .boxQA .titleQ {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #f18c38;
	margin-top: 0;
}

/*  GET ANIMAL CARD  */
#exhibition .get_animalCard {
	border: 2px dashed #f18c38;
	background: #fff1de;
	box-sizing: border-box;
	padding: 20px 28px;
}
#exhibition .get_animalCard .title {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #f18c38;
	margin-top: 0;
}

/*  markNumber  */
#exhibition .markNumber {
	position: relative;
	padding-left: 40px;
	padding-top: 5px;
}
#exhibition .markNumber > span{
	width: 34px;
	height: 31px;
	background: url('/exhibition/2018/1807jul/04/images/icon_marknumber.png') no-repeat;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
}
#exhibition .animalCard {
	margin-right: -20px;
    margin-left: 10px;
    margin-top: -50px;
}

/*  otherSalt  */
#exhibition .otherSalt .otherSaltBox .title{
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	background: #f18c38;
	padding: 5px 15px;
	font-weight: bold;
}

/*  feedBack  */
#exhibition .feedBack {
	position: relative;
}
#exhibition .feedBack .title {
	position: absolute;
	top: 35px;
	left: 50%;
	margin-left: -191px;
}
#exhibition .feedBack .label01 {
	position: absolute;
	top: 32px;
	left: 27px;
}
#exhibition .feedBack .label02 {
	position: absolute;
	top: 47px;
	right: 37px;
}
#exhibition .feedBack .label03 {
	position: absolute;
	top: 247px;
	left: 101px;
}
#exhibition .feedBack .label04 {
	position: absolute;
	top: 237px;
	right: 70px;
}
#exhibition .boxText{
	position: absolute;
	box-sizing: border-box;
}
#exhibition .boxText.pink {
	top: 91px;
	left: 7px;
	background: url('/exhibition/2018/1807jul/04/images/bg_feedback_02.png') no-repeat;
	background-size: 100% 100%;
	width: 173px;
	height: 170px;
	padding: 41px 22px 10px 35px;
}
#exhibition .boxText.blue {
	top: 105px;
	left: 179px;
	background: url('/exhibition/2018/1807jul/04/images/bg_feedback_03.png') no-repeat;
	width: 185px;
	height: 165px;
	padding: 33px 35px 27px 34px;
}
#exhibition .boxText.yellow {
	top: 91px;
	left: 357px;
	background: url('/exhibition/2018/1807jul/04/images/bg_feedback_04.png') no-repeat;
	width: 186px;
	height: 184px;
	padding: 53px 26px 25px 35px;
}
#exhibition .boxText.green {
	top: 99px;
	right: 16px;
	background: url('/exhibition/2018/1807jul/04/images/bg_feedback_05.png') no-repeat;
	width: 175px;
	height: 179px;
	padding: 45px 27px 25px 24px;
}

	

.vTop {
	vertical-align: top;
}
.fLeft {
	float: left;
}
.fRight {
	float: right;
}
.txtCenter {
	text-align: center;
}
.specCharacter {
	text-indent: -8px;
}
.clRed {
	color: #660000;
}

.w110 {
	width: 110px;
}
.w210 {
	width: 210px;
}
.w220 {
	width: 220px;
}
.w240 {
	width: 240px;
}
.w245 {
	width: 245px;
}
.w300 {
	width: 300px;
}
.w325 {
	width: 325px;
}
.w330 {
	width: 330px;
}
.w338 {
	width: 338px;
}
.w340 {
	width: 340px;
}
.w350 {
	width: 350px;
}
.w360 {
	width: 360px;
}
.w370 {
	width: 370px;
}
.w380 {
	width: 380px;
}
.w450 {
	width: 450px;
}
.w475 {
	width: 475px;
}


.ml20 {
	margin-left: 20px !important;
}
.mr35 {
	margin-right: 35px !important;
}