body {
  width: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:16px;
  border-top:15px solid #000;
  padding-top:15px;
  background:#ffffff;
}


a {color:#blue;}


a:hover {
  color:blue;
  text-decoration:underline;
  }


.navy{ color:#294bcd;}

.bold{font-weight:bold;}

.brown{ color:brown;}


.fwn{font-weight:normal;}



.xx-small{font-size: xx-small;}

.x-small{font-size:x-small;}

.small{font-size:small;}

.medium{font-size: medium}

.large{font-size: large}

.x-large{font-size: x-large}

.xx-large{font-size: xx-large}

.mincho{font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

.px30{font-size:30px;}

.px16{font-size:16px;line-height:130%;}

.px14{font-size:14px;line-height:130%;}

.px12{font-size:12px;line-height:140%;}


.lh150{line-height:150%;}

.pb10t5{padding:5px 0 10px 0;}

 

.pb15{padding-bottom:15px;}

.p10{padding:10px;}

.p20{padding:20px;}

.ptb20{padding:20px 0;}

.p10{padding:10px;}


.pr15{padding-right:15px;}

.mt5{margin-top:5px;}


.next{page-break-after: always;}


@media only screen and (max-width:480px){.pr15{padding-right:0;}}


.plr15{padding:0 15px;}

img{vertical-align: bottom;}








/*=========================================== */

header {
    width:950px;
    margin-left:auto;
    margin-right:auto;
	overflow: hidden;
	margin-bottom:15px;
	background:#ffffff;
	}	
	
	
	
	
@media only screen and (max-width:480px){

header {width:100%;}

}
 
 
 
 
 
 
 
 
 
/*=========================================== */  
    
main {
    width:950px;
    margin-left:auto;
    margin-right:auto;
	clear:both;
	}
	
@media only screen and (max-width:480px){

main {width:100%;}

}		










/*=========================================== */	
	
footer {
    width:950px;
    margin-left:auto;
    margin-right:auto;
	text-align:center;
	padding:30px;
	clear:both;
	}	 

@media only screen and (max-width:480px){

footer {width:100%;
padding:20px 0;}

}


footer .small{
	font-size:small;
	line-height:120%;
	letter-spacing:1px;
	}
	
footer .name{
	font-size: medium;
	line-height:150%;
	letter-spacing:1px;
	padding-bottom:5px;
	font-size:large;
	}








	

/*=========================================== */	
	
.inner{
	width:950px;
    margin-left:auto;
    margin-right:auto;
	clear:both;
	}	
	
	
	
@media only screen and (max-width:480px){

.inner {width:100%;}

}	










/*　mob img 100%　============================ */	
	
.auto img {
	max-width: 100% !important;
    height: auto !important;
	}








/*　mob img 50%　============================ */	



.auto50 img {
	max-width: 100% !important;
    height: auto !important;
	}


@media only screen and (max-width:480px){	
.auto50 img {
	max-width: 50% !important;
    height: auto !important;
	float:left;
	}
}









/*　mob img 96%　============================= */	
	
@media only screen and (max-width:480px){

p.resizeimage img {
	width: 96%;
	height: auto;
	padding:0 2%;

 }

}







/*　mob 改行　================================ */	

@media screen and (min-width: 480px) {
	.br-sp { display:none; }
}	










/*　header タイトル　========================= */	

#title{
	float:left;}
	
	
	
@media only screen and (max-width: 480px) {	

#title{
	float:none;
	margin-bottom:15px;
	}
	
}










/*　header menubox　========================= */

#menu-box{float:right;}


#menu{
  width: 100%;
  padding: 0;
  margin:0;
}


#menu li{
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  height:90px;
  border-right:1px solid #c7c0bf;
     }

   
#menu li.home {	border-left:1px solid #c7c0bf;}

#menu li a:hover{opacity: 0.6;}



@media only screen and (max-width: 480px) {	

#menu-box{float:none;}


#menu li{
  display: block;
  float: left;
  margin: 0 0 0 0;
  padding: 0;
  width:19.75%;
  height: auto; 
  border-right:1px solid #c7c0bf;
     }

#menu li.home {border-left: none;}
  
#menu li:last-child {border-right: none;} 

}

	
	
	
	
	
	

	
	
/*　壁紙　=================================== */


#redback{
	background:url(../img/redback.gif);
	overflow: hidden;
	padding:20px 0;}


#purpleback{
	background:url(../img/purpleback.gif);
	overflow: hidden;
	padding:0;
	margin:0;}


#brownback{
	background:url(../img/brownback.gif);
	overflow: hidden;
	margin:0;}
	
#orangeback{
	background:url(../img/orangeback.gif);
	overflow: hidden;
	margin:0;}
	
	
#navyback{
	background:url(../img/navyback.gif);
	overflow: hidden;
	margin:0;}
	
#beigeback{
	background:#f5f0d6;
	padding:25px 0;
	overflow: hidden;
	}
	
	





	
	
	
	
	
/*　ベージュ色部分のh3　=================================== */	
	
#beigeback h3 {
	background:#000;
	color:#fff;
	padding:6px 3px 6px 10px;
	font-weight:normal;}	
	









	
	


/*　会員部分　=================================== */		
	
#kaiin{
	padding:20px 0;
	overflow: hidden;
	border-bottom:1px solid #000;}
	
#kaiin h3{
	background:#000;
	color:#fff;
	padding:6px 3px 6px 10px;
	margin:0 0 20px 0;
	font-weight:normal;}
	
	










/* トップページ　４カラム部分 =========================== */

.col2 {
	background: #fff;
	float: left;
	margin-left: 3.2%;
	margin-bottom: 15px;
}

.fullwidth .col2 {
	float: none;
	margin-left: 0;
}

/* grid4 col */
.grid4 .col2 {
	width: 22.6%;
	padding:0 0 14px 0;
	
}

.grid4 .col2 img {max-width: 100% !important;
    height: auto !important;
	}
	
.grid4 .col2 p{
	text-align:center;
	margin-top:7px;}	

/* grid3 col */
.grid3 .col2 {
	width: 31.2%;
}

/* grid2 col */
.grid2 .col2 {
	width: 48.4%;
}

/* clear col */
.grid4 .col2:nth-of-type(4n+1),
.grid3 .col2:nth-of-type(3n+1),
.grid2 .col2:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}










/* トップページ 店舗バナー =========================== */

.kaiinbanner{padding:8px;}

@media only screen and (max-width: 480px) {	

.kaiinbanner{padding:0 5px 0 5px;}

}










/* ============================================================================ */

.col { 
	display: block;
	float: left;
	width: 100%;
}


	.span_1 { width: 8.33333333333%; }
	.span_2 { width: 16.6666666667%; }
	
	
	.span_2_2{ width: 20%; }
	
	
	/* 詳細ページ　画像 =============================== */
	
	.span_3 { width: 25%; }
	
	/* 詳細ページ会員ボタン =========================== */
	
	.span_3_2 { width: 25%; text-align:center; }
	
	/* 商品一覧 ======================================= */
	
	.span_4 { width: 31.3333333333%;padding:1%; }
	
	/* ================================================ */
	
	.span_5 { width: 41.6666666667%; }
	
	
	/* 店舗ページ　画像・テキスト ===================== */
	
	.span_6 { width: 50%; }
	.span_7 { width: 58.3333333333%; }
	.span_8 { width: 66.6666666667%; }
	
	
	/* 詳細ページ　テキスト =========================== */
	
	.span_9 { width: 75%; }
	
	/* ================================================ */
	
	.span_10 { width: 83.3333333333%; }
	.span_11 { width: 91.6666666667%; }
	.span_12 { width: 100%; }


@media only screen and (max-width: 480px) {
	
	.span_1 { width: 100%; }
	.span_2 { width: 100%; }
	.span_2_2{ width: 50%; }
	.span_3 { width: 100%; }
	.span_3_2 { width:50%; }
	.span_4 { width: 100%; }
	.span_5 { width: 100%; }
	.span_6 { width: 94%;padding:3%; }
	.span_7 { width: 100%; }
	.span_8 { width: 100%; }
	.span_9 { width: 100%; }
	.span_10 { width: 100%; }
	.span_11 { width: 100%; }
	.span_12 { width: 100%; }	
		
}








/*店舗詳細カテゴリ画像 ======================== */


.ptb10{padding:10px 0;}


@media only screen and (max-width: 480px) {

.ptb10{padding:10px;}
	
}







/*店舗説明罫線 ======================== */

p.box {
   border-bottom: 1px solid #000;
   padding-bottom: 15px;
   margin-bottom:15px;
}









/*商品一覧　説明文 =================== */

.w200{
	width:90%;
	margin:0 auto;
	}
	
@media only screen and (max-width: 480px){

.w200{
	margin-bottom:10px;
	padding-bottom:15px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	}

.w200 dl{ padding:0; margin:0 !important;}
	
.w200 dt{ padding:0; margin:0 !important;}

.w200 dd{ padding:0; margin:0 !important;}

}	

.w200 dl{}

.w200 dt{background: #f0f0f0; padding:5px; font-weight:bold; margin-top:5px; border-top: dotted 1px #e0e0e0;}

.w200 dd{padding:5px 5px 5px 5%; margin-bottom:3%; background: #f0f0f0;border-bottom: dotted 1px #e0e0e0; }

.w200 dd ul li{ margin:5%;}




/*トップに戻るボタン =================== */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	
}
#page-top a {
    text-decoration: none;
    text-align: center;
    display: block;
	font-size: 45px;
	color:#000000;
}

#page-top a:hover {
    text-decoration: none;
}