@charset "utf-8";
/**********************************
*	sm.css
**********************************/
body {
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
 body a:hover { cursor:text; text-decoration: none; }

/* Library for customer */
.pc_view {display:none !important;}
 .tbl br { display:none; }
.w100 {width:100%;}

.tblcont dt, .tblcont dd {text-align:left;}
.mtop5{margin-top:5px;}
.mtop10{margin-top:10px;}
.mtop15{margin-top:15px;}
.mtop20 { margin-top:20px; }
.mbottom5 { margin-bottom:5px; }
.mbottom10 { margin-bottom:10px; }
.mbottom15 { margin-bottom:15px; }
.mbottom20 { margin-bottom:20px; }

.img100 img { width:100%; }
.imgPadTop10 img { padding-top:10px; }
.imgPadUnd10 img { padding-bottom:10px; }
#wrapper { position:relative;}
.wrap_container { padding-bottom:58px; }
.red {color: #f00;}
.bkgray { background: #9f9f9f; }

/* PC sideNav */
.sideNav {display:none;}

p.bulk-buy-chk {
margin-bottom:10px;
}

/* --------------------------------
	ヘッダー
-------------------------------- */
/* PC header icon -------------*/
ul.headerMenu {
display:none;
}

/* PC item search -------------*/
#hItemSearch {
display:none;
}

/* スクロールで消える --------*/
.header{transition: .5s;}
.header.hide{transform: translateY(-100%);}

header.header {
width:100%;
/*height:50px;*/
/*height:110px;*/
height:120px;
top:0;
align-items:center;
position:fixed; /* header固定 */
/*z-index:100;  header固定 */
z-index:120;  /*header固定 20190521*/
background: rgba(255,255,255,.9); /* header固定 */
padding:10px 0;
}

.header_logo {
overflow:hidden;
text-align:center;
max-width:70%;
margin:0 auto;
/*height:30px;*/
height:40px;
}

.header_logo img{
max-width:100%;
/*max-height:30px;*/
max-height:40px;
}

/* 検索 ------------------*/
#sm_search-area{width:100%;height:70px;text-align:center;padding:15px 0;}
.sm_search-inner{width:calc(100% - 20px);margin:0 auto;overflow:hidden;}

input.sm-def {
width:100%;
height:40px;
margin:0 auto;
padding:0 10px;
border-radius:2px;
border:1px solid #aaa;
display:inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background:#fcfcfc;
}

.hkeyword{
margin: 0 -2px 0 0;
float: left;
/*width: calc(100% - 40px);	*/
width:100%;
position:relative;
}

#SmLoopeImg {
width:40px;
height:40px;
color: #ffffff;
text-align: center;
border-radius: 0 2px 2px 0;
/*background: #ccc;*/
cursor: pointer;
/*float:left;*/
position:absolute;
top:0 ;
right:0;
background-image: url(../img/icon_search.png);
background-repeat: no-repeat;
background-position: 11px 12px;
}

/* お知らせ ------------------*/
ul.sm_headerMenu {
font-size: 12px;
border-radius: 2px;
text-align:right;
padding:0 10px 0 13px;
position:absolute;
top:10px;
right:0;
}

ul.sm_headerMenu li {
position: relative;
display: inline-block;
text-align:center;
}

ul.sm_headerMenu li a {
color: #555;
display: block;
position: relative;
}

.icon_news-txt {
font-size:10px;
}

.noticeLabel {
position: absolute;
display: block;
width: 16px;
height: 16px;
color: #fff;
text-align: center;
border-radius: 15px;
top: -8px;
left: 23px;
background: #35a0de;
line-height: 18px;
font-size: 10px;
font-weight: bold;
letter-spacing: 0;
}

.header-menu_pop {
overflow-x: hidden;/*FireFox   */
visibility: hidden;
position: absolute;
width: 160px;
max-height: 420px;
background: #fff;
border-radius: 2px;
box-shadow: 0 0 4px rgba(50,50,50,.2);
right:0;
top:34px;
-ms-overflow-style:none; /* IE Edge */
/*overflow:-moz-scrollbars-none; FireFox   非表示になるがスクロールできなくなる*/
scrollbar-width:thin;
}

.header-menu_pop::-webkit-scrollbar{ display:none;} /* Chrome safari */

ul.sm_headerMenu li.popMenu:hover .header-menu_pop {
visibility: visible;
z-index: 2;
cursor: pointer;
text-align: left;
}

.header-menu_pop .list-news {
text-align: left;
padding: 15px 15px 0;
}

.header-menu_pop .list-news:last-child {
padding-bottom:15px;
}

/* header 自由項目 ------------------*/
.free-header{
position:relative;
top:50px;
}

.header-menu_pop .date {
color: #aaa;
}

.cat-comment-box01 {
padding:0 10px;
}

/* --------------------------------
	container
-------------------------------- */
.container {
position: relative; 
/*margin-top:110px;*/
margin-top:120px;
}

.main {
width:100%;
padding-right:0;
}

.inner {
max-width:100%;
margin:0 auto;
}

/* 会員メニュー -------------*/
.members-menu_area {
display: flex;
position: relative;
height: 30px;
align-items: center;
background: #f9f9f9;
border-radius:4px;
/*margin-bottom:20px;*/
font-size:11px;
justify-content:space-between;
}

ul.members-menu_sm {
width:100%;
position: relative;
height:30px;
white-space:nowrap;
/*overflow:hidden;付けるとpopが出ない*/
padding: 0;
align-items: flex-end;
display:flex;
justify-content:center;
}

ul.members-menu_sm li.members-menu_list_sm {
position: relative;
display:inline;
padding:0 10px;
line-height:30px;
color:#333;
font-size:13px;
/*display: flow-root;*/
}

.mem_name_sm {
display:none !important;
background:#ededed;
height:30px;
line-height:30px;
padding:0 10px;
}

li.members-menu_list_sm > a {
color:#333;
}

.pop_sm1, .pop_sm2, .pop_sm3 {
display:none;
z-index:1000;
width: 240px;
position: fixed;
max-height: 250px;
background: #fff;
border-radius: 2px;
box-shadow: 0 0 4px rgba(50,50,50,.2);
cursor: default !important;
line-height: 1.5;
top: 140px;
left: calc(50% - 120px);
overflow-x: hidden; */
}
.pop_sm_cnt { padding:13px; }

.pop_sm_footer {
padding: 10px;
background: rgba(0,0,0,.03);
text-align: center;
height: auto;
}
.pop_sm_footer button {
height: 32px;
width: 100px;
padding: 7px 0;
font-size: 12px;
border-radius: 2px;
background: #F3F3F3;
letter-spacing: 1.5px;
border: 1px solid #aaa;
cursor: pointer;
}

ul.members-menu_sm li.members-menu_list_sm:hover .pop_sm {
visibility: visible;
z-index: 10;
cursor: pointer;
}
.pop-ttl_sm {
text-align: center;
margin-bottom:5px;
font-size:14px;
}

.pop-list_sm {
text-align:center;
font-size:14px;
}

.pop-list_point_sm {
color:#4b98da;
font-size:19px;
font-weight:600;
}

.pop-list_coupon_sm { 
text-align: center;
border-radius:2px;
color:#fff;
}

.pop-list_coupon_sm a { 
border-radius:2px;
color:#fff;
display:block;
background:#4b98da;
padding: 8px;
font-size:80%;
}

/* クーポンコード */
.pop-list_coupon_sm a:hover { 
background:#6FA8D8;
text-decoration:none;
}

/* クーポン説明文 */
#c_com-val_sm {
padding:10px 8px;
word-break: break-all;
white-space: normal;
font-size:97%;
line-height:20px;
}

/* クーポン表示 */
.view_cpon-code_sm {
text-align:center;
font-weight:bold;
font-size:18px;
white-space: initial;
white-space: nowrap
}

/* はてなICON */
.cp-hatena1_sm {
margin: 5px auto 0;
width: 32px;
cursor:pointer;
}

/* mypage */
.myp-pp_sm {
font-size:18px;
}


/* drawer menu-------------*/
.drawer-hamburger {
padding-top:14px !important;
padding-bottom:24px !important;
}

/* pageTitle ------------------*/
h2.page_ttl {
font-size:18px;
padding:10px;
font-weight:600;
text-align:center;
background: #eeeee0;
margin-bottom:10px;
}
h2.page_ttl a, h2.cat_ttl a{color:#2d2d2d;}
h2.page_ttl a:visited, h2.cat_ttl a:visited{color:#2d2d2d;}
h2.cat_ttl {font-size:16px;padding:20px 10px;font-weight:600;}

/* --------------------------------
  商品一覧
-------------------------------- */
.buynow_num-area{
display:block;
padding: 8px 0 12px;
}
.bulk_buy-num {
width: 3em;
}
ul.fm_num-box {padding:0;}
.fm_num-box > li + li {
padding-right:0;
}

li.img_num-box_SM {display:block;}
li.img_num-box_pc { display:none; }

.list_wrap .item3 {
width:33%; /*1行3つ表示 33%×3=99%*/
margin:0 .5% .5% 0;  /*.5%×2=1% */
position:relative;
}

.list_wrap .item4 {
width:24.625%; /*1行4つ表示 23.5%×4=98.5%*/
margin:0 .5% .5% 0;  /*.5%×3=1.5% */
position:relative;
}

.list_wrap .itemName {
overflow: hidden;
line-height: 1.3;
font-size: 10px;
}

.list_wrap .itemPrice {
color: inherit;
font-size: 17px;
padding: 1px 0 0;
font-size: 12px;
}

/* new sold label-------------*/
.sales-label {
display: inline-block;
color: #fff;
padding: 1px 0 0;
line-height: 16px;
height: 16px;
width: 30px;
text-align: center;
font-size: 10px;
}

/* 小分類カテゴリ表示 */
#sm_mcat-area {
margin:0 10px 16px;
}

#sm_mcat-area p.mct-name {
display:inline;
padding-right:10px;
font-size:90%;
line-height:26px;
}

#sm_mcat-area p.mct-name a{
text-decoration:underline;
}

div.warning-box {
background:#eee;
}
div.warning-box p.warning-msg{
text-align: center;
padding: 10px 0;
}

/* --------------------------------
	まとめ買い
-------------------------------- */
.bulk_buy_btn {
-webkit-appearance: none;
border-radius: 0;
padding-left:0;
padding-right:0;
}

.bulk_buy_btn input{
height:40px;
}

/* --------------------------------
	sortarea
-------------------------------- */
.sort_wrap {padding:0 10px;}


/* --------------------------------
	vtop
-------------------------------- */
.top-bn-img {max-width:100%;}
.free-comment_vtop {
/* padding:20px 10px; */
margin:0;
}

header.catHdwrap_vtop {
max-width:100%;
padding:20px 10px;
}
.catHd_vtop {
display:block;
padding:0;
}

.viewAll_vtop {
text-align:right;
}

/* --------------------------------
	product
-------------------------------- */
.inner2 { margin-top:10px; }

.cont-left {
float:none;
width:100%;
padding:0;
}

.cont-right {
float:none;	
width:100%;
}

.page_ttl_pd {
padding:10px 10px 20px;	
}

.page_ttl_pd a {
color:#666 !important;	
}

#thumbnail-area { width:90%;padding:0;margin-top:10px;}

h2.item-name_prd {
padding:5px 0 20px 10px;
}

.prd-code {
padding:0 0 10px;
}

.sub-btn_wrap div + div {
margin-top:10px;	
}

#loope-img { display:none; }

input.add-to-cart,input.sold_btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
opacity:1;
}

input.sold_btn {
font-size:150%;
}

input.to-fav,input.to-fav_on {
height: 45px;
line-height:45px;
}

.sub-btn_wrap .recomme-box label {
height:45px;
line-height:45px;
}

.sub-btn_wrap .ask-box label.bt {
height:45px;
line-height:45px;
}
textarea.inputFree{
height:100px;	
}

#modalCartIn {
max-width:100%;
width:270px !important;
top:25% !important;
}

.detail-cont{
padding:10px 10px 0;
}

.product_free_right,
.prd_free-area {
padding:0 10px;
}

.buy-cont{
margin-top:30px;
}

/* reviewを投稿する -------------*/
.form-wreview {
width:100%;
padding:20px 10px 0;
}
dl.inp-wreview dt {
 float: none;
width: 200px;
margin-bottom: 5px;
}

.ss-wrap::before {
left:159px;
}

.ss-wrap::after {
left:165px;	
}

textarea.r_honbun-inp {
width:100%;
height:100px;
}

.radio input-type[radio] {
appearance: none;
-webkit-appearance:none;
}

/* send buttun -------------*/
input.prd-mail-bt {
appearance: none;
-webkit-appearance:none;
}

/* 自由項目_下------------------*/
.product_free_bottom {
width:100%;
margin-top:0 !important;
/* padding:0 10px !important; */
margin:0 auto;
}

/* product 下段レビュー表示 -------------*/
input.rev-post-btn {
height: 45px;
line-height: 45px;
width: 100%;
background: linear-gradient(#fff,#e3e3e3);
padding: 0 20px;
border-radius: 2px;
}

/* フリースペース -------------*/
.free_btm_01 {
padding-top:20px;
}

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

.rev-data {
float:none;
width:100%;
padding: 30px 10px 20px;
}

.rev-create {
text-align:center;	
}

input.rev-post-btn {
width:70%;
}

.rev-sort {
float:none;
width:100%;
padding: 20px 10px 10px;
}

.rev-article-list {
float: none;
width: 100%;
}

ul.review-content {
padding-left:0;	
padding-bottom:20px;
}

ul.review-content .sm_inner {
padding:0 10px;	
}

.rev-helpful { display:block;padding: 10px 0 10px 0; }

.rev-Gbtn { display:block;float:left; margin-right:10px;}

.report { display:block; float:left;padding-top: 4px;}

/*** zooming ***/
.trg_zoom-pc { display:none; }


/* --------------------------------
	slider
-------------------------------- */
.slider {margin-bottom:0;}
.swiper-container {
margin-top: 0;
max-width: 100%;
max-height: 85px;
}
/*.swiper-slide {max-height:150px !important;}*/
.swiper-slide {max-height:70px !important;}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: 0 !important;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next, .swiper-button-prev {
top: calc(50% - 17px) !important;
}

/* --------------------------------
	pc_footer
-------------------------------- */
.footer-menu,.copy-r,.sns { display:none; }

/*--------------------------------
	smart phone footer
---------------------------------*/
footer.footer {
margin: 0 !important;
border-top:none;
background:transparent;
}

ul.sm_footer {
margin: 0 auto;
padding: 0;
height:58px;
width: 100%;
/*overflow: hidden;*/
display: table;
position: fixed;
bottom: 0;
left: 0;
background: #fff;
z-index: 110;
border-top:1px solid #ddd;
}

ul.sm_footer li {
width:20%;
text-align:center;
margin: 0;
padding: 0;
display: table-cell;
vertical-align:middle;
list-style-type: none;
font-size: 10px;
position:relative;
}

ul.sm_footer li img{
position:relative;
padding-bottom:5px;
}

/* cart fav 共通 */
input.ft-img { position:relative;padding-bottom:5px; }


ul.sm_footer li a {
border: none;
display: block;
color: #666;
text-align: center;
text-decoration: none;
}

.ft_inner {
position:relative;
display:inline-block;
}

/* count label ▼------------------*/
/* count label　ベース */
.count {
position: absolute;
display: block;
width: 17px;
height: 17px;
color: #fff;
text-align: center;
border-radius: 15px;
top: -8px;
line-height: 18px;
transition: all .3s ease;
font-size: 10px;
letter-spacing: 0;
}

/* number */
.num {
display:inline-block;
transform:scale(0.9);
}

/* top */
.ft_top_txt {
line-height:1;
}

/* login */
.count_login {
width:17px;
height:17px;
display:inline-block;
/*transform:scale(0.9);*/
right: 2px;
background: #38c376;
font-weight: 800;
top: -4px;
}

.ft_login_txt {
line-height:1;
transform:scale(0.9);
}

.count_login:before {
content:"↓";
font-weight:bold;
}


/* お気に入り */
.ft_count_favorite {
right: 0;
background: #ffaa2b;
font-weight: 800;
top: -4px;
}

.num {
display:inline-block;
transform:scale(0.9);
letter-spacing:-1px;
}

.ft_fav_txt {
line-height:1;
transform:scale(0.9);
}

/* cart */
.count_cart {
right: -10px;
background: #fb5151;
font-weight: 600;
top: -4px;
}

.ft_cart_txt {
line-height:1;
transform:scale(0.9);
}

/* その他 */
.ft-mn_pop {
overflow-x:hidden;
/*visibility: hidden;*/
display:none;
position: absolute;
width: 160px;
max-height: 400px;
/* overflow: scroll; */
background: #fff;
border-radius: 2px;
box-shadow: 0 0 4px rgba(50,50,50,.2);
bottom:58px;
right: 0px;

-ms-overflow-style:none; /* IE Edge */
/*overflow:-moz-scrollbars-none; FireFox   非表示になるがスクロールできなくなる*/
scrollbar-width:thin;

}

.ft-mn_pop::-webkit-scrollbar{ display:none;} /* Chrome safari */


ul.sm_footer li.ft_mn:hover .ft-mn_pop {
/*visibility: visible;*/
display:block;
cursor: pointer;
text-align:left;
}

ul.sm_footer li.ft_mn:hover .ft-mn_pop a{
text-align: left;
padding: 15px;
display: block;
}

.ft-mn_txt a:hover {
display: block;
background: #f6f6f6;
}
/* count label ▲------------------*/


/* 戻るbutton------------------*/
.pagetop {
display:none !important;
}

/* pointer-ivents ------------------*/
.no-link {
pointer-events:none;
cursor:default;
text-decoration:none;
}

/* pointer-ivents page-top用------------------*/
.no-link-sm {
pointer-events:none;
}

/* --------------------------------
	注文完了画面
-------------------------------- */
.thky_mess {padding:30px 0;margin:0 auto;background:#fafafa;border-radius:2px;}
.thky-txt {font-size:20px;text-align:center;color:#0095fe;}
.thky-cont {text-align:left;padding:20px 30px 0;}
.thky-cont .p1 {padding-bottom:10px;}
.thky_shop-name {margin-top:20px;text-align:center;}
.thky_shop-mail {color:#0095fe;text-align:center;}
.thky-odno {margin-top:10px;font-size:100%;text-align:center;}
.thky-odno-show {color:#c00;}
.thky-free {padding:10px;}

/* --------------------------------
	会員ログイン
-------------------------------- */
.fm-login_wrap{padding:0 10px;}
.fm-login_inner_wrap {padding: 20px 0;}
.fm-login_inner{background:#f6f6f6;display:block;}
.login_c {margin: 0 10px 20px;border: 2px solid #ddd;border-radius: 4px;padding: 13px 13px}
.login_c-fix {margin: 0 0 20px;border: 2px solid #ddd;border-radius: 4px;padding: 13px 13px}
.fm-login_box {width:100%;flex:none;}
.fm-regist_box {width:100%;flex:none;border-left:none;padding: 40px 7%;}
.fm-login-ttl_m{margin-bottom: 20px;}
.pw-fg {text-align:center;}
.fm-regist_inner {padding-top:0;}

/* --------------------------------
	新規会員登録
-------------------------------- */
.fm_new-regist_free{padding:0 10px 10px !important;}
.info__txt{padding-bottom:0;}
.guest_tbl {background:none;padding:10px;}
.guest_tbl dt {background:#f5f5f5;padding:5px 10px;margin-bottom:10px;}
.guest_tbl dd{margin:0 auto;}
input[type="email"],input[type="text"],input[type="tel"],textarea{-webkit-appearance: none;}
.guest_tbl .input__M,.guest_tbl .input__L,.guest_tbl .input__MAX,.guest_tbl .inputL__10{width:100%;}
.input__AD1{float:left;width:46%;}
.ritou-ck{float:right;text-align:left;width:50%;}
.bold{font-weight:bold;}
.sm_pp{padding:0 10px;}
.infomelma a:hover .melmatxt {width:300px;top: -119px;left: -105px;box-sizing:border-box;}
.pol-ans{padding-top:20px;}
.new-reg-sub{padding:30px 0;}

/* 確認画面 */
h4.conf-ttl {width:calc(100% - 20px);margin:0 auto;}
.conf__txt{padding:10px 0 5px 10px !important;}
.conf_tbl {width:calc(100% - 20px) !important;margin:0 auto;background:none;padding:0;}
.conf_tbl dt {display:block !important;width:100% !important;background:#f5f5f5;padding:5px 10px;margin-bottom:10px;}
.conf_tbl dd{display:block !important;width:100%!important;margin:0 auto;padding:0 10px;}

/* --------------------------------
	新規会員登録 会員のみ購入可、非会員閲覧不可
-------------------------------- */
.loginWs_inner_wrap { padding:20px 10px; }
.loginWs_inner {width:100%;}
.loginWs-ttl_m {margin-bottom:0;}
.wsRegist_btn_wrap {margin-top:0;}

/* --------------------------------
	問い合わせフォーム
-------------------------------- */
.form-quest{background:none;padding:10px;}
dl.inp-fmquest{margin:0 0 20px;}
dl.inp-fmquest dt{width:100%;display:block;background:#f5f5f5;padding:5px 10px 3px 10px;}
dl.inp-fmquest dd{width:100%;display:block;float:none;}
/* 確認画面 */
.conf_tbl dl.inp-fmquest{margin:0;}
.form-quest .input__L,.form-quest .inputL__10{max-width:100%;}
.form-quest .input__SS{width:80px;}

/* --------------------------------
	SNSモーダル
-------------------------------- */
#modalSns{top:28%;}
#modalSns ul.modal-body {
padding: 10px;
max-width:100% !important;
text-align:center;
}
#modalSns {
    width:80%;
}

/* --------------------------------
	配送料金テーブル
-------------------------------- */
table.tbl-dlv{width:100%;}
.tbl-dlv{border:1px solid #ccc;border-collapse:collapse;}
.tbl-dlv th{background:#f0f0f0;}
.tbl-dlv th, .tbl-dlv td{border:1px solid #ccc;text-align:center;}
.ttl-dlv{padding-top:10px;}

/* --------------------------------
	営業カレンダー
-------------------------------- */
div.calender {
padding:0 10px;
}
.tbl_calen caption {
font-size:17px !important;
text-align:center;
}

/* --------------------------------
	フッター SNS アイコン
-------------------------------- */
.sm_ft_sns-icon img{height:33px;}
.sm_ft_sns-icon{position:relative;bottom:58px;padding:20px 0;text-align:center;}
.sm_ft_sns-icon a + a{margin-left:12%;}