@charset "UTF-8";
/* ////////////////////////////////////////
PC,SP
//////////////////////////////////////// */
/*タイトル*/
#title-section{
	padding-top:130px;
}
.main-title-wrap:before{
	position: absolute;
	z-index: 0;
	content:'';
	background-image: url("../img/goods/en-goods.png");
	background-repeat: no-repeat;
	background-size: contain;
	width:399px;
	height:84px;
	left:50%;
	margin-left:-199.5px;
	top:-67px;
}
/*昆虫画像*/
.head-insect:before{
	position:absolute;
	content:'';
	background-image: url("../img/goods/head-insect.png");
	background-size: contain;
	width:92px;
	height:93.5px;
	right:-30px;
	top:-60px;
}
/*サブメニュー*/
#submenu{
	padding-top:40px;
	padding-bottom:20px;
}
#submenu ul{
	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%;
}
#submenu li{
	margin-top:6px;
	float:left;
	position: relative;
	display: block;
	width:19.5%;
	margin-right:0.625%;
}
#submenu li a{
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.5em;
	background-color: #5EAF00;
	border-radius:10px;
	border:3px solid #fff;
	padding:10px 48px 10px 7px;
	text-align: center;
	color:#fff;
	background-image: url("../img/common/arrow-down-green.png");
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center right 15px;
	transition: 0.3s;
}
#submenu li a:hover{
	background-color: #fff;
	border:3px solid #5EAF00;
	color:#5EAF00;
	background-image: url("../img/common/arrow-down-green-over.png");
}
/*図録*/
.zuroku-wrap figure{
	width:293px;
	margin-left:auto;
	margin-right:auto;
}
/*オリジナルグッズ*/
#original .detail-box-normal{
	padding:0;
	margin-top:0;
	margin-bottom:20px;
}
#original .detail-box-normal-inner1{
	padding:30px 30px 0 30px;
}
#original .detail-box-normal-inner2{
	padding:0 30px 30px 30px;
}
#original .detail-box-normal-inner3{
	padding:0 30px;
}
#original .detail-box-normal-inner{
	padding:30px 30px 30px 30px;
}
.goods-list li{
	margin-bottom:25px;	
}
.size-box{
	line-height: 1.7em;
	text-align: center;
	border-bottom:1px solid #C1C1C1;
	padding-bottom:10px;
}
.spark-wrap{
	text-align: center;
}
.spark-title{
	line-height: 1.5em;
	display: inline-block;
	background-image: url("../img/goods/spark-left.png");
	background-repeat: no-repeat;
	background-size: 34px 28px;
	background-position: top left;
}
.spark-title span{
	display: inline-block;
	background-image: url("../img/goods/spark-right.png");
	background-repeat: no-repeat;
	background-size: 34px 28px;
	background-position: top right;
	padding:0 40px;
}
.goods-img figure{
	margin:0;
}
.goods-img .slick-list{
	border:1px solid #5EAF00;
	border-radius:20px;
	overflow: hidden;
}
/*////////////////////////////////////////
印刷時　PC・タブレットのみ
//////////////////////////////////////// */
@media screen and (min-width:768px) , print{
	/*グッズ*/
	.goods-list{		
		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;
	}
	.goods-list.list3{
		max-width:920px;
		margin-left:auto;
		margin-right:auto;
	}
	.goods-list.list2{
		max-width:580px;
		margin-left:auto;
		margin-right:auto;
	}
	.goods-list.list1{
		max-width:260px;
		margin-left:auto;
		margin-right:auto;
	}
	.goods-list li{
		width:260px;
	}
	.goods-list.list3 li{
		margin-right:calc((100% - 780px)/2);
		float:left;
	}
	.goods-list.list3 li:last-child{
		margin-right:0;
	}
	.goods-list.list2 li{
		margin-right:calc((100% - 520px)/1);
		float:left;
	}
	.goods-list.list2 li:nth-child(2n){
		margin-right:0;
	}
	.goods-list:after,.goods-list:before{
		content: "";
		clear: both;
		display: block;
	}
}
/* ////////////////////////////////////////
印刷時　PCのみ
//////////////////////////////////////// */
@media screen and (min-width:1100px) , print{
	/*サブメニュー*/
	#submenu li:nth-child(5n){
		margin-right:0;
	}
	/*図録*/
	.zuroku-wrap {
		display: table;
		width:100%;
	}
	.zuroku-wrap>*{
		display: table-cell;
		vertical-align: top;
	}
	.zuroku-wrap dt{
		width:48%;
	}
}
@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) {
	/*昆虫画像*/
	.head-insect:before{
		width:80px;
		height:82px;
		right:-15px;
		top:-60px;
	}
	/*タイトル*/
	.main-title-wrap:before{
		background-position: center bottom;
		width:199.5px;
		height:41px;
		margin-left:-99.75px;
		left:50%;
		top:-10px;
	}
}
/* ////////////////////////////////////////
タブレットのみ
//////////////////////////////////////// */
@media screen and (min-width: 767px) and (max-width: 1100px) {
	/*タイトル*/
	.main-title-wrap:before{
		width:292px;
		height:60px;
		margin-left:-146px;
		top:-52px;
	}
	/*サブメニュー*/
	#submenu li{
		width:24.25%;
		margin-right:1%;
	}
	#submenu li:nth-child(4n){
		margin-right:0;
	}
	/*グッズ*/
	.goods-list.list3 li,.goods-list.list2 li{
		width:48%;
		margin-right:4%;
	}
	.goods-list.list3 li:nth-child(2n){
		margin-right:0;
	}
	.goods-list.list1{
		width:48%;
		margin-left:auto;
		margin-right:auto;
	}
	.goods-list.list1 li{
		width:100%;;
	}
}
/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */
@media screen and (max-width: 767px){
	#title-section{
		padding-top:65px;
	}
	/*サブメニュー*/
	#submenu{
		padding-top:20px;
		padding-bottom:0px;
	}
	#submenu li{
		width:49.5%;
		margin-right:1%;
	}
	#submenu li:nth-child(2n){
		margin-right:0;
	}
	/*オリジナルグッズ*/
	#original .detail-box-normal-inner1{
		padding:15px 15px 0 15px;
	}
	#original .detail-box-normal-inner2{
		padding:0 15px 15px 15px;
	}
	#original .detail-box-normal-inner3{
		padding:0 15px;
	}
	#original .detail-box-normal-inner{
		padding:15px 15px 15px 15px;
	}
	/*グッズ*/
	.goods-list li{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
}
@media screen and (max-width: 410px){
}
/* ////////////////////////////////////////
スライド調整用　sm(540px以上)
//////////////////////////////////////// */
@media screen and (min-width:540px) {
}