@charset "utf-8";


/*---------------------------------------------------------------------------------------
	Overall settings
----------------------------------------------------------------------------------------*/

body{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color:#000;
	text-align:center;
}
#wrapper{
	padding-top: 190px;
}
.switch{}
a{ color:#000; text-decoration:none; -webkit-transition: all .2s; transition: all .2s;}		
a:hover{ opacity: .7; text-decoration:none;}
img.imgalpha, .svg path, .svg polygon{ -webkit-transition: all .2s; transition: all .2s;}
.svg{ vertical-align: middle;}
.underline{ text-decoration: underline;}
/* font */
.gothic{ font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.mincho{ font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
/* color */
.white{ color: #fff;}
.red{ color: #c00;}
/* bg */
.bg-white{ background: #fff;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	a:hover{ opacity: 1;}
}






/*---------------------------------------------------------------------------------------
	header
----------------------------------------------------------------------------------------*/

header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	font-weight: bold;
	line-height: 50px;
	background: transparent;
	z-index: 99999;
}
header h1{
	float: left;
	display: table;
	width: 25%;
	height: 50px;
	overflow: hidden;
    background-color: #FFFFFF;
}
header h1 a{
	display: table-cell;
	vertical-align: middle;
	padding: 10px 15px;
	line-height: 1;
}
header h1 a:hover{
	background: #ccc;
	opacity: 1;
}
header h1 a img{
	max-height: 70px;
	max-width: 260px;
	vertical-align: middle;
}
header #menu{
	display: none;
}
header nav{
	float: right;
	text-align: right;
	width: 70%;
	padding-right: 0px;
	position: relative;
}
header #gnav{
	width: 100%;
	/*padding-left: 30%;*/
	display: table;
	float: right;
}

header #gnav li,header #gnav li a{
	color: #FFFFFF;
}


header #gnav li span{
	border: 1px solid #FFFFFF;
	padding: 12px;
}


header #gnav li{
	display: table-cell;
}


header .gnavindex{
    background-color: #FFFFFF;
    width: 100%;
	height: 90px;
}

header #gnav li a{
	display: block;
	font-size: 1.5vw;
	white-space: nowrap;
}
header #gnav li a:hover,
header #gnav li.active a{
	background: #ccc;
	opacity: 1;
}


header nav .header-login{
	position: absolute;
	right: 60px;
	top: 0;
	width: 180px;
	color: #fff;
	font-size: 1.2vw;
	background: #000;
}
header nav .header-search{
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 50px;
	background: url(../images/icon-search.png) center / 20px no-repeat;
	cursor: pointer;
}
/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 959px) {
	header nav{
		padding-right: 180px;
	}
	header #gnav li a{
		font-size: 2vw;
	}
	header nav .header-login{
		width: 120px;
		font-size: 1.6vw;
	}
}
@media screen and (max-width: 768px) {
	header{
		padding: 0;
	}
	header h1{
		float: none;
		width: auto;
		padding: 0 0 0 3%;
		background: none;
		position: relative;
		z-index: 99999;
	}
	header h1 a{
		width: 200px;
		padding: 5px 0;
	}
	header h1 a:hover{
		background: none;
	}
	header h1 a img{
		vertical-align: middle;
	}
	header #menu{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 60px;
		height: 60px;
		cursor: pointer;
		z-index: 99999;
	}
	header #menu span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 15px;
		width: 30px;
		height: 2px;
		background: #000;
	}
	header #menu span:nth-of-type(1){ top: 18px;}
	header #menu span:nth-of-type(2){ top: 26px;}
	header #menu span:nth-of-type(3){ top: 34px;}
	header.open #menu span:nth-of-type(1){
		-webkit-transform: translateY(7px) rotate(-45deg);
		transform: translateY(7px) rotate(-45deg);
	}
	header.open #menu span:nth-of-type(2){
		left: 50%;
		opacity: 0;
		-webkit-animation: active-menu-bar02 .8s forwards;
		animation: active-menu-bar02 .8s forwards;
	}
	header.open #menu span:nth-of-type(3){
		-webkit-transform: translateY(-9px) rotate(45deg);
		transform: translateY(-9px) rotate(45deg);
	}
	header nav{
		float: none;
		position: fixed;
		left: 0;
		top: -100%;
		width: 100%;
		height: 100%;
		/*padding: 50px 0 0;*/
		padding: 80px 0 0;
		text-align: center;
		overflow-y: auto;
		-webkit-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		background: #eee;
	}
	header.open nav{
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
	header #gnav{
		display: block;
		padding: 0 0 20px;
	}
	header #gnav li{
		display: block;
	}
	header #gnav li a{
		display: block;
		white-space: wrap;
		padding: 0 3%;
		font-size: 16px;
	}
	header nav .header-login{
		position: static;
		width: 120px;
		font-size: 14px;
		margin: 0 auto;
	}
	header nav .header-search{
		position: static;
		margin: 0 auto;
	}
}






/*---------------------------------------------------------------------------------------
	contents
----------------------------------------------------------------------------------------*/

#contents{}
.wrap{
	clear: both;
	box-sizing: content-box;
	/*max-width: 1000px;*/
	margin-left: auto;
	margin-right: auto;
	padding-left: 0%;
	padding-right: 0%;
}
/* colwrap */
.colwrap{
}
.colwrap .leftcol{
	float: left;
	width: 270px;
	padding: 40px 25px 40px 0;
	/*background: #fff;*/
}
.colwrap .leftcol .snav{
}
.colwrap .rightcol{

	float: right;
	width: 100%;
	/*float: left;
	width: 75%;
		width: calc(100% - 303px);
	width: 100%;*/
}
/* search-menu */
.search-menu{
	clear: both;
}
.search-menu ul{
	display: table;
	width: 100%;
}
.search-menu ul li{
	display: table-cell;
	width: 25%;
}
.search-menu ul li a{
	display: block;
	padding: .8em 0;
	font-size: 2vw;
	font-weight: bold;
	position: relative;
}
.search-menu ul li a:hover{
	opacity: 1;
	background: #ccc;
}
.search-menu ul li:not(:last-child) a:after{
	display: inline-block;
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 20px;
	background: #7f7f7f;
}
/* ttl */
.ttl1{
	color: #fff;
	font-size: 26px;
	font-weight: normal;
	text-align: left;
	padding: 0 .5em 2px;
	background: #000;
}
.ttl2, .ttl3{
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	padding: 5px .5em 7px;
	background: #000;
}
.ttl3{ color: #000; background: #f3f3e6;}
/* btn */
a.btn-more{
	display: inline-block;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	padding: 0 40px 2px 10px;
	background: url(../images/icon-morebottom.png) right 10px top 10px / 12px auto no-repeat #000;
}
a.btn-more:hover{
	opacity: 1;
	background: url(../images/icon-morebottom.png) right 10px top 13px / 12px auto no-repeat #000;
}


/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	/* colwrap */
	.colwrap .leftcol{
		float: none;
		width: auto;
		padding: 40px 3%;
	}
	.colwrap .rightcol{
		float: none;
		width: auto;
	}
	.colwrap .rightcol .wrap{ padding: 0;}
	/* search-menu */
	.search-menu ul li a{
		font-size: 3vw;
	}
	/* ttl */
	.ttl1{
		font-size: 20px;
		padding: 5px .5em;
	}
	.ttl2, .ttl3{
		font-size: 24px;
	}
	/* btn */
	a.btn-more{
		font-size: 20px;
	}
}






/*---------------------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------------------*/

footer{
	clear: both;
	padding: 30px 3% 50px;
	background: #000;
	overflow: hidden;
}
footer p.logo{
	float: left;
	width: 12%;
}
footer ul{
	display: flex;
	flex-wrap: wrap;
	float: right;
	width: 82%;
	margin-bottom: 20px;
}
footer ul li{
	width: 19%;
	margin-right: 1.25%;
	margin-bottom: 1.25%;
}
footer ul li:nth-child(5n){ margin-right: 0;}
footer ul li a{
	/*display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 8px .5em;
	background: #fff;*/
	display: block;
font-size: 21px;
font-weight: bold;
padding: 8px .5em;
background: #fff;
}
footer p.copy{
	clear: both;
	color: #fff;
	font-size: 18px;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 1300px) {
	footer ul li a{
		font-size: 1.3vw;
	}
}
@media screen and (max-width: 768px) {
	footer p.logo{
		float: none;
		width: auto;
		margin: 0 auto 30px;
	}
	footer p.logo img{
		width: 100%;
		max-width: 150px;
	}
	footer ul{
		float: none;
		width: auto;
	}
	footer ul li{
		width: 49.5%;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	footer ul li:nth-child(5n){ margin-right: 1%;}
	footer ul li:nth-child(2n){ margin-right: 0;}
	footer ul li a{
		font-size: 14px;
	}
	footer p.copy{
		font-size: 14px;
	}
}



















































/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	Sub-page settings
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------
	/
----------------------------------------------------------------------------------------*/

.top-cont2{
	background: #000;
	overflow: hidden;
}
.top-cont2 .day{
	clear: both;
	margin-bottom: 5px;
}
.top-cont2 .day.blue{ background: #5dc2d0;}
.top-cont2 .day.yellow{ background: #d0c86a;}
.top-cont2 .day.orange{ background: #ff7864;}
.top-cont2 .day h3{
	float: left;
	width: 100px;
	padding: 20px 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2;
}
.top-cont2 .day h3 strong{
	font-size: 36px;
}
.top-cont2 .daywrap{
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	text-align: left;
	background: #000;
}
.top-cont2 .daywrap article{
	width: 25%;
	position: relative;
	font-weight: bold;
}
.top-cont2 .daywrap article a{
	display: block;
	color: #fff;
}
.top-cont2 .daywrap article .tag{
	position: absolute;
	right: 0;
	top: 0;
	color: #000;
	font-size: 12px;
	padding: 0 .5em 2px;
	background: #fff;
	z-index: 1;
}
.top-cont2 .daywrap article .tag:before{
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-color: transparent #ccc transparent transparent;
}
.top-cont2 .daywrap article .tag.green:before{ border-color: transparent #1eb43c transparent transparent;}
.top-cont2 .daywrap article .tag.yellow:before{ border-color: transparent #ffff00 transparent transparent;}
.top-cont2 .daywrap article .tag.blue:before{ border-color: transparent #00edec transparent transparent;}
.top-cont2 .daywrap article .tag.pink:before{ border-color: transparent #ff00ff transparent transparent;}
.top-cont2 .daywrap article .tag.orange:before{ border-color: transparent #ff7864 transparent transparent;}
.top-cont2 .daywrap article .tag span,
.top-cont2 .daywrap article figure{ position: relative;}
.top-cont2 .daywrap article figure figcaption{
	position: absolute;
	left: 0;
	bottom: 0;
	min-width: 5em;
	font-size: 12px;
	text-align: center;
	padding: 0 .5em 2px;
	background: #000;
}
.top-cont2 .daywrap article p.memo{
	font-size: 14px;
	padding: 5px 10px 0;
}
.top-cont2 .daywrap article p.txt{
	font-size: 18px;
	padding: 5px 10px 10px;
}
.top-cont3{
	position: relative;
}
.top-cont3 h3{
	position: absolute;
	left: 4%;
	top: 12%;
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
}
.top-cont3 p.more{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 18%;
}
.top-cont4{
	clear: both;
	background: #D2E100;
}
.top-cont4-box1{
	display: flex;
	flex-wrap: wrap;
	padding: 30px 3% 20px;
}
.top-cont4-box1 li{
	/*display: flex;*/
	width: 24%;
	margin-right: 1.333333%;
	margin-bottom: 1.333333%;
	border-radius: 8px;
	overflow: hidden;
}
.top-cont4-box1 li:nth-child(4n){ margin-right: 0;}
.top-cont4-box1 li a{
	display: block;
	background: #fff;
}
.top-cont4-box1 li a p{
	padding: 10px;
	font-weight: bold;
	text-align: left;
}
.top-cont4-box2{
	clear: both;
	position: relative;
}
.top-cont4-box2:before,
.top-cont4-box2:after{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100px;
}
.top-cont4-box2:before{ top: -1px; background: url("../images/top-cont4-box2-top.png") top center / 100% 100px no-repeat;}
.top-cont4-box2:after{ bottom: -1px; background: url("../images/top-cont4-box2-bottom.png") bottom center / 100% 100px no-repeat;}
.top-cont4-box2 h3{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 50%;
	z-index: 1;
}
.top-cont4-box2 div{
	display: table;
	width: 100%;
	height: 400px;
	background: #fff;
}
.top-cont4-box2 div figure{
	display: table-cell;
	vertical-align: middle;
	width: 43%;
	background: url("../images/top-cont4-box2-img1.jpg") center / cover no-repeat;
}
.top-cont4-box2 div dl{
	display: table-cell;
	vertical-align: middle;
	width: 30%;
	padding: 80px 0 80px 3%;
	text-align: left;
}
.top-cont4-box2 div dl dt{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}
.top-cont4-box2 div p{
	display: table-cell;
	vertical-align: middle;
	width: 27%;
	padding: 50px 2% 30px;
}
.top-cont4-box2 div p a{
	display: block;
	position: relative;
	top: 5px;
	max-width: 180px;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	line-height: 50px;
	background: #000;
	margin: 5px auto 0;
	padding-bottom: 2px;
}
.top-cont4-box2 div p a:before{
	display: block;
	content: "";
	position: absolute;
	left: -5px;
	top: -5px;
	width: 100%;
	height: 100%;
	background: #00B4FF;
	-webkit-transition: all .2s; transition: all .2s;
}
.top-cont4-box2 div p a span{
	display: block;
	position: relative;
	left: -5px;
	top: -5px;
	z-index: 2;
	-webkit-transition: all .2s; transition: all .2s;
}
.top-cont4-box2 div p a:hover{ opacity: 1;}
.top-cont4-box2 div p a:hover:before,
.top-cont4-box2 div p a:hover span{ top: 0;	left: 0;}
.top-cont4-box2 div p img{
	display: block;
	width: 35%;
	margin: -10px auto 0;
	position: relative;
}
.top-cont5{
	clear: both;
}
.top-cont5 > div{
	clear: both;
	overflow: hidden;
	padding: 15px 3% 25px;
	position: relative;
}
.top-cont5-box1{ background: url("../images/top-cont5-box1-bg.jpg") left bottom / 100% auto no-repeat #ff3585;}
.top-cont5-box2{ background: url("../images/top-cont5-box2-bg.jpg") left bottom / 100% auto no-repeat #009ce7;}
.top-cont5-box3{ background: url("../images/top-cont5-box3-bg.jpg") left bottom / 100% auto no-repeat #67b500;}
.top-cont5 > div dl.zoneabout{
	float: left;
	width: 30%;
	color: #fff;
	font-size: 18px;
	text-align: left;
}
.top-cont5 > div dl.zoneabout dt{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}
.top-cont5 > div p.zonebtn{
	position: absolute;
	left: 5%;
	bottom: 30px;
}
.top-cont5 > div p.zonebtn a{
	display: block;
	position: relative;
	top: 3px;
	width: 6.5em;
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
	background: #000;
	border-radius: 100px;
	margin: 3px auto 0;
	padding-right: .5em;
	padding-bottom: 2px;
}
.top-cont5 > div p.zonebtn a:before{
	display: block;
	content: "";
	position: absolute;
	left: -3px;
	top: -3px;
	width: 100%;
	height: 100%;
	background: #ff0;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.top-cont5 > div p.zonebtn a:after{
	display: block;
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -3px;
	width: 9px;
	height: 15px;
	background: url("../images/arrow-right-black.svg") center no-repeat;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.top-cont5 > div p.zonebtn a span{
	display: block;
	position: relative;
	left: -3px;
	top: -3px;
	z-index: 2;
	-webkit-transition: all .2s; transition: all .2s;
}
.top-cont5 > div p.zonebtn a:hover{ opacity: 1;}
.top-cont5 > div p.zonebtn a:hover:before,
.top-cont5 > div p.zonebtn a:hover span{ top: 0; left: 0;}
.top-cont5 > div p.zonebtn a:hover:after{
	right: 17px;
	margin-top: 0;
}
.top-cont5 > div article{
	clear: right;
	float: right;
	width: 68%;
	padding: 1.5%;
	margin-bottom: 10px;
	background: #fff;
	overflow: hidden;
}
.top-cont5 > div article figure{
	float: left;
	width: 20%;
	margin-right: 3%;
}
.top-cont5 > div article dl{
	margin-bottom: 10px;
	text-align: left;
	overflow: hidden;
}
.top-cont5 > div article dl dt{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.top-cont5 > div article p.btn{
	text-align: right;
}
.top-cont5 > div article p.btn a{
	display: inline-block;
	position: relative;
	top: 3px;
	width: 6.5em;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	border-radius: 100px;
	margin: 3px auto 0;
	padding-right: .5em;
	padding-bottom: 2px;
}
.top-cont5 > div article p.btn a:before{
	display: block;
	content: "";
	position: absolute;
	left: -3px;
	top: -3px;
	width: 100%;
	height: 100%;
	background: #ff0;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.top-cont5 > div article p.btn a:after{
	display: block;
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -3px;
	width: 6px;
	height: 15px;
	background: url("../images/arrow-right.svg") center / 6px auto no-repeat;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.top-cont5 > div article p.btn a span{
	display: block;
	position: relative;
	left: -3px;
	top: -3px;
	z-index: 2;
	-webkit-transition: all .2s; transition: all .2s;
}
.top-cont5 > div article p.btn a:hover{ opacity: 1;}
.top-cont5 > div article p.btn a:hover:before,
.top-cont5 > div article p.btn a:hover span{ top: 0; left: 0;}
.top-cont5 > div article p.btn a:hover:after{
	right: 9px;
	margin-top: 0;
}
.top-cont5 > div.top-cont5-box1 article p.btn a{ background: #7f0e40;}
.top-cont5 > div.top-cont5-box1 article p.btn a:before{ background: #ff3585;}
.top-cont5 > div.top-cont5-box2 article p.btn a{ background: #004e74;}
.top-cont5 > div.top-cont5-box2 article p.btn a:before{ background: #009ce7;}
.top-cont5 > div.top-cont5-box3 article p.btn a{ background: #2f5e0c;}
.top-cont5 > div.top-cont5-box3 article p.btn a:before{ background: #67b500;}
.top-cont6-box{
	padding: 40px 3%;
	text-align: left;
	background: #ece9c3;
}
.top-cont6-box h3{
	min-height: 40px;
	font-size: 30px;
	padding-left: 70px;
	margin-bottom: 20px;
	background: url(../images/top-cont6-q.svg) left top / 50px auto no-repeat;
}
.top-cont6-box .formbox{
	position: relative;
	padding-right: 130px;
	margin-bottom: 20px;
}
.top-cont6-box .formbox input{
	border: none;
	border-radius: 8px;
}
.top-cont6-box .formbox button{
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
	height: 47px;
	line-height: 45px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	margin: 3px auto 0;
	background: #4fa1ac;
	border-radius: 8px;
}
.top-cont6-box .formbox button:before{
	display: block;
	content: "";
	position: absolute;
	left: -3px;
	top: -3px;
	width: 100%;
	height: 100%;
	background: #5dc2d0;
	border-radius: 8px;
	-webkit-transition: all .2s; transition: all .2s;
}
.top-cont6-box .formbox button span{
	display: block;
	position: relative;
	left: -3px;
	top: -3px;
	z-index: 2;
	-webkit-transition: all .2s; transition: all .2s;
}
.top-cont6-box .formbox button:hover{ opacity: 1;}
.top-cont6-box .formbox button:hover:before,
.top-cont6-box .formbox button:hover span{ top: 0; left: 0;}
.top-cont6-box p.txt{
	font-size: 20px;
}
.top-cont7 ul{
	clear: both;
	display: flex;
	flex-wrap: wrap;
}
.top-cont7 ul li{
	width: 16.666666%;
	position: relative;
}
.top-cont7 ul li span{
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background: rgba(0,0,0,.4);
}
.top-cont7 ul li a{ color: #fff;}
.specialbooth{
	clear: both;
	text-align: center;
	background: #010101;
	overflow: hidden;
}
.specialbooth h2{
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	padding: 30px 0;
}
.specialbooth-box1{
	display: flex;
	flex-wrap: wrap;
	padding: 0 3% 20px;
}
.specialbooth-box1 li{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	color: #fff;
	font-weight: bold;
	text-align: left;
	position: relative;
	border-radius: 50px;
	overflow: hidden;
}
.specialbooth-box1 li:nth-child(3n){ margin-right: 0;}
.specialbooth-box1 li a{ color: #fff;}
.specialbooth-box1 li span.txt1{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-size: 16px;
	padding: 10px 20px;
}
.specialbooth-box1 li span.txt2{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 26px;
	padding: 10px 20px;
}
.specialbooth .more{
	margin-bottom: 20px;
}
.specialbooth .more a{
	border: 1px solid #fff;
}
.specialbooth-box2{
	clear: both;
	color: #fff;
	padding: 20px 3% 40px;
	background: #381718;
}
.specialbooth-box2 p.txt{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
.specialbooth-box2 p.btn a{
	display: block;
	position: relative;
	top: 3px;
	width: 50%;
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
	background: #808080;
	border-radius: 100px;
	margin: 3px auto 0;
	padding-right: .5em;
	padding-bottom: 2px;
}
.specialbooth-box2 p.btn a:before{
	display: block;
	content: "";
	position: absolute;
	left: -3px;
	top: -3px;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.specialbooth-box2 p.btn a:after{
	display: block;
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -3px;
	width: 12px;
	height: 20px;
	background: url("../images/arrow-right-black.svg") center / 12px auto no-repeat;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.specialbooth-box2 p.btn a span{
	display: block;
	position: relative;
	left: -3px;
	top: -3px;
	z-index: 2;
	-webkit-transition: all .2s; transition: all .2s;
}
.specialbooth-box2 p.btn a:hover{ opacity: 1;}
.specialbooth-box2 p.btn a:hover:before,
.specialbooth-box2 p.btn a:hover span{ top: 0; left: 0;}
.specialbooth-box2 p.btn a:hover:after{
	right: 17px;
	margin-top: 0;
}
.top-cont8{
	clear: both;
	padding: 30px 3% 50px;
	background: #ffffff;
}
.top-cont8 h2{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}
.top-cont8-box{
	padding: 20px 2%;
	background: #fff;
	border-radius: 100px;
}
.top-cont8-box h3{
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 15px;
}
.top-cont8-box h3.premier{ color: #aa961e;}
.top-cont8-box h3.special{ color: #738c9b;}
.top-cont8-box h3.exhibiting{ color: #c87350;}
.top-cont8-box h3.collaboration{ color: #a0a0a0;}
.top-cont8-box ul{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.top-cont8-box ul li{
	padding: 0 15px 15px;
}
.top-cont8-box ul.cell2 li{ width: 50%; padding: 0 15% 15px;}
.top-cont8-box ul.cell4 li{ width: 25%; padding: 0 7% 15px;}
.top-cont8-box ul.cell6 li{ width: 16%; padding: 0 2% 15px;}
.top-cont8-box ul.cell8 li{ width: 12.5%; padding: 0 1% 15px;}
.top-cont8-box ul.cell10 li{ width: 10%;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.top-cont2 .day h3{
		float: none;
		width: auto;
		padding: 5px 0;
		font-size: 16px;
	}
	.top-cont2 .day h3 strong{
		font-size: 26px;
		padding-right: .5em;
	}
	.top-cont2 .daywrap article{
		width: 50%;
	}
	.top-cont2 .daywrap article p.memo{
		font-size: 12px;
	}
	.top-cont2 .daywrap article p.txt{
		font-size: 16px;
	}
	.top-cont3 h3{
		font-size: 4vw;
	}
	.top-cont4{
		clear: both;
		background: #D2E100;
	}
	.top-cont4-box1{
		padding: 20px 3%;
	}
	.top-cont4-box1 li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.top-cont4-box1 li:nth-child(2n){ margin-right: 0;}
	.top-cont4-box2:before,
	.top-cont4-box2:after{
		height: 50px;
	}
	.top-cont4-box2:before{ top: -1px; background: url("../images/top-cont4-box2-top.png") top center / 100% 50px no-repeat;}
	.top-cont4-box2:after{ bottom: -1px; background: url("../images/top-cont4-box2-bottom.png") bottom center / 100% 50px no-repeat;}
	.top-cont4-box2 h3{
		width: 80%;
	}
	.top-cont4-box2 div{
		display: block;
		height: auto;
	}
	.top-cont4-box2 div figure{
		display: block;
		width: auto;
		background: none;
	}
	.top-cont4-box2 div dl{
		display: block;
		width: auto;
		padding: 20px 3%;
	}
	.top-cont4-box2 div dl dt{
		font-size: 20px;
	}
	.top-cont4-box2 div p{
		display: block;
		width: auto;
		padding: 0 3%;
	}
	.top-cont4-box2 div p a{
		max-width: 180px;
		font-size: 20px;
		line-height: 40px;
	}
	.top-cont4-box2 div p img{
		width: 80px;
	}
	.top-cont5 > div{
		padding: 15px 3% 25px;
		background-position: right bottom!important;
		background-size: 135% auto!important;
	}
	.top-cont5 > div dl.zoneabout{
		float: none;
		width: auto;
		font-size: 14px;
		margin-bottom: 15px;
	}
	.top-cont5 > div dl.zoneabout dt{
		font-size: 20px;
	}
	.top-cont5 > div p.zonebtn{
		position: static;
		margin-bottom: 15px;
	}
	.top-cont5 > div p.zonebtn a{
		font-size: 18px;
		line-height: 35px;
		margin: 3px 0 0;
	}
	.top-cont5 > div p.zonebtn a:after{
		right: 15px;
	}
	.top-cont5 > div p.zonebtn a:hover:after{
		right: 12px;
	}
	.top-cont5 > div article{
		float: none;
		width: auto;
		padding: 3%;
		margin-bottom: 10px;
	}
	.top-cont5 > div article figure{
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.top-cont5 > div article dl{
		margin-bottom: 10px;
		text-align: left;
		overflow: hidden;
	}
	.top-cont5 > div article dl dt{
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.top-cont6-box{
		padding: 20px 3%;
	}
	.top-cont6-box h3{
		min-height: 20px;
		font-size: 20px;
		padding-left: 40px;
		background: url(../images/top-cont6-q.svg) left top 3px / 30px auto no-repeat;
	}
	.top-cont6-box .formbox{
		padding-right: 80px;
	}
	.top-cont6-box .formbox input{
		height: 40px;
		line-height: 40px;
	}
	.top-cont6-box .formbox button{
		width: 70px;
		height: 37px;
		line-height: 35px;
		font-size: 20px;
	}
	.top-cont6-box p.txt{
		font-size: 16px;
	}
	.top-cont7 ul li{
		width: 33.333333%;
	}
	.top-cont7 ul li span{
		padding: 5px 0;
		font-size: 12px;
	}
	.specialbooth h2{
		font-size: 24px;
		padding: 30px 0 20px;
	}
	.specialbooth-box1 li{
		width: 49%;
		border-radius: 30px;
		margin-top: 25px;
	}
	.specialbooth-box1 li:nth-child(3n){ margin-right: 2%;}
	.specialbooth-box1 li:nth-child(2n){ margin-right: 0;}
	.specialbooth-box1 li span.txt1{
		font-size: 12px;
		padding: 10px 15px;
	}
	.specialbooth-box1 li span.txt2{
		font-size: 16px;
		padding: 10px 15px;
	}
	.specialbooth-box2 p.txt{
		font-size: 16px;
		text-align: left;
	}
	.specialbooth-box2 p.btn a{
		font-size: 20px;
		line-height: 40px;
		width:100%;
	}
	.specialbooth-box2 p.btn a:after{
		right: 15px;
	}
	.specialbooth-box2 p.btn a:hover:after{
		right: 12px;
	}
	.top-cont8{
		padding: 20px 3%;
	}
	.top-cont8 h2{
		font-size: 20px;
	}
	.top-cont8-box{
		padding: 20px 2% 10px;
		border-radius: 30px;
	}
	.top-cont8-box h3{
		font-size: 16px;
	}
	.top-cont8-box ul li{
		padding: 0 10px 15px;
	}
	.top-cont8-box ul.cell2 li{ width: 50%; padding: 0 20px 15px;}
	.top-cont8-box ul.cell4 li{ width: 25%; padding: 0 10px 15px;}

	.top-cont8-box ul.cell10 li{ width: 20%;}
}






/*---------------------------------------------------------------------------------------
	search
----------------------------------------------------------------------------------------*/

.search-cont1{
	padding: 10px 3% 0;
	background: #f0eccd;
	overflow: hidden;
}

.top-cont1wrap .news{
	position: absolute;
	left: 1%;
	top: 280px;
	/*width: 30%;*/
	width: 340px;
	max-width: 340px;
	font-size: 12px;
	text-align: left;
}
.top-cont1wrap .news h2{
	display: inline-block;
	margin-left: 1em;
	color: #fff;
	font-weight: normal;
	padding: 0 .5em;
	background: #000;
}
.top-cont1wrap .news .newsinner{
	padding: 10px;
	background: rgba(255,255,255,.8);
	box-shadow: 0px 2px 5px -3px #666;
}
.top-cont1wrap .news .newsinner dl{
	overflow: hidden;
	margin-bottom: 2px;
}
.top-cont1wrap .news .newsinner dl dt{
	float: left;
	width: 5em;
}
.top-cont1wrap .news .newsinner dl dd{
	overflow: hidden;
}

.search-cont1 .tabwrap{
	display: flex;
}
.search-cont1 .tabwrap li{
	width: 25%;
	line-height: 60px;
	font-size: 20px;
	cursor: pointer;
	position: relative;
}
.search-cont1 .tabwrap li:not(:last-child):after{
	display: inline-block;
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 20px;
	background: #000;
}
.search-cont1 .tabwrap li.active{
	background: #fff;
	border-radius: 20px 20px 0 0;
}
.search-cont1 .panelwrap{
	clear: both;
	margin-bottom: 15px;
}
.search-cont1 .panelwrap .panel{
	display: none;
	text-align: left;
	padding: 20px 3% 20px 3%;
	background: #fff;
	border-radius: 20px;
	position: relative;
}
.search-cont1 .panelwrap .panel:first-child{ border-radius: 0 20px 20px 20px;}
.search-cont1 .panelwrap .panel:last-child{ border-radius: 20px 0 20px 20px;}
.search-cont1 .panelwrap .panel.show{ display: block;}
p.panel-ttl,
ul.panel-list{
	margin-right: 110px;
	margin-bottom: 10px;
}
p.panel-ttl span{
	display: inline-block;
	min-width: 5em;
	padding: 0 .5em 2px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: #000;
}
ul.panel-list li{
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	font-size: 16px;
	margin-bottom: 5px;
}
p.panel-btn button{
	position: absolute;
	right: 3%;
	bottom: 20px;
	width: 100px;
	height: 42px;
	line-height: 40px;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	margin: 3px auto 0;
	background: #4fa1ac;
	border-radius: 8px;
}
p.panel-btn button:before{
	display: block;
	content: "";
	position: absolute;
	left: -3px;
	top: -3px;
	width: 100%;
	height: 100%;
	background: #5dc2d0;
	border-radius: 8px;
	-webkit-transition: all .2s; transition: all .2s;
}
p.panel-btn button span{
	display: block;
	position: relative;
	left: -3px;
	top: -3px;
	z-index: 2;
	-webkit-transition: all .2s; transition: all .2s;
}
p.panel-btn button:hover{ opacity: 1;}
p.panel-btn button:hover:before,
p.panel-btn button:hover span{ top: 0; left: 0;}
.search-cont1-formbox{
	position: relative;
	padding-right: 60px;
	margin-bottom: 20px;
	border: 2px solid #000;
	border-radius: 8px;
	overflow: hidden;
}
.search-cont1-formbox input{
	vertical-align: top;
	border: none;
	height: 60px;
	line-height: 60px;
	font-size: 26px;
}
.search-cont1-formbox input::placeholder{ color: #808080;}
.search-cont1-formbox button{
	vertical-align: bottom;
	border: none;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin: 3px auto 0;
	background: url("../images/icon-search-white.png") left 10px top 9px / 40px auto no-repeat #000;
}
.search-cont1-formbox button:hover{
	opacity: 1;
	background: url("../images/icon-search-white.png") left 10px top 14px / 40px auto no-repeat #000;
}
.search-cont1-result{
	display: table;
	width: 100%;
	margin-bottom: 20px;
}
.search-cont1-result div{
	display: table-cell;
	vertical-align: middle;
	padding: 30px 10px;
	color: #fff;
	font-size: 26px;
	background: #5dc2d0;
	border-radius: 30px;
	position: relative;
}
.search-cont1-result div:after{
	content: "";
	display: inline-block;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 25px;
	border-color: transparent transparent transparent #5dc2d0;
}
.search-cont1-result div strong{
	display: inline-block;
	margin-left: .5em;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: .1em;
}
.search-cont1-result figure{
	display: table-cell;
	vertical-align: middle;
	width: 150px;
	height: 150px;
	padding-left: 20px;
	position: relative;
}
.search-cont1-result figure img{
	position: absolute;
	right: 0;
	bottom: -20px;
	width: 140px;
	max-width: inherit;
}
.search-cont2{
	clear: both;
	padding-bottom: 30px;
	background: #f3f3e6;
	overflow: hidden;
}
.search-cont3{
	clear: both;
	padding-bottom: 30px;
	background: #5dc2d0;
	overflow: hidden;
}
.search-cont4{
	clear: both;
	padding-bottom: 30px;
	background: #ff7885;
	overflow: hidden;
}
.search-cont5{
	clear: both;
	padding: 30px 3% 0;
	background: #f0eccd;
	overflow: hidden;
}
.search-cont5 article{
	text-align: left;
	padding: 20px 3% 20px 3%;
	margin-bottom: 30px;
	background: #fff;
	border-radius: 20px;
	position: relative;
}
.search-cont5 article h3{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.search-cont1 .tabwrap li{
		line-height: 1.3;
		font-size: 3vw;
		padding: .8em 0;
	}
	.search-cont1 .tabwrap li.active{
		background: #fff;
		border-radius: 20px 20px 0 0;
	}
	p.panel-ttl,
	ul.panel-list{
		margin-right: 70px;
	}
	p.panel-ttl span,
	ul.panel-list li{
		font-size: 14px;
	}
	p.panel-btn button{
		width: 70px;
		height: 37px;
		line-height: 35px;
		font-size: 20px;
	}
	.search-cont1-formbox{
		padding-right: 40px;
	}
	.search-cont1-formbox input{
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	.search-cont1-formbox button{
		width: 40px;
		height: 40px;
		line-height: 40px;
		background: url("../images/icon-search-white.png") left 8px top 6px / 25px auto no-repeat #000;
	}
	.search-cont1-formbox button:hover{
		opacity: 1;
		background: url("../images/icon-search-white.png") left 8px top 9px / 25px auto no-repeat #000;
	}
	.search-cont1-result div{
		padding: 15px 10px;
		font-size: 20px;
	}
	.search-cont1-result div:after{
		border-width: 10px 0 10px 15px;
	}
	.search-cont1-result div strong{
		font-size: 20px;
	}
	.search-cont1-result figure{
		width: 100px;
		height: 100px;
		padding-left: 10px;
	}
	.search-cont1-result figure img{
		width: 100px;
	}
	.search-cont5 article h3{
		font-size: 20px;
	}
}






/*---------------------------------------------------------------------------------------
	booth
----------------------------------------------------------------------------------------*/

.booth-cont1{
	padding: 170px 3% 30px;
	text-align: left;
	background: url(../images/booth-cont1-bg.jpg) center top / cover no-repeat;
	overflow: hidden;
	position: relative;
}
.booth-cont1 p.logo{
	position: absolute;
	right: 15px;
	top: 10px;
	width: 90px;
}
.booth-cont1 h2{
	font-size: 40px;
	margin-bottom: 10px;
}
.booth-cont1 p.txt{
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 20px;
}
.booth-cont1 ul{
	display: flex;
}
.booth-cont1 ul li{
	width: 32%;
	margin-right: 2%;
}
.booth-cont1 ul li:nth-child(3){ margin-right: 0;}
.booth-cont1 ul li a{
	display: flex;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 2em 15px 1em;
	border-radius: 8px;
}
.booth-cont1 ul li:nth-child(1) a{ background: url("../images/arrow-right.svg") right 7% center / 12px auto no-repeat #f66;}
.booth-cont1 ul li:nth-child(2) a{ background: url("../images/arrow-right.svg") right 7% center / 12px auto no-repeat #26b7bc;}
.booth-cont1 ul li:nth-child(3) a{ background: url("../images/arrow-right.svg") right 7% center / 12px auto no-repeat #f6ab00;}

.booth-cont-contest h2{
	font-size: 40px;
	margin-bottom: 10px;
}
.booth-cont-contest p.txt{
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 20px;
}
.booth-cont-contest ul{
	display: flex;
}
.booth-cont-contest{
	margin-top: 20px;
}
.booth-cont-contest ul li:nth-child(1){
	width: 60%;
	margin-right: 2%;
}

.booth-cont-contest ul li:nth-child(2){ 
	width: 37%;
	margin-right: 0;
}
.booth-cont-contest ul li a{
	display: flex;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 2em 15px 1em;
	border-radius: 8px;
}
.booth-cont-contest ul li:nth-child(1) a{ background: url("../images/arrow-right.svg") right 7% center / 12px auto no-repeat #f66;}
.booth-cont-contest ul li:nth-child(2) a{ background: url("../images/arrow-right.svg") right 7% center / 12px auto no-repeat #26b7bc;}
.booth-cont-contest ul li:nth-child(3) a{ background: url("../images/arrow-right.svg") right 7% center / 12px auto no-repeat #f6ab00;}


.booth-cont-contest ul li.like_body:nth-child(2) a {
	background: url("../images/arrow-right.svg") right 7% center / 12px auto no-repeat #eeeeee;
	color: #26b7bc;
}

.booth-cont-contest ul li.like_body.liked:nth-child(2) a {
	background: url("../images/arrow-right.svg") right 7% center / 12px auto no-repeat #26b7bc;
	pointer-events:none ;
	color:#ffffff;
}

.booth-cont2{
}
.booth-cont2 article{
	clear: both;
	overflow: hidden;
}
.booth-cont2 article.box1{ background: #d66c3a}
.booth-cont2 article.box2{ background: #b184d3}
.booth-cont2 article.box3{ background: #8cd1d8}
.booth-cont2 article.box4{ background: #125982}
.booth-cont2 article div{
	float: right;
	width: 65%;
	padding: 30px 3%;
	color: #fff;
	text-align: left;
}
.booth-cont2 article div h3{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}
.booth-cont2 article p.txt{
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 20px;
}
.booth-cont2 article p.txt2{
	float: left;
	font-size: 16px;
	line-height: 1.6;
}	
.booth-cont2 article p.btn,.about p.btn{
	float: right;
}

.about p.btn{
	margin:20px;
}
.booth-cont2 article p.btn a,.about p.btn a{
	display: block;
	position: relative;
	top: 3px;
	/*width: 12em;*/
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	background: #808080;
	border-radius: 100px;
	margin: 3px auto 0;
	padding: 0 1em 2px 1em;
}
.booth-cont2 article p.btn a:before,.about p.btn a:before{
	display: block;
	content: "";
	position: absolute;
	left: -3px;
	top: -3px;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.booth-cont2 article p.btn a:after,.about p.btn a:after{
	display: block;
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -3px;
	width: 12px;
	height: 20px;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.booth-cont2 article p.btn a span,.about p.btn a span{
	display: block;
	position: relative;
	left: -3px;
	top: -3px;
	z-index: 2;
	-webkit-transition: all .2s; transition: all .2s;
}
.booth-cont2 article p.btn a:hover,.about p.btn  a:hover{ opacity: 1;}
.booth-cont2 article p.btn a:hover:before,
.booth-cont2 article p.btn a:hover span7{ top: 0; left: 0;}
.booth-cont2 article p.btn a:hover:after{
	right: 12px;
	margin-top: 0;
}
.booth-cont2 article.box2 p.btn a{ color: #b184d3; background: #765a85;}
.booth-cont2 article.box2 p.btn a:after{ background: url("../images/arrow-right-purple.svg") center / 7px auto no-repeat;}
.booth-cont2 article.box4 p.btn a{ color: #125982; background: #002944;}
.booth-cont2 article.box4 p.btn a:after{ background: url("../images/arrow-right-navy.svg") center / 7px auto no-repeat;}
.booth-cont2 article figure{
	float: left;
	width: 35%;
	padding: 15px 0 15px 3%;
	overflow: hidden;
}

.booth-cont3{
	clear: both;
	padding: 20px 0;
	background: #f3f3e6;
	min-height: 400px;
}
.booth-cont3-box{
	display: flex;
	flex-wrap: wrap;
	padding: 0 1% 0 3%;
}
.booth-cont3-box li{
	width: 23%;
	margin-right: 2%;
	margin-bottom: 2%;
	color: #fff;
	font-weight: bold;
	text-align: left;
	position: relative;
	border-radius: 50px;
	overflow: hidden;
	max-height: 400px;
}
.booth-cont3-box li.cell2{ width: 48%;min-height: 320px;}
.booth-cont3-box li a{
	display: block;
	color: #fff;
}
.booth-cont3-box li a:before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60%;
	background: linear-gradient(to bottom,  rgba(41, 32, 32, 0.80) 0%,rgba(0,0,0,0) 100%);
	z-index: 9;
}

.booth-cont3-box li span.txt{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-size: 20px;
	padding: 20px 20px;
	z-index: 10;
}
.booth-cont3-box li p.btn{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 15px 20px;
}
.booth-cont3-box li p.btn span{
	display: block;
	position: relative;
	top: 3px;
	width: 8em;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	background: #000;
	border-radius: 100px;
	margin: 3px auto 0;
	padding: 0 1em 2px 1em;
}
.booth-cont3-box li p.btn span:before{
	display: block;
	content: "";
	position: absolute;
	left: -3px;
	top: -3px;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.booth-cont3-box li p.btn span:after{
	display: block;
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	background: url("../images/arrow-right-black.svg") center / 7px auto no-repeat;
	transform: translateY(-50%);
	margin-top: -3px;
	width: 12px;
	height: 20px;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.booth-cont3-box li p.btn span strong{
	display: block;
	position: relative;
	left: -3px;
	top: -3px;
	z-index: 2;
	-webkit-transition: all .2s; transition: all .2s;
}
.booth-cont3-box li a:hover{ opacity: 1;}
.booth-cont3-box li a:hover p.btn span:before,
.booth-cont3-box li a:hover p.btn span strong{ top: 0; left: 0;}
.booth-cont3-box li a:hover p.btn span:after{
	right: 12px;
	margin-top: 0;
}
.booth-cont4{
	clear: both;
	padding-top: 30px;
	background: #465064;
}
.booth-cont4-box{
	color: #fff;
	padding: 30px 3%;
}
.booth-cont4-box h2{
	font-size: 30px;
	margin-bottom: 10px;
}
.booth-cont4-box p{
	font-size: 16px;
	line-height: 1.6;
}
.booth-cont5{
	clear: both;
	padding-top: 10px;
	background: #f66;
}
.booth-cont5 h2.ttl2{
	background: none;
}
.booth-cont5 article{
	padding: 20px 3%;
}
.booth-cont5-box1{ background: #f66; padding: 10px 3% 20px!important;}
.booth-cont5-box2{ background: #26b7bc;}
.booth-cont5-box3{ background: #f6ab00;}
.booth-cont5 article > div{
	padding: 20px 3% 5px;
	background: #fff;
	border-radius: 30px;
	position: relative;
	overflow: hidden;
}
.booth-cont5 article > div figure{
	float: left;
	width: 25%;
	margin-right: 20px;
	margin-bottom: 15px;
}
.booth-cont5 article .box1{
	text-align: left;
	overflow: hidden;
	margin-bottom: 15px;
}
.booth-cont5 article h3{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}
.booth-cont5-box1 h3{ color: #f66;}
.booth-cont5-box2 h3{ color: #26b7bc;}
.booth-cont5-box3 h3{ color: #f6ab00; text-align: center;}
.booth-cont5 article .box1 p.txt{
	margin-bottom: 10px;
}
.booth-cont5 article .box1 {
	overflow: hidden;
	margin-bottom: 15px;
}
.booth-cont5-box1 .box2{
	display: none;
	clear: both;
	text-align: left;
	margin-bottom: 60px;
	overflow: hidden;
}
.booth-cont5-box1 .box2 h4{
	clear: both;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.booth-cont5-box1 .box2 dl{
	float: left;
	display: table;
	border-radius: 10px;
	overflow: hidden;
}
.booth-cont5-box1 .box2 dl.input1{
	width: 40%;
	margin-right: 3%;
	margin-bottom: 10px;
}
.booth-cont5-box1 .box2 dl.input2{
	width: 57%;
	margin-bottom: 10px;
}
.booth-cont5-box1 .box2 dl.input3{
	width: 57%;
	margin-right: 3%;
	margin-bottom: 20px;
}
.booth-cont5-box1 .box2 dl.input4{
	width: 40%;
	margin-bottom: 20px;
}
.booth-cont5-box1 .box2 dl dt{
	display: table-cell;
	width: 5em;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: #ff7864;
}
.booth-cont5-box1 .box2 dl.input2 dt{ width: 9em;}
.booth-cont5-box1 .box2 dl.input4 dt{ width: 7em;}
.booth-cont5-box1 .box2 dl dd input{
	height: 40px;
	line-height: 40px;
	background: #e5e5e5;
	border: none;
}
.booth-cont5-box1 .box2 ul{
	margin-bottom: 10px;
}
.booth-cont5-box1 .box2 ul li{
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	margin-bottom: 10px;
	font-size: 18px;
}
.booth-cont5-box1 .box2 textarea{
	height: 80px;
	background: #e5e5e5;
	border: none;
	border-radius: 10px;
	overflow: hidden;
}
.booth-cont5 article .btn{
	position: absolute;
	right: 3%;
	bottom: 15px;
	cursor:pointer;
}
.booth-cont5 article .btn a{
	display: block;
	position: relative;
	top: 3px;
	width: 12em;
	color: #fff;
	font-weight: bold;
	text-align: left;
	line-height: 30px;
	background: #000;
	border-radius: 8px;
	margin: 3px auto 0;
	padding: 0 1em 2px 1em;
}
.booth-cont5 article .btn a:before{
	display: block;
	content: "";
	position: absolute;
	left: -3px;
	top: -3px;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 8px;
	-webkit-transition: all .2s; transition: all .2s;
}
.booth-cont5 article .btn a:after{
	display: block;
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	background: url("../images/arrow-right.svg") center / 7px auto no-repeat;
	transform: translateY(-50%);
	margin-top: -3px;
	width: 12px;
	height: 20px;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.booth-cont5 article .btn a span{
	display: block;
	position: relative;
	left: -3px;
	top: -3px;
	z-index: 2;
	-webkit-transition: all .2s; transition: all .2s;
}
.booth-cont5 article .btn a:hover{ opacity: 1;}
.booth-cont5 article .btn a:hover:before,
.booth-cont5 article .btn a:hover span{ top: 0; left: 0;}
.booth-cont5 article .btn a:hover:after{
	right: 12px;
	margin-top: 0;
}
.booth-cont5-box1 .btn a{ background: #802d2f!important;}
.booth-cont5-box1 .btn a:before{ background: #f66!important;}
.booth-cont5-box2 .btn a{ background: #005e61!important;}
.booth-cont5-box2 .btn a:before{ background: #26b7bc!important;}
.booth-cont5-box3 .btn a{ background: #7f5700!important;}
.booth-cont5-box3 .btn a:before{ background: #f6ab00!important;}
.booth-cont5-box3 .txt{
	float: left;
	width: calc(100% - 200px);
	font-size: 26px;
	margin-bottom: 20px!important;
}
.booth-cont5-box3 .hint{
	float: right;
	width: 180px;
	margin-bottom: 30px;
}
.booth-cont5-box3 ul{
	clear: left;
}
.booth-cont5-box3 ul li{
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	margin-bottom: 10px;
	padding: .2em .5em .3em;
	font-size: 20px;
	border: 1px solid #000;
	border-radius: 100px;
}
.booth-cont6{
	clear: both;
	display: table;
	width: 100%;
	background: #efefef;
	overflow: hidden;
}
.booth-cont6 figure{
	display: table-cell;
	vertical-align: bottom;
	width: 28%;
	padding: 15px 0 15px 3%;
}
.booth-cont6 div:first-child{
	display: table-cell;
	vertical-align: middle;
	padding: 30px 3% 30px 0;
	text-align: left;
	overflow: hidden;
}
.booth-cont6 div p.fc{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.booth-cont6 div h2{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}
.booth-cont6 div p.txt{
	line-height: 1.6;
}
.booth-cont7{
	clear: both;
	padding: 40px 0;
	position: relative;
}
.booth-cont7 .favorite{
	position: absolute;
	right: 0;
	top: 40px;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
}
.booth-cont7 .favorite img{
	width: 40px;
	margin-right: .5em;
	vertical-align: middle;
}
.booth-cont7 dl.sns{
	margin-bottom: 20px;
}
.booth-cont7 dl.sns dt{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}
.booth-cont7 dl.sns dd a{
	display: inline-block;
	width: 45px;
	vertical-align: top;
	margin: 0 5px 10px;
}
.booth-cont7 dl.about{
	display: table;
	width: 100%;
}
.booth-cont7 dl.about dt{
	display: table-cell;
	vertical-align: bottom;
	width: 150px;
	padding-right: 30px;
}
.booth-cont7 dl.about dd{
	display: table-cell;
	line-height: 1.6;
	text-align: left;
	vertical-align: middle;
}
.booth-cont7 dl.about dd strong{
	display: block;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}
.booth-cont8{
	clear: both;
	position: relative;
}
.booth-cont8 li{
	position: absolute;
	left: 46%;
	top: 9%;
	width: 15%;
}
.booth-cont8 li.door2{ left: 63%;}
.booth-cont8 li.door3{ left: 79%;}
.booth-cont8 li a{ transition: none; display: block;}
.booth-cont8 li.door1 a{ background: url(../images/booth-cont8-door1.png) center top / 100% auto no-repeat;}
.booth-cont8 li.door2 a{ background: url(../images/booth-cont8-door2.png) center top / 100% auto no-repeat;}
.booth-cont8 li.door3 a{ background: url(../images/booth-cont8-door3.png) center top / 100% auto no-repeat;}
.booth-cont8 li a:hover{ opacity: 1; background-position: center bottom;}
.booth-cont8 p.arrow{
	position: absolute;
	right: 0;
	top: 0;
	width: 3%;
	height: 87%;
	background: url("../images/arrow-right.svg") center / 9px auto no-repeat rgba(0,0,0,.5);
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 1100px) {
	.booth-cont1 ul li a{
		font-size: 1.6vw;
		background-size: 9px auto!important;
	}
}
@media screen and (max-width: 768px) {
	.booth-cont1{
		padding: 20% 3% 20px;
		background: url(../images/booth-cont1-bg-sp.jpg) center top / cover no-repeat;
	}
	.booth-cont1 p.logo{
		right: 2%;
		top: 2%;
		width: 13%;
	}
	.booth-cont1 h2{
		font-size: 24px;
	}
	.booth-cont1 p.txt{
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: 0;
	}
	.booth-cont1 ul{
		display: block;
		max-width: 300px;
		margin: 0 auto;
	}
	.booth-cont1 ul li{
		width: auto;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.booth-cont1 ul li a{
		display: block;
		font-size: 16px;
		padding: 15px 2em 15px 1em;
		background-position: right 1em center!important;
	}
	.booth-cont2 article div{
		float: none;
		width: auto;
		padding: 20px 3%;
	}
	.booth-cont2 article div h3{
		font-size: 20px;
	}
	.booth-cont2 article div p.txt{
		font-size: 14px;
		margin-bottom: 5px;
	}
	.booth-cont2 article div p.txt2{
		float: none;
		font-size: 14px;
		margin-bottom: 20px;
	}
	.booth-cont2 article p.btn{
		/*float: none;*/
		margin-bottom: 20px;
	}
	.booth-cont2 article p.btn a{
		font-size: 14px;
	}
	.booth-cont2 article figure{
		float: none;
		width: 100%;
		padding: 0 10% 20px;
	}
	.booth-cont3-box{
		padding: 0 1% 0 3%;
	}
	.booth-cont3-box li{
		width: 48%;
		border-radius: 30px;
	}
	.booth-cont3-box li.cell2{ width: 98%; margin-right: 0;}
	.booth-cont3-box li span.txt{
		font-size: 16px;
		padding: 10px 15px;
	}
	.booth-cont3-box li p.btn{
		padding: 10px 15px;
	}
	.booth-cont3-box li p.btn span{
		font-size: 14px;
	}
	.booth-cont4-box h2{
		font-size: 24px;
	}
	.booth-cont4-box p{
		font-size: 14px;
	}
	.booth-cont5 article > div{
		padding: 20px 3% 45px;
	}
	.booth-cont5 article > div figure{
		float: none;
		width: auto;
		margin-right: 0;
		text-align: center;
	}
	.booth-cont5 article h3{
		font-size: 20px;
	}
	.booth-cont5-box1 .box2{
		margin-bottom: 15px;
	}
	.booth-cont5-box1 .box2 h4{
		font-size: 16px;
	}
	.booth-cont5-box1 .box2 dl{
		float: none;
		width: auto!important;
		margin-right: 0!important;
		margin-bottom: 10px!important;
	}
	.booth-cont5-box1 .box2 dl.input4{ margin-bottom: 20px!important;}
	.booth-cont5-box1 .box2 dl dt{
		width: 4em;
		font-size: 14px;
	}
	.booth-cont5-box1 .box2 dl.input2 dt{ width: 8em;}
	.booth-cont5-box1 .box2 dl.input4 dt{ width: 6em;}
	.booth-cont5-box1 .box2 ul li{
		font-size: 16px;
	}
	.booth-cont5-box3 .txt{
		float: none;
		width: auto;
		font-size: 20px;
		margin-bottom: 15px!important;
	}
	.booth-cont5-box3 .hint{
		float: none;
		width: auto;
		margin-bottom: 15px;
	}
	.booth-cont5-box3 ul{
		margin-bottom: 10px;
	}
	.booth-cont5-box3 ul li{
		margin-right: .5em;
		margin-bottom: 5px;
		font-size: 16px;
	}
	.booth-cont6{
		display: block;
	}
	.booth-cont6 figure{
		display: block;
		width: auto;
		padding: 0 10%;
	}
	.booth-cont6 div{
		/*display: block;*/
		padding: 30px 3% 0;
	}
	.booth-cont6 div p.fc{
		font-size: 16px;
	}
	.booth-cont6 div h2{
		font-size: 20px;
	}
	.booth-cont7{
		padding: 30px 3%;
	}
	.booth-cont7 .favorite{
		position: static;
		font-size: 16px;
		line-height: 30px;
		text-align: right;
		margin-bottom: 5px;
	}
	.booth-cont7 .favorite img{
		width: 30px;
	}
	.booth-cont7 dl.sns{
		margin-bottom: 20px;
	}
	.booth-cont7 dl.sns dt{
		font-size: 20px;
	}
	.booth-cont7 dl.sns dd a{
		width: 40px;
	}
	.booth-cont7 dl.about{
		display: block;
	}
	.booth-cont7 dl.about dt{
		display: block;
		width: 120px;
		padding-right: 0;
		margin: 0 auto 15px;
	}
	.booth-cont7 dl.about dd{
		display: block;
	}
	.booth-cont7 dl.about dd strong{
		font-size: 20px;
	}
}






/*---------------------------------------------------------------------------------------
	summary
----------------------------------------------------------------------------------------*/

.summary-cont1{
	position: relative;
}
.summary-cont1 ul{
	position: absolute;
	left: 7%;
	bottom: 7%;
	width: 90%;
}
.summary-cont1 ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
}
.summary-cont1 ul li a{
	display: flex;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	padding: 10px 1em 12px .8em;
	background: url("../images/arrow-right.svg") right 7% center / 12px auto no-repeat #000;
	border-radius: 8px;
}
.summary-cont1 ul li:nth-child(2) a{ background: url("../images/arrow-right.svg") right 7% center / 12px auto no-repeat #fc516d;}
.summary-cont2 ul{
	display: flex;
	flex-wrap: wrap;
	background: #000;
	overflow: hidden;
}
.summary-cont2 ul li{
	float: left;
	width: 33%;
	margin-right: .5%;
	margin-bottom: .5%;
}
.summary-cont2 ul li:nth-child(3n){ margin-right: 0;}
.summary-cont3 article{
	clear: both;
	padding: 10px 3% 20px;
	background: url(../images/summary-cont3-bg.svg) center top / 100% auto no-repeat #5dc2d0;
	overflow: hidden;
}
.summary-cont3 article.pink{ background: url(../images/summary-cont3-bg.svg) center top / 100% auto no-repeat #ff789d;}
.summary-cont3 article p.date{
	color: #5dc2d0;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}
.summary-cont3 article.pink p.date{ color: #ff789d;}
.summary-cont3 article h3{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
}
.summary-cont3 article figure{
	float: left;
	width: 40%;
	margin-right: 3%;
}
.summary-cont3 article .box{
	text-align: left;
	overflow: hidden;
	position: relative;
}
.summary-cont3 article .box p.txt{
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 10px;
}
.summary-cont3 article .box table{
	margin-right: 150px;
}
.summary-cont3 article .box table th{
	white-space: nowrap;
}
.summary-cont3 article .box p.btn{
	position: absolute;
	right: 0;
	bottom: 3px;
}
.summary-cont3 article .box p.btn a{
	display: block;
	position: relative;
	top: 3px;
	width: 7em;
	color: #5dc2d0;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	background: #3d858e;
	border-radius: 100px;
	margin: 3px auto 0;
	padding: 0 1em 2px .8em;
}
.summary-cont3 article .box p.btn a:before{
	display: block;
	content: "";
	position: absolute;
	left: -3px;
	top: -3px;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.summary-cont3 article .box p.btn a:after{
	display: block;
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	background: url("../images/arrow-right-blue.svg") center / 7px auto no-repeat;
	transform: translateY(-50%);
	margin-top: -3px;
	width: 12px;
	height: 20px;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.summary-cont3 article .box p.btn a span{
	display: block;
	position: relative;
	left: -3px;
	top: -3px;
	z-index: 2;
	-webkit-transition: all .2s; transition: all .2s;
}
.summary-cont3 article .box p.btn a:hover{ opacity: 1;}
.summary-cont3 article .box p.btn a:hover:before,
.summary-cont3 article .box p.btn a:hover span{ top: 0; left: 0;}
.summary-cont3 article .box p.btn a:hover:after{
	right: 12px;
	margin-top: 0;
}
.summary-cont3 article.pink .box p.btn a{ color: #ff789d; background: #a9506b;}
.summary-cont3 article.pink .box p.btn a:after{ background: url("../images/arrow-right-pink.svg") center / 7px auto no-repeat;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 1100px) {
	.summary-cont1 ul li a{
		font-size: 2.2vw;
		background-size: 9px auto!important;
	}
}
@media screen and (max-width: 768px) {
	.summary-cont1 ul{
		position: absolute;
		left: 3%;
		right: 3%;
		bottom: 2%;
		width: auto;
		max-width: 300px;
		margin: 0 auto;
	}
	.summary-cont1 ul li{
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.summary-cont1 ul li a{
		display: block;
		font-size: 16px;
		text-align: left;
		padding: 15px 2em 15px 1em;
		background-position: right 1em center!important;
	}
	.summary-cont2 ul li{
		float: left;
		width: 49.5%;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	.summary-cont2 ul li:nth-child(3n){ margin-right: 1%;}
	.summary-cont2 ul li:nth-child(2n){ margin-right: 0;}
	.summary-cont3 article p.date{
		font-size: 24px;
	}
	.summary-cont3 article h3{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.summary-cont3 article figure{
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.summary-cont3 article .box p.txt{
		font-size: 14px;
	}
	.summary-cont3 article .box table{
		margin-bottom: 15px;
	}
	.summary-cont3 article .box p.btn{
		position: static;
		margin-bottom: 3px;
	}
	.summary-cont3 article .box p.btn a{
		font-size: 16px;
		line-height: 30px;
	}
}






/*---------------------------------------------------------------------------------------
	summary
----------------------------------------------------------------------------------------*/

.zonebaby-cont1{
	padding: 2% 3% 5%;
	background: url(../images/zonebaby-cont1-bg.png) center top / 1000px auto no-repeat, url(../images/zonebaby-cont1-bg2.png) center bottom / 100% auto no-repeat #95cc42;
}
.zonebaby-cont1 h2{
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 30px;
}
.zonebaby-cont1 p.txt{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
.zonebaby-cont2{
	clear: both;
	padding: 40px 3%;
	background: #f7e0ac;
	overflow: hidden;
}
.zonebaby-cont2 li{
	float: left;
	width: 32%;
	margin-right: 2%;
}
.zonebaby-cont2 li:nth-child(3){ margin-right: 0;}
.zonebaby-cont2 li a{
	display: flex;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	padding: 10px 1em 12px .8em;
	border-radius: 8px;
}
.zonebaby-cont2 li:nth-child(1) a{ background: url("../images/arrow-right.svg") right 7% center / 12px auto no-repeat #f66;}
.zonebaby-cont2 li:nth-child(2) a{ background: url("../images/arrow-right.svg") right 7% center / 12px auto no-repeat #26b7bc;}
.zonebaby-cont2 li:nth-child(3) a{ background: url("../images/arrow-right.svg") right 7% center / 12px auto no-repeat #f6ab00;}
.zonebaby-cont3{
	clear: both;
	background: #f66;
}
.zonebaby-cont3 h2{
	margin-bottom: 30px;
	/*background: url("../images/zonebaby-cont3-bg.png") center / 100% auto no-repeat;*/
}
.zonebaby-cont3 h2 span{
	display: block;
	max-width: 9em;
	color: #f66;
	font-size: 30px;
	font-weight: bold;
	padding: 0 .5em 2px;
	margin: 0 auto;
	border: none;/*2px solid #f66;*/
	background: #fff;
	border-radius: 100px;
}
.zonebaby-cont3-box{
	display: flex;
	flex-wrap: wrap;
	padding: 0 3% 20px;
}
.zonebaby-cont3-box article{
	position: relative;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 3.5%;
	padding: 20px;
	background: #fff;
	border-radius: 30px;
}
.zonebaby-cont3-box article:nth-child(3n){ margin-right: 0;}
.zonebaby-cont3-box article a{ display: block;}
.zonebaby-cont3-box article figure{
	margin-bottom: 0px;
}
.zonebaby-cont3-box article h3{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}
.zonebaby-cont3-box article p{
	text-align: left;
}
.zonebaby-cont4{
	clear: both;
	background: #26b7bc;
}
.zonebaby-cont4 h2{
	margin-bottom: 30px;
	background: url("../images/zonebaby-cont4-bg.png") center / 100% auto no-repeat;
}
.zonebaby-cont4 h2 span{
	display: block;
	max-width: 7.5em;
	color: #26b7bc;
	font-size: 30px;
	font-weight: bold;
	padding: 0 0 2px;
	margin: 0 auto;
	border: none;/*2px solid #26b7bc;;*/
	background: #fff;
	border-radius: 100px;
}
.zonebaby-cont5{
	clear: both;
	background: #f6ab00;
}
.zonebaby-cont5 h2{
	margin-bottom: 30px;
	background: url("../images/zonebaby-cont5-bg.png") center / 100% auto no-repeat;
}
.zonebaby-cont5 h2 span{
	display: block;
	max-width: 7em;
	color: #f6ab00;
	font-size: 30px;
	font-weight: bold;
	padding: 0 .5em 2px;
	margin: 0 auto;
	border: none;/*2px solid #f6ab00;*/
	background: #fff;
	border-radius: 100px;
}
.zonebaby-cont6{
	clear: both;
	padding-bottom: 50px;
	background: url("../images/zonebaby-cont6-bg2.png") center bottom / 100% auto no-repeat #96cc42;
	overflow: hidden;
}
.zonebaby-cont6 h2{
	margin-bottom: 30px;
	background: url("../images/zonebaby-cont6-bg.png") center / 100% auto no-repeat;
	position: relative;
}
.zonebaby-cont6 h2 img.bg{
	width: 350px;
}
.zonebaby-cont6 h2 span{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #96cc42;
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 2px;
}
.zonebaby-cont6 h2 span img.flag1{
	position: absolute;
	right: 118%;
	top: 0;
	width: 100%;
}
.zonebaby-cont6 h2 span img.flag2{
	position: absolute;
	left: 118%;
	top: 0;
	width: 100%;
}
.zonebaby-cont6-box{
	padding: 0 3%;
	overflow: hidden;
}
.zonebaby-cont6-box article{
	clear: both;
	padding: 20px 3%;
	margin-bottom: 15px;
	text-align: left;
	background: #fff;
	border-radius: 30px;
	overflow: hidden;
}
.zonebaby-cont6-box article figure{
	float: left;
	width: 25%;
	margin-right: 3%;
}
.zonebaby-cont6-box article .box{
	overflow: hidden;
	position: relative;
}
.zonebaby-cont6-box article .box p.catch{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}
.zonebaby-cont6-box article .box h3{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}
.zonebaby-cont6-box article .box p.txt{
	margin-right: 150px;
}
.zonebaby-cont6-box article .box p.btn{
	position: absolute;
	right: 0;
	bottom: 3px;
}
.zonebaby-cont6-box article .box p.btn a{
	display: block;
	position: relative;
	top: 3px;
	width: 8em;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	background: #496a1d;
	border-radius: 100px;
	margin: 3px auto 0;
	padding: 0 1em 2px 1em;
}
.zonebaby-cont6-box article .box p.btn a:before{
	display: block;
	content: "";
	position: absolute;
	left: -3px;
	top: -3px;
	width: 100%;
	height: 100%;
	background: #95cc42;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.zonebaby-cont6-box article .box p.btn a:after{
	display: block;
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: -3px;
	width: 12px;
	height: 20px;
	background: url("../images/arrow-right.svg") center / 7px auto no-repeat;
	border-radius: 100px;
	-webkit-transition: all .2s; transition: all .2s;
}
.zonebaby-cont6-box article .box p.btn a span{
	display: block;
	position: relative;
	left: -3px;
	top: -3px;
	z-index: 2;
	-webkit-transition: all .2s; transition: all .2s;
}
.zonebaby-cont6-box article .box p.btn a:hover{ opacity: 1;}
.zonebaby-cont6-box article .box p.btn a:hover:before,
.zonebaby-cont6-box article .box p.btn a:hover span{ top: 0; left: 0;}
.zonebaby-cont6-box article .box p.btn a:hover:after{
	right: 12px;
	margin-top: 0;
}
/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 1100px) {
	.zonebaby-cont2 li a{
		font-size: 2.2vw;
		background-size: 9px auto!important;
	}
}
@media screen and (max-width: 768px) {
	.zonebaby-cont1{
		padding: 5% 3% 40px;
		background: url(../images/zonebaby-cont1-bg.png) center top / 110% auto no-repeat, url(../images/zonebaby-cont1-bg2.png) center bottom / 100% auto no-repeat #95cc42;
	}
	.zonebaby-cont1 h2{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.zonebaby-cont1 p.txt{
		font-size: 16px;
	}
	.zonebaby-cont2{
		padding: 30px 3%;
	}
	.zonebaby-cont2 ul{
		float: none;
		width: auto;
		max-width: 300px;
		margin: 0 auto;
	}
	.zonebaby-cont2 li{
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.zonebaby-cont2 li a{
		display: block;
		font-size: 16px;
		text-align: left;
		padding: 15px 2em 15px 1em;
		background-position: right 1em center!important;
	}
	.zonebaby-cont3 h2,
	.zonebaby-cont4 h2,
	.zonebaby-cont5 h2{
		margin-bottom: 20px;
	}
	.zonebaby-cont3 h2 span,
	.zonebaby-cont4 h2 span,
	.zonebaby-cont5 h2 span{
		font-size: 26px;
	}
	.zonebaby-cont3-box article{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
		padding: 15px;
	}
	.zonebaby-cont3-box article:nth-child(3n){ margin-right: 2%;}
	.zonebaby-cont3-box article:nth-child(2n){ margin-right: 0;}
	.zonebaby-cont3-box article figure{
		margin-bottom: 0 !important;
	}
	.zonebaby-cont3-box article h3{
		margin-bottom: 5px;
		margin: 10px auto 10px auto;
	}
	.zonebaby-cont6{
		padding-bottom: 30px;
	}
	.zonebaby-cont6 h2{
		margin-bottom: 30px;
		background: url("../images/zonebaby-cont6-bg.png") center / 100% auto no-repeat;
		position: relative;
	}
	.zonebaby-cont6 h2 img.bg{
		width: 280px;
	}
	.zonebaby-cont6 h2 span{
		font-size: 24px;
		white-space: nowrap;
	}
	.zonebaby-cont6 h2 span img.flag1{
		right: 118%;
		width: 90%;
	}
	.zonebaby-cont6 h2 span img.flag2{
		left: 118%;
		width: 90%;
	}
	.zonebaby-cont6-box article{
		margin-bottom: 10px;
	}
	.zonebaby-cont6-box article figure{
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 10px;
		text-align: center;
	}
	.zonebaby-cont6-box article .box p.catch{
		font-size: 16px;
	}
	.zonebaby-cont6-box article .box h3{
		font-size: 20px;
	}
	.zonebaby-cont6-box article .box p.txt{
		margin-right: 0;
		margin-bottom: 15px;
	}
	.zonebaby-cont6-box article .box p.btn{
		position: static;
		padding-bottom: 3px;
	}
}