@charset "euc-jp";

/*-------------------------------------------
デフォルトスタイルをリセット2 
-------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 14px;
 font-weight: normal;
}
body {
 color: #3f3f3f;
 line-height: 1.5;
 -webkit-text-size-adjust: none;
 font-family: 'CenturyGothic','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',YuGothic,'Yu Gothic','Meiryo UI',sans-serif;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}
img {
 border: 0;
 vertical-align: bottom;
}
ul, ol {
 list-style: none;
}
table {
 border-spacing: 0;
 empty-cells: show;
}
a { text-decoration: none; }

a:link { color: #065B45}
a:visited { color: #675337}
a:active { color: #65582F}
a:hover { color: #1C5B96}

a.btn:link { color: #FFFFFF}
a.btn:visited { color: #EEE}
a.btn:active { color: #000000}
a.btn:hover { color: #FFFFFF}

.new_line {
 clear:both;
 margin: 0px 0px 20px 0px;
 padding:0px 0px 0px 0px;
}
.new_line10 {
 clear:both;
 padding: 0px 0px 10px 0px;
}
/*-------------------------------------------
共通
-------------------------------------------*/
/*メニュー*/
#pagetop{
 top: 0px;
 left: 0px;
 position: fixed;z-index: 2;
 width: 100%;
}
/*
 * layout
 */
.outer {
 overflow-x: hidden;
 max-width: 100%;
 height: auto;
}

.wrapper {
 position: relative;
 -moz-transition-property: all;
 -o-transition-property: all;
 -webkit-transition-property: all;
 transition-property: all;
 -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s;
 -webkit-transition-duration: 0.2s;
 transition-duration: 0.2s;
 padding: 0px 0px 8px 0px;
}

/*メニューバー*/
.u-cf:before {
 content: "";
 display: table;
}
.u-cf:after {
 content: "";
 display: table;
 clear: both;
}
.toolbar {
 border-bottom: solid 1px #e0e0e0;
 position: fixed;
 width: 100%;
 background-color: #fff;
 z-index: 1000;
}
.toolbar__inner {
 display: flex;
 color: #212121;
 padding: 8px 15px 6px 15px;
}
.toolbar__inner a i {
 vertical-align: middle;
}
.top-logo {
 text-align: left;
 width: 47%;
}
.top-logo img {
 width: 100px;
 height: auto; 
 margin: 3px 0px 0px 0px;
 padding: 0px;
}
.toolbar__item--okiniiri ,.toolbar__item--insta {
 color: #b0b0b0;
 width: 12%;
 text-align: center;
 margin: 9px 1% 0px 0%;
}
.toolbar__item--insta {
 margin: 7px 1% 0px 0%;
}
.toolbar__item--okiniiri a ,.toolbar__item--insta a {
 color: #444;
}
.toolbar__item--okiniiri .u-wrap .fa,
.toolbar__item--okiniiri .u-wrap .fab,
.toolbar__item--cart .u-wrap .fa {
 font-size: 25px; 
}
.toolbar__item--insta .u-wrap .fab {
 font-size: 27px; 
}
.toolbar__item--cart {
 margin: 0px 0% 0px 2%;
 padding: 0px 0px 0px 0px;
 width: 14%;
}
.toolbar__item--cart .u-wrap {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 display: flex;
}
.toolbar__item--cart .u-wrap i {
 margin: 12px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.u-wrap .fa-shopping-cart {
 font-size: 25px; 
 color: #444;
}
.toolbar__item--cart .toolbar__item__count {
 font-weight: bold;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-size: 12px;
 vertical-align: text-top;
}
.amount,.amount2 {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 vertical-align: top;
 text-align: center;
 color: #FFF;
 background-color: #b0b0b0;
 width: 20px;/*幅*/
 height: 20px;/*高さ*/
 border-radius: 50%;/*角丸*/
}
.amount2 {
 background-color: #dd0d0d;
}
.toolbar__item--menu {
 color: #b0b0b0;
 width: 10%;
 text-align: center;
 margin: 4px 0% 0px 1%;
}
.toolbar__item--menu a, .u-toggle{
 color: #333;
}
.u-wrap .menu {
 padding: 0px 0px 0px 1px;
 font-size: 9px; 
}
.u-wrap .fa {
 font-size: 28px; 
}
/* ドロワー */
.drawer.open {
 left: 0;
}
.drawer {
 position: fixed;
 top: 0;
 left: -85%;
 z-index: 9999;
 overflow-x: hidden;
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
 width: 85%;
 height: 100%;
 background: #fff;
 color: #212121;
 -moz-transition-property: all;
 -o-transition-property: all;
 -webkit-transition-property: all;
 transition-property: all;
 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}
.drawer__item--sns {
 float: left;
 padding: 10px 0px 0px 20px;
 text-align: left;
 font-size: 30px;
}
.drawer__item--sns a {
 color: #212121;
 margin: 0px 18px 0px 0px;
}
.drawer__item--close {
 float: right;
 padding: 20px;
 text-align: right;
}
.drawer__item--close a {
 color: #212121;
}
.drawer__item {
 border-bottom: 1px solid #e0e0e0;
}
.drawer__item__name,.drawer__item__name2 {
 font-size: 100%;
 font-weight: normal;
 display: table;
 line-height: 1;
 clear: both;
 width: 100%;
 margin: 0;
 padding: 25px 20px;
 color: #212121;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.drawer__item__name2 {
 padding: 20px 20px 20px 10px;
}
.drawer__item__name__text {
 width: 60%;
 vertical-align: middle;
}
.drawer__item__name__text img {
 width: 15%;
 height: auto;
 margin: 0 5% 0 0;
 vertical-align: middle;
}
.u-accordion .u-accordion .drawer__item__name__text {
 margin: 0 0 0 5%;
}
.drawer__item__name__icon--left {
 width: 15%;
 display: table-cell;
 vertical-align: middle;
}
.drawer__item__name__icon--right {
 width: 10%;
 display: table-cell;
 vertical-align: middle;
 text-align: right;
}
.drawer__item--accordion ul {
 margin: 0;
 padding: 0px 0;
 list-style: none;
}
.drawer__item--accordion .linklist__item,.linklist__item2 {
 border: none;
}
.drawer__item--accordion .linklist__item a,.linklist__item2 a {
 padding: 15px 20px;
}
.u-ac--active {
 border-bottom: 1px solid #e0e0e0;
}
.linklist {
 padding: 0;
 margin: 0;
}
.linklist__item,.linklist__item2 {
 border-bottom: solid 1px #e0e0e0;
 list-style: none;
}
.linklist__item a,.linklist__item2 a {
 display: table;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
 height: auto;
 padding: 20px;
}
.linklist__item a::before {
 display: block;
 content: '';
 position: absolute;
 margin: 7px 0px 0px -38px;
 left: 100%;
 width: 7px;
 height: 7px;
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
.linklist__item a {
 color: #212121;
}
.linklist__item a:hover {
 background: #f2f1ee;
}
.linklist__item a span {
 display: table-cell;
 vertical-align: middle;
}
.linklist__item--point {
 background: #212121;
}
.linklist__item--point a {
 color: #fff;
}
.linklist__item__text {
 width: 80%;
 height: auto;
}
.linklist__item__img {
 width: 84%;
 height: auto; 
 padding: 10px 5% 10px 8%;
}
.linklist__item__img img {
 width: 100%;
 height: auto; 
}
.linklist__item__icon {
 width: 10%;
 height: auto;
 text-align: right;
}
.overlay {
 position: fixed;
 z-index: 2000;
 top: 0;
 left: 0;
 display: none;
 width: 100%;
 height: 120%;
}
/*メニューバー　ここまで*/
.free_d {
 vertical-align: middle;
 display: inline-block;
 width: 93%;
 margin: 12px 3% 10px 12px;
}
.free_d2 {
 display: block;
 float: right;
 width: 59%;
 padding: 0px 0% 0px 0px;
 text-align: right;
}
.free_d2 img {
 width: 100%;
 height: auto; 
 max-width: 210px;
 margin: 0px 0px 0px 0px;
}
.login_name {
 width: 115px;
 float: left;
 text-align: center;
}
.login_name a {
 width: 40px;
 float: left;
 color: #444;
}
.login_name a {
 margin: 0px 0px 0px 15px;
}
.login_name a:first-child {
 margin: 0px 0px 0px 0px;
}
.login_name p {
 font-size: 8px;
 margin: 3px 0px 0px 0px;
}
.free_d .login_name i {
 font-size:23px;
}
/* 検索 */
.section--search {
 border-top: solid 1px #8d8060;
 border-bottom: solid 1px #8d8060;
 border-left: solid 1px #8d8060;
 border-radius: 3px 10px 10px 3px;
 margin: 0px 15px 5px 15px;
 padding: 0px 0px 0px 5px;
}
#searchselect {
 float: left;
 border: none;
 padding: 0px 0px 0px 0px;
 width: 37%;
 margin: 10px 0px 0px 2px;
 appearance: none;
 outline: none;
 border: none;
 border-radius: 0px;
 background-color: #FFF;
 font-size: 11px;
 color: #333;
}
#searchselect a {
 color: #333;
}
.section--search .button {
 float: right;
 border: none;
}
input[type="text"].keyword {
 font-size: 14px;
 background: #FFF;
 padding: 0px 0px 3px 5px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 border: none;
 opacity: 0.7;
}
input[type="text"].keyword--small {
 width: 48%;
 height: 35px;
}
input[type="text"]:focus {
 outline: 0;
}
.button {
 text-align: center;
 border: none;
 display: inline-block;
 margin: 0px 0px 0px 0px;
}
.button--search {
 background: linear-gradient(#a09988 20%,#655f52 80%);
 color: #fff;
 border-radius: 0px 10px 10px 0px;
 font-size: 100%;
 padding: 10px 0px 11px 0px;
 width: 14%;
 line-height: 1;
}
/* 検索ここまで */
.osirase {
 background-color: #FFF;
 width: 96%;
 display:table;
 margin:0;
 padding: 3px 2% 0px 2%;
 margin: 0px 0px 10px 0px;
 clear: both;
}
.osirase2 {
 background-color: #FFF;
 display: table-cell;
 border: 1px solid #e0e0e0;
 border-radius: 3px; 
 list-style: none;
 font-size: 12.5px;
 padding: 4px 5px 4px 10px;
}
.holiday {
  background-color: #bebbaf;
  font-size: 15px;
  color: #FFF;
  font-weight: bold;
  padding: 4px 0px 4px 0px;
  margin: 8px 0px 0px 0px;
  text-align: center;
}
/*タイトル*/
.l-text,.l-text2,.l-text3 {
 font-family:Poppins,"Noto Sans JP",sans-serif;
 font-size:16px;
 letter-spacing:7px;
 text-align: center;
 font-weight: bold;
 color:#000;
 border-top: solid 1px #999;
 border-bottom: solid 1px #999;
 padding:11px 0px 10px 0px;
}
.l-text {
 margin:20px 50px 30px;
}
.l-text2 {
 margin:10px 0px 0px;
}
.l-text3 {
 padding:8px 0px 10px 0px;
 margin:10px 15px 30px;
}
.s-txt{
 font-size:12px;
 font-weight: normal;
 letter-spacing:5px;
 margin:3px 10px 0px;
 display:flex;
 justify-content:center;
}
.m-text,.c-text {
 text-align: center;
 font-weight: bold;
 color:#000;
 background-color: #eee;
 margin:10px 0px 15px;
 font-size:14px;
 letter-spacing:8px;
}
.m-text {
 padding:17px 10px 17px 10px;
}
.c-text {
 padding:10px 10px 10px 10px;
}
.title-bar,.title-bar3 {
 text-align: center;
 text-decoration: none;
 color:#fdf8ed;
 font-size:14px;
 line-height:1.2;
 padding:10px 0px 10px 10px;
 margin-bottom:15px;
 background: linear-gradient(#c7c1b3 0%, #dbd4c4 100%);
 box-shadow:inset 1px 1px 0 rgba(255,255,255,0.25);
}
.line{
 border-top:1px solid #000;
 padding:5px 0px 5px 0px;
}
#header{
 padding:0px 0px 58px 0px;
}
#main{
 padding:0px 0px 0px 0px;
}

/*ヘッダー*/
#logo {
 text-align: left;
 padding:8px 0px 0px 0px;
}
#logo img{
 padding:0px;
 background-color: #FFF;
 text-align: center;
 width: 100%;
 height: auto; 
}
#logo a {
 text-decoration:none;
 color:#ffffff;
}
/*共通スタイル */

span.red{
 font-weight:bold;
}
.price{
 font-weight:bold;
}
.no_titlebar{
 padding:10px;
}
.elision{
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
.explanation_simple{
 margin-top:5px;
}
/*基本ボタン（緑）*/
.btn {
 display:block;
 font-weight:bold;
 text-decoration:none;
 color:#fff;
 text-shadow: 0 -1px #1D8CA0;
 padding: 4px;
 background-color: #58BDCC;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#7AD8E4),to(#30B3C6));
 font-size: 12px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 -webkit-box-shadow: 0 0 2px rgba(255,255,255,0.5);
 box-shadow: 0 1px 2px rgba(255,255,255,0.5);
 border: 1px solid #1D8CA0;
}

/*クイック購入ボタン*/
a.btn_quick{
 display:block;
 font-weight:bold;
 text-decoration:none;
 color:#fff;
 text-shadow: 0 -1px #1D8CA0;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 font-size:18px;
 padding:10px 5px;
 width:60%;
 text-align:center;
 margin:0 auto 10px;
 -webkit-box-shadow: 0 2px 1px #ddd;
 box-shadow: 0 4px 2px #666;
 background-color: #FB487D;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9BC6),to(#FC5889));
 border:1px solid #FB487D; 
 text-shadow: 0 -1px #E71257;
}
/*タイトルバー右のボタン*/
.sttl_nav {
 position: relative;
 top: 0;
 left: 0;
 width: 100%;
}
.sttl_nav_open {
 position: absolute;
 top: -34px;
 right: 10px;
}
.sttl_nav .btn {
 padding: 5px;
}
/*会員ボタン*/

#member {
 padding:10px;
}
.member_btns .btn{
 font-size:18px;
 padding:10px 5px;
 width:80%;
 text-align:center;
 margin:0 auto 10px;
 -webkit-box-shadow: 0 2px 1px #ddd;
 box-shadow: 0 4px 2px #666;
}
.member_btns p.member_regi .btn{
 color:#333;
 text-shadow: 0 -1px #fff;
 background-color: #ddd;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1),to(#ccc)); 
 border: 1px solid #999;
}
ul.link_list {
 margin-bottom:15px;
}
ul.link_list li {
 border-bottom:1px solid #ccc;
 padding-left:4px;
}
ul.link_list li a{
 display:block;
 text-decoration:none;
 color:#573f0c;
 padding:14px 10% 14px 10px;
}
ul.link_list li a::before{
 display: block;
 content: '';
 position: absolute;
 margin: 6px 0px 0px -38px;
 left: 100%;
 width: 7px;
 height: 7px;
 border-right: 1px solid #666;
 border-bottom: 1px solid #666;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}

/*リスト型ボタン 小*/


/* 商品一覧 */
.sttl_s .category_list,.sttl_s .product_list {
 overflow: hidden;
}
.sttl_s h2.sttl {
 padding:7px 0px 7px 10px;
 margin-bottom: 5px;
 color:#FFF;
 font-size:15px;
 border-bottom: 1px solid #000;
 background-color: #a69175;
}
.product_pict,.product_pict2,.product_pict_d {
 width: 100%;
 padding-bottom: 5px;
 text-align: center;
} 
.product_pict img{
 width:95%;
 height: auto; 
 border: 1px solid #333;
}
.product_pict_d img{
 width:95%;
 height: auto; 
}
img.new_mark_img1 {
 vertical-align:baseline;
}
.product_summary {
 width: 100%;
 padding: 0px 0px 0px 0px;
} 
.product_ttl{
 font-size:10px;
 font-weight:normal;
 line-height:1.2;
 margin: 0px 5px 0px 5px;
}
.sttl_s3 .product_ttl{
 font-size:10px;
 font-weight:normal;
 line-height:1.2;
}
.product_name2{
 font-size: 12px;
 margin-bottom: 0px;
 height: 24px;
 overflow: hidden;
}
.product_name{
 font-size: 12px;
 font-weight: normal;
 margin: 3px 5px 0px 0px;
 max-height: 74px;
 overflow: hidden;
}
.teika {
 text-decoration: line-through;
 text-decoration-color:#E60000;
 color: #666666;
 margin: 12px 0px -3px 0px;
 padding: 0px 0px 0px 0px;
 text-align: right;
 font-size:16px;
}
.no_teika {
 padding: 0px 10px 0px 0px;
}
ul.product_section {
  display: flex;
  flex-wrap: wrap;
  border-top: 0.5px solid #eaeaea;
  border-bottom: 0.5px solid #eaeaea;
}
ul.product_section li{
  display: flex;
  flex-direction: column; /* 子要素を縦並べ */
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
  width: 50%;
  padding: 15px 0px 0px 0px;
  background-color: #FFFFFF;
  text-align: center;
  border: 0.5px solid #eaeaea;
}
.product_section3{
 display: flex;
 flex-wrap: wrap;
}
.product_section3 li{
 float: left;
 width: 31%;
 padding-left: 1.7%;
}
.product_section3 .product_name{
  font-size: 3.1vw;
  font-weight: bold;
  color:#5f5c55;
  margin: 0px 0px 10px 0px;
  line-height:1.5;
}
ul.product_section3 li a:after{ 
 content: '';
 display: block;
 clear: both;
}
ul.product_section3 a {
 display:block;
 text-decoration:none;
 color:#333;
}
.product_price,.product_price_s,.product_price2 {
 font-weight:bold;
 text-align: center;
}
.product_price {
 font-size: 14px;
 padding: 8px 5px 13px 0px;
}
.product_price_s {
 font-size: 13.4px;
 margin: 8px 10px 13px 0px;
}
.product_price2 {
 font-size: 3.4vw;
 padding: 0px 3px 20px 0px;
}
.product_price_regular{
 font-size:18px;
 font-weight:normal;
 text-decoration: line-through;
 text-decoration-color:#E60000;
 color:#555;
 margin: 0px 0px 0px 0px;
}
.product_price_discount{
 font-size:12px;
 font-weight:bold;
}
.product_price_soldout {
 font-size:12px;
 font-weight:bold;
 color:#fff;
 background:#B30000;
 padding:3px 5px;
 margin:5px 0px 12px 0px;
 width:70px;
 text-align:center;
}
.product_summary3 {
 width: 90%;
 min-height: 80px;
 padding-left: 0px;
} 
.product_ttl3{
 font-size:10px;
 font-weight:normal;
 line-height:1.2; 
}
.product_price_regular3{
 font-size:3.6vw;
 font-weight:normal;
 text-decoration: line-through;
}
.product_price3 {
 font-size: 13px;
 font-weight: bold;
 margin-top: 0px;
 margin-bottom: 5px;
 text-align: right;
 }
.product_price_discount3{
 font-size:14px;
 font-weight:bold;
}
.product_price_soldout3 {
 font-size:12px;
 font-weight:bold;
 color:#fff;
 background:#B30000;
 padding:3px 5px;
 width:70px;
 text-align:center;
}
#product_detail form .product_price_soldout {
 width:auto;
 margin-bottom:5px;
 }
 .explanation_simple{
 margin-bottom: 10px;
}
/* ページ先頭へ戻るボタン */

#totop {
 text-align:right;
 background:#eee;
 padding:8px 10px 10px;
 border-bottom:1px solid #fff;
 }
#totop .btn {
 width:40%;
 display:inline;
 padding:6px 8px;
 }
/*コピーライト*/

.foot_wrap {
 padding:20px 10px 10px;
 background:#575757;
 color:#fff;
 -webkit-box-shadow:inset 0px 3px 4px #666;
 box-shadow:inset 0px 3px 4px #666;
}
.foot_wrap p{
 text-align:center;
 margin-bottom:10px
 }
.foot_wrap p a{
 color:#fff;
 font-weight:bold;
 }

/*clearfix*/

.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}

/*-------------------------------------------
トップ
-------------------------------------------*/

/* 商品カテゴリー */
ul.link_list li.group {
 border-bottom:1px solid #ccc;
}

/* フリースペース */
#freespace {
 border-top:3px solid #35A1A1;
}

/* おすすめ商品 */
#recommend ul.product_section li:last-child {
}
/*-------------------------------------------
フリーページ
-------------------------------------------*/

#freepage {
 padding:10px;
 }
#freepage img {
 max-width:100%;
 height:auto; 
 }
/*-------------------------------------------
ショップ情報
-------------------------------------------*/

#content_about .sttl {
 margin-bottom:10px;
 }
#content_about #manager_name {
 color:#009999;
 font-weight:bold;
 }
#content_about #manager_img {
 margin-bottom:5px;
 } 
#content_about #manager_img img {
 max-width:100%;
 height:auto; 
 }
.bannerp {
 font-size: 14px;
 line-height: 1.6;
 font-weight: normal;
 padding: 0px 10px 10px 10px;
}
.banner {
 font-size: 12px;
 width: 96%;
 margin: 5px 2% 10px 2%;
}
.banner2,.banner3,.banner4,.banner5 {
 font-size: 12px;
 float: left;
 text-align: center;
}
.banner2 {
 width: 50%;
 margin-bottom: 5px;
}
.banner3 {
 width: 33.33%;
 margin-bottom: 10px;
}
.banner4 {
 width: 25%;
 margin-bottom: 15px;
}
.banner5 {
 width: 20%;
 margin-bottom: 10px;
}
.banner img,.banner a img {
 width: 100%;
 height: auto; 
}
.banner2 img,.banner3 a img {
 width: 95%;
 height: auto; 
}
.banner4 img,.banner5 img {
 width: 92%;
 height: auto; 
}
.banner a p,.banner2 a p {
 font-size: 12px;
 font-style: normal;
 text-decoration: none;
 height: 35px;
}
.banner a p {
 padding: 5px 0px 0px 10px;
}
.banner2 a p {
 padding: 5px 5px 10px 5px;
 text-align: left;
}
.banner4 p {
 font-size: 8px;
}
.box2 {
 width: 50%;
 float: left;
 text-align: center;
 padding-bottom: 10px;
}
.box2 a img {
 width: 92%;
 height: auto; 
 padding-bottom: 5px;
}
/* モーダル */
#page-top {
 position: fixed;
 bottom: 20px;
 right: 20px;
 font-size: calc(65vw * 16 / 375);
 z-index:2;
}
#page-top i {
 font-size: calc(120vw * 16 / 375);
}
#page-top a {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 opacity: 0.9;
 text-decoration: none;
 color: #fff;
 width: 14vw;
 height: 14vw;
 text-align: center;
 display: block;
 border-radius: 5px;
 padding-top: 2.5vw;
 background-color: #A71133;
 z-index:1;
}
#page-top a:hover {
 text-decoration: none;
 background: #155B21;
}
.tbl_calendar {
 border: none !important;
 border-collapse: collapse !important;
 border-spacing: 0 !important;
 width: 90%;
 margin: 0px auto 30px auto;
}
.tbl_calendar th, .tbl_calendar td {
 padding: 4px !important;
 text-align: center !important;
 border-bottom: 1px solid #ccc !important;
}
#header2{
 padding:5px 10px 10px 10px;
 text-align: center;
}
#header2 p{
 padding:3px 0px 5px 0px;
 font-size: 11px;
}
#header2 a:visited {
  color: #777;
}
#cat-ti,#cat-ti2 {
 list-style-type: none;
 padding-left: 0%;
 padding-right: 0px;
}
#cat-ti2 {
 padding-top: 10px;
 clear:both;
}
#cat-ti li a img,#cat-ti2 li a img {
 width: 60%;
 height: auto; 
}
#cat-ti li,#cat-ti2 li {
 float: left;
 border-left: 1px dotted #777;
 width: 19.6%;
 text-align: center;
 padding: 0px;
}
#cat-ti li:last-child,#cat-ti2 li:last-child {
 float: left;
 border-right: 1px dotted #777;
}
@media screen and (min-width: 667px) {
	/* 667px以上に適用されるCSS（PC用） */
#cat-ti2 {
 padding-top: 0px;
 clear:none;
}
#cat-ti li,#cat-ti2 li {
 float: left;
 border-left: 1px dotted #777;
 width: 9.8%;
 text-align: center;
 padding: 0px;
}
#cat-ti li:last-child {
 float: left;
 border-right: 0px dotted #777;
}
#cat-ti2 li:last-child {
 float: left;
 border-right: 1px dotted #777;
}
}
.mot,.mot2 {
 text-align: center;
 clear: both
}
.mot a,.mot2 a {
 clear:both;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  border: 1px solid #999;
  border-radius: 20px;
  min-width: 150px;
  font-size: 14px;
  font-weight: bold;
  background: transparent;
  color: #000000;
  text-align: left;
  cursor: pointer;
  letter-spacing: 0.3em;
  padding: 10px 20px 12px 30px;
  margin: 12px 0px 15px 0px;
}
.mot i,.mot2 i{
 font-size: 18px;
 padding: 0px 0px 0px 13px;
 margin: 0px 0px 0px 0px;
}
.dotline {
 border-bottom: 1px dotted #999;
 padding-bottom: 5px;
 padding-top: 4px;
}
.dottedline,.dottedline2{
 border-bottom: 1px dotted #555;
 padding: 0px 0px 0px 0px;
}
.dottedline{
 margin: 5px 0px 15px 0px;
}
.dottedline2{
 margin: 0px 0px 0px 0px;
}
.dot-dline{
 clear:both;
 border-bottom: 1px dotted #555;
 padding: 10px 0px 0px 0px;
}
.coment {
 line-height: 1.5;
 padding: 10px 10px 5px 10px;
 margin: 10px 10px 15px 10px;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #999;
}
.coment h2 ,.coment h3 {
 font-size: 13px;
 font-weight: bold;
}
.coment_link {
 font-size: 12px;
 margin: 0px 15px 20px 15px;
 line-height: 1.6;
}
.coment_01 {
 font-size: 12px;
 margin: 0px 15px 20px 15px;
 line-height: 1.6;
}
.coment_01 h4 {
 font-size: 13px;
}
.coment_01 p ,.coment_01 h3 {
 font-size: 14px;
 margin: 0px 0px 10px 0px;
}
.coment_02 {
 margin: 10px 10px 10px 10px;
  padding: 10px 0px 0px 0px;
  border: 1px dotted #444;
  border-radius: 8px; 
  line-height: 20px;
}
.free-t {
 font-size: 20px;
 font-weight: bold;
 border-bottom: 1px dotted #555;
 padding-left: 10px;
 padding-bottom: 10px;
 margin-bottom: 0px;
 margin-top: 20px;
}
/* ------------------------------------- 
 * 画像に背景を付ける
 * ------------------------------------- */
.pic-box,.pic-box2 {
 width: 95%;
 position: relative;
 text-align: center;
 border: 1px solid #777;
 margin: 0px auto 0px auto;
}
.pic-box2 {
 background:#000;
}
.pic-box:before,.pic-box2:before {
 padding-top: 100%;
 content:"";
 display: block;
}
.pic-box2 p {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:4vw;
  color:#fff;
  font-weight: bold;
  z-index: 2;
}
.pic-box img,.pic-box2 img {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 width: 100%;
 height: auto; 
}
.pic-box2 img {
 opacity: 0.5;
}
/* ************************************************ 
 * Q&A
 * ************************************************ */
#qanda {
 padding: 5px 0px 20px;
 font-size: 30px;
 font-weight: bold;
}
#qanda p {
 margin: 0 auto 0 auto;
 padding-bottom: 20px;
}
.situmon {
 font-size: 16px;
}
#qanda p a {
 line-height: 30px;
 font-size: 13px;
 color: #917C3F;
 font-weight: normal;
 padding-left: 5%;
}
#q {
 font-size: 14px;
 font-weight: bold;
 color: #523A20;
 padding: 10px 0px;
}
#an {
 background-color: #F2F2F2;
 border-bottom: 1px dotted #999;
 border-left: 1px dotted #999;
 padding: 10px;
}
#an .freed {
 font-size: 18px;
 color: #523A20;
 font-weight: bold;
 border-top: 1px dotted #523A20;
 border-bottom: 1px dotted #523A20;
 text-align: center;
 margin: 20px 20px 0px 20px;
 padding: 10px 0px;
}

/* ************************************************ 
 * 特定商取引法・お支払い方法・配送設定について
 * ************************************************ */
.payment_img {
 width: 30px;
 height: 30px;
 margin: 3px;
}
.cell_mar {
 margin: 3px 5px 3px 15px;
}
#ShopKeeper {
 width: 98%;
 color: #666;
 margin-bottom: 15px;
}

#ShopKeeper th {
 width: 25%;
 height: 28px;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 font-size: 11px;
 font-weight: bold;
 text-align: left;
}

#ShopKeeper td {
 border-bottom: 1px solid #cccccc;
 text-align: left;
 font-size: 11px;
 line-height: 150%;
}

/* ************************************************ 
 * プライバシーポリシー
 * ************************************************ */

#PrivacyExplain {
 color: #666;
 margin-bottom: 15px;
}

.pe_title {
 color: #432A16;
 border-top: 1px solid #cccccc;
 padding-top: 15px;
}

.pe_note {
 line-height: 150%;
 margin: 5px 5px 20px 30px;
}

/* ------------------------------------- 
 * 割引画像表示
 * ------------------------------------- */
.off2,.off3 {
 text-align: left;
 position: absolute;
 z-index: 1;
}
.off2 {
 width: 25%;
 padding: 0% 0px 0px 1%;
}
.off3 {
 width: 25%;
 padding: 0px 0px 0px 0.5%;
}
.off2 img {
 width: 50%;
 height: auto; 
}
.off3 img {
 width: 38%;
 height: auto; 
}
.off2-p,.off3-p {
 font-weight: bold;
 text-align: left;
 font-style: oblique;
 color: #FFF;
 position: absolute;
 z-index: 1;
}
.off2-p {
 font-size: 4.8vw;
 padding: 2.1% 0px 0px 2.8%;
}
.off3-p {
 font-size: 3.5vw;
 padding: 1.7% 0px 0px 1.8%;
}
/* ------------------------------------- 
 * カテゴリー画像
 * ------------------------------------- */
.cat_item_list-t {
 font-family:Poppins,"Noto Sans JP",sans-serif;
 font-weight: bold;
 font-size: 15px;
 border-bottom: dotted 1px #888;
 letter-spacing: 3px;
 text-align: ;
 color: #666;
 padding: 5px 0px 5px 5px;
 margin: 0px 10px 5px 10px;
 clear:both;
}
.cat_item_list-t a {
 font-size: 12px;
 font-weight: normal;
 letter-spacing: 1px;
 padding: 0px 0px 0px 5px;
 margin: 0px 0px 0px 0px;
}
.cat_item_list-t i{
 font-size: 14px;
 padding: 0px 0px 0px 8px;
 margin: 0px 0px 0px 0px;
}
.cat_item_list,.cat_item_list4 {
 padding: 0px 0px 0px 0px;
 margin: 5px 10px 0px 0px;
}
.cat_item_list li,.cat_item_list4 li {
 width: 18%;
 float: left;
 margin: 7px 0% 20px 2%;
 padding: 0px 0px 0px 0px;
 text-align: center;
 list-style-type: none;
}
.cat_item_list4 li {
 width: 23%;
}
.cat_item_list .cat_item_list_itiran {
 width: 16%;
 border: 1px dotted #555;
 margin: 7px 0% 2px 2%;
 padding: 0px 0px 5px 0px;
}
.cat_item_list li img {
 width: 90%;
 height: auto; 
}
.cat_item_list li a p {
 font-size: 11px;
 margin: -8px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.cat_item_list4 li img {
 width: 65%;
 height: auto; 
}
.no_line,.cat_item_list .no_line,.cat_item_list4 .no_line {
 clear:both;
 margin: 0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}
.no_line2 {
 clear:both;
 margin: 0px 0px 15px 0px;
 padding:0px 0px 0px 0px;
}
.no_line3 {
 clear:both;
 margin: 0px 0px 10px 0px;
 padding:0px 0px 0px 0px;
}
.red p {
  font-size: 13px;
  padding: 0px 10px 20px 10px;
  margin: 0px 0px 0px 0px;
}
span.red,.price,.product_price,.product_price_s,.product_price2,.product_price_discount,.product_price_regular3,.product_price,.product_price_discount3,.red p{
 color:#c10826;
}

/********** button **********/
.c-more {
  clear:both;
  text-align: center;
}
.c-btn,.c-btn2 {
  clear:both;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  border: 1px solid #999;
  border-radius: 20px;
  min-width: 150px;
  font-size: 14px;
  font-weight: bold;
  background: transparent;
  color: #000000;
  text-align: left;
  cursor: pointer;
  letter-spacing: 0.3em;
  padding: 10px 35px 12px 20px;
  margin: 17px 0px 15px 0px;
}
.c-btn2 {
  padding: 10px 35px 12px 25px;
  margin: 17px 0px 5px 0px;
}
.c-btn:before, .c-btn:after,.c-btn2:before, .c-btn2:after  {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 9px;
  height: 1px;
  background: #000000;
  transition: all 0.3s ease;
}
.c-btn:after,.c-btn2:after {
  transform: rotate(90deg);
}
.c-btn:hover,.c-btn2:hover {
  text-decoration: none;
}
.c-btn:hover:before,.c-btn2:hover:before {
  transform: rotate(90deg);
}
.c-btn:hover:after,.c-btn2:hover:after {
  transform: rotate(180deg);
}

.is-hidden {
  display: none;
}
/********** 検索キーワードを消す **********/
input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder {
	color: transparent;
}
input:focus::-ms-input-placeholder {
	color: transparent;
}
input:focus::placeholder {
	color: transparent;
}

.center {
	text-align:center;
  padding: 5px 0px 5px 0px;
}