@charset "utf-8";
/* CSS Document */

/****************************
  共通
***************************/
* {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	}
.cf:after {
	content: "";
	display: block;
	clear: both;
	}
.cf{
	zoom:1;
	}
a {
	text-decoration:none;
	outline:none;
	}
ul,ol {
	list-style:none;
	}
img {
	border:0;
	vertical-align:middle;
	max-width:100%;
	width:100%;
	height:auto;
	}
body {
	margin:auto;
	background:#fff;
	margin:0px;
	padding:0px;
	}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,div {
	display:block;}
.mt10{
	margin-top:10px;}
.mt20{
	margin-top:20px;}
.mt30{	margin-top:30px;}
.mt50{
	margin-top:50px;}
.mt80{
	margin-top:80px;}
.mb10{
	margin-bottom:10px;}
.mb20{
	margin-bottom:20px;}
.mb30{
	margin-bottom:30px;}
.mb50{
	margin-bottom:50px;}
.mb80{
	margin-bottom:80px;}

/****************************
  レイアウト
***************************/

article{
	min-width:300px;
	width:100%;
	height:auto;
	/*padding:6px;*/
	margin:0 auto;}
section{
	min-width:300px;
	width:100%;
	height:auto;
	margin:5px auto;}
header{
	background:#E3DEDA;
	min-width:300px;
	width:100%;
	height:auto;
	padding-bottom:0.5em;
	margin:0 auto;}
.waku001{
	min-width:300px;
	width:96.87%;
	height:auto;
	margin:5px auto;}
aside{
	min-width:300px;
	width:98%;
	height:auto;
	margin:5px auto;
	display:block;}

/******************************
ここから
*******************************/

h1,h2,h3,h4 {
	text-align:center;}
h1{
	margin:15px 0 15px 15px;}
h1{
	margin:15px 0 15px 15px;
	text-align:center;
	height:auto;
	font-size:1.5em;
	color:#333;
	font-weight:bold;
	width:100%;
	margin:0em auto 1em;
	padding-bottom: 10px;
	padding-top:10px;}
.center050{
    text-align: center !important;
    margin-top: 0.1em auto;
    color:#FF2E34;}
.center050 a{
    text-align: center !important;
    margin-top: 0.1em auto;
    color:#FF2E34;}
/****************************
  Gナビ ヘッダー
***************************/
nav{
	width:99%;
	background-color:#5A3719;
	border:2px solid #ECFF81;}
nav ul li a{
	float:left;
	min-width:138px;
	width:49.3%;
	min-height:40px;
	height:auto;
	background-color:#5A3719;
	color:#ECFF81;
	border:solid 1px #ECFF81;
	font-size:1em;
	text-align:center;
	font-weight:bolder;
	line-height:2.5;
	margin:0 auto;}
nav ul li a:hover{
	color:#5A3719;
	background-color:#ECFF81;}
.logo{
	width:90px;
	height:auto;
	vertical-align:baseline;}
.sub_header .infome{
	min-width:230px;
	width:90%;
	margin:1em auto 2em;}
.info01{
	margin:0;
	padding:0;}
info01 img{
	border:0;
	margin:0;
	padding:0;}
.h2{
	background:#fff;
	color:#333;
	min-width:200px;
	width:80%;
	margin:1em auto;
	padding:5px;
	line-height:2;
	position: relative;}
.h2::before{
content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	bottom: -15px;
	margin: 0 auto;
	border-top: 15px solid #FFf;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;}

/****************************
  ・店舗情報
***************************/
.pc_style{
		display:none;}
.store001{
	display:block;
	margin:0 atuo;}
.fast{
	min-width:300px;
	width:98%;
	height:auto;
	display:block;
	margin:0 auto;}
/* 吹き出し本体 */
.balloon3{
	min-width:240px;
	width:87%;
	position: relative;
	padding: 10px;
	background-color:#E3DEDA;
	margin:0 atuo;
	margin-top:1em;}
/* アイコンを下に表示*/
.balloon3::before{
content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	bottom: -15px;
	margin: 0 auto;
	border-top: 15px solid #E3DEDA;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;}
/****************************
  店舗情報
***************************/

.store{
	margin:1em auto;}
.store li a{
	border:3px solid #E3DEDA;
	color:  #E3DEDA;
	background:#5A3719;
	min-width:110px;
	width:40%;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	margin:0.3em;
	float:left;
	text-align:center;
	line-height:1.8;
	font-size:1.2em;
	font-weight:bold;
	display:block;}
.ec{
	min-width:260px;
	width:90%;
	text-align:center;
	padding:0;
	margin:0;
	margin:1em auto 2em;}
#shop{
	display:none;}
/********************hr*******************/
.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: .5;}
.hr-text:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #818078, transparent);
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #818078;
	background-color: #fcfcfa;}
/****************************
  商品
***************************/
.h3{
	margin:2em auto 1em;
	min-width:250px;
	width:90%;}
.bland{
	min-width:250px;
	width:100%;
	height:auto;}
.brand ul li{
	min-width:250px;
	width:90%;
	margin:1em auto 2em !important;
	display:block;}
.brand ul li a{
	min-width:250px;
	width:90%;
	margin:1em auto;
	display:block;}
.recommend{
	min-width:260px;
	width:90%;
	height:auto;
	margin:1em auto 1.5em;
	text-align:center;
}
/****************************
  バナー
***************************/

.ban li a{
	min-width:250px;
	width:90%;
	height:auto;
	margin:1em auto;
	display:block;
}
/****************************
  footer
***************************/
.all{
	background-color:#333;
}
.link{
	background:#333;
	width:100%;
}
.link li a{
	background:#000;
	color:#fff;
	font-size:0.75em;
	float:left;
	width:50%;
	display:block;
	text-align:center;
	padding-top:1.3em !important;
	padding-bottom:1.3em !important;
	line-height:1.8;
}
.link li img{
	width:15px;
	height:15px;
	vertical-align:middle;
}
.link li a:last-child {
	border-left:1px solid #FFF;
	width:49.6%;
}
address{
	background:#E2E2E2;
	color:#333;
	font-size:0.5em;
	padding:1em auto 2em;
	display:block;
	text-align:center;
	padding-top:1.5em;
	padding-bottom:1.5em;
}
.pagetop {
	display:none;
	font-size:50px;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display:block;
	color:#ffa200;
}
.pagetop a:visited {
	color:#ffa200;
}
/*320px//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:390px){
	
	/****************************
	  レイアウト
	***************************/
	
	article{
		min-width:390px;
		width:100%;
		/*padding:3px;*/
	}
	section{
		min-width:370px;
		width:94.87%;
		margin:0 auto;
	}
	header{
		padding-bottom:0.5em;
	}
	.waku001{
		min-width:350px;
		width:89.7%;
		height:auto;
		margin:5px auto;
	}
	aside{
		min-width:360px;
		width:92%;
		height:auto;
		margin:5px auto;
	}
	
	/******************************
	ここから
	*******************************/
	
	h1,h2,h3,h4 {
		text-align:center;
		}
	h1{
		margin:15px 0 15px 15px;
	
	}
	h1{
		margin:25px 0 15px 15px;
		height:auto;
		font-size:1.7em;
		width:100%;
		margin:0em auto 1em;
		padding-bottom: 10px;
		padding-top:10px;
	}
	
	/****************************
	  Gナビ ヘッダー
	***************************/
	.pc_style{
		display:none;
	}
	nav{
		min-width:390px;
		width:100%;
		/*background-color:#5A3719;
		border:2px solid #ECFF81;*/
	}
	nav ul li a{
		float:left;
		min-width:122px;
		width:32.8%;
		min-height:40px;
		height:auto;
		background-color:#5A3719;
		font-size:1em;
		line-height:2.5;
	}
	.logo{
		width:90px;
		height:auto;
		vertical-align:baseline;
	}
	.sub_header .infome{
		min-width:350px;
		width:89.7%
		margin:1em auto 1.5em;
	}
	.info01{
		margin:0;
		padding:0;
	}
	info01 img{
		border:0;
		margin:0;
		padding:0;
	}
	.h2{
		background:#fff;
		color:#333;
		min-width:220px;
		width:87%;
		margin:1em auto;
		padding:10px;
		line-height:2;
		position: relative;
	}
	.h2::before{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		left: 0;
		right: 0;
		bottom: -15px;
		margin: 0 auto;
		border-top: 15px solid #FFf;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
	}
	
	/****************************
	  ・店舗情報
	***************************/
	.fast{
		min-width:360px;
		width:92.3%;
		height:auto;
		display:block;
		margin:0 auto;
	}
	/* 吹き出し本体 */
	.balloon3{
		min-width:350px;
		width:85%;
		position: relative;
		padding: 10px;
	}
	
	/****************************
	  店舗情報
	***************************/
	
	.store{
		margin:1em auto;
	}
	.store li a{
		min-width:105px;
		width:29.16%;
		padding-top:5px;
		padding-bottom:5px;
		margin:0.2em;
		font-size:1.2em;
	}
	.ec{
		text-align:center;
		margin:1em auto 2em;
	}
	#shop{
		display:none;
	}
	
	/****************************
	  商品
	***************************/
	.h3{
		margin:2em auto 1em;
	}
	.brand ul{
		padding:0px;
		margin:0px;
	}
	.brand ul li a{
		min-width:350px;
		width:92.3%;
		margin:1.5em auto;
		display:block;
	}
	.recommend{
		margin:1em auto 1.5em;
	}
	
	/****************************
	  バナー
	***************************/
	.ban{
		max-width:390px;
		width:100%;
		height:auto;
		display:block;
		margin:0.5em auto;
	}
	.ban ul{
		max-width:390px;
		width:100%;
		height:auto;
		margin:0 auto;
		text-align:center;
	}
	.ban li a{
		max-width:289px;
		width:100%;
		height:auto;
		margin:1em auto;
		display:block;
		text-align:center;
	}
}
/*320px//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:480px){
	/****************************
	  レイアウト
	***************************/
	
	article{
		min-width:480px;
		width:100%;
		/*padding:3px;*/
		padding:0;
		margin:0;
	}
	section{
		min-width:480px;
		width:100%;
		margin:0 auto;
	}
	header{
		padding-bottom:0.5em;
	}
	.waku001{
		min-width:480px;
		width:100%;
		height:auto;
		margin:5px auto;
	}
	aside{
		min-width:400px;
		width:83.3%;
		height:auto;
		margin:5px auto;
	}
	/****************************
	  Gナビ ヘッダー
	***************************/
	nav{
		min-width:545px;
		width:97.32%;
		/*background-color:#5A3719;
		border:2px solid #ECFF81;*/
	}
	nav ul li a{
		float:left;
		min-width:122px;
		width:32.94%;
		min-height:40px;
		height:auto;
		background-color:#5A3719;
		font-size:1em;
		line-height:2.5;
	}

	
	/****************************
	  ・店舗情報
	***************************/
	.pc_style{
		display:none;
	}
	/* 吹き出し本体 */
	.balloon3{
		min-width:400px;
		width:83.33%;
		position: relative;
		padding: 10px;
	}
	
	/****************************
	  店舗情報
	***************************/
	
	.store{
		margin:1em auto;
	}
	.store li a{
		min-width:119px;
		width:29.5%;
		padding-top:5px;
		padding-bottom:5px;
		margin:0.2em;
		font-size:1.2em;
	}
	.ec{
		text-align:center;
		margin:1em auto 2em;
	}
	#shop{
		display:none;
	}
	
	/****************************
	  商品
	***************************/
	.h3{
		margin:2em auto 1em;
	}
	.brand ul{
		padding:0px;
		margin:0px;
	}
	.brand ul li a{
		min-width:400px;
		width:93.75%;
		margin:1.5em auto;
		display:block;
	}
	.recommend{
		margin:1em auto 1.5em;
	}
}

/*560px//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:560px){
	
	/****************************
	  Gナビ ヘッダー
	***************************/
	nav{
		min-width:560px;
		width:100%;
		/*background-color:#5A3719;
		border:2px solid #ECFF81;*/
	}
	nav ul li a{
		float:left;
		min-width:122px;
		width:32.94%;
		min-height:40px;
		height:auto;
		background-color:#5A3719;
		font-size:1em;
		line-height:2.5;
	}

	/****************************
	・店舗情報
	***************************/
	article{
		margin-bottom:0;
	}
	.fast{
		min-width:560px;
		width:100%;
		margin:1em auto;
	}
	.balloon3{
		min-width:500px;
		width:89.2%;
		position: relative;
		padding: 10px;
		margin:0 auto;
	}
	.store{
		margin:1em auto;
		min-width:500px;
		width:89.2%
	}
	.store li a{
		min-width:150px;
		width:25%;
		padding-top:10px;
		padding-bottom:10px;
		margin:0.2em;
		line-height:1.8;
		font-size:1.2em;
	}
	.ec{
		text-align:center;
		margin:1em auto 3em;
		max-width:421px;
	}
	.pc_style{
		display:none;
	}
	/****************************
	  商品
	***************************/
	.h3{
		min-width:490px;
		width:87.5%;
		height:auto;
		margin:3em auto 1em;
	}
	
	.brand {
		min-width:510px;
		width:91.07%;
		margin:0px auto 30px;
	}
	.brand ul li a{
		float:left;
		min-width:245px;
		width:47.1%;
		margin:15px auto 0;
		display:block;
	}
	.brand ul li a:nth-child(odd){
		margin-right:10px !important;
	}
	.recommend img{
		min-width:490px;
		width:87.5%;
		height:auto;
		margin:1em auto;
	}
	.kids ul li a{
		min-width:490px;
		width:87.5%;
		height:auto;
	}
	.kids ul li a:last-child{
		margin-bottom:2em;
	}
	.accessories ul .acce a:last-child{
		min-width:500px;
		width:89.28%;
		height:auto;
		/*margin-bottom:2em !important;*/
	}
	.sunglasses{
		/*margin-bottom:250px !important;*/
		display:block;
	}
}

/*768px//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:768px){
	
	.br01{/*新規追加*/
		display:none;
	}
	/****************************
	  レイアウト
	***************************/
	
	article{
		min-width:768px;
		width:100%;
		padding:0;
		margin:0px auto;
	}
	section{
		min-width:768px;
		width:100%;
		height:auto;
		margin:5px auto;
	}
	header{
		background:#E3DEDA;
		min-width:768px;
		width:100%;
		height:auto;
		padding-bottom:0.5em;
		margin:0 auto;
	}
	.waku001{
		min-width:350px;
		width:100%;
		height:auto;
		margin:5px auto;
	}
	aside{
		min-width:768px;
		width:100%;
		height:auto;
		margin:5px auto;
		display:block;
	}
	
	/******************************
	ここから
	*******************************/
	
	h1{
		/*margin:15px 0 15px 15px;*/
		text-align:center;
		height:auto;
		font-size:1.5em;
		color:#333;
		font-weight:bold;
		width:100%;
		margin:1.5em auto 1em;
		padding-bottom: 10px;
		padding-top:10px;
	}
	
	/****************************
	  Gナビ ヘッダー
	***************************/
	
	nav{
		min-width:768px;
		width:100%;
		background-color:#5A3719;
		border:none;
		display:block;
	}
	nav ul{
		max-width:612px;
		width:100%;
		margin:0 auto;
		display:block;
		text-align:center;
	}
		
	nav ul li a{
		/*display: inline-block;*/
		
		min-width:120px;
		width:19.6%;
		text-align:center;
		border:none;
		border-left:1px solid #ECFF81;
		min-height:50px;
		height:auto;
		line-height:3;
	}
	nav ul li a:last-child{
		border-right:1px solid #ECFF81;
	}
	.info01{
		min-width:768px;
		width:100%;
		margin:0;
		padding:0;
	}
	.info01 img{
		width:100%;
		height:auto;
		border:0;
		margin:0;
		padding:0;
	}
	.info01 .left{
		float:left;
		min-width:380px;
		width:50%;
		height:auto;
		
	}
	.h2{
		background:#fff;
		color:#333;
		min-width:200px;
		width:80%;
		margin:1em auto;
		padding:5px;
		line-height:2;
		position: relative;
	}
	.h2::before{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		left: 0;
		right: 0;
		bottom: -15px;
		margin: 0 auto;
		border-top: 15px solid #FFf;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
	}
	
	/****************************
	  ・店舗情報
	***************************/
	.store001{
		display:block;
		margin:0 atuo;
	}
	.fast{
		min-width:300px;
		width:98%;
		height:auto;
		display:block;
	}
	/* 吹き出し本体 */
	.balloon3{
		min-width:240px;
		width:87%;
		position: relative;
		padding: 10px;
		background-color:#E3DEDA;
		margin:1em atuo 1.5em;
		margin-top:1em;
	}
	/* アイコンを下に表示*/
	.balloon3::before{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		left: 0;
		right: 0;
		bottom: -15px;
		margin: 0 auto;
		border-top: 15px solid #E3DEDA;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
	}
	/****************************
	  店舗情報
	***************************/
	.pc_style{
		display:inline;
		min-width:680px;
		width:88.54%;
		margin:3em auto;
		display:block;
	}
	.fast{
		display:none;
	}
	
	.store .left001{
		margin:0 auto;
		display:block;
	}
	.store .left002, .store .left003, .store .left004{
		float:left;
	_}
	.store .left002, .store .left003{
		margin-right:1.5em;
	}
	.underline{
		border-bottom:dotted 3px #5A3719;
		width:100%;
		padding-bottom:0.3em;
		margin-bottom:0.5em !important;
		font-weight:bold;
		color:#5A3719;
	}
	.store .left002 a, .store .left003 a, .store .left004 a{
		color:#5A3719;
		text-decoration:underline;
	}
	.store a:hover{
		color:#5A3719;
		background-color:#ECFF81;
		text-decoration:none;
	}
	/*
	
	.store{
		margin:1em auto;
	}
	.store li a{
		/*border:3px solid #5A3719;
		color: #5A3719;
		background:#ECFF81;*/
	/*	border:3px solid #E3DEDA;
		color:  #E3DEDA;
		background:#5A3719;
		min-width:110px;
		width:40%;
		display:block;
		padding-top:5px;
		padding-bottom:5px;
		margin:0.3em;
		float:left;
		text-align:center;
		line-height:1.8;
		font-size:1.2em;
		font-weight:bold;
		display:block;
	}
	.ec{
		min-width:260px;
		width:90%;
		text-align:center;
		padding:0;
		margin:0;
		margin:1em auto 2em;
	}*/
	#shop{
		display:none;
	}
	/********************　　　hr*******************/
	.hr-text {
		margin-top:4em;
	}
	
	
	/****************************
	  商品
	***************************/
	.bland{
		min-width:768px;
		width:100%;
		height:auto;
		margin:0 auto;
	}
	
	.h3 img{
		padding:0px;
		margin:0px;
		margin:2em auto 1em;
		min-width:100%;
		width:100%;
		height:auto;
	}
	.brand ul{
		min-width:768px;
		width:100%;
		margin:0 auto;
	}
	.brand ul li a{
		min-width:340px;
		width:44%;
		margin:1em auto;
		display:block;
	}
	.brand ul li a:nth-child(even){
		margin-left:10%;
	}
	.kids ul li a{
		min-width:700px;
		width:90%;
		height:auto;
		margin:1em auto;
	}
	.recommend{
		min-width:768px;
		width:100%;
		height:auto;
		margin:1em auto 1.5em;
		text-align:center;
	}

	/****************************
	  footer
	***************************/
	.all{
		background-color:#333;
	}
	.link{
		background:#333;
		width:100%;
	}
	.link li a{
		background:#000;
		color:#fff;
		font-size:0.75em;
		float:left;
		width:50%;
		display:block;
		text-align:center;
		padding-top:1.3em !important;
		padding-bottom:1.3em !important;
		line-height:1.8;
	}
	.link li img{
		width:15px;
		height:15px;
		vertical-align:middle;
	}
	.link li a:last-child {
		border-left:1px solid #FFF;
		width:49.6%;
	}
	address{
		background:#E2E2E2;
		color:#333;
		font-size:0.5em;
		padding:1em auto 2em;
		display:block;
		text-align:center;
		padding-top:1.5em;
		padding-bottom:1.5em;
	}
	.pagetop {
		display:none;
		font-size:50px;
		position: fixed;
		bottom: 30px;
		right: 55px;
	}
	.pagetop a {
		display:block;
		color:#ffa200;
	}
	.pagetop a:visited {
		color:#ffa200;
	}
	.under{
		display:inline;
		margin:0 auto;
	}
	.store li a{
		/*border:3px solid #5A3719;
		color: #5A3719;
		background:#ECFF81;*/
		border:3px solid #E3DEDA;
		color:  #E3DEDA;
		background:#5A3719;
		min-width:211px;
		width:30.5%;
		display:block;
		padding-top:5px;
		padding-bottom:5px;
		margin:0.3em;
		float:left;
		text-align:center;
		line-height:1.8;
		font-size:1.2em;
		font-weight:bold;
		display:block;
	}	
	/****************************
	  バナー
	***************************/
	.ban{
		min-width:768px;
		width:100%;
		height:auto;
		display:block;
		margin:1em auto;
		text-align:center;
	}
	.ban ul{
		min-width:720px;
		width:100%;
		height:auto;
		margin:0 auto;
		text-align:center;
	}
	.ban li a{
		float:left;
		min-width:230px;
		width:29.94%;
		height:auto;
		margin-right:10px;
		/*margin:1em auto;
		display:block;
		text-align:center;*/
		
	}
	.ban li a:nth-last-child{
		margin-right:0;
	}
	
	/****************************
	  footer
	***************************/
	
	.link{
		background:#333;
		width:100%;
	}
	.link li a{
		background:#000;
		color:#fff;
		font-size:0.75em;
		float:left;
		width:50%;
		display:block;
		text-align:center;
		padding-top:1.3em !important;
		padding-bottom:1.3em !important;
		line-height:1.8;
	}
	.link li img{
		width:15px;
		height:15px;
		vertical-align:middle;
	}
	.link li a:last-child {
		border-left:1px solid #FFF;
		width:49.5%;
	}
	
	address{
		background:#E2E2E2;
		color:#333;
		font-size:0.5em;
		padding:1em auto 2em;
		display:block;
		text-align:center;
		padding-top:1.5em;
		padding-bottom:1.5em;
	}
	.pagetop {
		display:none;
		font-size:50px;
		position: fixed;
		bottom: 30px;
		right: 55px;
	}
	.pagetop a {
		display:block;
		color:#ffa200;
	}
	.pagetop a:visited {
		color:#ffa200;
	}
	#shop{
		display:none;
	}
}

/*960px//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:960px){
	/****************************
	  レイアウト～header
	***************************/
	/*body{
		max-width:960px;
		width:100%;
		height:auto;
	}*/
	article{
		max-width:960px;
		width:100%;
		height:auto;
		margin:0 auto;
		padding:0px;
	}
	section{
		max-width:960px;
		width:100%;
	}
	.store{
		max-width:960px;
		width:100%;
	}
	.pc_style{
		/*display:inline;*/
		min-width:650px;
		width:67.7%;
		margin:3em auto;
		display:block;
	}
	.h2{
		max-width:650px;
		width:67.7%;
		margin:1em auto;
		padding:5px;
		line-height:2;
		/*position: relative;*/
	}
	/*.h2::before{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		left: 0;
		right: 0;
		bottom: -15px;
		margin: 0 auto;
		border-top: 15px solid #FFf;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
	}*/
	/********************　　　hr*******************/
	.hr-text {
		display:none;
	}
	/*.hr-text:before {
		content: '';
		background: -webkit-linear-gradient(left, transparent, #818078, transparent);
		background: linear-gradient(to right, transparent, #818078, transparent);
		position: absolute;
		left: 0;
		top: 50%;
		width: 80%;
		height: 1px;
	}
	.hr-text:after {
		content: attr(data-content);
		position: relative;
		display: inline-block;
		color: black;
		padding: 0 .5em;
		line-height: 1.5em;
		color: #818078;
		background-color: #fcfcfa;
	}*/
		
	/****************************
	  商品
	***************************/
	.bland{
		max-width:960px;
		width:100%;
		height:auto;
		margin:0 auto;
		text-align:center;
		padding:0px;
	}
	.h3{
		max-width:980px;
		/*height:318px;*/
		height:auto;
		width:100%;
		margin:0 auto;
	}
	.h3 img{
		/*padding:0px;
		margin:0px;*/
		margin:2em auto 3em;
		width:960px;
		width:100%;
		height:100%;
		display:block;
	}
	.brand ul{
		min-width:960px;
		width:100%;
		margin:0 auto;
	}
	.brand ul li a{
		min-width:340px;
		width:44%;
		margin:1em auto;
		display:block;
	}
	.brand ul li a:nth-child(odd){
		margin-right:30px !important;
	}
	.kids ul li a{
		min-width:700px;
		width:90%;
		height:auto;
		margin:1em auto;
	}
	.recommend{
		width:960px !important;
		width:100%;
		height:auto;
		margin:1em auto 1.5em;
		text-align:center;
	}
	
	/****************************
	  バナー
	***************************/
	.ban{
		min-width:960px;
		width:100%;
		height:auto;
		display:block;
		margin:1em auto;
		text-align:center;
	}
	.ban ul{
		min-width:887px;
		width:100%;
		height:auto;
		margin:0 auto;
		text-align:center;
	}
	.ban li a{
		float:left;
		min-width:285px;
		width:32.13%;
		height:auto;
		margin-right:10px;
	}
	.ban li a:nth-last-child{
		margin-right:0;
	}
	
	/*****************************************
		-------      店舗紹介     ---------
	******************************************/
	.under{
		display:none;
	}
	#shop{
		display:inline;
	}
	
	
	#shop{
		display:block;
		max-width:980px;
		width:100%;
		height:auto;
		background-color:#fff;
		margin:3em auto 2em;
	}
	.list {
		height: 110px;
		width: 300px;
		/*border-radius: 5px;
		box-shadow: 0px 2px 5px rgba(0,0,0,0.2);*/
		background-color: #FFF;
		border:solid 1px #999;
		/*background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6));
		background-image: -webkit-linear-gradient(#FFF, #e6e6e6);
		background-image: linear-gradient(#FFF, #e6e6e6);*/
		padding: 5px 3px;
		float: left;
		margin: 5px 3px 1em;
		position: relative;
		display:block;
		/*border: ridge silver;*/
		/*border-radius: 5px;*/
		box-shadow: 0 0 3px #999;
		line-height:1.35;
	}
	
	
	
	
	
	
	
	/*
	#shop{
		display:block;
		max-width:960px;
		width:100%;
		height:auto;
		background-color:#fff;
		margin:3em auto 2em;
	}
	.list {
		width: 285px;
		background-color: #FFF;
		border:solid 1px #999;
		padding: 5px;
		float: left;
		margin: 5px 5px 1em;
		position: relative;
		display:block;
		box-shadow: 0 0 3px #999;
		line-height:1.35;
	}
	*/
	.space{
		margin-right:10px;
	}
	.list2 {
		height: 102px;
		width: 421px;
		padding: 5px;
		/*float: left;*/
		text-align:center;
		margin: 3em auto;
		position: relative;
		display:block;
	}
	.list h4 {
		font-size: 100%;
		padding: 0;
		border-bottom: 2px dotted #041040;
		margin-bottom: 5px;
	}
	.left{
		float:left;
		background-color:#FFF;
	}
	.right{
		float:right;
		background-color:#FFF;
	}
	.small1{
		font-size:0.8em;
	}
	.small2{
		font-size: 0.65em;
	}
	
	
	/*追加*/
	.store{
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:12px;
		line-height:1.4;
		color:#3992C5;
	}
	.left a{
		text-align:center;
		font-size:13px;
		margin-top:50px;
		inlineblock:block;
		color:#fff;
		color:#3992C5;
		padding:5px 5px;
	}
	.btn a:hover {
		background:#fff;
		border:solid 5px #F90;
		color:#F90;
	}
	.small{
		color:#09F;
		font-size:1.2em;
		display:block;
	}
	small1{
		font-size:0.8em;
	}
	.adr{
		font-size:0.9em;
		padding-left:0;
	}
	.big{
		font-size:1.2em;
	}
	
	/****************************
	  footer
	***************************/
	
	.link{
		background:#333;
		width:100%;
	}
	.link li a{
		background:#000;
		color:#fff;
		font-size:0.75em;
		float:left;
		width:50%;
		display:block;
		text-align:center;
		padding-top:1.3em !important;
		padding-bottom:1.3em !important;
		line-height:1.8;
	}
	.link li img{
		width:15px;
		height:15px;
		vertical-align:middle;
	}
	.link li a:last-child {
		border-left:1px solid #FFF;
		width:49.5%;
	}
	
	address{
		background:#E2E2E2;
		color:#333;
		font-size:0.5em;
		padding:1em auto 2em;
		display:block;
		text-align:center;
		padding-top:1.5em;
		padding-bottom:1.5em;
	}
	.pagetop {
		display:none;
		font-size:50px;
		position: fixed;
		bottom: 30px;
		right: 55px;
	}
	.pagetop a {
		display:block;
		color:#ffa200;
	}
	.pagetop a:visited {
		color:#ffa200;
	}

}

/*1024px//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:1024px){
	.header{
		width:100%;}
	.sub_header{
		max-width:1024px;
		width:1024px;
		height:auto;
		margin:0 auto;}
	.store{
		max-width:1024px;
		width:100%;
		height:auto;
		margin:0 auto;}
	.h2{
		width:300px;
		/*width:67.7%;*/
		margin:1em auto;
		padding:5px;
		line-height:2;
		/*position: relative;*/}
	.h2::before{
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -15px;
		border: 15px solid transparent;
		border-left: 15px solid #fff;}
	.left001{
		float:left;
		width:350px;}
	.pc_style{
		margin-top:15px;
		float:right;
		width:650px;}
	
	/*Gnabi ***************************************************/
	nav{
		min-width:1024px;
		width:100%;
		background-color:#5A3719;
		border:none;
		display:block;}
	nav ul{
		max-width:960px;
		width:100%;
		margin:0 auto;
		display:block;
		text-align:center;}
	nav ul li a{
		/*display: inline-block;*/
		min-width:180px;
		width:18.75%;
		text-align:center;
		border:none;
		border-left:1px solid #ECFF81;
		min-height:50px;
		height:auto;
		line-height:3;}
	nav ul li a:last-child {
		border-right:1px solid #ECFF81;}
}