/** slider **/

#sp_topimg{
	width: 100%;
	text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5e4700+0,b59412+100 */
background: #5e4700; /* Old browsers */
background: -moz-linear-gradient(top,  #5e4700 0%, #b59412 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5e4700 0%,#b59412 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5e4700 0%,#b59412 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e4700', endColorstr='#b59412',GradientType=0 ); /* IE6-9 */
}


/** pc_cencept **/

#pc_concept{
	font-size: 0;
	line-height: 0;
	background: #ebe7e1;
	padding: 20px 0;
}

#pc_concept a.fade{
	box-shadow:rgb(204, 204, 204) 0px 0px 10px 0px;
	-webkit-box-shadow:rgb(204, 204, 204) 0px 0px 10px 0px;
	-moz-box-shadow:rgb(204, 204, 204) 0px 0px 10px 0px;
}


/** bnr_choose **/

#bnr_choose{
	font-size: 0;
	line-height: 0;
}
#bnr_choose a{
	width: 740px;
	height: 150px;
	display: inline-block;
	margin-bottom: 20px;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	background: url(img/index/pc_bnr_choose.jpg) no-repeat;
}
#bnr_choose a:hover{
	opacity			: 0.7;
	filter			: alpha(opacity=70);
}


/** topmenu **/

#topmenu{
	font-size: 0;
	line-height: 0;
	padding: 0 0 20px 0;
}

#topmenu a{
	width: 360px;
	height: 150px;
	display: inline-block;
	margin-bottom: 20px;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}

#topmenu a:hover{
	opacity			: 0.7;
	filter			: alpha(opacity=70);
}

#topmenu a:nth-child(even){
	margin-left: 20px;
}

#topmenu a:nth-child(1){	background: url(img/index/pc_bnr6.jpg) no-repeat;}
#topmenu a:nth-child(2){	background: url(img/index/pc_bnr1.jpg?t=0611) no-repeat;}
#topmenu a:nth-child(3){	background: url(img/index/pc_bnr2.jpg) no-repeat;}
#topmenu a:nth-child(4){	background: url(img/index/pc_bnr3.jpg) no-repeat;}


/** news **/

#news{
	margin: 0 0 40px 0;
}

#news dl{
	width: 750px;
	font-size: 11px;
	line-height: 20px;
}

#news dt{
	width: 150px;
	float: left;
	color:#886b14;
	text-indent: 15px;
	padding: 15px 0;
	background-image: url(img/index/dot.gif),url(img/index/i1.gif);
	background-repeat: repeat-x,no-repeat;
	background-position: bottom left,5px 50%;
}

#news dd{
	margin: 0 0 0 150px;
	padding: 15px 0;
	background: url(img/index/dot.gif) repeat-x bottom left;
}

#news dd a{
	color:#333333;
	text-decoration:underline;
}

#news dd a:hover{
	text-decoration:none;
}



/** shop **/

#shop{
	margin: 0 0 20px 0;
}

#shop h2{
	margin: 0 0 10px 0;
}

#shop:after{
	content			: "";
	display			: block;
	clear			: both;
}

#shop_l{
	width: 450px;
	float: left;
}

#shop_r{
	width: 290px;
	height: 210px;
	float: left;
	background: #b69849;
}

#shop_r div.s_title{
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	padding: 16px 0 15px 55px;
	background: url(img/index/logo.png) no-repeat 13px 15px;
	background-size: 35px 35px;
}

#shop_r table{
	width: 270px;
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 0 10px;
}

#shop_r tr{
	vertical-align: middle;
}

#shop_r th{
	width: 58px;
	font-weight: normal;
	padding: 6px 0 5px 0;
	border-top: 1px solid #c6aa62;
}

#shop_r th p{}

#shop_r td{
	color: #ffffff;
	padding: 6px 0 5px 0;
	border-top: 1px solid #c6aa62;
}


/** topbnr **/

#topbnr{
	font-size: 0;
	line-height: 0;
	text-align: center;
}

#top_blog{
	display: none;
}

#top_pre_text{
	font-size: 20px;
	line-height: 24px;
	padding: 30px 0;
	background: #000000;
	color: #ffffff;
	font-weight: bold;
}

#top_pre_ban{
	background: #000000;
	display: flex;
	padding: 30px 0;
	justify-content:center;
	font-size: 0;
	line-height: 0;
}

#top_pre_ban a{
	margin: 0 2px;
}

#top_pre_ban a img{
	width: 330px;
	height: auto;
}

@media screen and (min-width: 731px) {
	#bnr_choose{
		margin-top:40px;
}
	#bnr_choose a img,
	#topmenu a img,
	#sp_topimg{	display: none;
	}
	.sp-buttons{
		bottom:10px;
	}
	.pc_map{
		width: 432px;
		height: 202px;
		clear			: left;
		padding			: 3px;
		border			: 1px solid #dddddd;
	}
	.pc_map #mapbox{
		width: 432px;
		height: 202px;
	}
}

@media screen and (max-width: 700px) {
	#pc_concept,
	#pc_topimg{
		display: none;
	}
	.sp-buttons{
		bottom:2px;
	}

	#topmenu{
		width: 100%;
		font-size: 0;
		line-height: 0;
		padding: 0 0 1px 0;
	}
	#bnr_choose a,
	#topmenu a{
		width: 100%;
		height: auto;
		display: inline-block;
		margin-bottom: 0;
		background: none;
	}
	#topmenu a:hover{
		opacity			: 1;
		filter			: alpha(opacity=100);
	}
	#topmenu a:nth-child(even){
		margin-right: 0;
		margin-left: 0;
	}

	#news{
		margin: 0 0 10px 0;
	}

	#news dl{
		width: 100%;
		line-height: 16px;
	}

	#news dt{
		width: auto;
		float: none;
		color:#886b14;
		text-indent: 0;
		padding: 10px 10px 2px 10px;
		background: none;
	}

	#news dd{
		margin: 0 0 0 0px;
		padding: 2px 10px 10px 10px;
		background: none;
		border-bottom: 1px dotted #dddddd;
	}

	#news dl dd:last-child{
		border-bottom: none;
	}

	#top_blog{
		margin: 0 0 10px 0;
		display: block;
	}

	#top_blog dl{
		width: 100%;
		line-height: 16px;
		font-size:11
	}

	#top_blog dt{
		width: auto;
		float: none;
		color:#886b14;
		text-indent: 0;
		padding: 10px 10px 2px 10px;
		background: none;
	}

	#top_blog dd{
		margin: 0 0 0 0px;
		padding: 2px 10px 10px 10px;
		background: none;
		border-bottom: 1px dotted #dddddd;
	}

	#top_blog dd a{
		color: #333;
	}

	#top_blog dl dd:last-child{
		border-bottom: none;
	}

	#shop{
		margin: 0 0 10px 0;
	}
	#shop h2{
		margin: 0 0 0 0;
	}

	#shop_l{
		width: auto;
		float: none;
		background: #b69849;
		padding: 10px 10px 0 10px;
	}

	.pc_map{
		clear			: left;
		padding			: 0;
		border			: none;
	}

	.pc_map iframe{
		width: 100%;
	}

	.pc_map #mapbox{
		width: 100%;
		height: 222px;
		border			: 4px solid #ffffff;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	#shop_r{
		width: 100%;
		height: auto;
		float: none;
		padding: 0 10px 10px 10px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	#shop_r div.s_title{
		font-size: 11px;
		line-height: 12px;
		padding: 10px 0 10px 35px;
		background: url(img/index/logo.png) no-repeat 0 10px;
		background-size: 25px 25px;
	}

	#shop_r table{
		width: 100%;
		line-height: 12px;
		margin: 0 0 0 0;
	}

	#shop_r tr{
		vertical-align: middle;
	}

	#shop_r th{
		width: 58px;
		font-size: 11px;
		font-weight: normal;
		padding: 9px 0 8px 0;
		border-top: 1px solid #c6aa62;
	}

	#shop_r td{
		font-size: 11px;
		color: #ffffff;
		padding: 9px 0 8px 0;
		border-top: 1px solid #c6aa62;
	}

	#topbnr img{
		width: 100%;
		max-width: 738px;
		height: auto;
	}
	
	#top_pre_text{
		font-size: 16px;
		line-height: 22px;
		padding: 15px;
		border-bottom: 1px solid #222222;
	}
	#top_pre_text .sp_none{	display: none;}

	#top_pre_ban{
		padding: 10px 5px;
		border-bottom: 1px solid #222222;
	}

	#top_pre_ban a img{
		width: 100%;
		max-width: 420px;
		height: auto;
	}
}