@charset "utf-8";

/*メディアクエリの指定（※widthが640px以下の場合に{}内のCSSを適用する）*/
@media screen and (max-width: 640px) {


header{
	width:100%;
	margin-top:10px;}

h1{font-size:1.2em;}
h2{font-size:1.0em;}


/*
----------------------------
nav
----------------------------
*/

nav{min-height:30px;
	margin:5px auto;
	border-radius:6px;}

nav ul{min-height:30px;
	margin:0 auto;
}

nav ul li{
	width:30%;
	font-size:0.7em;
	overflow:hidden;
	text-align:center;
}
nav ul li.top{border-bottom:1px #fff dotted;}
nav ul li.top{border-top:none;}
nav ul li.bottom{border-bottom:none;}
nav ul li.right{border-right:none;}
nav ul li.left{border-left:none;}




nav ul li a{

height:30px;
line-height:30px;
}

/*
----------------------------
slider
----------------------------
*/



/*
----------------------------
contents
----------------------------
*/

#contents{
	width:100%;
	clear:both;
	margin:0 auto;
	padding:0;

}

#contents_left,
#contents_right{
	width:100%;
	float:none;
	margin:0;
	padding:0;

}


/*
----------------------------
product
----------------------------
*/

.box{
	width:100%;
	float:none;
	padding:0;}

.box_text{margin:10px;}

/*
----------------------------
intro
----------------------------
*/

#intro,
#product{
	float:none;
	margin:10px;}

#info img,
#news{
	float:none;}

#info_box{
	width:100%;}

#info{
	float:none;
	margin:10px;}

/*
----------------------------
access,rec
----------------------------
*/
#access,
#reco{
	margin:10px;}

#footer{height:50px;}


/*
----------------------------
bx-slider
----------------------------
.bx-controls-auto,
*/
.bx-next,
.bx-prev
{display:none;}
body{padding:0 10px;}


}