@charset "euc-jp";
h1 {
    background-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
    font-size: 23px;
    color: #4d4d4d;
    font-weight: normal;
    text-align: left;
    margin: 0;
    padding: 0;
    letter-spacing: -0.05em;
    text-indent: -0.1em;
    position: relative;
}
input[type="submit"]:focus {
  outline:0;
}
div#container {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}
#page-wrapper {
  position: relative;
}
#wrapper {
  padding-top: 1em;
}
.container {
  max-width: 900px;
}
a.btn.btn-02 {
    display: none;
}
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);
}
input[type="submit"]:focus {
  outline:0;
}
.desctext {
    text-align: justify;
    margin-top: 24px;
}
.muted {
  color: #999;
}

body {
  color: #464e54;
  background-color: #fff;
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/bg.gif);
}

a {
  color: #464e54;
}
  a:hover {
    color: #5e5e5e;
  }

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

h2 {
  margin: 30px 0;
  text-align: center;
}
  .ttl-h2 {
    position: relative;
  }
  .ttl-h2:before {
    position: absolute;
    top: 50%;
    z-index: -1;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    content: "";
  }
  .ttl-h2 span {
    padding: 0 2em;
    background-color: #fff;
  }

.btn-01 {
  border: 1px solid #4d4d4d;
  background-color: #4d4d4d;
  color: #fff;
  *background-color: #4d4d4d;
}

.btn-01:hover,
.btn-01:focus,
.btn-01:active,
.btn-01.active,
.btn-01.disabled,
.btn-01[disabled] {
  border: 1px solid #5e5e5e;
  background-color: #5e5e5e;
  color: #fff;
  *background-color: #5e5e5e;
}

.btn-02 {
  border: 1px solid #d8d8d8;
  background-color: #d8d8d8;
  color: #4d4d4d;
  *background-color: #d8d8d8;
}

.btn-02:hover,
.btn-02:focus,
.btn-02:active,
.btn-02.active,
.btn-02.disabled,
.btn-02[disabled] {
  border: 1px solid #d8d8d8;
  background-color: #d8d8d8;
  color: #4d4d4d;
  *background-color: #d8d8d8;
}
.product-order{
  display: none;
}
.product-order-input {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.product-order-num {
    margin-bottom: 32px;
}
.product-order-num input {
    padding: 10px;
    width: 40px;
    font-size: 16px;
  border-color: #d8d8d8;
}


/*
 * web font
 */
.google-font {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  font-family: 'Karla', sans-serif;
}
  .google-font.fwb {
    font-weight: 700;
  }

/*
 * icon
 */
.icon-b,
.icon-w {
  display: inline-block;
  width: 16px;
  height: 16px;
  *display: inline;
  *zoom: 1;
}
.icon-b {
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon16_b.png);
}
.icon-w {
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon16_w.png);
}

html {
    font-size: 62.5%;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    line-height: 150%;
    letter-spacing: 0;
    box-sizing: border-box;
}
body {
line-height: 1.4;
font-size: 15px;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    text-align: center;
}
ol, ul {
    list-style: none;
}
ul,li{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.disp_flex, .disp_flex_spwrap, .disp_flex_spb, .disp_flex_sbwen {
    display: flex;
}
.w100p, .max1200, .max770 {
    width: 100%;
}
.sp_menu a,footer a{
text-decoration: none;
}
.spm_subs img {
    border: 0;
    vertical-align: bottom;
}
/*fix*/
.v_logo {
    max-width: 240px;
    width: 100%;
}
.fixlogo{
display:none;
}
nav.fix-navi{
position: fixed;
top: 0;
z-index:99;
width:100%;
background: rgba(255,255,255, .6);
}
nav.fix-navi #gn_lin{
padding:4px;
border: 1px solid #82817f;
}
nav.fix-navi #gn_lin .npclogo{
display:none;
}
nav.fix-navi #gn_lin .fixlogo{
display:block;
}
nav.fix-navi #g_fixac{
background:rgba(255,255,255,.8);
padding-top: 8px;
padding-bottom: 8px;
}
nav.fix-navi #gn_l{
width:100%;
max-width:13%;
}
nav.fix-navi #gn_t{
max-width:31%;
order: 2;
margin-bottom:0;
}
nav.fix-navi #gn_b{
max-width:67%;
order: 1;
}
nav.fix-navi #gn_b li{
padding-bottom:0;
}
nav.fix-navi #gn_b li a span{
padding-bottom:0;
}
nav#gnav.fix-navi li a {
font-size:12px;
padding:4px;
}
nav#gnav.fix-navi li img{
max-width:24px;
margin-bottom:4px;  
}
nav#gnav.fix-navi .ons{
display:none;   
}
#gnav .onstel{
display:none;   
}
nav#gnav.fix-navi .onstel{
display:block;  
}
nav#gnav.fix-navi .onstel img{
max-width:200px;
}


nav#gnav.fix-navi ul li:first-child a:before,nav#gnav.fix-navi ul li a:after{
height: 30px;
}
nav.fix-navi .inner{
align-items: center;
max-width: 1060px;
}
nav.fix-navi #gn_t li:not(:last-child){
display:none;
}
nav.fix-navi #gn_t li{
width:100%;
min-height: auto;
display: flex;
justify-content: space-between;
align-items: center;
background:none;
}
nav.fix-navi #gn_t li .grennraku{
display: flex;
align-items: center;
width:100%;
justify-content: space-around;
}
nav.fix-navi #gn_t li .grennraku span{
font-size:12px;
}
nav.fix-navi #gn_t li .grennraku span:first-child{
}
nav.fix-navi #gn_t li .grennraku span:last-child{
display:none;
}
nav.fix-navi #gn_r{
display:flex;
width:83%;
justify-content: space-between;
}
/*---------------------*/
/*        ヘッダー
/*---------------------*/
header,.hdlink,#ij span,#gnav ul li a {
box-sizing:border-box;
}
header{
border-top:#b3967e 7px solid;
padding-top:14px;
}
header .flex_sbt{
    align-items: flex-end;
}
ul.flex_sbt.align-it_c_all {
    padding: 0;
    margin: 0;
}
.inner {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}
.flex_sbt, .flex_sbt_spwp {
    display: flex;
    justify-content: space-between;
}
#hdtel span:first-child{
font-size:15px;
color:#666666;
display:block;  
}
#hdtel span:last-child{
font-size:32px;
color:#b3967e;
display:block;  
}
#hdtel span:last-child:before{
content:"";
width:19px;
height:26px;
background:url(images/denn.svg);
background-repeat:no-repeat;
background-size:100%;
background-position:center;
margin-right: 2px;
display: inline-block;
vertical-align: -2px;
}
#item_box{
  width:100%;
}
a.hdlink{
    font-size: 16px;
    color: #fff;
    padding: 0;
}
.logo-right {
    text-align: right;
    width: 100%;
    display: block;
}
#ij{
    font-size: 14px;
    color: #42210b;
    margin-top: 8px;
    text-align: left;
    margin-bottom: 0;
}
#ij span{
font-size:13px;
font-weight:bold;
color:#fff;
border-radius:3px;
background:#808080;
margin-right:4px;
padding:0 2px;
}
#ij span:last-child{
margin-left:8px;
}
/*gnavi*/
#gnav ul li{
display:flex;
justify-content: center;
align-items: center;
width:20%;
}
#gnav ul li a {
font-size: 16px;
color: #42210b;
padding:26px 0;
text-decoration: none;
display: block;
width:100%;
text-align:center;
position:relative;
font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
#gnav ul li a:after{
content:"";
position:absolute;
width:1px;
height:76px;
background:#603813;
top: 50%;
right:0;
transform: translateY(-50%);
}
#gnav ul li:first-child a:before{
content:"";
position:absolute;
width:1px;
height:76px;
background:#603813;
top: 50%;
left:0;
transform: translateY(-50%);
}
#gnav ul li:last-child a:before{
display:none;
}
#gnav ul li img{
display:block;
margin:0 auto 8px;
}
#gnav ul .ons {
padding-left:2%;    
}
#gnav ul .ons img{
width:100%; 
}
#gnav ul .ons a:after,#gnav ul .onstel a:after{
display:none;   
}

p {
    font-size: 16px;
    line-height: 1.8em;
}
a:link, a:visited {
    color: #444;
}
a:not(.active):hover {
    opacity: .8;
}
td.header {
    background-color: rgb(255, 255, 255);
    line-height: 110%;
    color: rgb(255, 255, 255);
    padding: 0;
    border-bottom: 1px solid rgb(223, 223, 223);
}
table.tbl {
    table-layout: auto;
    width: 100%;
    background-color: #FFFFFF;
    border:none;
    margin-right: auto;
    margin-left: auto;
}

td.left {
    display: table-cell !important;
    background-color: #fdfdfd;
    min-height: 400px;
    font-size: 92%;
    line-height: 130%;
    padding: 0;
    width: 10vw !important;
}

td.right {
    display: table-cell !important;
    background-color: #fdfdfd;
    min-height: 400px;
    font-size: 92%;
    line-height: 130%;
    padding: 0;
    width: 10vw !important;
}

td.item {
    display: table-cell !important;
    background-color: #fdfdfd;
    max-width: 1098px !important;
    line-height: 1.6 !important;
    width: 80vw !important;
    padding: 40px 0 0;
}
td.item > table {
    display: block !important;
    margin: auto;
    max-width: 960px;
}
td.item_body {
    width: 454px;
    position: relative;
}
td.item img {
    margin-left: 32px;
}
h1 {
    background-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
    font-size:23px;
    color: #4d4d4d;
    font-weight: normal;
    margin: 0;
    padding: 0;
    letter-spacing: -0.05em;
    text-indent: -0.1em;
    position:relative;
}
h1:after {
    content: "";
    position: absolute;
    width: 56px;
    height: 1px;
    background: #aaa;
    bottom: -8px;
    left: 0;
}
h2.za-midashi {
    margin: 48px 0 0;
    padding: 13px 0;
    font-size: 20px;
    color: #42210b;
    line-height: 1;
    border: 1px solid #ccc;
    font-weight: normal;
    background: #fcfcfc;
}
table.item_body {
    width: 100%;
    border-collapse:collapse;
    margin-bottom: 20px;
}
table.item_body tr:first-child td {
    padding-bottom:32px;
}
table.item_body tr:nth-child(2) {
    position: static;
    margin-bottom: 24px;
    top: 13px;
    right: 16px;
    width: 110px;
    background-color: #fff;
    font-size: 15px;
    border: 1px solid #666;
    text-align: center;
    padding: 6px !important;
    line-height: 1;
    display: none;
}
table.item_body tr:nth-child(3) {
    background-color: #fff;
    font-size: 24px;
    border: 4px double #b9b9b9;
    text-align: center;
    line-height: 1;
    display: block;
    width: calc(100% - 8px);
}
table.item_body tr:nth-child(3) td{
    padding: 20px 0 !important;
}
.item_body td {
    padding: 0;
}
.zairyo {
    padding: 8px 24px;
    border: 1px solid #ccc;
    border-top: none;
}
.zairyo h3 {
    font-size: 16px;
    color: #673a1b;
    margin-bottom: 0;
}
.zairyo p {
    font-size: 15px;
    margin-top: 8px;
}
table:last-child.item_h{
width:100%;
font-size:15px;
line-height:1.8;
}
td.ITM {
    background-color: #fff !important;
    font-size: 15px;
    text-align: center;
    padding: 0 !important;
    width: 70px;
}
td.PRC {
    background-color: #fff !important;
    font-size: 16px;
    text-align: center;
    padding: 0 16px 0 0 !important;
    width: 140px;
}
td.DSC {
    background-color: transparent;
    text-align: justify;
    font-size: 15px;
    line-height: 1.8;
    padding-bottom: 24px !important;
}
input[type="submit"] {
    display: inline-block;
    font-size: 19px;
    text-align: center;
    font-weight: blod;
    cursor: pointer;
    color: rgb(255, 255, 255);
    line-height: 1em;
    width: 100%;
    padding: 20px 0;
    background: rgb(255, 127, 0);
    transition: all 0.3s ease 0s;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 32px;
    position: relative;
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN","游ゴシック Medium",meiryo,sans-serif;
    top: -16px;
}
input[type="submit"]:hover{
    opacity: 0.8;
}
table.item_h:last-child {
    border-top: 1px solid #ccc;
    padding-top: 32px;
    margin-top: 32px;
    margin-bottom: 32px;
    text-align: justify;
}
.ftboxarea {
    justify-content: space-between;
    align-items: center;
    max-width: 1040px;
    width: calc(100% - 32px);
    margin: 40px auto 100px;
}
.ftboxarea a {
    text-align: center;
    display: initial;
    width: 23%;
    padding: 20px 0;
    font-size: 16px;
    color: #222;
    border: 1px solid #ccc;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
td.footer > table {
    max-width: 960px;
    margin: auto;
    padding-top:64px;
}
td.footer > table td a {
    border: 1px solid #b9b9b9;
    display: block;
    width: 93%;
    font-size: 16px;
    text-decoration: none !important;
    padding: 20px 0;
    color: #666;
}
td.footer > table td a:hover {
    text-decoration: none;
    background: #fff5cc;
}
td.footer img {
    margin: 16px auto;
    display: block;
}
/*---------------------*/
/*        フッター
/*---------------------*/



footer{
margin-top:80px;
padding-top:83px;
position:relative;
}
.ft_logs{
position: absolute;
top:-48px;
left: 50%;
transform:translateX(-50%); 
}
.maru ul{
justify-content: space-around;
max-width: 200px;
margin: 0 auto 116px;   
}
.maru ul li{
font-size:48px;
color:#f7bf21;
width:30%;
    
}

/*ft問い合わせエリア*/
.ft_conbox{
box-sizing:border-box;
padding-bottom:118px;

}

.ft_conbox .mo_h1{
    padding-top:40px;
}

.telbtn {
font-size:38px;
text-align:center;
color:#00983b;  
}
.telbtn img{
vertical-align:middle;
margin-right:8px;
width:65px;
height:42px;
padding-bottom: 7px;    
}
.otbaner{
width:100%;
max-width:888px;
margin:0 auto;  
}
.otbaner li{
width:100%;
max-width:47%;  
}
.otbaner img{
width:100%; 
}

/*アクセスエリア*/
.ft_access{
box-sizing:border-box;
padding-bottom:40px;
background-color:#f3f3f3;
}
.ft_access .mo_h1{
padding-top:100px;  
}

.ftacbox{
background:#fff;
padding:67px 60px;
box-sizing:border-box;
}
.m_actxt{
text-align:center;
color:#42210b;  
}
.ft_jyuusyo iframe{
width:498px;
height:385px;
}
.ft_jyuusyo > li:last-child {
display:flex;
width:40%;
}
.t_img{
margin-bottom:28px; 
width:100%;
}
.ft_actable caption{
font-size:20px;
color:#4d4d4d;
text-align:left;
}
.ft_actable{
width:100%; 
}
.ft_actable th,.ft_actable td{
padding:14px 0;
box-sizing:border-box;
font-size:16px; 
}
.ft_actable th{
color:#005bac;
padding-right:32px;
}
.ft_actable tr{
border-bottom:1px dotted #2d6680;   
}




footer{
background:#ffeebc;
position:relative;
}
.ft_nav ul{
justify-content: space-around;
flex-wrap: wrap;
margin-bottom:46px;
}
.ft_nav ul li{
width:20%;
box-sizing:border-box;
}
.ft_nav ul li{
border-left:1px solid #f7bf21;
}
.ft_nav ul li:nth-child(-n+5){
margin-bottom:46px; 
}
.ft_nav ul li:nth-child(5),.ft_nav ul li:last-child,.ft_nav ul li:nth-child(6){
border-right:1px solid #f7bf21;
}
.ft_nav ul li:nth-child(6){
margin-left:18%;    
}
.ft_nav ul li:last-child{
margin-right:18%;   
}
.ft_nav ul li a{
text-align:center;
color:#42210b;
font-size:19px;
font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
display:block;
width:100%;
font-weight:bold;
}


small{
display:block;
text-align:center;  
font-size:15px;
padding:10px 0;
background:#673a1b;
color:#fff;
}


#tpsc{
position: fixed;
bottom: 53px;
right: 60px;
cursor:pointer;
z-index:99;
}
/*sns*/
.snss li a{
background:#ffc700; 
display:flex;
width:48px;
height:48px;
border-radius:50%;
margin: auto;
}
.snss li a img{
display:block;
margin:0 auto;
width:28px;
height:auto;
vertical-align:middle;  
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .snss li a img {margin:auto;width:28px;height:28px;} /* IE11 */
}
.sp-only{
display:none;
}

@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-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }
  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }
  .icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon16_2x_b.png);
  }
  .icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon16_2x_w.png);
  }
  .icon-lg-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_b.png);
  }
  .icon-lg-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_w.png);
  }
}
.icon-cart { background-position: -176px -64px; }
.icon-user { background-position: -208px -0px; }
.icon-adduser { background-position: -240px -0px; }
.icon-logout { background-position: -32px -80px; }
.icon-login { background-position: -48px -80px; }
/* icon large */
.icon-twitter { background-position: -144px -264px; }
.icon-facebook { background-position: -192px -264px; }
.icon-instagram { background-position: -168px -288px; }
.icon-mail { background-position: -96px -0px; }
.icon-lg-w.icon-cart { background-position: -264px -96px; }
.icon-lg-w.icon-chevron_up { background-position: -0px -216px; }
.icon-lg-w.icon-chevron_down { background-position: -528px -192px; }

.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b {
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_b.png);
}
.icon-lg-w {
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_w.png);
}


/*
 * header
 */
#header-wrapper {
  margin-bottom: 4em;
}
.header-link a {
  color: #4d4d4d;
}
.header-link a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* header-line-nav */
.header-line-nav li {
  padding-top: 5px;
}
  .header-line-nav a {
    cursor: pointer;
  }
  .header-line-nav span {
    float: left;
    padding-left: 4px;
    font-size: 12px;
    line-height: 1.5em;
  }
  .header-line-nav .icon-b,
  .header-line-nav .icon-w {
    float: left;
  }
.view-cart {
  position: relative;
  top: -6px;
  padding-top: 0 !important;
}
.btn-viewcart {
  padding: 1px 15px 0 13px;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
}

/* header logo */
.shop-name {
  clear: both;
  margin: 2em 0;
  text-align: center;
  font-size: 24px;
}
.shop-description {
  font-size: 12px;
  font-weight: normal;
  color: #4d4d4d;
}

/* header global nav */
#header-global-nav {
  margin: 1.8em 0;
  text-align: center;
  font-size: 16px;
}
  #header-global-nav li {
    margin: 0 1em;
  }

/* incart delivery */
.incart-delivery {
  float: right;
}
  .incart-delivery ul {
    margin: 0;
    padding: 10px 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #d9edf7;
    color: #31708f;
    list-style: none;
    font-size: 12px;
  }

/* slider */
.slider {
  margin-top: 2em;
  padding: 0 .1%;
  position: relative;
}
.bx-viewport {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  left: 0 !important;
  border: none !important;
}
#slider div {
  width: 100% !important;
}

/*
 * product list
 */

.prd-lst-unit {
  margin-bottom: 60px;
  padding: 0 30px;
  text-align: center;
}
.prd-lst-img {
  display: block;
  margin: 0 auto 1em;
}
.prd-lst-span {
  display: block;
  margin: .3em 0;
  font-size: 12px;
}
.prd-lst-name {
  font-size: 14px;
}
.prd-lst-price {
  color: #abaaaa;
}
.prd-lst-regular {
  text-decoration: line-through;
}
.prd-lst-discount {
  color: #b81717;
}

/* product list sort */
.prd-lst-sort {
  margin: 3em 0;
  color: #888;
  text-align: center;
  font-size: 12px;
}

/* prduct list pager */
.prd-lst-pager {
  text-align: center;
}
.prd-lst-pos b {
  font-size: 18px;
  font-weight: normal;
}

/*
 * product
 */
.product-image-thumb img {
  border: 2px solid #fff;
}
.thumb-active img {
  border: 2px solid #4d4d4d;
}


/*
 * footer
 */

#footer-wrapper {
  padding-top: 3em;
}
.footer-primary {
  border-right: 1px solid #e7e7e7;
}

/* footer nav */
.footer-nav {
  list-style: none;
  margin: 0;
}
  .footer-nav li {
    margin: .8em 0;
  }
.footer-primary {
  padding: .3em 0;
}
  .footer-primary li {
    margin-right: 25px;
    margin-left: 5px;
  }
  .footer-primary a {
    color: #4d4d4d;
  }
  .freepage-nav {
    margin-right: 10%;
    margin-bottom: 1.5em;
    padding-bottom: .8em;
    border-bottom: 1px solid #e7e7e7;
  }
.footer-secondary {
  padding: .3em 0;
  font-size: 12px;
}
  .footer-secondary li {
    margin-left: 10%;
  }
  .footer-secondary li:before {
    margin-right: 4px;
    color: #abaaaa;
    content: "-";
  }
  .footer-secondary a {
    color: #abaaaa;
  }

/* social icon */
.social-nav {
  text-align: center;
  margin: 2em 0;
}

/* copyright */
.copyright {
    margin: 3em 0 0;
    padding-bottom: 2em;
    color: #abaaaa;
    text-align: center;
    font-size: 12px;
}
.powered {
  display: block;
  margin: .5em auto 0;
  width: 180px;
  height: auto;
}

/* pagetop */
#pagetop {
  position: fixed;
  right: 0;
  bottom: 100px;
  display: none;
}
.btn-pagetop {
  display: block;
  padding: .8em .4em .8em .5em;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

@media screen and (max-width:1200px){
h1{
    font-size: 25px;
}
table.item_body tr:nth-child(3){
    font-size: 22px;
}
table.item_body tr:nth-child(3) td{
    padding: 12px 0 !important;
}
td.PRC{
    width: 13vw;
}
td.left,
td.right{
    width: 4vw !important;  
}
td.footer > table td{
    padding: 8px;
}
td.footer > table td a{
    font-size:14px;
    width:100%;
}
td.item img{
    width: calc(100% - 32px);
    height: auto;
}
.ftboxarea{
    width: calc(100% - 32px);
}
}
@media screen and (max-width:1024px) {
.inner{
box-sizing:border-box;
padding-left:16px;
padding-right:16px;
}
.ftboxarea a{
font-size: 1.7vw;
}
/*ヘッダー*/
header ul li:first-child img{
width:100%;
}
header ul li:first-child{
width:100%;
max-width:48%;
}
header ul li:last-child{
width:58%;  
}
header ul li:last-child div{
justify-content: flex-end;  
}
#hdtel span:last-child{
font-size:24px; 
}
.hdlink img {
    max-width: 50%;
}
#ij {
font-size:12px;
text-align:right;   
}
/*gnavi*/
#gnav ul li a {
font-size: 1.7vw;
}
}

@media (max-width: 980px) {
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }
  .container {
    max-width: 900px;
    width: 90%;
  }
}
@media (max-width: 768px) {
  #wrapper {
    padding-top: 3em;
  }
  .container {
    width: auto;
  }
  .header-dropdown {
    position: absolute;
    top: 0;
    z-index: 200;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    background-color: #fff;
  }
  .header-dropdown.affix {
    position: fixed;
  }
    .header-dropdown .dropdown-nav li {
      border-bottom: 1px solid #dbdbdb;
      text-align: center;
    }
    .header-dropdown .dropdown-nav a {
      display: block;
      padding: 10px;
    }
    .header-dropdown .btn-dropdown {
      padding-left: 34px;
      font-size: 16px;
      line-height: 1.6;
    }
    .header-dropdown .btn-dropdown-close {
      opacity: 0.4;
    }
  .view-cart {
    position: static;
  }
    .view-cart a {
      background-color: #4d4d4d;
      color: #fff;
    }
    .product-order-input{
      border-top: none;
      border-bottom: none;
    }
    .view-cart span {
      display: block;
      width: 130px;
      margin: 0 auto;
    }
    .view-cart .icon-w {
      float: left;
      margin-top: -2px;
    }
  .incart-delivery {
    padding-top: 20px;
    float: none;
  }
  .prd-lst-sort {
    font-size: 14px;
  }
  .footer-primary,
  .footer-secondary {
    padding: 0;
    border: none;
  }
  .footer-nav {
    margin: 0;
    padding: 0;
    border-bottom: 3px double #e7e7e7;
  }
    .footer-primary .footer-nav:first-child {
      border-top: 3px double #e7e7e7;
    }
  .footer-nav li {
    margin: 0;
    font-size: 14px;
    border-top: 1px solid #e7e7e7;
  }
    .footer-nav li:first-child {
      border-top: none;
    }
  .footer-nav li:before {
    display: none;
  }
  .footer-nav a {
    display: block;
    padding: 1em;
    color: #4d4d4d;
  }
  .footer-nav a:hover {
    text-decoration: none;
  }
  .icon-b,
  .icon-w {
    display: inline-block;
    width: 24px;
    height: 24px;
    *display: inline;
    *zoom: 1;
  }
  .icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_b.png);
  }
  .icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_w.png);
  }
  .icon-cart { background-position: -264px -96px; }
  .icon-list { background-position: -288px -144px; }
  .icon-chevron_thin_up { background-position: -192px -216px; }
  @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-b,
    .icon-lg-b {
      background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_b.png);
    }
    .icon-w,
    .icon-lg-w {
      background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_w.png);
    }
    .icon-b,
    .icon-w {
      -webkit-background-size: 552px 480px;
      background-size: 552px 480px;
    }
  }
table.item_body {
    width: 84%;
}
td.DSC{
    display: block;
    width: 100%;
}
td.item img{
    width: 40vw;
}
td > img {
    position: absolute;
    right: 3vw;
    width: 36vw;
}
td.footer > table{
    padding-top: 0;
}
td.PRC {
    width: 50%;
}
#gnav div.fix_rigth_b{
    opacity:.8; 
}

nav#gnav.fix-navi .onstel img{
max-width:100%; 
}

nav#gnav.fix-navi .onstel{
max-width:33%;
width:100%; 
}

.otbaner li{
margin:0 auto;  
}
.otbaner li:not(:last-child){
margin-bottom:16px; 
}
.fix_rigth_b a{
opacity:.7; 
}
table.item_h:last-child{
    margin-top: 0;
}
td.left, td.right {
    width: 2vw !important;
}
input[type="submit"],
input[type="button"] {
  position:relative;
  left:50%;
  top:8px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
}
@media screen and (max-width:767px){
/*ヘッダー*/
header {
    position: relative;
    left: -16px;
    width: calc(100% + 16px);
}
footer {
    position: relative;
    left: 0;
    width: 100%;
}
header ul li:last-child{
display:none;
}
header ul li:first-child {
max-width: 46%;
margin: 0 auto;
}
header ul li:first-child {
    max-width: 46%;
    margin: 0 auto;
}
.sp-only{
display:block;
}
.pc-only{
display:none;
}
/*gnavi*/
#gnav{
display:none;
}
table.item_body tr:nth-child(3) td {
    padding: 16px 0 !important;
}
h2.za-midashi{
margin: 28px 0 0;
}
.zairyo h3{
margin-top: 8px;
}
.zairyo{
padding: 8px 16px;
}
#spmenu_b{
position:fixed;
    top: 16px;
    right: 16px;
z-index:999999;
cursor:pointer;
}

#spmenu_b span{
display:block;
    width: 28px;
    height: 3px;
background-color:#683909;
transition: all 0.5s ease-out;
}
table.item_body{
    width: 94%;
}
#spmenu_b span:not(:last-child){
    margin-bottom: 7px;
}
#spmenu_b .sp__1{
    top: 12px;
transform: rotate(405deg);
    margin-top: 8px;
margin-bottom: 14px;
}
#spmenu_b .sp__2{
background-color: rgba(255,255,255,0);
}
#spmenu_b .sp__3{
top: 12px;
transform: rotate(-405deg);
margin-top: -20px;
}
/*spメニューを出している時は背景の動きを固定する*/
.scroll-prevent{
position: fixed;
z-index: -1;
width: 100%;
height: 100%;
}
.spm_bt {
background-size:100%;
}
.sp_menu{
width:94%;
position:fixed;
top:0;
right:-100%;
z-index:999998;
height:600px;
transition: all 0.5s ease-out;
}
.sp_mact{
right:0;
height: 96%;
overflow-y: scroll;
}
.sp_overlay {
display: none;
position: fixed;
width:100vw;
height: 100vh;
top: 0;
z-index: 1000;
background: rgba(0, 0, 0, .7);
}
/*spメニュー*/
.spm_top,.spm_mid ul li,.spm_bg1 li a,.spm_cls ul li{
box-sizing:border-box;
}
.spm_top{
background:#fff;
padding:8px 0;
border-bottom: 1px solid #ddd;
}
.spm_top a {
display:block;
text-align: center;
margin: 0 auto;
pointer-events: none;
}
.spm_top img{
max-height: 26px;
}
.spm_tel{
width:60%;
}
.spm_acce{
width:40%;
}
.spm_mid ul li span{
display: flex;
align-items: center;
}
.spm_mid ul li span img{
margin-right:4px;
width:40px;
height:40px;
}
.spm_bg1{
background: #fff;
}
.spm_bg1 li a{
color: #dd973e;
padding: 8px 4px;
font-size: 5vw;
}
.spm_tel{
border-right:1px solid #ddd;
}
.spm_tel a,.spm_acce a{
display:flex;
align-items: center;
justify-content: center;
width:100%;
}
li.spm_acce a{
    color: #aaa;
}
.spm_cls ul{
flex-wrap: wrap;
}
.spm_cls ul li{
width: calc(100% / 3);
padding: 16px 8px;
display: flex;
justify-content: center;
background: linear-gradient(135deg, rgb(255, 255, 255) 0%,rgb(241, 241, 241) 100%);
}
.spm_cls ul li span{
text-align:center;
font-size:12px;
display:block;
}
.spm_cls ul li img{
display:block;
margin:0 auto 4px;
width:40px;
}
.spm_bt{
padding:0;
font-size:16px;
color:#fff;
background: linear-gradient(to bottom, rgb(64, 71, 78) 0%,rgb(83, 90, 97) 100%);
cursor:pointer;
}
.spm_bt2 {
padding: 0;
font-size: 16px;
color: #fff;
}
.spm_subs{
display: none;
background: #fff;
}
.spm_subs li:not(:last-child){
border-bottom:1px solid #ddd;
}
.spm_subs li a {
font-size:16px;
padding:12px 14px;
font-size:16px;
color:#fff;
display:block;
width:auto;
text-align: center;
}
.spmtitle,
.spmtitle2 {
position: relative;
padding: 16px 0;
border-bottom: 1px solid #ddd;
background: #673a1b;
font-weight:bold;
display:block;
text-align:center;
}
.spm_bt:last-of-type .spmtitle {
border: none;
}
.spmtitle:after {
content: "";
position: absolute;
right: 25px;
top: 38%;
transition: all 0.2s ease-in-out;
display: block;
width: 8px;
height: 8px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.spmtitle.open:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 45%;
}
.sp-logo-c {
display: block;
width: 60px;
height: 60px;
text-align: center;
padding: 8px 4px;
border: 1px solid #777;
margin: 8px;
box-sizing: border-box;
margin:0 auto;
margin-top:8px;
}
.sp-logo-img {
margin-bottom: 4px;
height: 28px;
}
.sp-logo-t {
color: #555;
line-height: 1;
font-size: 11px;
letter-spacing: 1px;
}
#fbin{
max-width:320px;
margin:0 auto;
}

.sptplink{
display:block;
text-align:center;  
}
.product-order-input {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-bottom: 8px;
margin-top: 16px;
}
.desctext {
    text-align: justify;
    width: calc(100% - 32px);
    margin: 16px auto;
}
/*フッターリンク*/
.ft_conbox {
padding-bottom: 40px;
}
.ft_conbox .mo_h1{
padding-top:0;  
}
.ft_nav ul li a{
font-size: 13px;    
}
.ft_nav ul li {
    width: 48%;
border-right: 1px solid #f7bf21;
}
.ft_nav ul li:last-child{   
}
.ft_nav ul li:nth-child(-n+5) {
    margin-bottom: 16px;
}

.ft_nav ul li:nth-child(6){
margin-left:0;
margin-bottom:16px;
}
.ft_nav ul li:nth-child(7){
margin-right:0; 
}
.maru{
margin-top:24px;    
}

td {
    padding: 8px 0;
    position:relative;
}
td.item_body {
    width: 100%;
}
table {
    width: 100%;
}
td.header {
    padding: 0;
    width: 100%;
    border-bottom:none;
}
table.tbl {
    width: 100%;
    padding-left: 16px;
}
td.header td {
    width: calc(100% - 32px);
    display: block;
}
td.item {
    width: calc(100% - 32px);
    padding: 0;
    background:#fff;
}
td.left,
td.right{
    display:none !important;
}
td.ITM{
    font-size: 4vw;
        width: 100%;
}
td.DSC {
    width: 100%;
}
td.PRC{
    padding: 0 !important;
    width: 48%;
}
h1{
    width: 100%;
    font-size: 7vw;
    line-height: 1.4;
}
table.item_body tr:nth-child(2){
  display: block;
  width: 100%;
  border: none;
}
td > img {
    position: static;
}
td.item img {
    width: 100%;
    margin-left: 0;
}
td.item_body table.item_body:first-child tr:first-child {
    height: auto;
    margin-top: 16px;
    margin-bottom: 32px;
    display: block;
}
table.item_body tr:nth-child(2){
    font-size: 4vw;
    padding: 1vw 0 !important;
}
table.item_body tr:nth-child(3) {
    margin-top: 0;
    font-size:5.5vw;
    margin-bottom: 16px;
}

table.item_body tr:first-child td {
    padding-bottom: 0;
}
input[type="submit"], input[type="button"]{
    left:0;
}
input[type="submit"] {
display: block;
width: 280px;
margin: 0 auto;
font-size:5.5vw;
top: -10px;
}
td.footer {
    display: block;
        padding-bottom: 0;
}
table.item_h:last-child{
    padding-top: 24px;
    width: calc(100% - 32px);
    margin: 0 auto;
    margin-left: 4px;
}
/*
td.footer > table{
    width: 100%;
    display: block !important;
}
td.footer > table tbody{
    display: block !important;
}
td.footer > table tr{
    display: block !important;
}
td.footer > table td {
    width: auto;
    display: block;
}
*/
table.item_body {
    width: calc(100% - 32px);
    margin: auto;
}
footer {
    padding-bottom: 0;
    padding-top: 40px;
}
table.item_h:last-child{
    padding-bottom: 32px;
}
td.footer > table td{
    width: calc(100% - 32px);
}
td.footer img{
    padding-right: 16px;
}
td.footer footer img{
    padding-right: 0;
}
.maru ul {
    margin: 0 auto 60px;
}
.ft_nav ul {
    justify-content: space-between;
}
.ftboxarea {
    flex-direction: column;
    margin: 0 auto;
}
.ftboxarea a {
    font-size: 4.3vw;
    padding: 16px 0;
    width: 100%;
    margin-bottom: 24px;
}
}

@media screen and (max-width: 600px){
header ul li:first-child {
    max-width: 74%;
    margin: 0;
}
}
/*
@media (max-width: 480px) {
  .ttl-h2 span {
    padding: 0 10px;
    font-size: 14px;
  }
  .prd-lst-unit {
    margin-bottom: 30px;
    height: auto !important;
  }
}
*/
/* IE用 */
.ie_wrapper.container {
  width: 900px;
  overflow: auto;
}


/* 後から追加したcss */
.add_img_parent{
  position: relative;
}
.add_img{
  position: relative;
  z-index: 3;
}
.add_img2{
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  
}


@media screen and (min-width: 768px) {
    .add_img_parent:hover .add_img2 {
        z-index: 5;
    }
  
  .add_img{
    animation: none;
  }
}