@charset "utf-8";

body
{
	/*background: linear-gradient(#FBEFF2, #fff) fixed;*/
	background-image: url(../img/bg.jpg)
}

.blur, .blur > img
{
	margin	: 0;
	padding	: 0;
	border	: 0;
}

.blur
{
	position	: relative;
	display		: inline-block;
	font-size	: 0;
	line-height	: 0;
}

.blur:after
{
	/*
	position			: absolute;
	left				: 0;
	top					: 0;
	right				: 0;
	bottom				: 0;
	-moz-box-shadow		: inset 5px 0px 5px #fff, inset -5px 0px 5px #fff;
	-webkit-box-shadow	: inset 5px 0px 5px #fff, inset -5px 0px 5px #fff;
	box-shadow			: inset 5px 0px 5px #fff, inset -5px 0px 5px #fff;
	content				: " ";
	*/
}

#top_area
{
	max-width	: 1200px;
	margin		: 40px auto 0;
}

.box_blur
{
	/*
	-moz-box-shadow		: inset 5px 0px 5px #fff, inset -5px 0px 5px #fff;
	-webkit-box-shadow	: inset 5px 0px 5px #fff, inset -5px 0px 5px #fff;
	box-shadow			: inset 5px 0px 5px #fff, inset -5px 0px 5px #fff;
	content				: " ";
	*/
}

#top_area img
{
	width: 100%;
}

#backtop a img:hover
{
	opacity: 0.8;
}

#event_info_area
{
	display		: -webkit-box;
	display		: -ms-flexbox;
	display		: -webkit-flex;
	display		: flex;
	max-width	: 1200px;
	margin		: -5px auto 0;
	background	: #FFF;
	background	: url(../img/info_bg.jpg);
}

#event_info
{
	padding		: 5px 0 20px;
	display		: inline-block;
	max-width	: 1200px;
	text-align	: center;
	line-height	: 1.5em;
	margin		: 0 auto;
	font-size	: x-large;
	font-weight : bold;
}

#event_info a:link
{
	color: #0000FF;
}

#event_info a:visited
{
	color: #0000FF;
}

#event_info a:hover
{
	color: #FF46AE;
}

#map
{
	max-width	: 400px;
	margin		: 0 auto;
}

.small
{
	font-size: medium;
}

#goods_area
{
	max-width		: 1200px;
	margin			: 0 auto 60px;
	padding-bottom	: 20px;
	background		: #FFF;
	background		: url(../img/goods_bg.jpg) no-repeat;
	background-size	: 100% auto;
}

#goods
{
	padding-top	: 40.5%;
    display		: flex;
    display		: -webkit-box;
    display		: -moz-box;
    display		: -webkit-flexbox;
    display		: -moz-flexbox;
    display		: -ms-flexbox;
    display		: -webkit-flex;
    display		: -moz-flex;
}

.goods_pc
{
	position	: relative;
	width		: 48%;
	max-width	: 600px;
	margin		: 0 auto;
}

.goods_pc img
{
	width: 100%;
}
.goods_pc .button_pc
{
	position: absolute;
	width	: 38%;
	top		: 46%;
	left	: 2%;
}

.goods_sp
{
	position: relative;
	width	: 90%;
	border	: none;
	margin	: 0 auto;
	display	: none;
}

.goods_sp img
{
	width: 100%;
}

.goods_sp .button_pc
{
   position	: absolute;
   top		: 63.5%;
   left		: 10%;
   width	: 87%;
}
#goods ul
{
	display					: -webkit-box;
	display					: -ms-flexbox;
	display					: -webkit-flex;
	display					: flex;
	-webkit-justify-content	: center;
	justify-content			: center;
	list-style-type			: none;
	padding					: 20px 30px 0;
}

ul:last-child
{
	padding-bottom: 20px;
}

#backtop
{
	max-width	: 461px;
	margin		: 0 auto;
	padding		: 0 5px;
}

#event_banner img
{
	margin-bottom: 5px;
}

#smart_existing_goods_banner
{
	display: none;
}

#old_goods
{
	width			: 100%;
	max-width		: 1200px;
	margin			: 0 auto;
}

#old_goods img
{
	width	: 100%;
}

@media screen and (max-width: 700px)
{
	#goods
	{
		display: block;
	}
	
	.goods_pc
	{
		display: none;
	}
	
	.goods_sp
	{
		border	: none;
		display	: block;
	}
	
	#top_area
	{
		margin: 30px auto 0;
	}
	
	#event_info
	{
		font-size: medium;
	}
	
	.small
	{
		font-size: small;
	}

	#goods_area
	{
		max-width		: 700px;
		margin			: 0 auto 40px;
		background		: url(../img/goods_bg_smart.jpg) no-repeat;
		background-color: #FFF;
		background-size	: 100% auto;
		padding-bottom	: 0;
	}
	
	#goods
	{
		padding-top: 46%;
	}
	
	#goods ul
	{
		padding: 0px 20px 0;
	}
	
	#goods ul:first-child
	{
		padding-top: 0.0%;
	}
	
	#goods ul:last-child
	{
		padding-bottom: 20px;
	}
	
	#goods .ajast li
	{
		border: none;
	}

	#existing_goods_banner
	{
		display: none;
	}
	
	#smart_existing_goods_banner
	{
		display: block;
	}
}

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