@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%;}

#wrapper{}

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

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

.mean-container .mean-bar {background:  background:url(https://img02.shop-pro.jp/PA01121/104/etc/bg.jpg?cmsp_timestamp=20170408184438) #300 ; min-height: 40px; }
.mean-container .mean-nav {background: none ;margin-top: 40px;}
.mean-container a.meanmenu-reveal {color: #fff !important;}
.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:url(https://img02.shop-pro.jp/PA01121/104/etc/bg.jpg?cmsp_timestamp=20170408184438) #300; }

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

#head_text{color: #fff;font-size: 12px;float: left;line-height: 38px; font-weight:bold;}

#head_text_sp{display:none; }
@media screen and (max-width: 768px) {
  #head_text_sp{display:block;color: #333;font-size: 12px; text-align:center;background:#f3f3f3; padding:5px; font-weight:bold;}
}


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:#998F52;}
ul.head_navi li.cart a{ background:#93773E;}

ul.head_navi li.insta{margin-right:15px;}
ul.head_navi li.fb a,
ul.head_navi li.insta a{ padding:0 10px;}
ul.head_navi li.fb i,
ul.head_navi li.insta i{line-height: 41px;}


@media screen and (max-width: 768px) {
	ul.head_navi li.search{ display:inline;}
}

nav{background:#E3DEDA; color:#fff; font-weight:bold;font-size:1.4rem;}
nav ul{ display:tablewidth:100%;}
nav ul::after{content:none;}
nav ul li{ display:table-cell;box-sizing: border-box; }
nav ul li:first-child{}
nav ul li:hover{ background:#F7F3E7;}
nav ul li a{  display:block;padding:10px 15px 10px 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:#333;}
nav ul li span{ font-size:0.8rem; color:#c00; margin:1px 0 0 3px; font-weight:bold;}

@media screen and (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:url(https://img02.shop-pro.jp/PA01121/104/etc/bg.jpg?cmsp_timestamp=20170408184438) #300;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;}


}




#Glide { margin:0 0 0px;}
#Glide .glide__slide{background-size: cover;}
#Glide .glide__arrow{ background:#333;border-radius:100%; font-size:20px; width:40px; height:40px;padding:0;opacity: 0.7; z-index:101;}
#Glide .glide__slide{ background-position:0 60%;}
#Glide .photo {width: 980px;height:300px;margin: 0 auto;position: relative;z-index: auto; display:table;}

#Glide .title_box{ position:absolute; bottom:0%; text-align:center; width:100%; margin:0 0 20px; z-index:100;}
#Glide .title_box p{ color:#fff;font-size:3.0rem; font-weight:normal; display: inline-block; text-shadow: 0 0 4px rgba(0,0,0,.6);}

@media screen and (max-width: 768px) {
	#Glide .glide__arrow{font-size:22px; width:40px; height:40px; display:none;}
	#Glide .photo {width: 100%;height:180px;margin: 0 auto;position: relative;z-index: auto;}
	#Glide .photo div span{padding:5px; font-size:9px;}
	#Glide .title_box{ bottom:65%;}
	#Glide .title_box p{font-size:1.0rem;}


}

/*-------------------------------------------------------------
　　　　　　　　　　　   SPナビ
-------------------------------------------------------------*/

#nav-drawer{ display:none;}

.drawer__title { background:url(https://img02.shop-pro.jp/PA01121/104/etc/bg.jpg?cmsp_timestamp=20170408184438) #300;color:#fff;position: relative;padding: 7px 15px;font-size: 22px;font-weight: 700;text-align: center;letter-spacing: 2px;}

.close {color: #fff;display: inline-block !important;padding: 10px 3px;display: none;position: absolute;z-index: 999999; top: 0; left: 10px; cursor: pointer;}

.close span {background: #fff; margin: 0 20px 0 7px; display: inline-block; position: relative; width: 3px; height: 30px; padding: 0; transition: .3s ease-in-out; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.close span::before { display: block; position: absolute; top: 50%;left: -13px; width: 30px; height: 3px; margin-top: -2px; background: #fff; content: "";}

@media screen and (max-width: 768px) {
	header{ display: none;}
	#nav-drawer{ display: block; position: fixed; width: 100%; z-index: 1000; background:url(https://img02.shop-pro.jp/PA01121/104/etc/bg.jpg?cmsp_timestamp=20170408184438) #300;}
	#nav-drawer .logo{ height:26px; margin:17px 0 0 10px;}
	#nav-open{ float: right;}
}


/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

#nav-open{ width: 60px; height: 60px; position: relative; background:url(https://img02.shop-pro.jp/PA01121/104/etc/bg.jpg?cmsp_timestamp=20170408184438) #300;margin-bottom: 0;}
#nav-open span:nth-of-type(1),
#nav-open span:nth-of-type(2),
#nav-open span:nth-of-type(3){
    top: 13px;
    left: 13px;
    width: 34px;
    background: #fff;
	position: absolute;
	height: 2px;
	border-radius: 4px;
}
#nav-open span:nth-of-type(2){top: 21px;}
#nav-open span:nth-of-type(3){top: 29px;}
#nav-open span:nth-of-type(4){ color: #fff; position: absolute;top: 35px; font-weight:600; font-size: 10px; text-align: center; width: 60px;}

#nav-cart{ float: right;position: relative; background:#93773E;}
#nav-cart a{ display: block; width: 60px; height: 60px; color: #ffffff;}
#nav-cart a:visited,#nav-cart a:hover,#nav-cart a:active{color:#fff;text-decoration:none;}
#nav-cart i{ display: block; position: absolute;top:13px; font-size: 21px; text-align: center; width: 60px;}
#nav-cart span{position: absolute;top: 37px; font-weight:600; font-size: 10px; text-align: center; width: 60px; text-align: center;}


/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  right: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(105%);
  transform: translateX(105%);/*左に隠しておく*/
	background: #3c3232;
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

#nav-content #drawer-search{margin:20px;}
#nav-content #drawer-search select{display:block;padding:5px;margin-bottom:5px;width: 100%;font-size:1.6rem;}
#nav-content #drawer-search input{display:block;padding:5px;margin-bottom:5px;width: 100%;font-size:1.6rem;}
#nav-content #drawer-search input.side-search-btn{width: 50%; margin:0 auto;}
dl.drawer-search-box>dt{background:url(https://img02.shop-pro.jp/PA01121/104/etc/bg.jpg?cmsp_timestamp=20170408184438) #300; color:#fff; padding:8px; text-align:center;}
dl.drawer-search-box>dd{background:#666;border:1px solid #333;margin-bottom:10px;}
dl.drawer-search-box>dd.boxpad{padding:8px;}

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

}



#nav-content ul.main-navi{ margin-bottom: 20px;border-top: 1px #666 solid;}
#nav-content ul.main-navi li span{ display: block; padding: 15px 10px;color:#fff;text-decoration:none;}

#nav-content ul.main-navi li{ border-bottom: 1px #666 solid;}
#nav-content ul.main-navi li a{ display: block; padding: 15px 10px;color:#fff;text-decoration:none;}
#nav-content ul.main-navi li a:link{color:#fff;text-decoration:none;}
#nav-content ul.main-navi li a:visited{color:#fff;text-decoration:none;}
#nav-content ul.main-navi li a:hover{color:#fff;text-decoration:none;}
#nav-content ul.main-navi li a:active{color:#fff;text-decoration:none;}

#nav-content ul.main-navi li a span{ display:none;}

#nav-content .sns{position: relative;  overflow: hidden; font-size:20px; margin:0 0 20px; text-align: center;}
#nav-content .sns ul{position: relative;left: 50%;float: left;}
#nav-content .sns ul li{position: relative;left: -50%; float: left; list-style: none; margin:0 10px;}
#nav-content .sns ul li a{ display: inline-block; background:#FFF; border-radius:10px; width:40px; height:40px; line-height:40px; color: #3c3232;}
#nav-content .sns ul li a i{ line-height:40px !important;}






/* CONTENTS
---------------------------------------------------------------------------*/
#container{ padding:20px 0;}
#contents{float:right; width:100%; margin-left:-260px;}
#contents-inner{ margin-left:260px;}

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


h1{ font-size:2.4rem; padding:8px 8px 8px; margin:0 0 20px;  background:url(https://img02.shop-pro.jp/PA01121/104/etc/bg.jpg?cmsp_timestamp=20170408184438) #300; font-weight:bold; color:#fff;}
h2{ font-size:2.4rem; padding:8px 8px 8px; margin:0 0 20px; font-weight:bold; background:url(https://img02.shop-pro.jp/PA01121/104/etc/bg.jpg?cmsp_timestamp=20170408184438) #300; color:#fff;}
h3{ font-weight:bold;  border-left:5px solid #222;}

@media screen and (max-width: 1180px) {
  #container{ padding-left:10px; padding-right:10px;}
}
@media screen and (max-width: 768px) {
	#container{ padding-top:60px; padding-left:0; padding-right:0;}
	#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 0 30px; text-align:right;}
.btn_all a{display: block; background: #E3DEDA; border:1px #ccc solid; padding: 10px 10px; text-decoration: none; text-align:center; font-weight:bold; color:#333;}
.btn_all a:hover{text-decoration: none;background: #d2cdc9; }

.sort{display:none;}
/* LIST
---------------------------------------------------------------------------*/
.list-box{display: inline-flex; flex-wrap: wrap;justify-content:left;margin: 0 -8px;margin-bottom: 15px;}
.list-box li{width: calc(25% - 16px); margin:8px; border:1px #ccc solid; background: #fff;position: relative;}
.list-box li a{text-decoration: none; color: #333;overflow-wrap: break-word;}
.list-box li a:hover img {opacity: 1;filter: alpha(opacity=100);-ms-filter: "alpha(opacity=100)";}
.list-box li .tmb{overflow: hidden;}
.list-box li .tmb img {
  width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.list-box li a:hover .tmb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.list-box li .data{}
.list-box li .data .update{ position:absolute; top:0; left:0; padding:5px; background: url(../img/common/bg.jpg); color:#fff; font-size:1.2rem;}

.list-box li .title{ padding:5px; }
.list-box li .price{ background:#f3f3f3; padding:5px;text-align:center; font-weight:bold; font-size:1.3rem;}
.list-box li .price_soldout{color:#EA352D;}

@media screen and (max-width: 980px) {
	.list-box li{width: calc(33.3333333333% - 16px); }
}
@media screen and (max-width: 768px) {
	.list-box li{width: calc(50% - 16px); }
}

#recommend .list-box li:nth-child(-n+3),#seller .list-box li:nth-child(-n+3),#new_item .list-box li:nth-child(-n+3){
	width: calc(33.33333333% - 16px);
}

@media screen and (max-width: 768px) {
#recommend .list-box li:nth-child(-n+3),#seller .list-box li:nth-child(-n+3),#new_item .list-box li:nth-child(-n+3){
	width: calc(50% - 16px);
}
  #recommend .list-box li:nth-child(1),#seller .list-box li:nth-child(1),#new_item .list-box li:nth-child(1){
	width: calc(100% - 16px);
}
}



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

#side dl.box{ margin:0 0 20px;}
#side dl.box>dt{padding:8px; background:url(https://img02.shop-pro.jp/PA01121/104/etc/bg.jpg?cmsp_timestamp=20170408184438) #300; color:#fff; font-weight:bold;  border-left:0;}
#side dl.box>dd{padding:8px;border: 1px solid #300;}

#side form{margin:5px 0 10px;}
#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 screen and (max-width: 768px) {
  #side{ float:none;  width: auto; padding:10px;}
  #side form button span{ display:inline;}
}

#side ul.side_list { margin:0;}
#side ul.side_list  li{ border-top:1px solid #ccc;}
#side ul.side_list  li:first-child{border-top:0;}
#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:#E3DEDA;}
#side ul.side_list  li a:active{color:#666;text-decoration:none;}
#side ul.side_list  li.none{display:none;}
#side ul.side_list  li span{display:block; font-size:1.0rem;font-weight:normal;}

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

/* FOOTER
---------------------------------------------------------------------------*/
footer{background:url(https://img02.shop-pro.jp/PA01121/104/etc/bg.jpg?cmsp_timestamp=20170408184438)  #300; text-align:center; padding-top:30px;}

#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;}

#f_logo{ width:250px; margin-bottom:20px;}
#f_data{ color:#FFF; font-size:1.2rem; margin-bottom:30px; line-height:1.8;}

footer .sns{position: relative;  overflow: hidden; font-size:20px; margin:0 0 10px; text-align: center;}
footer .sns ul{position: relative;left: 50%;float: left;}
footer .sns ul li{position: relative;left: -50%; float: left; list-style: none; margin:0 10px;}
footer .sns ul li a{ display: inline-block; background:#FFF; border-radius:10px; width:40px; height:40px; line-height:40px; color: #300;}
footer .sns ul li a i{line-height:40px !important;}

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

}

#copyright{padding:10px; font-size:1.1rem; color:#fff;}

#top-btn {position: fixed; bottom: 10px;right: 10px;}
#top-btn a {z-index:9999; display:table-cell; text-align:center; vertical-align:middle;border-radius:4px;width: 40px;height: 50px;background:rgba(0,0,0,0.5) ;color:#fff;font-weight: bold;text-decoration: none;text-align: center;}
#top-btn a:hover {text-decoration: none;opacity: 0.7;}