@charset "utf-8";


/*--transitionAnimation--*/
body.booth #menu_list ul li.booth a{
	background-color:#d00;
	color:#fff;
}


/*----------------------------------------
	for PC
----------------------------------------*/


	@media screen and (min-width: 481px){

	/*--------common---------*/




	h2{
		font-size:40px;font-weight:800!important;
		color:#000;
		width:100%;
		text-align:center;
		padding:50px 0 50px;
		text-shadow:-2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff;
	}


	h3{
		display:table;
		font-size:35px;font-weight:800!important;text-align:center;
		color:#000;
		margin:0 auto 0;
	}

	h3 img{
		display: table-cell;
  	vertical-align: middle;
		margin-right:10px;
	}

	h3 span{
		display: table-cell;
		vertical-align: middle;
		font-weight:800!important;
	}


	.contents{
		width:100%;
		padding:0 0 100px;
		margin:0 auto 0;
		background-color:rgba(255,255,255,0.8);
	}

	.contents .inner{
		width:960px;
		display:block;
		margin:0 auto 0;
		padding:70px 0 0;
	}


	#map{
		width:95%;padding:6% 2%;
		background-repeat:no-repeat;
		background-position:center top;
		background-size:95%;
		margin:0 auto 70px;
		background-color:#fff;
		position:relative;

	}

	#map .img{
		width:80%;padding-top:90.8%;
		background-image:url('../img/booth/map.png');
		background-repeat:no-repeat;
		background-position:center top;
		background-size:95%;
		margin:0 auto 0;
		background-color:#fff;
	}

	#map a{position:absolute;}
	#map a.btn_map01{top:82%;left:70.5%;}
	#map a.btn_map02{top:78%;left:21%;}
	#map a.btn_map03{top: 64.5%;left:19%;}
	#map a.btn_map04{top:51.5%;left:77%;}
	#map a.btn_map05{top:62%;left:70.5%;}
	#map a.btn_map06{top:35%;left:12%;}
	#map a.btn_map07{top:41%;left:39%;}
	#map a.btn_map08{top:39%;left:62%;}





	.box{
		width:100%;
		background-color:#000;
		margin:15px 0 0;
		padding:0px;
		position:relative;
		overflow:hidden;
	}

	.box .inner{
		width:960px;
		margin:0 auto 0;
		padding:0 0 0;
		position:relative;
	}
	.box .info{
		width:50%;
		float:left;
		padding:20px 0 35px;
		position:relative;
		z-index:100;
	}

	.box .thum_box{
		width:100%;
		text-align:center;
		margin:20px 0 0;
	}

	.box .info .thum_box a{
		display:inline-block;
		width:80px;
		border:1px solid #666;
	}

	.box .info .thum_box a img{
		display:block;
		width:100%;
	}


	.box .logo{
		display:block;
		width:100%;
		margin:0 auto;
		position:relative;
	}

	.box h4{
		font-size:27px;
		font-weight:800;text-shadow:0 0 3px rgba(0,0,0,0.4);
		display:block;
		margin:20px 0 15px;
		line-height:130%;
		text-align:center;
	}

	.box p{
		line-height:150%;
		display:block;
		text-align:center;
	}


	.box .img{
		display:block;
		position:relative;
		float:right;
		width:50%;
		padding:50% 0 0;
	}

	.box .img img{
		display:block;
		position:absolute;
		width:100%;
		top:0px;right:0px;
	}

	.box .goods{
		border-radius:5px;
		background-color:#d00;
		padding:3%;
		margin:6% 0 0;
		position:relative;
		box-shadow:3px 3px 3px rgba(0,0,0,0.1);
	}

	.box .goods .catch{
		display:inline-block;
		border-radius:20px;
		background-color:#fff;
		color:#d00;
		padding:0.1% 4%;
		text-align:center;
		margin:0 0 2%;
		font-size:12px;
	}

	.box .goods .name{
		font-weight:800;
		font-size:25px;
		line-height:130%;
		padding-left:1%;
	}

	.box .goods .min{
		display:block;
		font-weight:800;
		font-size:11px;
		line-height:130%;
		padding-left:1%;
		color:#FBBEBB;
		margin-top:10px;
	}

	.box .goods .item{
		position:absolute;
		bottom:0px;
		right:0px;
		width:100px;
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
	}


	.box.s01{
		background:#22130C url('../img/booth/s01/bg.jpg') center top no-repeat;
		background-size:70%;
	}
	.box.s01 .img{padding-top:41%;}
	.box.s01 .img img{width:89%;right:40px;}


	.box.s02{
		background:#F1EADA url('../img/booth/s02/bg.jpg') center top no-repeat;
		background-size:150%;
	}
	.box.s02 .img{padding-top:32%;}
	.box.s02 .img img{width:205%;right:-250px;}
	.box.s02 .logo{width:90%;}
	.box.s02 h4{color:#422;text-shadow:0 0 3px rgba(255,255,255,0.9);}
	.box.s02 p{color:#422;}
	.box.s02 .item {right:20px;bottom:10px;width:90px;}

	.box.s03{
		background:#EDE0CD url('../img/booth/s03/bg.jpg') center top no-repeat;
		background-size:100%;
	}
	.box.s03 .img{padding-top:32%;}
	.box.s03 .img img{width:105%;right:-10%;}
	.box.s03 .logo{width:80%;}
	.box.s03 h4{color:#422;text-shadow:0 0 3px rgba(255,255,255,0.9);}
	.box.s03 p{color:#422;}
	.box.s03 .item {right:12px;bottom:-10px;width:150px;}


	.box.s04{
		background:#000 url('../img/booth/s04/bg.jpg') center top no-repeat;
		background-size:150%;
	}
	.box.s04 .img{padding-top:32%;}
	.box.s04 .img img{width:105%;right:-10%;}
	.box.s04 .logo{width:50%;}
	.box.s04 h4{color:#fff;text-shadow:0 0 3px rgba(255,255,255,0.9);}
	.box.s04 p{color:#fff;}
	.box.s04 .item {right:30px;bottom:2px;width:110px;-webkit-transform: rotate(15deg);-moz-transform: rotate(15deg);}


	.box.s05{
		background:#420B08 url('../img/booth/s05/bg.jpg') center top no-repeat;
		background-size:120%;
	}
	.box.s05 .img{padding-top:32%;}
	.box.s05 .img img{width:140%;right:-20%;}
	.box.s05 .logo{width:70%;}
	.box.s05 h4{color:#fff;text-shadow:0 0 3px rgba(255,255,255,0.9);}
	.box.s05 p{color:#fff;}
	.box.s05 .item {right:30px;bottom:5px;width:120px;}


	.box.s06{
		background:#F1EADA url('../img/booth/s06/bg.jpg') center top no-repeat;
		background-size:150%;
	}
	.box.s06 .img{padding-top:32%;}
	.box.s06 .img img{width:165%;right:-150px;}
	.box.s06 .logo{width:90%;}
	.box.s06 h4{color:#422;text-shadow:0 0 3px rgba(255,255,255,0.9);}
	.box.s06 p{color:#422;}
	.box.s06 .item {right:30px;bottom:5px;width:120px;}


	.box.s07{
		background:#fff url('../img/booth/s07/bg.jpg') center top no-repeat;
		background-size:120%;
	}
	.box.s07 .img{padding-top:32%;}
	.box.s07 .img img{width:100%;right:-20px;top:18px;}
	.box.s07 .logo{width:90%;}
	.box.s07 h4{color:#422;text-shadow:0 0 3px rgba(255,255,255,0.9);}
	.box.s07 p{color:#422;}
	.box.s07 .item {right:20px;bottom:10px;width:90px;}

	.box.s08{
		background:#fff url('../img/booth/s08/bg.jpg') center top no-repeat;
		background-size:120%;
	}
	.box.s08 .img{padding-top:32%;}
	.box.s08 .img img{width:100%;right:-20px;top:18px;}
	.box.s08 .logo{width:90%;}
	.box.s08 h4{color:#fff;}
	.box.s08 p{color:#fff;}
	.box.s08 .item {right:20px;bottom:10px;width:90px;}

	.box.s08 .info{
		margin:0 auto 30px;
		float:none;
	}


	/*--------common---------*/

}


/*----------------------------------------
	for irregular PC
----------------------------------------*/



/*----------------------------------------
	for SP
----------------------------------------*/

	@media screen and (max-width: 480px) {

	/*--------common sp---------*/


	h2{
		font-size:40px;font-weight:800!important;
		color:#000;
		width:100%;
		text-align:center;
		padding:50px 0 50px;
		text-shadow:-2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff;
	}

	h3{
		display:table;
		font-size:35px;font-weight:800!important;text-align:center;
		color:#000;
		margin:0 auto 0;
	}

	h3 img{
		display: table-cell;
		vertical-align: middle;
		margin-right:10px;
	}

	h3 span{
		display: table-cell;
		vertical-align: middle;
		font-weight:800!important;
	}


	.contents{
		width:100%;
		padding:0 0 100px;
		margin:0 auto 0;
		background-color:rgba(255,255,255,0.8);
	}

	.contents .inner{
		width:98%;
		display:block;
		margin:0 auto 0;
		padding:10px 0 0;
	}


	#map{
		width:95%;padding:6% 2%;
		background-repeat:no-repeat;
		background-position:center top;
		background-size:95%;
		margin:0 auto 70px;
		background-color:#fff;
		position:relative;

	}

	#map .img{
		width:95%;padding-top:104.8%;
		background-image:url('../img/booth/map.png');
		background-repeat:no-repeat;
		background-position:center top;
		background-size:95%;
		margin:0 auto 0;
		background-color:#fff;
	}

	#map a{
		position:absolute;
		top:10%;
		left:10%;
	}


	.box{
		width:100%;
		background-color:#000;
		margin:15px 0 0;
		padding:0px;
		position:relative;
		overflow:hidden;
	}

	.box .inner{
		width:98%;
		margin:0 auto 0;
		padding:0 0 0;
		position:relative;
	}
	.box .info{
		width:94%;margin:0 auto 0;
		padding:10px 0 35px;
		position:relative;
		z-index:100;
	}

	.box .thum_box{
		width:100%;
		text-align:center;
		margin:20px 0 0;
	}

	.box .info .thum_box a{
		display:inline-block;
		width:80px;
		border:1px solid #666;
	}

	.box .info .thum_box a img{
		display:block;
		width:100%;
	}

	.box .logo{
		display:block;
		width:100%;
		margin:0 auto;
		position:relative;
	}

	.box h4{
		font-size:27px;
		font-weight:800;text-shadow:0 0 3px rgba(0,0,0,0.4);
		display:block;
		margin:20px 0 15px;
		text-align:center;
		line-height:120%;
	}

	.box p{
		line-height:150%;
		display:block;
		text-align:left;
	}


	.box .img{
		display:block;
		position:relative;
		width:100%;
	}

	.box .img img{
		display:block;
		position:relative;
		width:100%;
	}

	.box .goods{
		border-radius:5px;
		background-color:#d00;
		padding:3%;
		margin:6% 0 0;
		position:relative;
		box-shadow:3px 3px 3px rgba(0,0,0,0.1);
	}

	.box .goods .catch{
		display:inline-block;
		border-radius:20px;
		background-color:#fff;
		color:#d00;
		padding:0.1% 4%;
		text-align:center;
		margin:0 0 2%;
		font-size:12px;
	}

	.box .goods .name{
		font-weight:800;
		font-size:25px;
		line-height:130%;
		padding-left:1%;
		text-shadow:1px 1px 4px #d00;
		position:relative;
		z-index:100;
	}

	.box .goods .min{
		display:block;
		font-weight:800;
		font-size:11px;
		line-height:120%;
		padding-left:1%;
		padding-top:10px;
		color:#FBBEBB;
	}

	.box .goods .item{
		position:absolute;
		bottom:0px;
		right:0px;
		width:100px;
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
	}


	.box.s01{
		background:#22130C url('../img/booth/s01/bg.jpg') center top no-repeat;
		background-size:300%;
	}
	/*.box.s01 .img{padding-top:32%;}
	.box.s01 .img img{width:69%;right:40px;}*/


	.box.s02{
		background:#F1EADA url('../img/booth/s02/bg.jpg') center top no-repeat;
		background-size:400%;
	}
	.box.s02 .img img{width:175%;right:0px;margin-left:-35%;margin-bottom:-60%;}
	.box.s02 .logo{width:90%;}
	.box.s02 h4{color:#422;text-shadow:0 0 3px rgba(255,255,255,0.9);}
	.box.s02 p{color:#422;}
	.box.s02 .item {right:20px;bottom:15px;width:27%;}



	.box.s03{
		background:#EDE0CD url('../img/booth/s03/bg.jpg') center top no-repeat;
		background-size:500%;
	}
	.box.s03 .img{padding-top:0%;}
	.box.s03 .img img{width:105%;right:-0%;margin-bottom:-20%;}
	.box.s03 .logo{width:80%;}
	.box.s03 h4{color:#422;text-shadow:0 0 3px rgba(255,255,255,0.9);}
	.box.s03 p{color:#422;}
	.box.s03 .item {right:8px;bottom:15px;width:150px;}


	.box.s04{
		background:#000 url('../img/booth/s04/bg.jpg') center top no-repeat;
		background-size:300%;
	}
	.box.s04 .img{padding-top:8%;}
	.box.s04 .img img{width:100%;right:0%;margin-bottom:-30%;}
	.box.s04 .logo{width:50%;}
	.box.s04 h4{color:#fff;text-shadow:0 0 3px rgba(255,255,255,0.9);}
	.box.s04 p{color:#fff;}
	.box.s04 .item {right:5px;bottom:2px;width:110px;-webkit-transform: rotate(15deg);-moz-transform: rotate(15deg);}


	.box.s05{
		background:#420B08 url('../img/booth/s05/bg.jpg') center top no-repeat;
		background-size:120%;
	}
	.box.s05 .img{padding-top:0%;}
	.box.s05 .img img{width:120%;right:10%;margin-bottom:-20%;}
	.box.s05 .logo{width:90%;margin-left:8%;}
	.box.s05 h4{color:#fff;text-shadow:0 0 3px rgba(255,255,255,0.9);}
	.box.s05 p{color:#fff;}
	.box.s05 .item {right:10px;bottom:19px;width:120px;}


	.box.s06{
		background:#F1EADA url('../img/booth/s06/bg.jpg') center top no-repeat;
		background-size:150%;
	}
	.box.s06 .img{padding-top:0%;}
	.box.s06 .img img{width:130%;right:15%;margin-bottom:-20%;}
	.box.s06 .logo{width:90%;}
	.box.s06 h4{color:#422;text-shadow:0 0 3px rgba(255,255,255,0.9);}
	.box.s06 p{color:#422;}
	.box.s06 .item {right:10px;bottom:19px;width:120px;}


	.box.s07{
		background:#fff url('../img/booth/s07/bg.jpg') center top no-repeat;
		background-size:800%;
	}
	.box.s07 .img{padding-top:0%;}
	.box.s07 .img img{width:90%;right:-5%;top:18px;margin-bottom:10%;}
	.box.s07 .logo{width:90%;}
	.box.s07 h4{color:#422;text-shadow:0 0 3px rgba(255,255,255,0.9);}
	.box.s07 p{color:#422;}
	.box.s07 .item {right:20px;bottom:10px;width:90px;}


	.box.s08{
		background:#080F22 url('../img/booth/s08/bg.jpg') center top no-repeat;
		background-size:300%;
	}



	/*--------common---------*/


}