@charset "utf-8"; /* CSS Document */
*{margin:0; padding:0;}
html{overflow-y:scroll;}
body{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#424242; font-size:medium; line-height:160%; text-align:left; -webkit-text-size-adjust:none; background:url(https://img11.shop-pro.jp/PA01292/981/etc/bg_body.png) 0 0 repeat; letter-spacing:0.1em; word-break:break-all; margin:0; padding:0;}
.header-wrapper{height:240px; clear:both;}
.header-logo{margin-top:10px; margin-bottom:10px;}
.header-logo h1 a{text-indent:-99999px; display:block; background-repeat:no-repeat; width:174px; height:240px; background-image:url(https://img11.shop-pro.jp/PA01292/981/etc/h1.png); background-image/*\**/:url(https://img11.shop-pro.jp/PA01292/981/etc/h1_ie.png)\9; -moz-background-size:auto 240px; background-size:auto 240px; background-position:0 0;}
.header-logo h1 a:hover{background-image:url(https://img11.shop-pro.jp/PA01292/981/etc/h1_on.png); background-image/*\**/:url(https://img11.shop-pro.jp/PA01292/981/etc/h1_on_ie.png)\9;}
#sp-nav{display:none;
  -webkit-box-sizing:border-box;
  box-sizing:border-box; position:-webkit-sticky; position:sticky; top:0; left:0; right:0; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:15px 3%; background:url(https://img11.shop-pro.jp/PA01292/981/etc/bg_body.png) 0 0 repeat; z-index:1000; margin-bottom:10px; -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.4); box-shadow:0 0 2px rgba(0, 0, 0, 0.4); width:100%;}
#nav-logo img{height:45px;}
#hamburger img{height:40px; padding:2px 3px; border:2px solid #231815;}
#sp-nav .btn-nomail{font-size:10px; padding:0 5px; margin-left:auto; margin-right:10px; width:42%;}
@media only screen and (max-width:670px){#sp-nav{display:-webkit-box; display:-ms-flexbox; display:flex; }}
#sp-menu{display:none; position:absolute; top:0; left:0; right:0; bottom:0; z-index:999; width:100vw;     max-height: 100vh; -webkit-box-sizing:border-box; box-sizing:border-box; height:100%; background-color:rgb(248, 245, 240); background:url(https://img11.shop-pro.jp/PA01292/981/etc/bg_body.png) 0 0 repeat;}
#sp-menu-inner{width:95%; display:block; margin:12vh auto calc(1vh + 24px + 1vh); max-width:500px; -webkit-box-sizing:border-box; box-sizing:border-box; max-height: 72vh; background:rgba(255, 255, 255, .35); overflow-y:scroll; border-bottom-left-radius:5px; border-bottom-right-radius:5px; position:relative;}
#sp-close{position:fixed; top: 85.5vh; font-weight:900; font-size:18px; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#sp-close img{margin-top:-2px; margin-right:2px; height:24px; width:24px; display:block;}
#sp-close span{font-size:20px; color:#231815; display:block; line-height:20px;}
p.title{display:block; text-align:center; font-weight:900; margin-bottom:15px; font-size:20px; color:white; background:#9db296; margin-top: 0; margin-left:0; margin-right:0; padding:10px 0 5px;}
#sp-top{width:85%; display:block; margin:30px auto 0;}
#sp-top img{display:block; width:100%;}
#sp-recommendation{padding-top:20px;}
#sp-recommendation>div,#sp-about>div{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding-bottom:7px;}
#sp-recommendation>div>div:first-of-type,#sp-about>div>div:first-of-type{padding-right:0 5px;}
#sp-recommendation>div>*:last-of-type,#sp-about>div>*:last-of-type{padding-left:5px;}
#sp-overview ul,#sp-navigation ul,#sp-about ul{list-style:none; margin:0 auto 15px; text-align:center;}
#sp-overview li,#sp-navigation li,#sp-about li{width:48%; display:inline-block; font-size:13px; padding:5px 0; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center;}
#sp-navigation li a{font-weight:900;}
#sp-navigation p.title{margin-bottom:5px;}
#sp-navigation li{padding:10px 0; border-bottom:1px dotted white;}
#sp-overview li.special{background:rgba(214, 135, 7, 0.418); font-weight:900;}
#sp-overview li{-webkit-box-sizing:border-box; box-sizing:border-box; background:rgba(61, 56, 50, 0.356); margin-bottom:6px; padding:8px 5px;}
#sp-overview li a{color:white; font-weight:900;}
#sp-navigation img{display:none; height:18px; margin-right:5px;}
#sp-sns{text-align:center; font-size:14px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-pack:distribute; justify-content:space-around; width:90%; margin:0 auto 15px
}
#sp-sns a{color:black; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:10px 0;}
#sp-sns img{height:16px; margin-right:5px;}
@media only screen and (max-width:670px){#sp-menu.open{display:block; }
}
.prd_lst_link{padding:1%; display:block; color:#666666; height:100%;}
.prd_lst_link:hover{color:#555555; text-decoration:none;color:#f60;}
p{margin:1em 1% 0.5em; letter-spacing:0.05em;}
p.right{text-align:right;}
strong {font-weight:bold;}
em {color:#f60; font-style:normal; font-weight:bold;}
span {font-size:small;}
iframe{background-color:#FFFFFF;}
.social-share iframe{background:none;}
.price{color:#cc0000; font-size:120%;}
hr{border:none; border-bottom:dashed 1px #444; height:0; margin:1%; float:none; clear:both;}
img{border:none; max-width:100%; height:auto; width:auto\9;}
.main-section img{width:100%; max-width:745px; margin:3% 0 0 0;}
.social-share img{width:auto;}
.main-section ul{margin:0.5em 0.1em 0.5em 1.5em; clear:both; max-width:745px;}
ol{margin:1em 0.1em 0.5em 2.5em; clear:both;}
.point ol{margin:1em 1em 1em 2.5em;}
dl{margin:0.5em 0; clear:both;}
ul.unstyled, ol.unstyled{margin:0 0 3% 0; list-style:none; max-width:inherit;}
.otheritems ul.unstyled li.col-lg-4{/*max-height:230px;*/}
.product-info-lst ul.unstyled a{text-decoration:underline; color:#327b1c;}
.product-info-lst ul.unstyled a:hover{color:#f60;}
.topicpath-nav{border-bottom:1px solid #666; padding-bottom:10px;}
h2{margin:0 1% 1%; line-height:1.5em; font-size:180%; font-weight:normal;}
h3{margin:3% 1% 2%; font-size:120%; font-weight:bold; border-left:8px solid #57804b; color:#57804b; padding-left:8px; clear:both; display:block;}
h4{margin:2% 1% 1%; border-bottom:1px solid #666;}
.view_pc .base01,.base02{width:100% !important;}
/*---------------------------------------------
easyfeed
---------------------------------------------*/
.info-block ul.rss-items{margin:0 0 3% 0; list-style:none; max-width:inherit; width:100%;}
.info-block ul.rss-items li{margin-bottom:1px; line-height:1.6em; clear:both; background-color:#FFFFFF; background-color:rgba(255,255,255,0.50);}
.info-block ul.rss-items li a{display:inline-block; padding:0.8em 0.5em 0.5em; clear:both; color:#444; background:none;}
.info-block ul.rss-items li a:hover{opacity:0.75; -ms-filter:"alpha(opacity=75)"; filter:alpha(opacity=75);}
.info-block ul.rss-items li span{font-size:small; display:inline-block; margin-left:10px; margin-right:10px; padding-bottom:5px; color:#666666;}
.info-block ul.rss-items li br{display:none;}
/*---------------------------------------------
Anchor
---------------------------------------------*/
a{color:#327b1c; text-decoration:none; outline:none;}
p a{text-decoration:underline;}
a:hover{color:#f60;}
.container a img:hover{opacity:0.7; -ms-filter:"alpha(opacity=70)"; filter:alpha(opacity=70);}
a:active{opacity:0.85; -ms-filter:"alpha(opacity=85)"; filter:alpha(opacity=85);}
/*---------------------------------------------
LIST A
---------------------------------------------*/
.info-block ul{margin:0 1% 1% 1%; padding:0; width:auto; list-style:none; border-top:3px solid #9db296;}
.info-block a.arrow{margin-bottom:3%; display:block;}
.link-block{margin-bottom:20px;}
.link-block ul{margin:0;}
#side .link-block h3{margin-bottom:0;}
.info-block ul li,.link-block ul li{margin-bottom:1px; line-height:1.6em; clear:both;}
.info-block ul a,.link-block ul a{display:block; padding:0.8em 0.5em 0.5em; clear:both; /*background-color:#FFFFFF;*/
  background-color:transparent; color:#444;}
.info-block ul a:hover,.link-block ul a:hover{opacity:0.75; -ms-filter:"alpha(opacity=75)"; filter:alpha(opacity=75);}
.info-block ul li span,.link-block ul li span{font-size:small; display:inline-block; margin-left:10px; margin-right:10px; color:#666666;}
/*---------------------------------------------
LIST LINE
---------------------------------------------*/
ul.line_list{margin:0 1% 1% 1%; padding:0; width:auto; list-style:none;}
ul.line_list li{border-bottom:1px dotted #544830; font-size:85%; margin:0;}
ul.line_list a{display:block; padding:0.8em 0.5em 0.5em; clear:both; color:#444;}
ul.line_list a:hover{background-color:#FFFFFF; opacity:0.6; -ms-filter:"alpha(opacity=60)"; filter:alpha(opacity=60);}
.product_list{margin:0 1%;}
.product_list .half{margin:0;}
.product_list ul{margin:0 0 0 2%;}
.product_list ul li{list-style:none;}
table {margin:1%; width:98%; max-width:745px; border-top:3px solid #9db296; border-collapse:separate}
table th, table td{padding:8px 10px; color:#333; border-right:2px solid #e8d8b6; border-bottom:2px solid #e8d8b6;}
table.delivery table tr th{min-width:20%;}
table td img{width:auro;}
table thead th{background-color:#aab9a5; color:#FFF; text-align:center; background-color:rgba(170,185,165,0.50); /*opacity:0.80; -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80);*/}
table tbody th{background-color:#aab9a5; text-align:left; background-color:rgba(170,185,165,0.50); /*opacity:0.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50);*/}
table td{background-color:#ffffff; text-align:left; background-color:rgba(255,255,255,0.50); /*opacity:0.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); font-weight:normal;*/}
.table th, .table td{border-top:none;}
table tr th a,table tr td a{color:#f60;}
table tr th a:hover,table tr td a:hover{text-decoration:underline;}
table table {margin:0; border-top:none;}
table table td{background-color:#ffffff; opacity:0.9; -ms-filter:"alpha(opacity=90)"; filter:alpha(opacity=90);}
table table th, table table td{border:1px solid #e8d8b6;}
.campany th{width:20%;}
.pull-right{float:right; margin-bottom:6px;}
.header-headline-nav .btn{-webkit-border-radius:0; border-radius:0;}
.header-headline-nav .btn img{width:28px; height:22px; margin-right:10px;}
/*---------------------------------------------------------------------------------
BOX
---------------------------------------------------------------------------------*/
/*--GRID---*/
.grid1,.grid2,.grid3,.half,.items div{ float:left; display:inline; margin-bottom:2%; margin-left:1%; margin-right:1%;}
.items{clear:both;}
.grid1,.items div{width:31.33%;}
.grid2 {width:64.5%;}
.grid3 {width:98%; max-width:745px; clear:both;}
.half {width:48%;/*width:47.77%;/width:47%;*/}
/*
.grid2 + .grid1{margin-left:0; margin-right:0;}
.grid1 + .grid2{margin-left:0; margin-right:0;}
.half + .half{margin-left:0; margin-right:0;}
*/
.main-section p img, .grid1 img, .grid2 img, .grid3 img, .half img{width:100%; max-width:100%; margin:0 0 1% 0;}
.grid1 > p, .grid2 > p, .grid3 > p, .half > p, .grid1 > h3, .grid2 > h3, .grid3 > h3, .half > h3, .grid1 > h4, .grid2 > h4, .grid3 > h4, .half > h4{margin:1.5% 0;}
#contents .first{margin-left:0; clear:left;}
#contents .end{margin-right:0; clear:right;}
#shop-info{clear:both; margin:2% 1%; padding:2% 1%; background-color:#FFFFFF; font-size:75%; background-color:rgba(255,255,255,0.50);}
#shop-info li{margin:0; padding:0;}
#shop-info p{margin-bottom:15px; line-height:1.5em;}
.bg_box{/*
  -moz-background-size:100% auto; background-size:100% auto; background-position:center; background-repeat:no-repeat; max-width:745px; */
  background-size:100% auto; background-position:50% 50%; background-repeat:no-repeat; max-width:745px; margin:1%;}
.col-lg-4{width:31.3%; margin:0 1% 1% 1%;}
.col-lg-4:hover{opacity:0.8; -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80); text-decoration:none; color:#555555;}
.otheritems .col-lg-4{width:23%;font-size:75%; min-height:250px;}
.otheritems .prd-lst-name{font-size:85%; line-height:1.5em; min-height:3em;}
.garlic_legend p.grid3{margin-top:0;}
.add{clear:both; padding:2% 3%; margin-top:10px; background-color:#fff; font-size:75%; background-color:rgba(255,255,255,0.50);}
.recipe_list .grid1 img{margin-bottom:10px;}
/*---------------------------------------------------------------------------------
SHOPPRO
---------------------------------------------------------------------------------*/
#base_gmoWrapp,#gmo_CMSPbar{overflow:hidden; min-width:100% !important; width:100% !important;}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{border:1px solid #ccc; background-color:#fff;}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{outline:0; outline:thin dotted \9; border-color:rgba(82, 168, 236, 0.8);}
.muted{color:#999;}
a.muted:hover,a.muted:focus{color:#808080;}
.text-warning{color:#c09853;}
a.text-warning:hover,a.text-warning:focus{color:#a47e3c;}
.text-error{color:#b94a48;}
a.text-error:hover,a.text-error:focus{color:#953b39;}
.text-info{color:#3a87ad;}
a.text-info:hover,a.text-info:focus{color:#2d6987;}
.text-success{color:#468847;}
a.text-success:hover,a.text-success:focus{color:#356635;}
.btn-01{border:1px solid #4d4d4d; background-color:#4d4d4d; color:#fff; *background-color:#4d4d4d;}
.btn-green{border:1px solid #99ae92; background-color:#9db296;}
.btn-orange,.btn-orange.btn:focus{ border:1px solid #ff6d00; background-color:#ff6d00; color:#fff; font-weight:bold;}
.btn-orange:hover{ border:1px solid #f89c58; background-color:#f89c58; color:#000;}
.btn-01:hover,.btn-01:focus,.btn-01:active,.btn-01.active,.btn-01.disabled,.btn-01[disabled]{background-color:#000; color:#fff;}
.btn-02{border:1px solid #ffffff; background-color:#ffffff; color:#523a30; *background-color:#ffffff;}
.btn-02.btn-xlg.btn-block{background-color:#f60; border:none; color:#fff; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin:0 0 10px 0;}
.btn-02:hover,.btn-02:focus,.btn-02:active,.btn-02.active,.btn-02.disabled,.btn-02[disabled]{border:1px solid #c4af7b; background-color:#c4af7b; color:#523a30; *background-color:#c4af7b;}
.btn-02.btn-xlg.btn-block:hover{background-color:#57804b; border:none; color:#fff;}
.btn-03{border:1px solid #e6e6e6; background-color:#e6e6e6; color:#4d4d4d; *background-color:#e6e6e6;}
.btn-03:hover,.btn-03:focus,.btn-03:active,.btn-03.active,.btn-03.disabled,.btn-03[disabled]{border:1px solid #e6e6e6; background-color:#e6e6e6; color:#4d4d4d; *background-color:#e6e6e6;}
button.btn,input[type="submit"].btn{*padding-top:3px; *padding-bottom:3px;}
button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0; border:0;}
button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px; *padding-bottom:7px;}
button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px; *padding-bottom:3px;}
button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px; *padding-bottom:1px;}
.btn-link,.btn-link[disabled]{background-color:transparent; background-image:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.btn-link{border-color:transparent; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#0088cc; cursor:pointer;}
.btn-link:hover,.btn-link:focus{background-color:transparent; color:#005580; text-decoration:underline;}
.btn-link[disabled]:hover,.btn-link[disabled]:focus{color:#333333; text-decoration:none;}
.pagination ul > li > a:hover,.pagination ul > li > a:focus,.pagination ul > .active > a,.pagination ul > .active > span{background-color:#f5f5f5;}
.pagination ul > .active > a,.pagination ul > .active > span{color:#999; cursor:default;}
.pagination ul > .disabled > span,.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover,.pagination ul > .disabled > a:focus{background-color:transparent; color:#999; cursor:default;}
.pagination ul > li:first-child > a,.pagination ul > li:first-child > span{border-left-width:1px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px;}
.pagination ul > li:last-child > a,.pagination ul > li:last-child > span{-webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px;}
.alert{margin-bottom:20px; padding:8px 35px 8px 14px; border:1px solid #fbeed5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#fff; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.alert-success{border-color:#d6e9c6; background-color:#dff0d8; color:#468847;}
.alert-danger,.alert-error{border-color:#eed3d7; background-color:#f2dede; color:#b94a48;}
#pagetop{height:80px; padding:0; display:none; overflow:hidden;}
#pagetop a{display:block;}
#pagetop a img:hover{opacity:0.7; -ms-filter:"alpha(opacity=70)"; filter:alpha(opacity=70);}
/* ========================================
PCの場合
======================================== */
/*
body{background-color:#fff; color:#3f3e3e;}
a{color:#222222; -webkit-transition:color 0.1s linear; -moz-transition:color 0.1s linear; transition:color 0.1s linear;}
a:hover{color:#5e5e5e;}
*/
/* アイコン */
.icon{display:inline-block; padding-left:16px; line-height:1.5;}
.icon:before{display:block; float:left; margin-left:-16px; width:16px; height:16px; background-image:url(https://img.shop-pro.jp/tmpl_img/68/icon_16-b.png); background-size:16px 160px; background-repeat:no-repeat; content:"";}
/* PC でアイコンを白にする場合 */
.icon-white .icon:before{background-image:url(https://img.shop-pro.jp/tmpl_img/68/icon_16-w.png);}
/* アイコンの種類 */
/* .icon-cart:before{background-position:0 0;} */
.icon-search:before{background-position:0 -16px;}
/* .icon-user:before{background-position:0 -32px;} */
.icon-down:before{margin:5px 5px 0 0; background-position:0 -64px;}
.icon-up:before{background-position:0 -48px;}
.icon-right:before{background-position:0 -80px;}
.icon-left:before{background-position:0 -96px;}
.icon-regist:before{background-position:0 -112px;}
/* .icon-login:before{background-position:0 -144px;} */
/* .icon-logout:before{background-position:0 -128px;} */
.text-block{}
.ttl-h2{margin-top:1%; color:#222222; font-weight:normal;}
.ttl-h3{margin-bottom:.7em; padding:20px 0; /*
  border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; color:#222222; font-weight:normal; font-size:124%; */}
#container{/*
  position:relative; z-index:101; */
  max-width:1024px; /max-width:1064px; position:relative; z-index:101; padding-top:20px;}
/* ヘッダー */
#header{position:relative; z-index:102; max-width:1000px;}
.header-headline-nav{font-size:13px; float:right; margin-bottom:16px;}
.header-headline-nav .icon:before{margin-left:-20px;}
.header-headline-nav ul{ margin:0 0 0 6px;}
.header-headline-nav li{display:inline-block; margin:0 6px 0 0; padding:0; vertical-align:top; font-size:13px;}
.header-headline-nav li a{color:#fff; text-decoration:none; font-weight:normal;}
.btn-viewcart{-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.btn-viewcart .icon{padding-left:20px;}
.btn-viewcart .icon:before{margin-top:1px;}
.header-logo{float:left;}
.header-logo a{text-decoration:none;}
.header-logo a:hover{text-decoration:underline;}
.header-logo img{max-width:100%;}
#header-wrapper .container{margin-bottom:30px;}
.header-phone{width:43%; float:right; text-align:right; clear:right;}
.header-phone img{clear:both;}
.header-global-nav{z-index:100; float:right; text-align:right; clear:right; width:88%;}
#header .paymentlist{max-width:435px; max-height：49px; width:100%; height：auto; clear:both; margin:5px 0;}
#header .tel{max-width:435px; max-height:45px; width:100%; height：auto;}
.header-global-nav ul{clear:both; margin:32px 0 0 0;}
.header-global-nav li{position:relative; display:inline; padding:0.8% 0; vertical-align:top; border-right:1px solid #111111;}
.header-global-nav li a{margin:0; width:0.14%; font-size:16px; padding:0.8% 1.5%;}
.header-global-nav li a:hover{background-color:rgba(110,146,140,0.30); /background-color:#9db296; color:#fff; text-decoration:none;}
.header-global-nav a,.header-global-nav span{/*
  padding-bottom:5px; text-decoration:none; font-weight:normal; font-size:18px; */
  color:#4d4d4d; cursor:pointer;}
.header-global-nav ul ul{position:absolute; top:-1px; left:5px; display:none; vertical-align:baseline; width:200px; border:1px solid #e8e8e8; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.header-global-nav ul ul li{display:block; margin:0; padding:0; word-break:break-all; *line-height:1.3;}
.header-global-nav ul ul a{border-bottom:1px solid #e8e8e8; background:#fff; display:block; padding:10px 10px; /*font-size:14px;*/
}
.header-global-nav ul ul a:hover{background:#f9f9f9;}
p.caution{font-size:90%; font-weight:bold; line-height:1.55em; letter-spacing:0.01em; text-align:left; color:#666;}
/* スマホ用ヘッダーメニュー */
.header-nav-phone{z-index:99; float:right; height:60px;}
.header-nav-lst-phone{position:absolute; left:50%; display:none; margin-left:-50%; width:100%; border:1px solid #FFFFFF; -webkit-border-radius:5px; border-radius:5px; background:#fff;}
.header-nav-lst-phone ul{margin:0;}
.header-nav-lst-phone li{padding:0; border-bottom:1px solid #FFFFFF; text-align:center;}
.header-nav-lst-phone li:last-child{border-bottom:none;}
.header-nav-lst-phone a{display:block; padding:20px 0;}
.header-nav-lst-phone a:hover{background:#f9f9f9; text-decoration:none;}
/* ----- サイドメニュー ----- */
#side{/*width:24%;*/ width:24.95%;}
#side h2{margin:0.5em 0;}
#side h3{color:#FFFFFF; background-color:#9db296; padding:0.4em 0.5em 0.2em; margin:5px 0; border-left:none;}
#side a h3{color:#fff; text-decoration:none;}
#side a h3:hover{background-color:#6a7966;}
#side a:hover{text-decoration:none;}
#side h3.h3_arrow{ background:url(https://img11.shop-pro.jp/PA01292/981/etc/arrow2.png) 10px 50% no-repeat #9db296; padding:0.4em 0.5em 0.2em 1.5em;}
#side .bn img{margin-bottom:10px;}
#side ul{list-style:none; margin:0 0 20px 0; padding:0;}
#side ul img{margin-bottom:5px;}
.side-section{margin-bottom:2%;}
.side-section li{margin:20px 0;}
.side-section li a{color:#4d4d4d; text-decoration:none; font-weight:normal; font-size:15px; -webkit-transition:color 0.1s linear; -moz-transition:color 0.1s linear; transition:color 0.1s linear;}
.side-section li a:hover{text-decoration:underline;}
.incart-delivery{clear:both; font-size:12px; line-height:1.5; padding:5px 8px; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color:#cebd92;}
.incart-delivery ul{margin:0;}
.incart-delivery li{padding:2px 0; margin:0;}
.incart-delivery li:first-child{border-top:none;}
.search-select{margin-bottom:10px;}
.search-box{float:left; width:65%;}
.search-btn[type="submit"]{float:right; padding:4px 0; width:25%;}
.side-category-name,.side-group-name{display:block; margin-top:10px;}
.fb_box{margin-top:10px; text-align:center; box-sizing:border-box;}
.label{font-size:100%; font-weight:700; margin-bottom:0; line-height:25.6px;}
.label:after, .label:before{content:''; position:absolute; right:.5em; top:.2em; width:3px; height:0.75em; background-color:white; transition:all 0.2s;}
.label:after{transform:rotate(90deg);}
.toggle:checked + h3 .label:before{transform:rotate(90deg) !important;}
.toggle{display:none;}
.link-block{position:relative;}
.label,.link-block ul{backface-visibility:hidden; transform:translateZ(0); transition:all 0.2s;}
.link-block ul{max-height:0; overflow:hidden;}
.toggle:checked + h3 + ul{max-height:500px;}
/* パンくずリスト */
.topicpath-nav{margin:0 1% 1% 1%; font-size:75%; line-height:18px;}
.topicpath-nav li{display:inline; margin-right:.2em;}
.topicpath-nav li a{margin-left:.2em; color:#444; text-decoration:none;}
.topicpath-nav li a:hover{text-decoration:underline;}
/* 囲み */
.container-section{margin-bottom:3em; word-break:break-all;}
.eyecatch-block,.info-block,.recommend-block,.bestseller-block,.free_space_block{/*
  margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #FFFFFF; */
  word-break:break-all;}
.info-block{line-height:1.5;}
.news{padding:4px 0;}
.news-date{padding-right:10px;}
.main-section{width:74.3%; /max-width:765px; float:right; /*
  padding-left:30px; max-width:745px; width:74%; /width:71%;*/
  padding:0; margin:0;}
/* 商品リスト */
.prd-lst-sort{padding:5% 1% 3% 1%; clear:both; text-align:center;}
.prd-lst-sort a,.prd-lst-sort strong{ background-color:#9db296; color:#FFFFFF; display:inline-block; padding:0.3em 0.2em 0.1em; width:8em; margin-bottom:5px;}
.prd-lst-sort a{ opacity:0.75; -ms-filter:"alpha(opacity=75)"; filter:alpha(opacity=75);}
.prd-lst-sort strong{ opacity:1.0; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100);}
.prd-lst-sort a:hover{ opacity:1.0; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100);}
.prd-lst-unit{margin-bottom:20px; background:#fff; /*
  width:33.33%; padding:0 30px 0 10px; */}
.together-block .prd-lst-unit{min-height:300px;}
.prd-lst-img{background:#fff;}
.prd-lst-img:hover{opacity:0.8;}
.prd-lst-span{display:block;}
.prd-lst-name{margin:10px 0 6px 0; padding:0; font-size:17px; font-size:15px; min-height:50px;}
.prd-lst-exp{font-size:13px;}
.prd-lst-regular{font-size:13px; text-decoration:line-through;}
.prd-lst-price{color:#f60; font-size:16px; text-align:right; font-weight:bold;}
.prd-lst-discount{color:#b81717;}
.prd-lst-soldout{color:#9db296; float:right; font-weight:bold; font-size:20px;}
.more-prd{clear:both;}
/* 商品のページャー PC */
.prd-lst-pager{position:relative; overflow:hidden; margin:4% 1%;}
.prd-lst-pager ul{position:relative; left:50%; float:left; padding-top:15px;}
.prd-lst-pager li{position:relative; left:-50%; float:left; margin-right:4px; text-align:center; line-height:26px;}
.prd-lst-pager li a,.prd-lst-pager li span{display:block; float:left; width:26px; height:26px;}
.prd-lst-pager li a{border:1px solid #ffffff; background-color:#ffffff; color:#523a30; text-decoration:none;}
.prd-lst-pager li a:hover{border:1px solid #c4af7b; background-color:#c4af7b;}
.prd-lst-pager li span{border:1px solid #c6c6c6; background-color:#fff; color:#c6c6c6;}
/* 商品のページャー タブレット スマホ */
.prd-lst-pager-phone{text-align:center;}
.prd-lst-pager-phone li{display:inline; margin:0 10px;}
.prd-lst-pos{margin-top:20px;}
.prd-lst-pos b{font-weight:bold; font-size:18px;}
/* フッター */
#pagetop{width:80px; position:fixed; right:0; bottom:0; z-index:200; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;}
.notice-wrapper{margin-top:100px; padding:40px 0; border-top:1px solid #e8e8e8; background:#f9f9f9;}
.wookmark-wrapper{position:relative;}
.wookmark-item{padding-bottom:20px; width:24.5%; *width:20.5%; *padding-right:2% !important; *padding-left:2% !important;}
#footer_sns{display: flex; align-items: center; justify-content: center; clear: right; float: right; height: auto; margin-right: 0; width: 22%;}
#footer_sns .sns_icon{
background-color:white; border-radius: 5px; height: auto;margin:2%;
}
#footer_sns .sns_icon_line{
  margin:2%;
  }
@media only screen and (max-width: 980px){
  #footer_sns{ text-align: center; width: 250px; float: none; margin: 0 auto 50px;}
}
/* フッター背景 */
.footer-wrapper{margin-top:40px; padding:40px 0 10px; border-top:1px solid #d8d8d2; border-bottom:1px solid #d8d8d2; background:#000000;}
.footer-lst{padding:30px 0 0 40px;}
.footer-lst li{margin:20px 0;}
.footer-lst a{color:#4d4d4d;}
/* ショップ紹介 */
.manager-name{margin:0 0 20px 0; font-size:20px;}
.manager-caption{padding:0 40px 0 20px; border-right:1px solid #FFFFFF;}
/* カレンダー */
.tbl_calendar{margin-bottom:20px; max-width:260px; width:100%; font-size:84.615%;}
.tbl_calendar caption{text-align:center;}
.tbl_calendar th{padding:.3em 0; border-bottom:1px solid #ddd; text-align:center;}
.tbl_calendar td{padding:.5em 0; width:14.2%; border-bottom:1px solid #ddd; text-align:center;}
.cal_memo{margin-top:1em; font-size:84.615%;}
/* copyright */
.copyright{clear:both; margin:0; padding:2em 0 1em; color:#a1a19f; text-align:center; font-style:normal; border-top:1px solid #ffffff;}
.powered{display:block; padding:10px 0; line-height:18px;}
.powered a{color:#a1a19f; text-decoration:none; font-size:11px;}
.powered img{margin-bottom:10px; margin-left:4px; width:200px; height:18px;}
/* list */
.def-lst-dt{padding-top:1em; font-weight:bold;}
.def-lst-dd{margin:0; padding-bottom:1em; border-bottom:1px dashed #aaa; line-height:2;}
.def-lst-dd img{max-width:100%; width:inherit; height:auto;}
/* policy */
#policy p{margin:1em 0; color:#666; line-height:1.8;}
/* freepage */
.freepage{word-break:break-all;}
.freepage img{max-width:100%; width:inherit; height:auto;}
.accessmap{margin:0 1% 2%;}
.footer-wrapper .row{clear:both; letter-spacing:-0.01em; margin:0 auto; max-width:1002px; min-height:230px; overflow:hidden; padding:20px 0;}
.footer-wrapper .row ul{float:left; font-size:13px; margin:0 1% 30px 0; width:15%;}
.footer-wrapper .row ul a{color:#ffffff;}
/*.footer-wrapper .row ul.wide{margin:0 2% 0 0; width:20%;}
.footer-wrapper .row ul.wide.mini{width:18%;}
.foot_contact{background-image:url("https://img11.shop-pro.jp/PA01292/981/etc/foot_contact.png"); background-repeat:no-repeat; background-size:235px 170px; clear:right; display:block; float:right; height:180px; margin-right:0; text-indent:-99999px; width:235px;}
.foot_contact a.alogo{text-indent:-99999px;}
.foot_contact a{display:block; height:170px; margin:0; width:235px;}*/
.footer-wrapper .row ul.wide{width:20%; margin:0 2% 0 0;}
.footer-wrapper .row ul.wide.mini {width:16%;}
.footer-wrapper .row > ul.unstyled {width:18%; margin:0;}
.foot_contact{background-image:url("https://img11.shop-pro.jp/PA01292/981/etc/foot_contact.png"); background-image/*\**/:url("https://img11.shop-pro.jp/PA01292/981/etc/foot_contact_ie.png")\9; background-repeat:no-repeat; background-size:contain; clear:right; display:block; float:right; height:auto; margin-right:0; text-indent:-99999px; width:22%;}
.foot_contact a.alogo{text-indent:-99999px;}
.foot_contact a{display:block; height:0; margin:0; width:100%; padding-bottom:80%; background-size:contain;}
.foot_contact:hover{ opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7; zoom:1;}
.footer-wrapper .row ul.wide ul{margin-left:15px; width:100%;}
.footer-wrapper .row ul.wide ul li{color:#fff;list-style-type:disc;}
.sitemap h3{margin-top:5%;}
/* VOICE */
.voice{ border-bottom:1px solid #327b1c; border-top:1px solid #327b1c; padding:20px 10px; margin-bottom:40px;}
.voice ul{list-style:none; margin:0 1% 0; clear:none; }
.voice p{margin:4px 1% 0; font-size:94%; color:#666; }
a.arrow{ background:url(https://img11.shop-pro.jp/PA01292/981/etc/arrow.png) 4px 50% no-repeat; padding-left:18px;}
.uservoice{margin-bottom:40px;}
.uservoice dl dt{padding-left:1%;}
.uservoice dl dd{ padding:1% 1% 2% 1%; border-bottom:1px dashed #666; margin-bottom:2%;}
.box{ background:url(https://img11.shop-pro.jp/PA01292/981/etc/bg_white.png); border:1px solid #57804b; padding:2%; margin-top:20px;}
.tel p.mail_contact{text-align:center;}
.tel{clear:both;margin:1%;}
.tel .half,.tel h3{margin:0 1%;}
.tel span{ font-size:140%; font-weight:bold; line-height:2em; margin:0 10px; color:#f60;}
/*.tel a{ position:relative; overflow:visible; display:inline-block; padding:10px 35px; color:#FFF; cursor:pointer; background:#57804b; border-radius:5px; float:right; text-decoration:none;}:
.tel a:hover{ background:#f60;}*/
/* CHEER */
.cheer p{background-color:#fff; background-color:rgba(255,255,255,0.50); background-image:url(https://img11.shop-pro.jp/PA01292/981/etc/cheer_icon.png) ; background-position:0; background-repeat:no-repeat; padding:3%; border-radius:5px;}
.expectation strong{ font-size:40px; line-height:40px; color:#f60; display:block; margin-bottom:20px; font-family:'Hiragino Mincho ProN', serif;}
/* Q＆A */
.dl_faq{ margin-bottom:40px;}
.dl_faq dt{ line-height:1.6em; background:url(https://img11.shop-pro.jp/PA01292/981/etc/bg_q.png) 12px 5px no-repeat; padding:8px 0 3px 60px;}
.dl_faq dd{ line-height:1.6em; background:url(https://img11.shop-pro.jp/PA01292/981/etc/bg_a.png) 0 0 no-repeat; padding:25px 10px 8px 50px; margin:0 1% 4%;}
.question_list ul{float:left;}
/* ボタン */
a.button{ position:relative; overflow:visible; display:inline-block; padding:10px 20px; color:#FFF; cursor:pointer; background:#57804b; border-radius:5px; text-decoration:none; text-align:center; margin-bottom:1%;}
a.button:hover{ background:#f60;}
/* にんにくの保存方法 */
.button2 a{width:38.5%; background:#57804b; border:medium none; border-radius:3px; color:#ffffff; cursor:pointer; display:inline-block; /****font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;***/
  margin:0.1% 1% 2%; overflow:visible; padding:10px 30px 8px 35px; position:relative; text-decoration:none; font-weight:bold;}
.button2 a:hover{ color:#fff; text-decoration:none; background:#f60;}
.button2 span{font-weight:normal;}
/* にんにくの栽培情報 */
.point{ clear:both; width:100%; background:url(https://img11.shop-pro.jp/PA01292/981/etc/bg_white.png) 0 0 repeat; margin-bottom:10px; border-radius:3px;}
.point p{margin:3%;}
.point ul{margin:1% 3% 3%;}
.point ul li{list-style:none; list-style:none; border-bottom:1px dashed #444; padding:5px 0;}
.movie{ clear:both; margin-bottom:40px;}
.youtube{margin:3% 1%;}
/****
どこでもカラーミー
****/
#link_area{ width:98%; font-size:96%; margin:0 1% 40px; padding:20px 30px 0; border:5px solid #c4c5ab; box-sizing:border-box; line-height:1.6em; letter-spacing:0.2px;}
#link_area .grid1{ box-sizing:border-box; padding:4px;}
#link_area h4{ font-size:116%; margin-top:12px;}
#link_area h5{ font-size:100%; margin-bottom:0;}
.cartjs_box{padding-top:4px !important;}
.cartjs_product_img,.cartjs_cart_in,.cartjs_product_table table{ text-align:left !important; margin:0 auto 4px !important; width:100% !important; font-size:86%; }
.cartjs_product_name,.cartjs_product_table table td{ font-size:100% !important; }
.cartjs_box div.cartjs_cart_in input[type="submit"]{background-color:#f60 !important; width:100% !important; height:48px !important; margin:12px 0 0 !important;}
.cartjs_box div.cartjs_cart_in input[type="submit"]:hover{ background-color:#57804b !important; border:none; color:#fff; }
/* ご注文の流れ */
h3#beginner01{margin-top:30px;}
/*-------土作りマニュアル------*/
#manual h2{text-indent:-99999px; background:url(https://img11.shop-pro.jp/PA01292/981/etc/manual_ec.jpg); background-image/*\**/:url("https://img11.shop-pro.jp/PA01292/981/etc/manual_ec_ie.jpg")\9; height:0; padding-top:45%; background-size:cover;}
p{font-size:110 line-height:1.7em; margin-top:5px;}
#manual .center{text-align:center;}
#manual .mail_contact{margin-bottom:40px;}
#manual .point{border-radius:5px;}
#manual dl{margin:10px 1%;}
#manual dl dt{ color:#57804b; font-size:120%; border-bottom:1px dotted #666; margin:20px 0 5px; padding-bottom:5px; }
#manual dl dd{margin:0 0 20px 0; display:block;}
#manual h3{background:url(https://img11.shop-pro.jp/PA01292/981/etc/bg_body_dark.png); padding:15px 10px; color:#fff; font-weight:normal; font-size:150%; border-radius:5px;}
#manual h4{border-bottom:3px double #57804b; font-size:150%; color:#57804b; background:url(https://img11.shop-pro.jp/PA01292/981/etc/hands_point.png); background-size:30px; background-repeat:no-repeat; background-position:left 2px; padding:5px 0 0 35px; margin-bottom:20px; padding-bottom:5px;}
#manual strong{margin:0 1%; font-size:120%; margin:20px 1% 0; display:block;}
#manual strong em{color:#444; font-size:140%; font-weight:normal; margin-right:5px;}
#manual h5.caution{background:url(https://img11.shop-pro.jp/PA01292/981/etc/manual_cautionon.png); background-repeat:no-repeat; background-position:left center; background-size:20px; padding:0 0 0 30px; font-size:120%; color:#f60; margin:0 1%;}
#manual .point h5{margin:2% 3% 0;}
.pagelink{ width:95%; padding:10px; margin:0 5px 15px 5px; background:#f2f2f2; /*opacity:0.5;*/
  border:1px solid #ffffff; }
.pagelink a{display:block; float:left; width:26%; }
#container table th a{ color:#327b1c; text-decoration:underline;}
#container table th a:hover{color:#f60;}
#container .whitebox{margin:2% 1%; padding:2% 1%; background-color:#fff; background-color:rgba(255, 255, 255, 0.5);}
.media table tr th{width:20%;}
/*商品詳細*/
.recommend p,.note p,.note2 p,.attention p,.attention2 p,.contact p{margin:0;}
.recommend{background-color:#99ae96;background-color:rgba(110,146,140,0.50);padding:15px 25px;border:1px solid #83977b;clear:both;font-size:25px;font-weight:bold;color:#fff;margin:0 1% 2%;margin-bottom:2%;}
.s_note{background-color:#fff;background-color:rgba(255,255,255,0.50);padding:15px 25px;border:4px solid #f00;color:#f00;font-weight:bold;font-size:25px;clear:both;margin:0 1% 2%;}
.contact{background-color:#fff;background-color:rgba(255,255,255,0.50);padding:15px 25px;border:2px solid #83977b;clear:both;color:#444;margin:0 1% 2%;text-align:center;}
.contact p{margin-bottom:10px; font-size:20px;}
.note{background-color:#fff;background-color:rgba(255,255,255,0.50);padding:15px 25px;border:2px solid #f60;color:#f60;font-weight:bold;font-size:18px;clear:both;margin:0 1% 2%;}
.note2{background-color:#fff;background-color:rgba(255,255,255,0.50);padding:15px 25px;border:2px solid #444;color:#444;font-weight:bold;font-size:20px;clear:both;margin:0 1% 2%;}
.note2 em{text-decoration:underline;}
.attention{background-color:#fff;background-color:rgba(255,255,255,0.50);padding:15px 25px;color:#444;font-size:15px;clear:both;margin:0 1% 2%;}
.attention dt{float:left; clear:both; color:#83977b;}
.attention dd{margin-left:80px; margin-bottom:5px;}
.attention2{background-color:#fff;background-color:rgba(255,255,255,0.50);padding:15px 25px;color:#444;font-size:15px;clear:both;margin:20px 0 0;border:1px solid #f60;}
.attention2 span{font-size:80%; padding:2px; color:#ffffff;}
.attention2 .gray{display:block; padding:5px 0 3px; margin:0 0 5px; color:#666666; font-size:100%; font-weight:bold; border-bottom:1px dashed #cccccc;}
.attention2 .green{background:#d096a9;}
.attention2 .blue{background:#99ae96;}
.attention2 .sky{background:#76a4b9;}

.attention.ten{
border: 3px solid rgb(135, 156, 124);
background-color: rgba(169, 193, 157, 0.5);
font-weight: 900;
text-align: center;
padding: 10px 25px;
margin-bottom: 0;
}

.attention.eight{
border: 3px solid rgb(210, 178, 100);
background-color: rgba(255, 252, 157, 0.4);
font-weight: 900;
text-align: center;
padding: 10px 25px;
margin-bottom:0;
}

.bg_box+.attention.eight,
.bg_box+.attention.ten{
transform: translateY(-10px);
}
.postage_attention{
  border-width: 2px;
  text-align: center;
  font-size: 130%;
  margin-bottom: 40px;
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 10px;
  /* border-color: #ff5353; */
  background-color: rgba(255, 19, 19, 0.5);
  color: white;
  padding: 30px 10px 15px 10px;
  border-radius: 4px; border:none
}
.postage_attention span{
  background: url(https://img11.shop-pro.jp/PA01292/981/etc/arrow2.png) 10px 50% no-repeat transparent;
  padding: 0.4em 0.5em 0.2em 1.5em; line-height: 40px
}
.recipe_link{margin:2% 1%; clear:both;}
.recipe_link img{margin:0;}
.movie{padding:1%; margin-bottom:2%;}
.contact img{width:50%; margin:0;}
/*---------------------------------------------------------------------------------
生おろしにんにく追加
---------------------------------------------------------------------------------*/
#namaoroshi .bg_box{height:0; padding-top:65%; text-indent:-99999px;}
#namaoroshi .bg_box h3{border:none;}
#namaoroshi .namaoroshi01{background-image:url(https://img11.shop-pro.jp/PA01292/981/etc/namaoroshi_garlic01.png); background-image/*\**/:url("https://img11.shop-pro.jp/PA01292/981/etc/namaoroshi_garlic01_ie.png")\9;}
#namaoroshi .namaoroshi02{background-image:url(https://img11.shop-pro.jp/PA01292/981/etc/namaoroshi_garlic02.png); background-image/*\**/:url("https://img11.shop-pro.jp/PA01292/981/etc/namaoroshi_garlic02_ie.png")\9;}
#namaoroshi .namaoroshi03{background-image:url(https://img11.shop-pro.jp/PA01292/981/etc/namaoroshi_garlic03.png); background-image/*\**/:url("https://img11.shop-pro.jp/PA01292/981/etc/namaoroshi_garlic03_ie.png")\9;}
#namaoroshi .namaoroshi04{background-image:url(https://img11.shop-pro.jp/PA01292/981/etc/namaoroshi_garlic04.png); background-image/*\**/:url("https://img11.shop-pro.jp/PA01292/981/etc/namaoroshi_garlic04_ie.png")\9;}
/* ========================================
PCかつRetinaの場合
======================================== */
@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 (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz--device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx){.icon:before{background-image:url(https://img.shop-pro.jp/tmpl_img/68/icon_16-2x-b.png);}
  /* PCかつRetinaでアイコンを白にする場合 */
  .icon-white .icon:before{background-image:url(https://img.shop-pro.jp/tmpl_img/68/icon_16-2x-w.png);}}
@media (min-width:1200px){.container{max-width:1024px;}}
/* ========================================
タブレットの場合
======================================== */
@media only screen and (max-width:980px){.hidden-sidebar{display:none}
  .hidden-tablet{display:block !important;}
  .header-nav-phone{display:none !important;}
  .together-block .prd-lst-unit{min-height:260px;}
  /* ヘッダー */
  #header{padding-top:0;}
  .header-nav-phone{margin-right:10px;}
  .header-nav-phone{margin-right:0;}
  .nav-btn-phone{display:block; height:60px;}
  .nav-btn-phone img{width:40px; height:60px;}
  .header-headline-nav{font-size:70%; width:75%;}
  .header-global-nav li a{font-size:12px;}
  .search-box{width:55%;}
  .search-btn[type="submit"]{width:35%;}
  .side-section ul li{margin:0;}
  .side-section ul li a{display:block; padding:10px 0;}
  .side-section ul li a:hover{text-decoration:none;}
  .tel{ font-weight:bold; clear:both; /*text-align:center;*/
    margin:15px 10px 5px 0;}
  .tel h3{text-align:left;}
  a.button{float:none;}
  .button2 a{width:36%; border:medium none; border-radius:3px; color:#ffffff; cursor:pointer; display:inline-block; /****font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;***/
    margin:0.1% 1% 2%; overflow:visible; padding:10px 30px 8px 35px; position:relative; text-decoration:none;}
  .header-global-nav{width:78%;}
  .footer-wrapper .row .foot_contact{background-image:none; border-top:1px dotted #fff; color:#fff; height:200px; margin-top:20px; padding-top:20px; text-align:center; width:100%;}
  .footer-wrapper .row .foot_contact a.alogo{background-image:url("https://img11.shop-pro.jp/PA01292/981/etc/foot_contact.png"); background-repeat:no-repeat; background-size:235px 170px; display:block; float:none; font-weight:bold; height:170px; margin:0 auto; width:235px;}
  .footer-wrapper .row .foot_contact:hover{ opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7; zoom:1;}
  .footer-wrapper .row ul li{clear:both;}
  /*.footer-wrapper .row ul{float:left; margin:0 1% 30px 0; width:20%;}
  .footer-wrapper .row ul.wide,.footer-wrapper .row ul.wide.mini{margin:0 2% 0 0; width:27%;}*/
  .footer-wrapper .row ul,.footer-wrapper .row ul.wide.mini,.footer-wrapper .row > .unstyled{float:left; margin:0 2% 30px 0; width:20%;}
  .footer-wrapper .row ul.wide{ margin:0 2% 30px 0; width:28%;}
  .footer-wrapper .row > .unstyled{ margin:0 0 30px;}
  /****
  どこでもカラーミー 980
  ****/
  #link_area .grid1{ width:48%;}
  /* ========================================
  タブレットかつRetinaの場合
  ======================================== */
  @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 (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz--device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx){.icon:before{background-image:url(https://img.shop-pro.jp/tmpl_img/68/icon_24-2x-b.png);}
    /* スマホかつRetinaでアイコンを白にする場合 */
    .icon-white .icon:before{background-image:url(https://img.shop-pro.jp/tmpl_img/68/icon_24-2x-w.png);}
  }}
/* ========================================
スマホの場合
======================================== */
@media only screen and (max-width:768px){.hidden-tablet{display:block !important;}
  .header-nav-phone{display:none !important; width:80%;}
  .header-headline-nav{font-size:70%; width:80%;}
  #header .btn{padding:4px;}
  .header-global-nav li a{padding:0.8%;}
  .header-phone{width:80%;}
  #header .paymentlist{width:48%; height:auto; clear:both; margin:15px 0; clear:none; float:right;}
  #header .tel{width:48%; height:auto; clear:none; float:right;}
  #header .free{display:none;}
  .header-phone .caution{display:none;}
  .main-section{width:100%; padding:0; margin:0;}
  #side{width:100%;}
  .side01{float:left; width:48%;}
  .side02{float:right; width:48%;}
  .col-lg-4{width:48%;}
  .together-block .prd-lst-unit{width:31.3%;}
  ul.unstyled{width:100%;}
  .icon{padding-left:24px; line-height:2;}
  .icon:before{margin-left:-24px; width:24px; height:24px; background-image:url(https://img.shop-pro.jp/tmpl_img/68/icon_24-b.png);}
  .header-logo h1 a{ width:120px; height:150px; background-size:auto 150px;}
  .tel span{ font-size:120%;}
  /* スマホでアイコンを白にする場合 */
  .icon-white .icon:before{background-image:url(https://img.shop-pro.jp/tmpl_img/68/icon_24-w.png);}
  .icon-cart:before{background-position:0;}
  .icon-search:before{background-position:0 -24px;}
  .icon-user:before{background-position:0 -48px;}
  .icon-down:before{margin:5px 0 0 -20px; margin:10px 0 0 -17px; margin-top:5px; height:23px; height:23px; background-position:0 -59px;}
  .icon-up:before{margin:5px 0 0 -20px; height:23px; background-position:0 -38px;}
  .icon-right:before{background-position:0 -120px;}
  .icon-left:before{background-position:0 -144px;}
  .eyecatch-block,.info-block,.recommend-block,.bestseller-block,.free_space_block{margin-bottom:20px; padding-bottom:20px;}
  .ttl-h3{position:relative; margin:0 0 20px 0;}
  /*
  .header-logo{padding-top:10px;}
  .header-logo img{width:60%;}
  */
  /* スライダー */
  .bx-prev,.bx-next{display:none;}
  /* スマホ用メニュー */
  .menu-btn-phone{position:absolute; top:0; right:0; display:block; width:100%; height:100%; cursor:pointer;}
  .menu-btn-phone .icon{padding-left:0;}
  .menu-btn-phone.icon-down:before{float:right; margin-left:0;}
  .menu-btn-phone.icon-up:before{float:right; margin-left:0;}
  /* メイン */
  .main-section{padding-left:0;}
  /* サイドメニュー */
  .side-search{width:185px;}
  .search-box{width:70%;}
  .search-btn[type="submit"]{width:20%;}
  /* 商品 */
  .prd-lst-unit{margin-bottom:30px; padding:0 10px 0 10px;}
  .prd-lst-sort{text-align:center;}
  .free_space_block,.recommend-block,.info-block,.bestseller-block{margin-bottom:10px; padding-bottom:0px;}
  .prd-lst-unit{margin-bottom:2%;}
  .note{font-size:16px;}
  /* フッター */
  /*
  #pagetop{width:54px; margin:30px auto; display:block !important; position:static; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
  #pagetop a{padding-right:15px;}
  */
  #pagetop{bottom:0;}
  .footer-wrapper{margin-top:20px; padding:20px 0 0 0;}
  .manager-name{text-align:center;}
  .manager-caption{padding:20px 10px; border-right:none;}
  .footer-lst{margin:0 -20px; padding:0; width:auto; background:#4d4d4d;}
  .footer-lst li{margin:0; padding:0; border-bottom:1px solid #444444;}
  .footer-lst li:nth-child(odd){border-right:1px solid #444444;}
  .footer-lst a{display:block; padding:12px 10px; color:#fff; text-decoration:none; font-size:11px;}
  .copyright{font-size:10px;}
  .button2 a{width:34%; border:medium none; border-radius:3px; color:#ffffff; cursor:pointer; display:inline-block; /****font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;***/
    margin:8px; overflow:visible; padding:10px 30px 8px 35px; position:relative; text-decoration:none;}
  #wrapper .footer-wrapper .row ul{float:none; margin:0 auto; width:80%; column-count:2;}
  .unstyled .col-sm-6{width:100%;}
  /* ========================================
  スマホかつRetinaの場合
  ======================================== */
  @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 (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz--device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx){.icon:before{background-image:url(https://img.shop-pro.jp/tmpl_img/68/icon_24-2x-b.png);}
    /* スマホかつRetinaでアイコンを白にする場合 */
    .icon-white .icon:before{background-image:url(https://img.shop-pro.jp/tmpl_img/68/icon_24-2x-w.png);}
  }}
/*----------------------------------------------------- */
/* for - 660px */
/*----------------------------------------------------- */
@media screen and (max-width:720px){/* ボタン */
  .button2 a{width:70%; border:medium none; border-radius:3px; color:#ffffff; cursor:pointer; display:inline-block; /****font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;***/
    margin:0.1% 1% 2%; overflow:visible; padding:10px 30px 8px 35px; position:relative; text-decoration:none;}
  .label:after, .label:before{top:.5em
  }
  .buy_area{font-size:20px;}
  .top-search{
   display:block !important; }
  .together-block .prd-lst-unit{min-height:230px;}}
@media only screen and (max-width:670px){.hidden-tablet{display:none !important;}
  .header-nav-phone{display:block !important; width:auto; /*width:15%;*/}
  #header .header-phone img{width:80%; margin:0 0 10px 0; clear:both; float:none;}
  .header-logo{max-width:30%;}
  .header-logo h1 a{height:180px; background-size:100%;}
  .header-phone{width:70%;}
  .btn-orange{margin-right:20px;}
  table table tbody th, table table tbody td{display:block; border:none;}
  table table table tbody th, table table table tbody td{display:inline-block; border:1px solid #FFFFFF;}
  .prd-lst-price,.prd-lst-soldout{font-size:16px;}
  .otheritems ul.unstyled li.col-lg-4{min-height:210px;}
  #link_area .grid1{float:left; clear:none; margin:8px 2% 0; width:46%; min-height:446px;}
  #link_area .grid1.centering{float:none; display:block; margin:12px auto 0;}
  #link_area table th, #link_area table td{padding:4px 12px !important;}
  .cartjs_box div.cartjs_cart_in input[type="submit"]{height:40px !important; font-size:14px !important;}}
/*----------------------------------------------------- */
/* for - 480px */
/*----------------------------------------------------- */
.top-search{
   display:none;}

@media screen and (max-width:480px){
  .postage_attention{
  font-size: 110%
  }
  
  .header-logo{float:none; margin:10px auto 0; max-width:100%;}
  .header-logo h1 a{margin:0 auto;}
  .header-logo h1 a{background-image:url(https://img11.shop-pro.jp/PA01292/981/etc/h1_2.png);background-position:0 0;background-repeat:no-repeat; width:280px; height:120px; background-size:100%;}
  .header-logo h1 a:hover{ background-image:url(https://img11.shop-pro.jp/PA01292/981/etc/h1_2_on.png); background-image/*\**/:url(https://img11.shop-pro.jp/PA01292/981/etc/h1_2_on_ie.png)\9;}
  .header-phone{width:100%; margin:0 auto; text-align:center;}
  .nav-btn-phone{height:auto; margin-bottom:20px}
  .btn-orange{width:70%; margin:0 auto;}
  .nav-btn-phone img{display:none;}
  h2{font-size:20px;}
  .header-nav-phone{float:none; margin:0 auto; text-align:center; height:auto;}
  .grid1,.grid2,.grid3,.half,.items div{float:none; clear:both; display:block; width:100%;}
  .box{float:none; clear:both; display:block; width:94%; margin:3%;}
  tbody th,tbody td{display:block; border:none;}
  .grid3.bg_box{width:auto;}
  .together-block .prd-lst-unit{width:98%;}
  table td span{float:none;}
  .product-spec-block{margin:1% 1% 2%;}
  .product-spec-block table{width:98%;}
  #wrapper .footer-wrapper .row ul{width:90%; column-count:inherit;}
  .otheritems .col-lg-4,.otheritems .unstyled .col-sm-6{width:48%; font-size:75%;}
  #header .header-phone img{width:100%;}
  /* 栽培情報 */
  .point{width:90%; padding:5%;}
  .point .grid1{width:100%; margin-top:0; margin-bottom:0; margin-right:0; margin-left:0;}
  /* 商品 */
  .prd-lst-name{font-size:80%; line-height:18px;}
  /* お知らせ */
  .info-block ul li{font-size:80%;}
  .info-block ul li span{display:block;}
  /* サイド */
  #side h3{font-size:80%;}
  ul.line_list li,.link-block ul li{font-size:70%;}
  #side ul,.link-block{margin:0 0 1%;}
  #side{margin:2% 0;}
  /* 注釈 */
  .note,.note2,.contact p{font-size:14px;}
  .contact img{width:100%;}
  /* ボタン */
  .button2 a{width:70%; border:medium none; border-radius:3px; color:#ffffff; cursor:pointer; display:inline-block; /****font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;***/
    margin:0.1% 1% 2%; overflow:visible; padding:10px 30px 8px 35px; position:relative; text-decoration:none;}
  #link_area{padding:16px; font-size:102%;}
  #link_area .grid1{float:none; clear:none; font-size:100%; width:98%;}
  .unstyled{width:150px;}}
/*----------------------------------------------------- */
/* for - 375px */
/*----------------------------------------------------- */
@media screen and (max-width:375px){}
/* YouTube */
.standard_youtube{ width:98%; position:relative; padding-bottom:56.25%; /*&#65533;&#306;&#65533;&#65533;&#65533;*/
  height:0; margin:10px auto 3%;}
.standard_youtube iframe{ position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
/*---------------------------------------------------------------------------------
CLEARFIX-HACK
---------------------------------------------------------------------------------*/
.clearfix:after,.copyright:after,#link_area:after
{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix,.copyright,#link_area
{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix,* html .copyright,* html #link_area
{height:1%;}
.clearfix,.copyright,#link_area
{display:block;}
/* End hide from IE-mac */
.about_garlic{margin:2% 0}
.about_garlic a{margin-bottom:1%; display:block}
.about_garlic a img.grow_bn{margin:1%}
img.main_bn_official{margin:0 1% 1%; border:1px solid #fff}
.categoryset .half img{margin:2% 0}
.categoryset .recipe_link{margin:1%}
.sns-banner-box{position:relative}
.mailmagazine, .line{margin:1%!important; border:1px solid #57804b; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end}
.mailmagazine-btn, .line-btn{position:absolute; width:100%; top:60%; text-align:center}
.mailmagazine-btn a, .line-btn a{color:#fff; border-radius:7px; display:inline-block; text-align:center; font-size:20%; vertical-align:middle; overflow:hidden; text-decoration:none; padding:1.5% 13%; font-weight:900; -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.28); box-shadow:0 1px 1px rgba(0,0,0,0.28); background-color:#57804b}
.main-section img.blogbanner{-webkit-box-sizing:border-box; box-sizing:border-box; height:auto; margin:1%; max-width:365px}
@media screen and (max-width:480px){.mailmagazine-btn, .line-btn{top:55%}
  .mailmagazine-btn a, .line-btn a{padding:.7% 13%}
  .sns-banner-box{width:90vw}
  .main-section img.blogbanner{width:100%; max-width:100%!important}
  .blogbanner-row{width:92vw!important; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}}
#shop-info h3 label:before,#shop-info h3 label:after{display:none}
.side-inner>*{display:block; margin-bottom:10px}
.fb-box{overflow:hidden}
@media screen and (max-width:950px){.side-inner>a img{width:100%;}
  .footer-menu .hidden-tablet{display:none;}
  .footer-menu{-webkit-column-count:1; column-count:1}
  #wrapper .footer-wrapper .row ul{-webkit-column-count:1; column-count:1}}
@media screen and (max-width:768px){.otheritems .prd-lst-unit:nth-child(n+5),.recommend-block .prd-lst-unit:nth-child(n+5),.bestseller-block .prd-lst-unit:nth-child(n+5){display:none}
  .otheritems .prd-lst-unit,.recommend-block .prd-lst-unit,.bestseller-block .prd-lst-unit,.together-block .prd-lst-unit{width:100%; padding-bottom:12px; min-height:0 !important; height:auto!important}
  .prd-lst-unit{height:auto!important}
  .otheritems .prd-lst-unit:nth-child(n+4),.recommend-block .prd-lst-unit:nth-child(n+4),.bestseller-block .prd-lst-unit:nth-child(n+4){display:none}
  .otheritems .prd-lst-unit img,.recommend-block .prd-lst-unit img,.together-block .prd-lst-unit img,.bestseller-block .prd-lst-unit div{float:left; width:30%; margin-right:20px; margin-top:8px;}
  .otheritems .prd-lst-unit div, .bestseller-block .prd-lst-unit div{margin-top:8px}
  .together-block .prd-lst-unit span:first-of-type, .recommend-block .prd-lst-unit span:first-of-type,.bestseller-block .prd-lst-unit span:first-of-type{padding-top:10px; font-weight:700; font-size:100%}
  #shop-info .clearfix>div>div{max-height:0; overflow:hidden;}
  #shop-info .clearfix>div .toggle:checked + h3 + div{max-height:500px;}
  #shop-info h3{margin-bottom:10px}
  #shop-info h3 label:before,#shop-info h3 label:after{background-color:#57804b; display:block; margin-right:2px}
  #side{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
  .side-inner{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
  .side-inner>a{-webkit-box-flex:0; -ms-flex:0 0 48%; flex:0 0 48%; margin:0 1% 10px; text-align:center;}
  #side>*{-webkit-box-flex:1; -ms-flex:1 0 100%; flex:1 0 100%}
  #side ul{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap}
  #side ul>*{-webkit-box-flex:0; -ms-flex:0 0 48%; flex:0 0 48%; margin:0 1%}
  .add{-webkit-box-sizing:border-box; box-sizing:border-box}
  .no_split .half{width:48%; float:left; display:inline-block; clear:none}
  #top_tv{display:none}
  .line_list{display:none!important}
  #products{-webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; margin-bottom:10px}
  .items{display:none;}
  .order-1{-webkit-box-ordinal-group:2; -ms-flex-order:1; order:1}
  .order-2{-webkit-box-ordinal-group:3; -ms-flex-order:2; order:2}
  .order-3{-webkit-box-ordinal-group:4; -ms-flex-order:3; order:3}
  .order-4{-webkit-box-ordinal-group:5; -ms-flex-order:4; order:4}
  .order-5{-webkit-box-ordinal-group:6; -ms-flex-order:5; order:5}
  .order-6{-webkit-box-ordinal-group:7; -ms-flex-order:6; order:6}
  .order-7{-webkit-box-ordinal-group:8; -ms-flex-order:7; order:7}
  .order-8{-webkit-box-ordinal-group:9; -ms-flex-order:8; order:8}
  .order-9{-webkit-box-ordinal-group:10; -ms-flex-order:9; order:9}
  .order-10{-webkit-box-ordinal-group:11; -ms-flex-order:10; order:10}
  .order-11{-webkit-box-ordinal-group:12; -ms-flex-order:11; order:11}
  .order-12{-webkit-box-ordinal-group:13; -ms-flex-order:12; order:12}
  .full{-webkit-box-flex:1!important; -ms-flex:1 0 98%!important; flex:1 0 98%!important; margin:0 1% 10px!important}
  .footer-menu{-webkit-column-count:2; column-count:2}
  #wrapper .footer-wrapper .row ul{-webkit-column-count:1; column-count:1
  }}