/* --------------------------
   各ブラウザ間の表示統一設定
   -------------------------- */
body{
	margin:0px;
	padding:0px;
/*	background-color:#000000;*/
	background-color:#fff;
	}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,th,td {
	margin:0px;
	padding:0px;
	}

table {
	border-collapse:collapse;
	border-spacing:0px;
	}

fieldset,img {
	border:0px;
	}

ol,ul {
	list-style:none;
	}

caption,th {
	text-align:left;
	}

h1,h2,h3,h4,h5,h6 {
	font-size:#4D4D4D;
	font-weight:normal;
	}

q:before,q:after {
	content:'';
	}

abbr,acronym {
	border:0px;
	}

body * {
	line-height:1.5em;
	word-break:break-all;
	}
/* --------------------------------------------------------
   ※line-height:1.5em;
   各フォントサイズ毎に行間を算出する指定です。
   この指定を削除すると、全体の行間は統一される為、
   見た目のレイアウトが変更される場合があります。
   
   ※word-break:break-all;
   連続した半角英数字の枠外への飛び出しを制御する指定です。
   この指定を削除すると、サイト上に半角英数字がある場合、
   見た目のレイアウトが崩れることがあります。
   -------------------------------------------------------- */

body {
	font-family: 'Noto Serif JP', serif;
	/*font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho","Times New Roman", Georgia,serif; */
	font-size:12px;
	color:#4D4D4D;
	text-align:center;
	margin:0px;
	padding:0px;
/*	background:transparent url(https://img.shop-pro.jp/tmpl_img/30/bg_linen01.gif) 0px 0px;*/
	}

a:link {
	color:#4D4D4D;
	text-decoration:none;
	}

a:visited {
	color:#4D4D4D;
	text-decoration:none;
	}

a:active {
	color:#4D4D4D;
	text-decoration:none;
	}

a:hover {
	color:#cccccc;
	text-decoration:none;
	}

.all {
	margin:0px auto;
	padding:30px;
	width:80%;
	/*width:900px;*/
	text-align:left;
/*	background:transparent url(https://img.shop-pro.jp/tmpl_img/30/bg_dot01.gif) 0px 0px;*/
	}

/* ------------------------------------
   ホームタブ、ログインタブ、カートタブ
   ------------------------------------ */
#tab {
  
	/*width:930px;*/
	width:80%;
	text-align:right;
	margin:40px auto 0px;
	}

#tab #tab_login {
	margin-right:7px;
	}

/* ----------------
   ヘッダーメニュー
   ---------------- */
.header {
	margin-bottom:15px;
	}

.title a{
	font-size:18px;
	color:#4D4D4D;
	font-weight:bold;
	}
	
.title a:link,.title a:hover,.title a:active,.title a:visited {
	text-decoration:none;
}
	
#search {
	text-align:right;
	}

#search #search_box {
	width:160px;
	margin-bottom:7px;
	}

/* --------------------
   全体コンテンツエリア
   -------------------- */
.content {
	margin-bottom:70px;
	}

.list_icon {
	margin-right:10px;
	}

.overflow_160px {
	width:160px;
	overflow:hidden;
	}

/* ---------------------------
   左サイドメニュー / メンバー
   --------------------------- */
.member_frame {
/*	background:#ffffff url(https://img.shop-pro.jp/tmpl_img/30/side_line_bg01.gif) 0px 0px repeat-y;*/
	margin-bottom:20px;
	padding:5px 0px 5px 7px;
	font-size:11px;
	}

/* ---------------------------------------------------------------------------------
   左サイドメニュー / 商品カテゴリー、おすすめ商品、売れすじ商品、ショッピングカート
   --------------------------------------------------------------------------------- */
.side {
	margin-bottom:20px;
	}

.side_frame {
/*	background:#ffffff url(https://img.shop-pro.jp/tmpl_img/30/side_line_bg01.gif) 0px 0px repeat-y;*/
	margin-bottom:20px;
	padding:10px;
	}

.side_center {
	width:160px;
	margin:5px 0px;
	}

.side_deco,
.side_deco_cat,
.side_deco_gro,
.side_deco_subcat {
	width:160px;
/*	border-bottom:1px dotted #808080;*/
	border-bottom:1px dotted #C9C9C9;
	margin:0px auto;
	padding:0px 0px 5px;
	}

.side_deco_cat a,
.side_deco_gro a,
.side_deco_subcat a,
.side_deco_cat a:link,
.side_deco_gro a:link,
.side_deco_subcat a:link,
.side_deco_cat a:visited,
.side_deco_gro a:visited,
.side_deco_subcat a:visited,
.side_deco_cat a:active,
.side_deco_gro a:active,
.side_deco_subcat a:active {color:#4D4D4D;}


.side_deco_cat a:hover,
.side_deco_gro a:hover,
.side_deco_subcat a:hover {color:#cccccc;}

.side_frame_cart {
/*	background:#ffffff url(https://img.shop-pro.jp/tmpl_img/30/side_line_bg01.gif) 0px 0px repeat-y;*/
	padding:0px 10px;
	}
	
.cart_item {
	border-left:1px solid #4D4D4D;
	border-right:1px solid #4D4D4D;
	}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px dotted #C3C3C3;
	text-align:right;
	margin:0;
}

.postage {
	border-top:1px solid #C3C3C3;
	padding:5px 0;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}	
/* -----------------------------------
   左サイドメニュー / shop情報
   ----------------------------------- */

.shop_info li{
	font-size:10px;
	margin:3px 0 3px 0;
}

/* -----------------------------------
   左サイドメニュー / 店長プロフィール
   ----------------------------------- */
.prof_frame {
	width:180px;
/*	background:#ffffff url(https://img.shop-pro.jp/tmpl_img/30/side_line_bg01.gif) 0px 0px repeat-y;*/
	margin-bottom:20px;
	}

.prof_center {
	width:180px;
	text-align:center;
	}

.prof_deco {
	width:180px;
	height:1px;
	overflow:hidden;
	border-bottom:1px solid #C9C9C9;
	}

.prof_text {
	width:180px;
	text-align:center;
	padding:10px;
	}

.prof_img {
	max-width: 100%;
	height: auto;
	}


/* -------------------------------
   左サイドメニュー / フリーぺージ
   ------------------------------- */
.free_deco {
	width:160px;
	padding:5px 0px;
	}

.free_deco .overflow_160px{
	margin-bottom:10px;
	}

/* --------------
   フッターエリア
   -------------- */
.footer_link {
	margin-left:8px;
	}

.page_top {
	text-align:right;
	}
	
#copy{
	color:#4D4D4D;
	}

/* -----------------------------------------
   RSSタブ、Atomタブ、Color Me Shop! proタブ
   ----------------------------------------- */
#footer_tab {
	width:750px;
	text-align:left;
	margin:0px auto;
	padding:0px 0px 40px 30px;
	}

#footer_tab #tab_atom {
	margin:0px 7px 0px 7px;
	}

/* ------------------
   右コンテンツエリア
   ------------------ */
.top {
	width:100%;
	margin:0px auto;
	text-align:left;
/*	background:transparent url(https://img.shop-pro.jp/tmpl_img/30/bg_dot01.gif) 0px 0px;*/
	}


.top_ttl {
  	width:100%;
/*	margin-bottom:5px; */
	margin-top:5px;
	}


.top_frame {
	/*width:150px;*/
	/*width:auto;*/
	width:100%;
	float:left;
	margin:20px 0px 0px 0px;
	table-layout:fixed;
	}

.top_bg1 {
	/*width:220px;*/
	width: calc(100% / 3.2); 
	width:-webkit-calc(100% / 3.2); 
/*	background:transparent url(https://img.shop-pro.jp/tmpl_img/30/top_line_bg01.gif) 0px 0px repeat-y;*/
	padding:4px 0px 5px 0px;
	vertical-align: top;
/*	border-bottom:1px solid #D4D4D4;*/
	}

.table_item_2 {
margin-top:35px;
}

.table_item_2 td{
	padding-right:2vw;
	}

.top_bg2 {
	width:150px;
/*	background:transparent url(https://img.shop-pro.jp/tmpl_img/30/top_line_bg01.gif) 0px 0px repeat-y;*/
	padding:10px 0px 5px 0px;
	}

.now_s {
/*	border:1px solid #D4D4D4;*/
	border:none;
	padding:0px;
	width: 100%; 
/*	max-height:150px;*/
	}

.now_b {
/*	border:1px solid #D4D4D4;*/
	border:none;
	padding:0 0 20px 0;
	max-width: 600px;
  	width:100%;
    height:auto;
	}

.through {
	text-decoration:line-through;
	}

.discount {
	color:#F94C4C;
	}

.expl {
	margin:5px 0px 0px;
	text-align:left;
	}

/* --------------
   お知らせエリア
   -------------- */
.info_text {
	padding:15px 0px 45px 0px;
	}

.overflow_510px {
	width:510px;
	overflow:hidden;
	}

/* --------------
   フリースペース
   -------------- */
.free_space {
	text-align:left;
	margin-top:35px;
	}

/* ----------------------------
   ぱんくずリスト、並び順を変更
   ---------------------------- */
.footstamp {
/*	border-bottom:1px dotted #D4D4D4;*/
	color:#4d4d4d;
	}
	
.footstamp a,
.footstamp a:link,
.footstamp a:visited,
.footstamp a:active  {color:#4D4D4D;}
.footstamp a:hover   {color:#4D4D4D;}

.bold {
	font-weight:bold;
	}

/* --------------
   サブカテゴリー
   -------------- */
.subcate_ttl {
	margin-top:25px;
	}

.sub_category {
	width:70px;
	float:left;
	text-align:center;
	margin:20px 25px 0px 0px;
	}

.overflow_100px {
	/*width:100px;*/
  	width:100%;
	overflow:hidden;
	}

/* --------
   商品一覧
   -------- */
.overflow_140px {
	/*width:140px;*/
  	width:100%;
	overflow:hidden;
	}

.overflow_150px {
	margin:10px 0 30px 0;
	/*width:150px;*/
	width:100%;
	overflow:hidden;
	text-align:left;
	}

.overflow_220px {
	/*width:220px;*/
	width:100%;
	overflow:hidden;
  	margin:10px 0 30px 0;
	text-align:left;
	}
	
.sort_01 {
	border-bottom:1px dotted #D4D4D4;
	color: #4D4D4D;
	}

.sort_01 a,
.sort_01 a:link,
.sort_01 a:visited {
	color:#4D4D4D;
	}

.sort_01 a:active,
.sort_01 a:hover {
	color:#4D4D4D;
	}

/* --------
   商品詳細
   -------- */
.detail_image {
/*	border-bottom:1px dotted #D4D4D4;*/
	margin-bottom:15px;
	table-layout:fixed;
  
	}

.detail_frame {
/*	border-bottom:1px dotted #D4D4D4;*/
/*	margin-bottom:30px;*/
	max-width:600px;
   margin:0 auto;
	}

.detail_ttl {
	width:90%;
	font-weight:bold;
	font-size:17px;
	margin-bottom:20px;
/*	padding-bottom:15px;*/
	overflow:hidden;
/*	border-bottom:1px dotted #D4D4D4;*/
	}

.detail_text {
	width:90%;
	padding-bottom:15px;
	/*border-bottom:1px dotted #D4D4D4;*/
	line-height:1.8em;
	overflow:hidden;
	}

.detail_option1 {
	width:160px;
/*	padding:15px 0px 0px;*/
	}

.detail_option2 {
	width:160px;
	padding:0px 0px 15px 0px;
/*	padding:15px 0px 30px;*/
	}

.detail_cart {
	border:none;
	margin-bottom:10px;
	}

.detail_other {
	width:100%;
	margin: 0 auto;
	vertical-align:top;
 	text-align:center;
	}
	
.detail_thum {
/*	border:1px solid #878787;*/
	border:none;
/*	width: 510px;*/
	max-width: 600px;
  	width:100%;
    height:auto;
  margin: 0 auto;
	}

.detail_etc {
	padding:15px 0px;
	}
	
.detail_etc .list {
	padding:0px;
	margin:0px 0px 5px;
	}

.detail td {
	padding-bottom:10px;
	}

.detail_arrow {
	width:15px;
	margin:0px;
	}

div#sk_link_other {
	text-align:right;
	margin-bottom:20px;
}

div#sk_link_other a {
	font-size:10px;
}

.list {
	margin-bottom:5px;
}

/* --------------------------------------------
   この商品を買った人はこんな商品も買っています
   -------------------------------------------- */
.share_ttl {
	margin-bottom:15px;
	}

.share_frame {
	width:160px;
	float:left;
	margin:0px 10px 30px 0px;
	}

/* ----------------------------
   この商品のトラックバック一覧
   ---------------------------- */
.tb_ttl {
	margin:30px 0px 15px;
	}

.tb_url {
	text-align:center;
	padding:15px;
	background-color:#F0F0F0;
	border:1px solid #CCCCCC;
	}

.tb_list {
	margin-top:15px;
	}

.tb_date {
	padding-bottom:10px;
	}

.tb_subject {
	padding-bottom:10px;
	border-bottom:1px dotted #D4D4D4;
	}

.tb_excerpt {
	padding:10px 0px;
	border-bottom:1px dotted #D4D4D4;
	}

.tb_name {
	padding-top:10px;
	}

/* ----------------------------
   最近チェックした商品
   ---------------------------- */

.checkitem_list {
	width:100px;
	margin: 0 0 10px;
	padding: 0 10px;
	float:left;
	}

.checkitem .ci_img {
	width:90px;
	margin-bottom:3px;
	border: 1px solid #D4D4D4;
	padding: 4px;
	}

.checkitem .price_top {
	margin:0;
	}

/* ------------------------
   特定商取引法に基づく表記
   ------------------------ */
.exchange_ttl {
	margin-bottom:15px;
	}

.ShopKeeper {
	background-color:#ffffff;
/*	background-color:#000000;*/
	margin-bottom:30px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	}

.ShopKeeper th {
	background-color:#ffffff;
/*	background-color:#000000;*/
	font-weight:normal;
	padding:5px 10px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}

.ShopKeeper td {
	background-color:#ffffff;
/*	background-color:#000000;*/
	padding:10px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}

/* ------------
   お支払い方法
   ------------ */
.payment_ttl {
	margin-bottom:15px;
	}

.payment_frame {
	background-color:#ffffff;
/*	background-color:#000000;*/
	margin-bottom:30px;
	border:1px solid #c9c9c9;
	}

.payment_frame th {
	background-color:#ffffff;
/*	background-color:#000000;*/
	font-weight:normal;
	padding:5px 10px;
	border:1px solid #c9c9c9;
	}

.payment_frame td {
	background-color:#ffffff;
/*	background-color:#000000;*/
	padding:10px;
	border:1px solid #c9c9c9;
	}

/* ----------------------
   配送方法・送料について
   ---------------------- */
.delivery_ttl {
	margin-bottom:15px;
	}

.delivery_frame {
	background-color:#ffffff;
/*	background-color:#000000;*/
	margin-bottom:30px;
	border:1px solid #c9c9c9;
	}

.delivery_frame th {
	background-color:#ffffff;
/*	background-color:#000000;*/
	font-weight:normal;
	padding:5px 10px;
	border:1px solid #c9c9c9;
	}

.delivery_frame td {
	background-color:#ffffff;
/*	background-color:#000000;*/
	padding:10px;
	border:1px solid #c9c9c9;
	}

/* --------
   検索結果
   -------- */
.search_ttl {
	margin-bottom:15px;
	}

.search_frame {
	margin-bottom:5px;
	border-bottom:1px dotted #808080;
	}

.search_bold {
	font-weight:bold;
	}

.search_cell {
	padding-bottom:10px;
	}
	
.sort_02 {
	border-bottom:1px dotted #808080;
	color:#4D4D4D;
	}
	
.sort_02 a,
.sort_02 a:link,
.sort_02 a:visited {
	color:#999999;
	}

.sort_02 a:active,
.sort_02 a:hover {
	color:#cccccc;
	}

/* --------------------
   プライバシーポリシー
   -------------------- */
.privacy_ttl {
	margin-bottom:15px;
	}

.privacy_frame {
	margin-top:15px;
	color:#4D4D4D;
	}

.privacy_head {
	padding:15px 0px 5px;
	color:#000;
	border-top:1px dotted #999999;
	}

.privacy_text {
	padding:0px 15px;
	}

/* ----------------------
   オプション在庫・値段表
   ---------------------- */
#Option {
	width:510px;
	margin:15px auto;
	padding:15px 0px 15px 15px;
	text-align:left;
	/* background:transparent url(https://img.shop-pro.jp/tmpl_img/30/bg_dot01.gif) 0px 0px; */
	}

.option_ttl {
	margin-bottom:50px;
	}

.option_name {
	font-weight:bold;
	}

#Option .option_table {
	width:495px;
	margin-top:15px;
	border-left:1px solid #C9C9C9;
	border-top:1px solid #C9C9C9;
	}

#Option .option_cell1 {
	text-align:left;
	font-weight:normal;
	padding:5px;
	background-color:#ffffff;
/*	background-color:#000000;*/
	border-right:1px solid #C9C9C9;
	border-bottom:1px solid #C9C9C9;
	}

#Option .option_cell2 {
	text-align:left;
	padding:5px;
	background-color:#ffffff;
/*	background-color:#000000;*/
	padding:2px 6px 2px 6px;
	border-right:1px solid #C9C9C9;
	border-bottom:1px solid #C9C9C9;
	}

#Option .option_cell3 {
	text-align:left;
	padding:5px;
	background-color:#ffffff;
/*	background-color:#000000;*/
	padding:2px 10px 2px 6px;
	border-right:1px solid #C9C9C9;
	border-bottom:1px solid #C9C9C9;
	}

#Option .option_cellv01{
	width:30%;
	text-align:center;
	padding:5px;
	background-color:#ffffff;
/*	background-color:#000000;*/
	padding:2px 10px 2px 6px;
	border-right:1px solid #C9C9C9;
	border-bottom:1px solid #C9C9C9;
}

#Option .option_cellv02{
	width:70%;
	text-align:center;
	padding:5px;
	background-color:#ffffff;
/*	background-color:#000000;*/
	padding:2px 10px 2px 6px;
	border-right:1px solid #C9C9C9;
	border-bottom:1px solid #C9C9C9;
}

.option_close {
	width:480px;
	text-align:center;
	margin-top:50px;
	}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     margin:10px auto 0;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
     width:100%;
}
#option_tbl th{
     padding:5px;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td input{
     float:none;
     margin:0 0 5px;
     width:auto;
}
#option_tbl th,
#option_tbl td.none {
     background:#eee;
}
#option_tbl td {
     padding:5px;
     text-align:center;
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
.stock_zero {
     color:red;
}
#cart{
  width:180px;
  vertical-align:top;
}

.item_num_input{
  width:50px;
  height:1.5em;
}

/* -------------------------------------
*     ハンバーガーメニュー
* ------------------------------------- */

header {
  padding:10px;
}

#nav-drawer {
  position: fixed;
  top:20px;
  left:20px;
}

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

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
   padding:12px 6px 10px 10px;
  background-color:#fff;
  border-radius: 50%; 
  background-color:rgba(255,255,255,0.8);
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 2px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
  z-index:100000;
}

#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

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

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 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%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}
#nav-input:checked  ~ #nav-open span{
  bottom: 22px;
}
#nav-input:checked  ~ #nav-open span:after,
#nav-input:checked  ~ #nav-open span:before{
  width:12px;
}
#nav-input:checked  ~ #nav-open span:after{
  -webkit-transform: translate(-10px,-20px) rotate(-45deg);
  transform: translate(-1px,-20px) rotate(-45deg);
}
#nav-input:checked  ~ #nav-open span:before{
  -webkit-transform: translate(-10px,-4px) rotate(45deg);
  transform: translate(-1px,-4px) rotate(45deg);
}
#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.side_mob{
  margin:0 auto;
  text-align:left;
}

.side_mob .shop_info{
margin-bottom:50px;
}

#nav-mob{
  margin:30px 0 100px 0 ;
}
#search_mob{
  margin:0 auto;
    text-align:left;
  width:180px;
}
#search_mob #search_box{
  width:180px;
}

#footer_area ul li{ 
 	margin:0 5px 15px 0;
    display: inline-block;
    }

@media screen and (min-width:1120px) {
  #nav-open {
    display:none;
  }
}
@media screen and (min-width:500px) and ( max-width:1120px) {
  .side{
    display:none;
  }
  .spacer{
     display:none;
    }
  .side_menu{
     display:none;
    }
    #search{
     display:none;
    }
}
  @media screen and (max-width:500px) {  
  .side{
    display:none;
  }
  .spacer{
     display:none;
    }
  .side_menu{
     display:none;
    }
  #search{
     display:none;
    }
  .detail_frame td{
    display: block;
    width: 100%;
   }
  #cart{
    margin:50px 10px 20px 0;
    width:90%;
    vertical-align:top;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding:15px;
}
 #cart tr td{
        display: inline;
    }

    #cart .item_num td{
         display: inline;
    }
    
    .item_num_input{
      width:150px;
      height:1.5em;
    }
   
    .all {
	margin:0px auto;
	padding:10px 10px  50px 10px;
	width:90%;
	/*width:900px;*/
	text-align:left;
	}
    
    #tab {
	width:90%;
	text-align:right;
	margin:40px auto 0px;
	}
}