@charset "euc-jp";

/* DEFAULT
---------------------------------------------------------------------------*/
html {overflow-y: scroll;font-size: 62.5%; line-height:1.5;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal !;}
table {border-collapse: collapse;border-spacing: 0;}
th {font-weight:lighter;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed, td, th {vertical-align: top;}
hr, legend {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight:lighter;}
img, abbr, acronym, fieldset {border: 0;}

li {list-style-type: none;}
img{vertical-align: bottom;}
p{line-height: 1.5; margin:0 0 1em;}
body {font-size:1.5rem;}

*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

div:after,ul:after,li:after,dd:after,section:after {content: ""; display: block; clear: both;}

img{max-width: 100%;height: auto;width /***/:auto;¡¡}

a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}

/* ALL
---------------------------------------------------------------------------*/
body {color: #333;font-family:'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif; -webkit-text-size-adjust: 100%; background:#fcfcfc;}

#wrapper{}

.pad{padding:10px;}
.clear{clear:both;}
.clearfix { overflow:hidden; _zoom:1;}

.inner{ width:1180px; margin:0 auto;}
@media (max-width: 768px) {
	.inner{ width:100%; margin:0 auto;}
}

.mean-container .mean-bar {background: #222 ; min-height: 40px; }
.mean-container .mean-nav {background: none ;margin-top: 40px;}
.mean-container a.meanmenu-reveal span {background: #fff !important;}

/* LINK-STYLE
---------------------------------------------------------------------------*/
a:link{color: #0099FF;text-decoration: underline;}
a:visited{color: #0099CC;text-decoration: underline;}
a:hover{ color:#663399; text-decoration:underline;}
a:active{color:#663399;text-decoration: underline;}


/* HEADER
---------------------------------------------------------------------------*/
#header{ background:#222;}

#logo{width: auto; height:35px; font-weight:bold; margin:0 20px 0 0; padding:5px 0 0 3px;}
#logo a{color: #fff;text-decoration:none;}

ul.head_navi{ float:right;}
ul.head_navi li{ float:left;}
ul.head_navi li a{ display:block; padding:10px 20px; text-decoration:none; font-size:1.4rem; font-weight:bold; color:#fff;}
ul.head_navi li.search{ display:none;}
ul.head_navi li.search a{ background:#63C9DC;}
ul.head_navi li.cart a{ background:#FFBB24;}
@media (max-width: 768px) {
	ul.head_navi li.search{ display:inline;}
}

nav{ background:#fff; color:#6a6056; text-align:center; font-size:1.2rem; font-weight:bold; border-top:1px #222 solid;  border-bottom:1px #222 solid;}
nav ul{ display:table; text-align:center;width:100%;table-layout: fixed;}
nav ul::after{content:none;}
nav ul li{ display:table-cell;box-sizing: border-box; border-right:1px #222 solid;}
nav ul li:first-child{ border-left:1px #222 solid; }
nav ul li:hover{ background:#F7F3E7;}
nav ul li a{  display:block;padding:15px 0 15px; text-decoration:none;}
nav ul li.nagare a{}
nav ul li.shop_site a{}
nav ul li.contact{display:none;}
nav ul li a:link,
nav ul li a:visited,
nav ul li a:hover,
nav ul li a:active{ text-decoration:none; color:#555;}
nav ul li span{ font-size:0.8rem; color:#c00; margin:1px 0 0 3px; font-weight:bold;}

@media (max-width: 768px) {
	#logo{ position:absolute; top:4px; left:0; z-index:100; width: auto; height:25px;  margin:0;}

	ul.head_navi{ position:absolute; top:0; right:50px; z-index:999;}
	ul.head_navi li a{ display:table-cell; vertical-align:middle; height:40px; padding:0; width:40px; text-align:center;}
	ul.head_navi li span{ display:none;}	
	
  nav{ float:none;background:#222;padding:0; border:0;}
	nav ul{ display: inline;background:#fff;}
	nav ul li{ display: inline; border:0; border-bottom:1px #CCC solid;}
    nav ul li.contact{display: inline; }
	nav ul li:first-child{ border-left:0; }
	nav ul li a{background:none !important; display: inline; padding:0; color:#333;}
	nav ul li span{ display:none;}


}

/* CONTENTS
---------------------------------------------------------------------------*/
#container{ padding:20px 0;}
#contents{float:right; width:900px;}

h1{ font-size:2.4rem; padding:8px 0 8px; margin:0 0 20px; border-top:1px solid #222; border-bottom:1px solid #222; font-weight:bold;}
h2{ font-size:2.4rem; padding:8px 8px 8px; margin:0 0 20px; font-weight:bold; background:#222; color:#fff;}
h3{ font-weight:bold;  border-left:5px solid #222;}

@media (max-width: 768px) {
	#contents{ float:none;  width: auto; padding:10px;}
	h1{ font-size:1.6rem;}
	h2{ font-size:1.6rem;}
}

.pager_box{text-align:center;}
.pager_box ul{margin: 20px 0 20px;}
.pager_box a:link,.pager_box a:visited,.pager_box a:hover,.pager_box a:active{color: #333;text-decoration: none;}

.pankuzu{font-size:1.4rem; padding:0 0 10px;}
.pankuzu ul li {display:inline; list-style-type: none;}
.pankuzu ul li:after {content:" > ";display:inline;}
.pankuzu ul li:last-child:after{content: none;}
.pankuzu ul li a{ color:#333; text-decoration:none;}
.pankuzu ul li a:hover{ color:#333; text-decoration:underline;}

.btn_all{ margin:0 20px 30px;}
.btn_all a{display: block; color: #fff;padding: 15px 10px;background: #be3836;border-radius: 4px;border-bottom: 2px solid #782222;text-decoration: none; text-align:center; font-weight:bold;}
.btn_all a:hover{background: #782222;border-bottom: 2px solid #782222;text-decoration: none;}

.sort{display:none;}

.warning{ border:3px #c00 double; padding:10px; color:#c00; margin:0 0 20px;}

/* LIST
---------------------------------------------------------------------------*/
.contents_list{ font-size:1.2rem;}
.contents_list li{ float:left; width:23.5%;margin: 0 2% 2% 0; border:1px solid #f3f3f3;position:relative; background:#fff; }
.contents_list li:nth-child(4n) {margin: 0 0 2% 0;}
.contents_list li:nth-child(4n+1) { clear:both;}
.contents_list li .shop_name{ position:absolute; top:0; left:0; padding:5px; background:#333; color:#fff; font-size:1.2rem;}
.contents_list li .shop_name_okayama{ background:#FF6600;}
.contents_list li .shop_name_kobe{ background:#006600;}
.contents_list li .shop_name_hiroshima{ background:#006699;}
.contents_list li a:link{color: #333;text-decoration:none;}
.contents_list li a:visited{color: #333;text-decoration:none;}
.contents_list li a:hover{ color:#333; text-decoration:underline;}
.contents_list li a:active{color:#333;text-decoration:none;}
.contents_list li .title{ padding:5px;}
.contents_list li .price{ background:#f3f3f3; padding:5px;text-align:center; font-weight:bold; font-size:1.3rem;}
.contents_list li .price_soldout{color:#EA352D;}


@media (max-width: 768px) {
	.contents_list li{ width:49%; }
	.contents_list li:nth-child(2n) {margin: 0 0 2% 0;}
	.contents_list li:nth-child(2n+1) { clear:both;}
}

/* SIDE
---------------------------------------------------------------------------*/
#side{float:left; width:240px;}

#side form{margin:10px 0 30px;}
#side form select{margin:0 0 10px;}
#side form input{height: 30px;line-height: 30px;}
#side form button{padding:5px;}
#side form button span{ display:none;}

@media (max-width: 768px) {
  #side{ float:none;  width: auto; padding:10px;}
  #side form button span{ display:inline;}
}
#side h3{padding:8px; background:#222; color:#fff; font-weight:bold;}
#side ul.side_list { margin:0 0 30px;}
#side ul.side_list  li{ border-bottom:1px solid #999;}
#side ul.side_list  li img{display:none;}
#side ul.side_list  li a{ padding:8px 8px; display:block; font-size:1.3rem;font-weight:bold; }
#side ul.side_list  li a:link{color: #666;text-decoration:none;}
#side ul.side_list  li a:visited{color: #666;text-decoration: none;}
#side ul.side_list  li a:hover{ color:#666; text-decoration:none; background:#f3f3f3;}
#side ul.side_list  li a:active{color:#666;text-decoration:none;}
#side ul.side_list  li.none{display:none;}

#side #group ul.side_list li:nth-child(n + 4) {display:none;}

/* FOOTER
---------------------------------------------------------------------------*/
#footer{background:#333;}

#footer_navi{ }
#footer_navi li{float:left; margin:;}

/* COPYRIGHT
---------------------------------------------------------------------------*/
.switchBtn{ background:#000; text-align:center; padding:10px 10px 0;color:#fff; font-size:1.1rem;}
.switchBtn a{color:#fff;}
.switchBtn a:hover{color:#999;}

#copyright{background:#000; text-align:center; padding:10px; font-size:1.1rem; color:#fff;}

#pageTop {position: fixed; bottom: 20px;right: 20px;}
#pageTop a {z-index:9999; display:table-cell; text-align:center; vertical-align:middle;border-radius:100%;width: 40px;height: 40px;background:#222;color: #fff;font-weight: bold;text-decoration: none;text-align: center; border:1px #fff solid;}
#pageTop a:hover {text-decoration: none;opacity: 0.7;}


/*
 * temp
 */

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}

/* background */
.bgc_gray {
  background-color: #f1f1f1;
}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }



/*
 * icons
 */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }

.icon-b,
.icon-w {
  width: 16px;
  height: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}



.p-bnr-kaitori{
  margin-bottom:20px;
}