body
{
	background:url();
	background:#FFFFFF;
}

ul
{
	list-style:none;
}
li
{
	list-style:none;
}
/*
a:link
{
	color: #0000FF;
}

a:visited 
{
	color: #0000FF;
}

a:hover
{
	color: #FF46AE;
}
*/
/*　親ボックス　*/
#wrapper
{
	width		: 100%;
	max-width	: 1500px;
	margin		: 0 auto;
	padding		: 24px 0 54px 0;
	overflow	: hidden;
}

#wrapper #contants
{
	width		: 100%;
	max-width	: 1500px;
	margin		: 0px auto;
	display		: -webkit-flex;
    display		: -moz-flex;
    display		: -ms-flex;
    display		: -o-flex;
    display		: flex;
/*
	align-items	: flex-start;
*/
	
	flex-flow	: row wrap;
	align-items	: center;
}

/**
 * グッズ
 */
#goods
{
	width						: 100%;
	max-width					: 1500px;
	height						: 0;
	padding-bottom				: 106.267%; /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	background					: url(../img/denkigai_w_2016/bg_denkigai_w_2016.png) 0 0 no-repeat;
	background-size 			: contain;
	-moz-background-size		: contain;
	-webkit-background-size		: contain;
	-webkit-box-background-size	: contain;
	-o-background-size 			: contain;
	-ms-background-size 		: contain;
}

#goods #goods_erea
{
	width		: 100%;
	padding-top	: 27%;
}

#goods #goods_erea ul
{
	display	: -webkit-flex;
    display	: -moz-flex;
    display	: -ms-flex;
    display	: -o-flex;
    display	: flex;
}

#goods #goods_erea li
{
	width			: 100%;
	list-style-type	: none;
}

#goods #goods_erea li img
{
	width	: 100%;
}
/*
#goods #goods_erea li img:hover
{
	cursor 			: pointer;
	opacity			: 0.5;						/* webkit系 */
/*	-moz-opacity	: 0.5;						/* Mozilla系 */
/*	filter			: alpha( opacity = 50 );	/* IE系 */
/*}*/

#modal_window_img
{
	position	: relative;
	top			: 0px;
	left		: 0px;	
}

#modal_img
{
	position	: relative;
	top			: 0px;
	left		: 0px;
	width		: 100%;
	margin-top	: 30px;
}

#modal_img_close
{
	position		: fixed; /* topもleftも指定しない事で親要素基準に固定 */
	cursor 			: pointer;
	font-size		: 2.5em;
	z-index			: 2;
}

#modal_img_close:hover
{
	color	: #FF0000;
}

#consignment_sale
{
	width		: 100%;
	max-width	: 1500px;
	border-top	: ridge 5px #6BBDFF;
}

#consignment_sale img
{
	width:100%;
}
/*
#consignment_sale img:hover
{
	cursor 			: pointer;
	opacity			: 0.5;						/* webkit系 */
/*	-moz-opacity	: 0.5;						/* Mozilla系 *//*
	filter			: alpha( opacity = 50 );	/* IE系 */
/*}*/

/**
 * イベント情報
 */
#event
{
	width					: 100%;
	max-width				: 1500px;
	height					: auto;
	margin					: 0px auto;
	border					: solid 5px #000000;
	font-family				: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace
	overflow				: hidden;
	background-color		: #FFFFFF;
	background				: url(../img/denkigai_w_2016/info_bg.jpg) 0 0 no-repeat;
    display					: -webkit-box;
    display					: -moz-box;
    display					: -webkit-flexbox;
    display					: -moz-flexbox;
    display					: -ms-flexbox;
    display					: -webkit-flex;
    display					: -moz-flex;
    display					: flex;
    -webkit-box-pack		: center;
    -ms-flex-pack			: center;
    -webkit-justify-content	: center;
    justify-content			: center;
	-webkit-box-align		: center;
	-ms-flex-align			: center;
	-webkit-align-items		: center;
	align-items				: center;

}

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

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

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

#event img
{
	width	: 100%;
}

#event #event_info
{
	width		: 100%;
	max-width	: 750px;
	text-align	: center;
}

#event #event_map
{
	width		: 100%;
	max-width	: 750px;
	text-align	: center;
	font-family	: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace
	font-size	: x-large;
	font-weight	: bold;
	padding		: 20px 0 20px 0;
}
/*
#event #event_map:hover
{
	cursor 			: pointer;
	opacity			: 0.5;						/* webkit系 */
/*	-moz-opacity	: 0.5;						/* Mozilla系 */
/*	filter			: alpha( opacity = 50 );	/* IE系 */
/*}*/

#event_info ul
{
	padding: 20px 0 20px 0;
}

#event_info li
{
	line-height	: 1.5em;
	font-size	: x-large;
	font-weight	: bold;
	font-family	: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace
}

.img_s
{
	display	: none;
}

/*==================== MOBILE ====================*/

@media only screen and ( max-width: 700px )
{
	/*　親ボックス　*/
	#wrapper
	{
		width		: 100%;
		margin		: 0 auto;
		padding		: 24px 0 34px 0;
		overflow	: hidden;
	}

	/* コンテンツボックス */
	#wrapper #contants
	{
		max-width	: 700px;
	}

	/* イベント */
	#event
	{
		max-width			: 700px;
	    flex-wrap			: wrap;
	    -webkit-flex-wrap	: wrap;
	    -moz-flex-wrap		: wrap;
	    -ms-flex-wrap		: wrap;
		padding				: 0 5px 0 5px;
	}

	#event #event_info
	{
		max-width	: 700px;
	}

	#event #event_map
	{
		max-width	: 700px;
		font-size	: medium;
		font-weight	: bold;
		padding		: 20px 0 20px 0;
	}

	#event_info li
	{
		font-size	: medium;
	}

	.img_n
	{
		display	: none;
	}

	.img_s
	{
		display	: inline;
	}

	#top_area
	{
		margin:30px auto 0;
	}

	#event_info
	{
		font-size:medium;
	}

	.small
	{
		font-size:small;
	}

	#goods
	{
		width						: 100%;
		height						:100%;
		padding-bottom				: 68.571%; /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		background					: url(../img/denkigai_w_2016/bg_denkigai_w_2016_sp.png) 0 0 no-repeat;
		padding-bottom				: 0;
		background-color			: #FFFFFF;
		background-size 			: contain;
		-moz-background-size		: contain;
		-webkit-background-size		: contain;
		-webkit-box-background-size	: contain;
		-o-background-size 			: contain;
		-ms-background-size 		: contain;
	}

	#goods #goods_area
	{
		padding-top	: 27%;
		margin		: 0 auto 40px;
	}

	#goods #goods_erea ul
	{
		display:inline;
		text-align:center;
	}

	#goods #goods_erea li
	{	
		border-bottom:1px solid  #333;
	}
}