@charset "UTF-8";
/* ////////////////////////////////////////
PC,SP
//////////////////////////////////////// */
h1{color:#F9E8A5;}
#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{
	background-image: url("../img/common/bg-left.png");
	background-repeat: repeat-y;
	background-size: auto 100%;
	background-position: left top;
	background-attachment: fixed;
	background-color: #F9E8A5;
}
#contents .contents-bg{
	background-image: url("../img/common/bg-right.png");
	background-repeat: repeat-y;
	background-size: auto 100%;
	background-position: right top;
	background-attachment: fixed;
	padding-bottom:10px;
}
#contents .main-title-wrap{
	position: relative;
	z-index: 3;
}
/*本展のご紹介*/
#introduction{
	padding-top:calc(60px + 67px);	
}
#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;
}
#contents .main-title{
	position: relative;
	z-index: 4;
	background-color: #E3002D;
	color:#fff;
	border-radius:50px;
	padding:20px 10px;
	max-width:411px;
	margin-left:auto;
	margin-right:auto;
}
#contents .main-title:after{
	position: absolute;
	content:'';
	background-image: url("../img/index/title-fukidashi.png");
	background-size: contain;
	background-repeat: no-repeat;
	width:30px;
	height:23px;
	left:50%;
	margin-left:-15px;
	bottom:-20px;
}
#contents .detail-box{
	margin-top:-30px;
	position:relative;
	z-index: 2;
	line-height:2em;
	background-color: #fff;
	border:5px solid #E3002D;
	border-radius:30px;
	padding:50px 30px 30px 30px;
}
#contents .main-title.insect1{
	padding-left:60px;
	padding-right:60px;
}
.insect1:before{
	position:absolute;
	content:'';
	background-image: url("../img/index/insect1.png");
	background-size: contain;
	width:169px;
	height:148px;
	right:-75px;
	top:-70px;
}
.insect3:before{
	position:absolute;
	content:'';
	background-image: url("../img/index/insect3.png");
	background-size: contain;
	width:175px;
	height:175px;
	left:-83px;
	top:-70px;
}
/*開催概要*/
#overview{
	padding-top:calc(60px + 67px);	
}
#overview .main-title-wrap:before{
	position: absolute;
	z-index: 0;
	content:'';
	background-image: url("../img/index/en-overview.png");
	background-repeat: no-repeat;
	background-size: contain;
	width:897px;
	height:84px;
	left:50%;
	margin-left:-448.5px;
	top:-67px;
}
/*アクセス*/
#access .detail-box{
	padding:30px 30px 30px 30px;
	margin-top:45px;
	margin-bottom:45px;
}
/*表*/
#contents .gaiyou-table{
	width:100%;
}
#contents .gaiyou-table tr{
	border-top:1px solid #8CC451;
}
#contents .gaiyou-table tr:last-child{
	border-bottom:1px solid #8CC451;
}
#contents .gaiyou-table tr>*{
	vertical-align: middle;
}
#contents .gaiyou-table th{
	width:18%;
	line-height: 1.2em;
}
#contents .gaiyou-table td{
	padding:0 0 0 20px;
	width:82%;
}
#contents .gaiyou-table th .th-bg{
	margin:20px 0;
	display: block;
	padding:10px 5px;
	width:100%;
	text-align: center;
	background-color: #8CC451;
	border-radius:50px;
	color:#fff;
}
/*表タイトル均等割り*/
.th-kintou.kintou{
	display: block;
	-moz-text-align-last: justify;
  	text-align-last: justify;
	margin-left:auto;
	margin-right:auto;
}
/*/表タイトル均等割り*/
/*////////////////////////////////////////
印刷時　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:-70px;
		bottom:-70px;
	}
	.insect4:before{
		position:absolute;
		content:'';
		background-image: url("../img/index/insect4.png");
		background-size: contain;
		width:244px;
		height:236px;
		right:0;
		top:-20px;
	}
}
/* ////////////////////////////////////////
印刷時　PCのみ
//////////////////////////////////////// */
@media screen and (min-width:1100px) , print{
}
@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;
	}
	#overview .main-title-wrap:before{
		background-position: center bottom;
		width:100%;
		height:82px;
		margin-left:0;
		left:0;
		top:-53px;
	}
	.insect1:before{
		width:85px;
		height:75px;
		right:-35px;
		top:-30px;
	}
	.insect3:before{
		width:100px;
		height:100px;
		left:-45px;
		top:-45px;
	}
}
/* ////////////////////////////////////////
タブレットのみ
//////////////////////////////////////// */
@media screen and (min-width: 767px) and (max-width: 1100px) {
	#introduction{
		padding-top:100px;
	}
	#overview{
		padding-top:100px;
	}
	#introduction .main-title-wrap:before{
		top:-70px;
	}
	#overview .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;
	}
}
/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */
@media screen and (max-width: 767px){	
	#contents{
		overflow: hidden;
		position: relative;
		background-image: none;
		-webkit-clip-path: inset(0);/*スマホ背景固定用*/
          clip-path: inset(0);/*スマホ背景固定用*/
  		z-index: -1;/*スマホ背景固定用*/
	}
	.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);
	}
	/*スマホ背景固定用*/
	#contents:before {
		width:100%;
		height:100%;
		content:"";
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:0;
		background-image: url("../img/common/bg-left-sp.png");
		background-size: 158px auto;
		background-repeat: repeat-y;
	}
	#contents:after {
		width:100%;
		height:100%;
		content:"";
		display:block;
		position:fixed;
		top:0;
		right:0;
		z-index:0;
		background-image: url("../img/common/bg-right-sp.png");
		background-size: 155px auto;
		background-repeat: repeat-y;
		background-position: top right;
	}
	#contents .container{
		position: relative;
		z-index:1;
	}
	/*/スマホ背景固定用*/
	#contents .contents-bg{
		background-image: none;
		padding-bottom:70px;
	}
	#introduction{
		padding-top:40px;
	}
	#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-wrap{
		padding-top:25px;
		background-size: 100% auto;
	}
	#contents .main-title{
		max-width:265px;
		padding:15px 10px;
	}
	#contents .detail-box{
		padding:50px 15px 15px 15px;
	}
	#contents .main-title.insect1{
		padding-left:30px;
		padding-right:30px;
	}
	/*アクセス*/
	#access .detail-box{
		margin-top:30px;
		margin-bottom:10px;
		padding:15px 15px 15px 15px;
	}
	#access .google-map{
		padding-bottom: 100%;
	}
	/*表*/
	#contents .gaiyou-table tr{
		border-top:none;
	}
	#contents .gaiyou-table th{
		width:100%;
		display: block;
	}
	#contents .gaiyou-table th .th-bg{
		margin:0;
	}
	#contents .gaiyou-table td{
		width:100%;
		padding:10px;
		display: block;
	}
}
/* ////////////////////////////////////////
スライド調整用　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){
}