@charset "UTF-8";
/* ////////////////////////////////////////
PC,SP
//////////////////////////////////////// */
/*タイトル*/
#title-section{
	padding-top:130px;
	padding-bottom:40px;
}
.main-title-wrap:before{
	position: absolute;
	z-index: 0;
	content:'';
	background-image: url("../img/exhibition/en-exhibition.png");
	background-repeat: no-repeat;
	background-size: contain;
	width:615px;
	height:84px;
	left:50%;
	margin-left:-307.5px;
	top:-70px;
}
/*昆虫画像*/
.head-insect:before{
	position:absolute;
	content:'';
	background-image: url("../img/exhibition/head-insect.png");
	background-size: contain;
	background-repeat: no-repeat;
	width:124px;
	height:74px;
	right:0px;
	top:-60px;
}
/*サブメニュー*/
#submenu{
	padding-top:36px;
	padding-bottom:20px;
}
#submenu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* これで中央寄せOK */
  gap: 1.25%;              /* 要素間の余白を自動で調整 */
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
#submenu li {
  flex: 0 0 32.5%; /* 3つで横幅いっぱい */
  margin-top: 10px;
  position: relative;
  background: #eee; /* 確認用 */
	border-radius:10px;
}
#submenu li:nth-child(3n){
	margin-right:0;
}
#submenu li .subtitle{
	display: block;
	background-color: #fff;
	color:#5EAF00;
	transition: 0.3s;
}
#submenu li .maintitle{
	display: block;
	background-image: url("../img/common/arrow-down-green.png");
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center right 10px;
	padding:5px 36px 10px 10px;
	transition: 0.3s;
}
#submenu li a{
	height:100%;
	display: block;
	line-height: 1.5em;
	background-color: #5EAF00;
	border-radius:10px;
	border:3px solid #fff;
	padding:7px 7px 0 7px;
	text-align: center;
	color:#fff;
	transition: 0.3s;
}
#submenu li a:hover{
	background-color: #fff;
	border:3px solid #5EAF00;
	color:#5EAF00;
}
#submenu li a:hover .maintitle{
	background-image: url("../img/common/arrow-down-green-over.png");
}
#submenu li a:hover .subtitle{
	background-color: #5EAF00;
	color:#fff;
}
/*2カラム*/
.col2-wrap dd{
	margin-bottom:0;
}
.col2-wrap figure{
	max-width:355px;
	margin-left:auto;
	margin-right:auto;
}
/*コンテンツ*/
.spark-wrap .marker{
	background: #FFFF00;
	padding:0 2px 2px 2px;
}
.spark-wrap{
	text-align: center;
}
.spark-title{
	line-height: 1.5em;
	display: inline-block;
	background-image: url("../img/exhibition/spark-left.png");
	background-repeat: no-repeat;
	background-size: 83px 69px;
	background-position: top left;
}
.spark-title .spark-inner{
	display: inline-block;
	background-image: url("../img/exhibition/spark-right.png");
	background-repeat: no-repeat;
	background-size: 83px 69px;
	background-position: top right;
	padding:40px 87px 0 87px;
}
.yellow-shadow{
	text-shadow: 
		#F9E8A5 2px 0px 2px, #F9E8A5 -2px 0px 2px,
		#F9E8A5 0px -2px 2px, #F9E8A5 -2px 0px 2px,
		#F9E8A5 2px 2px 2px, #F9E8A5 -2px 2px 2px,
		#F9E8A5 2px -2px 2px, #F9E8A5 -2px -2px 2px,
		#F9E8A5 1px 2px 2px, #F9E8A5 -1px 2px 2px,
		#F9E8A5 1px -2px 2px, #F9E8A5 -1px -2px 2px,
		#F9E8A5 2px 1px 2px, #F9E8A5 -2px 1px 2px,
		#F9E8A5 2px -1px 2px, #F9E8A5 -2px -1px 2px,
		#F9E8A5 1px 1px 2px, #F9E8A5 -1px 1px 2px,
		#F9E8A5 1px -1px 2px, #F9E8A5 -1px -1px 2px;
}
/*見どころ*/
.exhibition-wrap{
	margin-top:50px;
	margin-bottom:10px;
	background-color: rgba(140,196,81,0.87);
}
.exhibition-bg{
	padding:30px 0 50px 0;
}
.bg-glass{
	background-image: url("../img/common/icon-glass.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	padding:57px 0 47px 0;
	margin-top:0px;
	margin-bottom:50px;
}
/*タイトル*/
.point-title{
	background-color: #C8E583;
	padding:43px 0 38px 0;
	position: relative;
	margin-top:80px;
}
.taityo{
	width:203px;
	position: absolute;
	top:-49px;
	right:50%;
	margin-right:-350px;
}
.point-title:first-of-type{
	margin-top:0;
}
.point-box{
	position: absolute;
	top:-32px;
	left:50%;
	margin-left:-56px;
	width:112px;
	height:63px;
}
/*本文*/
.exhibition-list-wrap{
	background-color: #C8E583;
}
.exhibition-list{
	background-color: #C8E583;
	padding:30px;
}
.exhibition-list li{
	margin-bottom:30px;
}
.exhibition-list li:last-child{
	margin-bottom:0px;
}
.exhibition-list li p{
	margin-bottom:0px;
}
.exhibition-img{
	margin-bottom:12px;
	position: relative;
}
.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:35px;
}
@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:35px;
		right:-190px;
	}
}
/*////////////////////////////////////////
印刷時　PC・タブレットのみ
//////////////////////////////////////// */
@media screen and (min-width:768px) , print{
	/*見どころ-並び*/
	.exhibition-list {
	  display: flex;
	  flex-wrap: wrap;
	  width: 100%;
	}
	.exhibition-list li {
	  width: 280px;
	  margin-right: calc((100% - 840px) / 2);
	}
	.exhibition-list.list3 {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center; /* 中央寄せ */
	  max-width: 980px;
	  margin: 0 auto; /* 左右中央寄せ */
	}
	.exhibition-list.list3 li:last-child {
	  margin-right: 0;
	}
	.exhibition-list.point1 li{
		width:300px;
	}
	.exhibition-list li:nth-last-child(2){
		margin-bottom:0;
	}
	.exhibition-list.point1 li{
		margin-left:calc((100% - 670px)/2);
		margin-right:35px;
		float:left;
	}
	.exhibition-list.point1 li:nth-child(2n){
		margin-left:35px;
		margin-right:calc((100% - 670px)/2);
	}
	.exhibition-list:after,.exhibition-list:before{
		content: "";
		clear: both;
		display: block;
	}
}
/* ////////////////////////////////////////
印刷時　PCのみ
//////////////////////////////////////// */
@media screen and (min-width:1100px) , print{	
	/*2カラム*/
	.col2-wrap {
		display: table;
		width:100%;
	}
	.col2-wrap>*{
		display: table-cell;
		vertical-align: top;
	}
	.col2-wrap dt{
		width:38%;
	}
	.col2-wrap dd{
		width:63%;
		padding-left:20px;
	}
	/*見どころ*/
	.hakase-text{
		width:520px;
		margin-left:auto;
		margin-right:auto;
		margin-top:30px;
		margin-bottom: 40px;
	}
	.exhibition-list-point1-wrap{
		position: relative;
		max-width:840px;
		margin-left:auto;
		margin-right:auto;
	}
	.exhibition-list-point1-wrap:before{
		position: absolute;
		content:'';
		background-image: url("../img/exhibition/hakase3.png");
		background-repeat: no-repeat;
		background-size: contain;
		width:128px;
		height:199px;
		top:50%;
		margin-top:-99.5px;
		left:-128px;
	}
	.exhibition-list-point1-wrap:after{
		position: absolute;
		content:'';
		background-image: url("../img/exhibition/hakase4-5.png");
		background-repeat: no-repeat;
		background-size: contain;
		width:135px;
		height:487px;
		top:50%;
		margin-top:-243.5px;
		right:-135px;
	}
	.exhibition-list.point1{
		position: relative;
	}
	.exhibition-list.point1:before{
		position: absolute;
		content:'';
		background-image: url("../img/exhibition/hakase1.png");
		background-repeat: no-repeat;
		background-size: contain;
		width:157px;
		height:149.5px;
		top:-149.5px;
		left:0;
	}
	.exhibition-list.point1:after{
		position: absolute;
		content:'';
		background-image: url("../img/exhibition/hakase2.png");
		background-repeat: no-repeat;
		background-size: contain;
		width:151px;
		height:161px;
		top:-161px;
		right:-10px;
	
	}
	.exhibition-list.list3-6 li:nth-last-child(3){
		margin-bottom:0;
	}
	.exhibition-list.list3-1 li{
		margin-bottom:0;
	}
	.exhibition-list.list3 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) {
	/*昆虫画像*/
	.head-insect:before{
		width:100px;
		height:60px;
		right:0px;
		top:-50px;
	}
	/*タイトル*/
	.main-title-wrap:before{
		background-position: center bottom;
		width:329px;
		height:45px;
		margin-left:-164.5px;
		left:50%;
		top:-16px;
	}
	/*見どころ*/
	.exhibition-wrap{
		position: relative;
		z-index: 2;
		margin-top:50px;
	}
	.hakase-text{
		margin-bottom:130px;
		margin-left:auto;
		margin-right:auto;
	}
	.exhibition-list-point1-wrap{
		position:relative;
	}
	.exhibition-list.point1:before{
		position: absolute;
		content:'';
		background-image: url("../img/index/hakase.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom center;
		width:100%;
		height:120px;
		top:-120px;
		left:0;
	}
}
/* ////////////////////////////////////////
タブレットのみ
//////////////////////////////////////// */
@media screen and (min-width: 767px) and (max-width: 1100px) {
	/*タイトル*/
	.main-title-wrap:before{
		width:439px;
		height:60px;
		margin-left:-219.5px;
		top:-52px;
	}
	/*サブメニュー*/
	#submenu li {
    	flex: 0 0 48%; /* タブレットでは2列 */
	}
	/*見どころ-並び*/
	.exhibition-list li,.exhibition-list.point1 li{
		margin-left:0;
		width:48%;
		margin-right:4%;
	}
	.exhibition-list li:nth-child(2n),.exhibition-list.point1 li:nth-child(2n){
		margin-right:0;
		margin-left:0;
	}
	/*昆虫画像*/
	.insect6-7:before{
		width:200px;
		height:177px;
		left:-70px;
		top:-100px;
	}
	.insect6-7:after{
		width:240px;
		height:230px;
		right:-160px;
		top:70px;
	}
	.bg-glass{
		padding:45px 0 30px 0;
	}
}
/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */
@media screen and (max-width: 767px){
	#title-section{
		padding-top:65px;
		padding-bottom:10px;
	}
	/*サブメニュー*/
	#submenu{
		padding-top:20px;
		padding-bottom:20px;
	}
	#submenu li{
		flex: 0 0 100%; /* スマホでは1列 */
	}
	/*コンテンツ*/
	.spark-wrap .marker{
		background: #FFFF00;
		padding:0 2px 2px 2px;
	}
	.spark-wrap{
		text-align: center;
		width: 90%;
		margin-left:auto;
		margin-right:auto;
	}
	.spark-title{
		line-height: 1.5em;
		width: 100%;
		display: inline-block;
		background-image: url("../img/exhibition/spark-left.png");
		background-repeat: no-repeat;
		background-size: 40px 33px;
		background-position: top left;
	}
	.spark-title .spark-inner{
		width: 100%;
		display: inline-block;
		background-image: url("../img/exhibition/spark-right.png");
		background-repeat: no-repeat;
		background-size: 40px 33px;
		background-position: top right;
		padding:20px 40px 0 40px;
	}
	/*タイトル*/
	.point-title{
		margin-top:60px;
		padding:33px 0 28px 0;
	}
	.point-box.point2{
		margin-left:-170px;
	}
	.taityo{
		width:180px;
		position: absolute;
		top:-45px;
		margin-right:-170px;
	}
	/*見どころ*/
	.exhibition-bg{
		padding:30px 0 10px 0;
	}
	.bg-glass{
		margin-top:10px;
		margin-bottom:40px;
		padding:45px 0 30px 0;
	}
	.exhibition-list{
		padding:30px;
	}
	.hakase-text{
		margin-top:0;
		margin-bottom:100px;
	}
	.exhibition-list.point1:before{
		height:80px;
		top:-80px;
	}
	/*
	.exhibition-list-point1-wrap{
		position:relative;
		max-width:280px;
		margin-left:auto;
		margin-right:auto;
	}
	.exhibition-list-point1-wrap:before{
		position: absolute;
		content:'';
		background-image: url("../img/exhibition/hakase3.png");
		background-repeat: no-repeat;
		background-size: contain;
		width:49px;
		height:77px;
		top:50%;
		margin-top:-38.5px;
		left:-49px;
	}
	.exhibition-list-point1-wrap:after{
		position: absolute;
		content:'';
		background-image: url("../img/exhibition/hakase4-5.png");
		background-repeat: no-repeat;
		background-size: contain;
		width:51px;
		height:184px;
		top:50%;
		margin-top:-92px;
		right:-51px;
	}
	.exhibition-list.point1{
		position: relative;
	}
	.exhibition-list.point1:before{
		position: absolute;
		content:'';
		background-image: url("../img/exhibition/hakase1.png");
		background-repeat: no-repeat;
		background-size: contain;
		width:59px;
		height:57px;
		top:-57px;
		left:-10px;
	}
	.exhibition-list.point1:after{
		position: absolute;
		content:'';
		background-image: url("../img/exhibition/hakase2.png");
		background-repeat: no-repeat;
		background-size: contain;
		width:57px;
		height:61px;
		top:-61px;
		right:-10px;
	}*/
	.exhibition-list li{
		margin-bottom:20px;
	}
	.insect6-7:before{
		width:150px;
		height:159px;
		left:-15px;
		top:-95px;
	}
	.insect6-7:after{
		background-image: none; 
	}
}
@media screen and (max-width: 410px){
}
/* ////////////////////////////////////////
スライド調整用　sm(540px以上)
//////////////////////////////////////// */
@media screen and (min-width:540px) {
}