@charset "UTF-8";
/* ////////////////////////////////////////
PC,SP
//////////////////////////////////////// */
h1{color:#F9E8A5;font-size:0.5rem;}
#title-section{
	position: relative;
	background-color: #F9E8A5;
	padding-bottom:0;
}
#title-section h1{
	position: absolute;
	z-index: 2;
}
#title-section figure{
	position: relative;
	z-index: 3;
}
#date-section{
	background: url("../img/index/date-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding:20px;
	text-align: center;
}
#date-section .date{
	max-width:944px;
	margin-left:auto;
	margin-right:auto;
}
#contents .main-title.insect1{
	padding-left:60px;
	padding-right:60px;
}
#contents .green-title{
	background-image: url("../img/common/bg-green.png");
	background-size: cover;
	color:#fff;
	padding:10px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
#contents .green-detail{
	background-color: #11560D;
	color:#fff;
	padding:20px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
#contents .icon-bee{
	position: relative;
	display: inline-block;
	padding-left:32px;
	padding-right:32px;
}
#contents .icon-bee:before{
	position: absolute;
	content:'';
	background-image: url("../img/common/icon-bee.png");
	background-size: contain;
	background-repeat: no-repeat;
	width:22px;
	height:25px;
	left:0;
	top:50%;
	margin-top:-12.5px;
}
#contents .icon-bee:after{
	position: absolute;
	content:'';
	background-image: url("../img/common/icon-bee.png");
	background-size: contain;
	background-repeat: no-repeat;
	width:22px;
	height:25px;
	right:0;
	top:50%;
	margin-top:-12.5px;
}
/*本展のご紹介*/
#introduction{
	padding-top:60px;	
}
#introduction .main-title-wrap:before{
	position: absolute;
	z-index: 0;
	content:'';
	background-image: url("../img/index/en-introduction.png");
	background-repeat: no-repeat;
	background-size: contain;
	width:805px;
	height:82px;
	left:50%;
	margin-left:-402.5px;
	top:-67px;
}
/*昆虫画像*/
.insect1:before{
	position:absolute;
	content:'';
	background-image: url("../img/index/insect1.png");
	background-size: contain;
	width:169px;
	height:148px;
	right:-75px;
	top:-70px;
}
/*ニュース*/
#news{
	padding-top:40px;
}
#news .detail-box-normal{
	padding:20px 30px 20px 30px;
	margin-bottom:45px;
}
#news .news-detail-btn a{
	color:#E3002D;
	border:2px solid #E3002D;
	border-radius:50px;
	padding:3px 15px;
	transition: 0.3s;
}
#news .news-detail-btn a:hover{
	color:#fff;
	background-color: #E3002D;
}
#news .news-list-wrap{
	overflow-y: auto;
}	
#news .news-list li{
	padding:10px 0;
	overflow: hidden;
	width:100%;
	border-bottom:1px dashed #ADADAD;
}
#news .news-list li:first-child{
	padding-top:0;
}
#news .news-list li:last-child{
	padding-bottom:0;
	border-bottom:none;
}
#news time,#news .news-title{
	float:left;
}
#news time{
	width:100px;
}
#news .news-list li a time{
	color:#1E1715;
}
#news .news-list li a .news-title{
	text-decoration: underline;
}
#news .news-list li a:hover .news-title{
	text-decoration: none;
}
#news .news-title{
	width:calc(100% - 100px);
}
/*見どころ*/
#exhibition{
	margin-top:50px;
	background-color: rgba(140,196,81,0.9);
	background-image: url("../img/index/indect10.png");
	background-repeat: no-repeat;
	background-size: 165px 154px;
	background-position: right bottom;
}
#exhibition .exhibition-bg{
	padding:30px 0 90px 0;
	background-image: url("../img/index/indect11.png");
	background-repeat: no-repeat;
	background-size: 223px 237px;
	background-position: left bottom;	
}
#exhibition .bg-glass{
	background-image: url("../img/common/icon-glass.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
#exhibition .bg-spark{
	position: relative;
	display: block;
	max-width: 707px;
	margin-left:auto;
	margin-right:auto;
	background-image: url("../img/common/icon-spark.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top center;
	padding:57px 0 47px 0;
}
#exhibition .exhibition-list li{
	margin-top:35px;
	color:#fff;
}
#exhibition .exhibition-img{
	margin-bottom:12px;
	position: relative;
}
#exhibition .point-box{
	position: absolute;
	top:-32px;
	left:-10px;
	width:112px;
	height:63px;
}
#exhibition .hakase-box{
	position: absolute;
	top:-53px;
	right:7px;
	width:229px;
	height:53px;
}
#exhibition .arrow-btn{
	margin-top:20px;
}
.insect6-7{
	position: relative;
}
.insect6-7:before{
	position: absolute;
	z-index: 0;
	content:'';
	background-image: url("../img/common/insect7-s.png");
	background-repeat: no-repeat;
	background-size: contain;
	width:267px;
	height:236px;
	left:-130px;
	top:-88px;
}
.insect6-7:after{
	position: absolute;
	z-index: 0;
	content:'';
	background-image: url("../img/common/insect6.png");
	background-repeat: no-repeat;
	background-size: contain;
	width:284px;
	height:271px;
	right:-220px;
	top:20px;
}
@media screen and (min-width:1380px){		
	.insect6-7:before{
		background-image: url("../img/common/insect7.png");
		width:442px;
		height:236px;
		left:-250px;
		top:-88px;
	}
	.insect6-7:after{
		top:10px;
		right:-150px;
	}
}
#exhibition .goods-slide .slick-list {/*スライド間に余白*/
  margin: 0 -5px;
}
#exhibition .goods-slide .slick-slide {/*スライド間に余白*/
  margin: 0 5px;
} 
#exhibition .goods-text .arrow-btn a{
	background-color: #5EAF00;
	padding:12px 20px 12px 20px;
	background-image: url("../img/common/arrow-right-green.png");
}
#exhibition .goods-text .arrow-btn a:hover{
	background-color: #fff;
	border:3px solid #5EAF00;
	color:#5EAF00;
	background-image: url("../img/common/arrow-right-green-over.png");
}
/*チケット情報*/
#ticket{
	padding:40px 0;
}
.insect8{
	position: relative;
}
.insect8:before{
	position: absolute;
	content:'';
	background-image: url("../img/index/insect8.png");
	background-repeat: no-repeat;
	background-size: contain;
	width:82px;
	height:53px;
	top:65px;
	right:10px;
	z-index: 5;
}
#ticket .ticket-box:last-child{
	border-right:none;
}
#ticket .price-box{
	width:100%;
	text-align: center;
}
#ticket .price-box>*{
	display: inline-block;
	vertical-align: middle;
	margin-bottom:20px;
}
#ticket .price-title{
	width:73%;
	margin:0 auto 20px auto;
}
#ticket .price-box>*:first-child{
	width:5em;
}
#ticket .price-box>*:last-child{
	width:5em;
}
#ticket .price-box>*:first-child{
	padding:0 5px;
	background-color: #8CC451;
	color:#fff;
	border-radius:30px;
}
#ticket .arrow-btn{
	max-width:380px;
	margin:20px auto 0 auto;
}
/*ムービー*/
#movie{
	padding:0 0 40px 0;
}
/*////////////////////////////////////////
印刷時　PC・タブレットのみ
//////////////////////////////////////// */
@media screen and (min-width:768px) , print{	
	/*昆虫画像*/
	.insect2:before{
		position:absolute;
		content:'';
		background-image: url("../img/index/insect2.png");
		background-size: contain;
		width:249px;
		height:380px;
		right:-90px;
		bottom:-50px;
		transform: rotate(-8deg);
	}
	.insect4:before{
		position:absolute;
		content:'';
		background-image: url("../img/index/insect4.png");
		background-size: contain;
		width:244px;
		height:236px;
		right:0;
		top:-20px;
	}
	/*見どころ-並び*/
	#exhibition .exhibition-list{
		margin-top:30px;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		width:100%;
	}
	#exhibition .exhibition-list li{
		width:48.625%;
		float:left;
		margin-right:2.75%;
		margin-bottom:20px;
	}
	#exhibition .exhibition-list:after,#exhibition .exhibition-list:before{
		content: "";
		clear: both;
		display: block;
	}
	/*チケット情報*/
	#ticket .ticket-wrap{
		display: table;
		width:100%;
	}
	#ticket .ticket-box{
		width:33.333%;
		display: table-cell;
		border-right:1px dashed #ADADAD;
	}
}
/* ////////////////////////////////////////
印刷時　PCのみ
//////////////////////////////////////// */
@media screen and (min-width:1100px) , print{	
	/*ニュース*/
	#news .detail-box-normal{
		overflow: hidden;
		width:100%;
	}
	#news .title-wrap,#news .news-list-wrap{
		float:left;
	}
	#news .title-wrap{
		width:19%;
	}
	#news .news-list-wrap{
		width:81%;
		height: 145px;
	}
	#news .news-list{
		width:100%;
	}
	#news .news-detail-btn{
		margin-top:8px;
	}
	#news .sns-btn-wrap{
		margin-top:10px;
	}
	/*見どころ*/
	#exhibition .goods-box{
		overflow: hidden;
	}
	#exhibition .goods-box>*{
		float:left;
	}
	#exhibition .goods-slide{
		width:45%;
	}
	#exhibition .goods-text{
		padding-left:30px;
		width:55%;
	}
	/*見どころ-並び*/
	#exhibition .exhibition-list li{
		width:31.5%;
		margin-right:2.75%;
		margin-bottom:20px;
	}
	#exhibition .exhibition-list li:nth-child(3n){
		margin-right:0;
	}
}
@media screen and (min-width:1100px) and (max-width: 1600px) , print{
}
@media screen and (min-width:1600px) , print{
}
/* ////////////////////////////////////////
タブレット・SPのみ
//////////////////////////////////////// */
@media screen and (max-width: 1100px) {
	#introduction .main-title-wrap:before{
		background-position: center bottom;
		width:90%;
		height:82px;
		margin-left:0;
		left:5%;
		top:-53px;
	}
	/*ニュース*/
	#news{
		padding-top:20px;
	}
	#news .detail-box-normal{
		margin-bottom:10px;
		padding:15px 15px 15px 15px;
	}
	#news .title-wrap{
		width:100%;
	}
	#news .title-wrap>*{
		display: inline-block;
		vertical-align: middle;
	}
	#news .title-wrap h2{
		width:150px;
	}
	#news .btn-wrap{
		width:calc(100% - 150px);
		text-align: right;
	}
	#news .btn-wrap>*{
		display: inline-block;
		vertical-align: middle;
	}
	#news .btn-wrap>*:last-child{
		margin-left:10px;
	}
	#news .news-list li:first-child{
		padding-top:10px;
	}
	#news .height-fix{
		height:250px;
	}
	/*見どころ*/
	#exhibition{
		position: relative;
		z-index: 2;
		margin-top:50px;
		background-color: rgba(140,196,81,0.9);
		background-image: url("../img/index/indect10.png");
		background-repeat: no-repeat;
		background-size: 95px 87px;
		background-position: right bottom;
	}
	#exhibition .exhibition-bg{
		padding:30px 0 90px 0;
		background-image: url("../img/index/indect11.png");
		background-repeat: no-repeat;
		background-size: 110px 117px;
		background-position: left bottom;	
	}
	/*昆虫画像*/
	.insect1:before{
		width:85px;
		height:75px;
		right:-35px;
		top:-30px;
	}
}
/* ////////////////////////////////////////
タブレットのみ
//////////////////////////////////////// */
@media screen and (min-width: 767px) and (max-width: 1100px) {
	#introduction .main-title-wrap:before{
		top:-70px;
	}
	/*昆虫画像*/
	.insect2:before{
		width:150px;
		height:230px;
		right:-35px;
		bottom:-50px;
	}
	.insect4:before{
		position:absolute;
		content:'';
		background-image: url("../img/index/insect4.png");
		background-size: contain;
		width:200px;
		height:193px;
		right:0;
		top:-20px;
	}
	.insect6-7:before{
		width:200px;
		height:177px;
		left:-70px;
		top:-100px;
	}
	.insect6-7:after{
		width:240px;
		height:230px;
		right:-140px;
		top:80px;
	}
	/*見どころ-並び*/
	#exhibition{
		margin-top:50px;
	}
	#exhibition .bg-spark{
		width:540px;
		padding:50px 70px 30px 70px;
		background-position: top 20px center;
	}
	#exhibition .exhibition-list li{
		width:48.625%;
		margin-right:2.75%;
	}
	#exhibition .exhibition-list li:nth-child(2n){
		margin-right:0;
	}
	/*チケット情報*/
	#ticket .price-title{
		width:100%;
	}
	#ticket .ticket-box{
		padding-left:10px;
		padding-right:10px;
	}
	#ticket .price-box>*{
		display: block;
	}
	#ticket .price-box>*:first-child{
		width:100%;
	}
	#ticket .price-box>*:last-child{
		width:100%;
	}
}
/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */
@media screen and (max-width: 767px){
	.insect2:before{
		position:absolute;
		content:'';
		background-image: url("../img/index/insect2.png");
		background-size: contain;
		width:120px;
		height:184px;
		right:-30px;
		bottom:-40px;
		transform: rotate(10deg);
	}	
	#introduction{
		padding-top:20px;
	}
	#overview{
		padding-top:40px;
	}
	#date-section{
		position: relative;
		z-index:1;
		padding:5px;
		background: url("../img/index/date-bg-sp.png");
		background-size: 100% auto;
	}
	#contents .main-title.insect1{
		padding-left:30px;
		padding-right:30px;
	}
	/*ニュース*/
	#news .title-wrap h2{
		width:120px;
	}
	#news .btn-wrap{
		width:calc(100% - 120px);
	}
	#news .news-detail-btn a{
		padding:3px 8px;
	}
	#news .btn-wrap>*:last-child{
		margin-left:5px;
	}
	#news .sns-btn-wrap>*:last-child{
		margin-left:2px;
	}
	/*見どころ*/
	#exhibition .bg-spark{
		padding:45px 45px 30px 45px;
		background-size: 98%;
		background-position: top 30px center;
		margin: 0 calc(50% - 50vw);
  		width: 100vw;
	}
	#exhibition .exhibition-list li:first-child{
		margin-top:60px;
	}
	#exhibition .exhibition-list li{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:45px;
	}
	#exhibition .exhibition-list li:nth-last-child(2){
		margin-bottom:0px;
	}
	#exhibition .exhibition-list li:last-child{
		width:100%;
		margin-top:20px;
	}
	#exhibition .insect6-7:before{
		width:150px;
		height:159px;
		left:-12px;
		top:-88px;
	}
	#exhibition .insect6-7:after{
		background-image: none; 
	}
	/*チケット情報*/
	.insect8:before{
		top:45px;
		right:0;
	}
	#ticket .price-title{
		width:100%;
		padding-left:calc((100% - 10em)/2);
	}
	#ticket .ticket-box{
		padding-top:20px;
		border-bottom:1px dashed #ADADAD;
	}
	#ticket .ticket-box:first-child{
		padding-top:0;
	}
	#ticket .arrow-btn a{
		padding:20px 50px 20px 20px;
	}
}
@media screen and (max-width: 410px){
	/*ニュース*/
	#news .title-wrap>*{
		vertical-align: top;
	}
	#news .sns-btn-wrap{
		margin-top:5px;
	}
	/*見どころ*/
	#exhibition .hakase-box{
		position: absolute;
		top:-46px;
		right:7px;
		width:200px;
		height:47px;
	}
}
/* ////////////////////////////////////////
スライド調整用　sm(540px以上)
//////////////////////////////////////// */
@media screen and (min-width:540px) {
	#slide_pc{display: block;}
	#slide_sp{display: none;}
	#slide_tablet{display: none;}
}
@media screen and (min-width:540px) and (max-width:767px) {
}
@media screen and (max-width: 539px){
	/*/スライダー：ロゴ(垂直中央ではない)*/
	#slide_pc{display: none;}
	#slide_sp{display: block;}
	#slide_tablet{display: none;}
}
@media screen and (max-width: 350px){
}