@charset "utf-8";



/* -----------------------------------------------------------
    NEW TOP 20141220
-------------------------------------------------------------- */
#top_main{
	text-align:center;
	/*background:url(../img/n_top_main_bg.jpg) no-repeat center top;
	height:370px;*/
}

.container{
	padding:60px 0 0 0;
}


#top_sup{
	background:url(../img/line_bg.jpg) repeat-x left bottom;
}

#top_sup .inner{
	margin:0 auto;
	padding:0 0 60px 0;
	width:940px;
	text-align:left;
}

ul#top_suplist{
	list-style:none;
	margin-left:-20px;
}

ul#top_suplist li{
	float:left;
	padding:20px 0 0 20px;
}

ul#top_suplist li img{
	vertical-align:top;
}


/* -----------------------------------------------------------
    お知らせ
-------------------------------------------------------------- */
#topics_area{
	border:1px #2D324C solid;
	padding:30px;
}

#topics_area .txt{
	font-size:12px;
	padding:25px 0 0 0;
}

#topics_title{
	border-bottom:1px #2D324C solid;
	padding:0 0 10px 0;
}

#topics_title #title{
	float:left;
}

#topics_title #more{
	float:right;
}

#topics{
	scrollbar-base-color:#090F2F;
	scrollbar-arrow-color:#fff;
	overflow:auto;
	/*
	height:110px;
	*/
}

#topics p a,
#topics p a:visited{
	display:block;
	color:#CCC;
	text-decoration:none;
}

#topics p a:hover{
	color:#fff;
	text-decoration:none;
}

#topics dl{
	clear:both;
	margin:15px 0 0 0;
	padding:0;
	color:#CCC;
	font-size:12px;
}

#topics dl dt{
	float:left;
	clear:left;
	width:95px;
	padding:10px 0 0 0;
}

#topics dl dd{
	margin:0 0 0 95px;
	padding:10px 0 0 0;
}

#topics dl a,
#topics dl a:visited{
	display:block;
	color:#CCC;
	text-decoration:none;
}

#topics dl a:hover{
	color:#fff;
	text-decoration:none;
}

#topics_area i{
	font-size:16px;
	padding:0 5px 0 0;
}



/* -----------------------------------------------------------
    コンテンツ
-------------------------------------------------------------- */
.top_left{
	float:left;
	width:724px;
	padding:0 0 0 0;
}

.top_right{
	float:right;
	width:232px;
	padding:0 0 0 0;
}


/* -----------------------------------------------------------
    取扱店
-------------------------------------------------------------- */
#dealer_area{
	border:1px #2D324C solid;
	margin:30px 0 0 0;
	padding:30px;
}

#dealer_area .sub_title{
	font-size:14px;
	margin:25px 0 0 0;
	padding:0 0 6px 0;
	border-bottom:3px #2D324C solid;
	color:#fff;
}
#dealer_area .sub_title:first-child{
	margin:0;
}


#dealer_area table{
	font-size:12px;
}








/* -----------------------------------------------------------
    スマホ
-------------------------------------------------------------- */
@media screen and (max-width:667px){
	
	
	
	/* -----------------------------------------------------------
		NEW TOP 20141220
	-------------------------------------------------------------- */
	#top_main{
		height:auto;
		padding:115px 0 0 0;
	}
	#top_main img{
		width: 295px;
	}
	
	.container{
		padding:20px 0 0 0;
	}
	
	#top_sup{
		background:none;
	}
	
	#top_sup .inner{
		width:100%;
		margin:0 auto;
		padding:0;
		box-sizing:border-box;
	}
	
	
	
	/* -----------------------------------------------------------
		お知らせ
	-------------------------------------------------------------- */
	#topics_area{
		border:none;
		margin:15px 0 0 0;
		padding:15px 0;
	}
	
	#topics_area .txt{
		font-size:100%;
		padding:15px 15px 5px 15px;
	}
	
	#topics_area .txt_link{
		padding:0 15px;
	}
	#topics_area .txt_link a{
		color:#ccc;
	}
	
		
	#topics_title{
		/*background:rgba(255,255,255,0.1);
		-moz-box-shadow:0 1px 1px 0 #090F2F;
		-webkit-box-shadow:0 1px 1px 0 #090F2F;
		box-shadow:0 1px 1px 0 #090F2F;*/
		
		border-top:1px #2D324C solid;
		border-bottom:1px #2D324C solid;
		padding:8px 15px;
		background:url(../img/table_bg2.jpg) #2E334E repeat left top;
	}
	
	
	#topics_title .title{
		color:#fff;
		letter-spacing:0.06em;
		font-size:110%;
		line-height:1.1em;
		padding:12px 0 0 0;
	}
	#topics_title .title span{
		color:#999;
		font-size:70%;
		font-family:'Pinyon Script', cursive;
		letter-spacing:normal;
	}
	
	
	#topics_title #title{
		float:left;
	}
	#topics_title img{
		width:100%;
		max-width:81px;
	}
	
	
	#topics_title .list{
		float:right;
		text-align:right;
		padding:14px 0 0 0;
	}
	#topics_title .list img{
		width:100%;
		max-width:50px;
	}
	
	
	
	#topics_title #more{
		float:right;
	}
	
	#topics{
		scrollbar-base-color:#090F2F;
		scrollbar-arrow-color:#fff;
		overflow:auto;
	}
	
	#topics p a,
	#topics p a:visited{
		color:#fff;
	}
	
	#topics p a:hover{
		color:#fff;
		text-decoration:none;
	}
	
	#topics dl{
		clear:both;
		margin:15px 0 0 0;
		padding:0;
		color:#CCC;
		font-size:12px;
	}
	
	#topics dl dt{
		float:left;
		clear:left;
		width:95px;
		padding:10px 0 0 0;
	}
	
	#topics dl dd{
		margin:0 0 0 95px;
		padding:10px 0 0 0;
	}
	
	#topics dl a,
	#topics dl a:visited{
		display:block;
		color:#CCC;
		text-decoration:none;
	}
	
	#topics dl a:hover{
		color:#fff;
		text-decoration:none;
	}
	
	
	
	
	
	/* -----------------------------------------------------------
		取扱店
	-------------------------------------------------------------- */
	#dealer_area{
		margin:20px 0;
		padding:0;
		border-bottom:none;
		border-right:none;
		border-left:none;
	}
	
	
	#dealer_area .title_area{
		display:block;
		/*background:rgba(255,255,255,0.1);
		-moz-box-shadow:0 1px 1px 0 #090F2F;
		-webkit-box-shadow:0 1px 1px 0 #090F2F;
		box-shadow:0 1px 1px 0 #090F2F;
		
		border-bottom:1px #2D324C solid;*/
		text-align:center;
		padding:10px 15px 0 15px;
		box-sizing:border-box;
	}
	#dealer_area .title{
		color:#fff;
		font-size:110%;
		line-height:1.4em;
		padding:0;
	}
	#dealer_area .title span{
		color:#999;
		font-size:70%;
		font-family:'Pinyon Script', cursive;
		letter-spacing:normal;
	}
	
	
	#dealer_area table{
		font-size:100%;
	}
	#dealer_area a{
		color:#ccc;
	}
	#dealer_area th{
		color:#fff;
		width:100%;
		font-size:110%;
		font-weight:normal;
		text-align:center;
		
		/*background:url(../img/bg02_sp.png) repeat-x center top;*/
		
		border-top:1px #2D324C solid;
		border-bottom:1px #2D324C solid;
		padding:5px 15px;
		background:url(../img/table_bg2.jpg) #2E334E repeat left top;
		
		display:block;
		margin:0 0 15px 0;
		box-sizing:border-box;
	}
	
	#dealer_area .sub_title{
		color:#fff;
		font-size:105%;
		border-bottom:1px solid #2D324C;
		margin:20px 0 0 0;
		padding:0 0 6px 0;
	}
	#dealer_area .sub_title:first-child{
		margin:0;
	}
	
	#dealer_area td{
		border-top:none;
		border-bottom:none;
		margin:0 0 20px 0;
		padding:0 15px 10px 15px;
		box-sizing:border-box;
	}
	
		
	
	
	/* -----------------------------------------------------------
		書き足し
	-------------------------------------------------------------- */
	.top_good{
		width:100%;
		font-size:100%;
	}
	
	.top_good .title{
		color:#FFF;
		letter-spacing:0.06em;
		font-size:125%;
		text-align:center;
		line-height:1.2em;
		/*margin:20px auto 0 auto;*/
		/*padding:20px 0 0 0;*/
		/*background:url(../img/bg02_sp.png) repeat-x center top;*/
	}
	.top_good .title span{
		color:#999;
		font-size:70%;
		font-family:'Pinyon Script', cursive;
		letter-spacing:normal;
	}
	
	
	.top_good .point{
		color:#EBCC96;
		font-size:100%;
		text-align:center;
		line-height:1;
		font-family:'Pinyon Script', cursive;
		letter-spacing:normal;
		padding: 15px 0 0 0;
	}
	.top_good .point span{
		font-size:80%;
	}
	.top_good .point_title{
		color:#EBCC96;
		font-size:110%;
		text-align:center;
		line-height:1.5;
		padding: 0 10px;
	}
	
	
	.top_good img{
		width:100%;
		max-width:480px;
	}
	
	.top_good .txt{
		padding:20px 15px 0 15px;
		font-size:90%;
		line-height:1.8;
		box-sizing:border-box;
	}
	
	
	
	
	
	
	/*商品一覧
	---------------------*/
	#suplist{
		margin:-92px 0 0 0;
		padding:92px 0 0 0;
	}
	
	#sp_suplist{
		margin:40px 0 0 0;
		border-top:2px solid #2D324C;
	}
	
	#sp_suplist ul{
		list-style:none;
	}
	#sp_suplist li:first-child{
		margin:1px 0 0 0;
		border-top:1px solid #2D324C;
	}
	#sp_suplist li:last-child{
		margin:1px 0 0 0;
	}
	#sp_suplist li a{
		color:#fff;
		background:url(../img/arrow01_sp.png) no-repeat;
		-webkit-background-size:8px auto;
		background-size:8px auto;
		background-position:97% 50%;
		
		-moz-box-shadow:0 1px 1px 0 #090F2F;
		-webkit-box-shadow:0 1px 1px 0 #090F2F;
		box-shadow:0 1px 1px 0 #090F2F;
		
		
		border-bottom:1px solid #2D324C;
		padding:0 0 13px 0;
		display:block;
	}
	#sp_suplist li a:hover{
		text-decoration:none;
	}
	
	
	#sp_suplist .name{
		font-size:105%;
		letter-spacing:0.04em;
		line-height:1.2em;
		text-align:center;
		padding:20px 15px 18px 15px;
		background:url(../img/bg03_sp.png) repeat-x center top;
	}
	#sp_suplist .name span{
		color:#999;
		font-size:70%;
		letter-spacing:normal;
		font-family:'Pinyon Script', cursive;
	}
	
	
	#sp_suplist .photo,
	#sp_suplist .photo_b{
		margin:0 10px 0 15px;
		float:left;
	}
	#sp_suplist .photo img{
		width:100%;
		max-width:70px;
	}
	#sp_suplist .photo_b img{
		width:100%;
		max-width:100px;
	}
	
		
	#sp_suplist .catch{
		color:#EBCC96;
		font-size:95%;
		line-height:1.4em;
		margin:0 30px 0 100px;
	}
	#sp_suplist .catch.s{
		margin:0 30px 0 130px;
	}
	
	#sp_suplist .fee{
		font-size:75%;
		letter-spacing:0.04em;
		line-height:1.6em;
		/*text-align:right;*/
		margin:10px 30px 0 100px;
		padding:0 0 5px 0;
	}
	#sp_suplist .fee.s{
		margin:10px 30px 0 130px;
	}
	
	/*
	#sp_suplist .fee span{
		font-size:150%;
		letter-spacing:normal;
		padding:0 3px;
	}
	*/
		
	
	
}