@charset "euc-jp";
html,body,div,span,iframe,article,aside,canvas,footer,header,nav,blockquote,form,label,img,section,
table,caption,tbody,thead,tr,th,td,small,strike,sub,sup,figure,figcaption,
h1,h2,h3,h4,h5,h6,p,a,q,s,u,i,dl,dt,dd,ol,ul,li,pre,center
{
  margin:0;
  padding:0;
  border:none;
  font:inherit;
  list-style:none;
  -webkit-box-sizing:inherit;
  box-sizing:inherit;
}
div,article,aside,figcaption,figure,footer,header,nav,section{display:block}
html{overflow-y:scroll;-webkit-box-sizing:border-box;box-sizing:border-box}
html.open{overflow:hidden;}
blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
.clearfix:before{content:"";display:block;clear:both;height:0;visibility:hidden}
img{max-width:100%;}

body {
  font:normal 14px 'Noto Sans JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #212529;
  line-height: 1.5
}
a:focus,*[tabindex="0"]:focus
{-webkit-box-shadow: 0 0 2px 2px #08c;box-shadow: 0 0 2px 2px #08c;}
a {text-decoration: none}
a:hover {color: inherit;text-decoration: underline;}
a:focus{outline:0}
a.moreBtn{
  display: table;
  margin:auto;
  font-weight:bold;
  font-size:20px;
  text-align: center;
  color:#fff;
  background:#333;
  min-width:270px;
  line-height: 60px;
  padding:0 0.5em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
a.moreDetail{
  display: table;
  margin:auto;
  font-weight:bold;
  font-size:10px;
  letter-spacing: 1px;
  color:#fff;
  background : #736357;
  min-width:90px;
  line-height: 20px;
  padding:0 0.5em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
a.moreBtn:hover,
a.moreDetail:hover{
  opacity: 0.75;
  text-decoration: none;
}

h2.sct_title{
  font-family:Oswald;
  font-weight:bold;
  font-size:36px;
  letter-spacing: 1px;
}
.en{
  font-family: "Montserrat", sans-serif;
}
.fixed{
  position: fixed!important;
  top: 0;
  width:100%;
  z-index:999;
}
body > .overlay {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  /* display: none; */
  width: 100vw;
  height: 100vh;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  pointer-events: none;
}
html.open .overlay {
  display: block;
  opacity: 1;
  pointer-events: auto;
}
[aria-hidden=true] {display: none}
[aria-hidden=false] {display: inherit}
table,table tr,table th,table td{font-weight: 14px;border: solid 1px #666;padding: 0.15em 0.25em;}
.table {width: 100%}
.table.table--bordered,.table.table--bordered th,.table.table--bordered td {border: 1px solid #777}
.table caption {margin-bottom: .5em;font-weight: 700}
.table th,.table td {padding: .75em}
.table th {text-align: center;font-weight: 700;background-color: #f0f0f0}
.table .table__num-cell {text-align: right;white-space: nowrap}
.dnone{display: none;}

/* ============================================
layout
================================================ */
.container {
  max-width: 1400px;width: 100%;margin: 0 auto;padding: 0 1em;
}
.container2k {
  /* position: absolute; */
  width: 1920px;
  max-width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  /* left:calc((100vw - 17px - 1920px)/2); */
}
.page-title{
  text-align:center;
  padding: 5em 0 3em;
}
.c-ttl.center{text-align:center;}
.c-ttl span{
  font-size:45px;font-weight:bold;display:block;
}
.c-ttl2{
 font-family: "Zen Kaku Gothic New", sans-serif;
 font-weight:bold;
}
.btn01{
   max-width: 230px;display:block;text-align:center;
   width: 100%;
   color: #fff;
   background-color: #DF2A1C;
   border-radius: 31px;
   padding: 1em 0.5em;
   position: relative;
   border: 1px solid #DF2A1C;transition: all 0.3s ease;
}
.btn01::before {
  content: '';
  background: url(https://zabou.org/anize/newtemplate/common/icon_arrow_white.svg) no-repeat;
  width: 11px;
  height: 11px;
  position: absolute;
  background-size: cover;
  top: 50%;
  right: 13px;
  transform: translate(0px, -50%);transition: all 0.3s ease;
}
.btn01:hover{
 opacity: 0.8;color:#fff;text-decoration:none;
}
.btn01:hover::before {
  top: 45%;
  right: 11px;
}
.btn02{
  display: block;
  max-width: 225px;
  width: 100%;
  border-bottom: 1px solid #000;
  position: relative;
  color: #000;
  font-weight: bold;
  transition: all 0.3s ease;
  padding: 0.3em 0 1em;
}
.btn02::before{
  content: '';
  background: url(https://zabou.org/anize/newtemplate/common/icon_arrow.svg) no-repeat;
  width: 11px;
  height: 11px;
  position: absolute;
  background-size: cover;
  top: 31%;
  right: 13px;
  transition: all 0.3s ease;
  transform: translate(0, -50%);
}
.btn02:hover{
  opacity: 0.8;
}
.btn02:hover::before{
  top: 29%;
  right: 10px;
}
.btn02.border{
   border: 1px solid #BEBEBE;
   padding: 1em 0.5em 1em;
}
.btn02.border::before {
  top: 50%;
}
.btn02.border:hover::before{
  top: 48%;
  right: 10px;
}
.tel{
  pointer-events: none;
}
.c-breadcrumb{
  background-color: #EAEAEA;
  padding: 0.6em 0;
}
.c-breadcrumb ul li{
  position: relative;
  font-size: 13px;
  margin-right: 2.2em;
  color: #9F9F9F;
}
.c-breadcrumb ul li img{display:none;}
.c-breadcrumb ul li a{
  color: #9F9F9F;
}
.c-breadcrumb ul li::after{
      content: '';
    display: inline-block;
    vertical-align: middle;
    color: #9F9F9F;
    line-height: 1;
    width: 6px;
    height: 6px;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(-25%) rotate(45deg);
    position: absolute;
    top: 35%;
    right: -20px;
}
.c-breadcrumb ul li:last-child:after{
  content: none;
}
.pc-only{display:block;}
.sp-only{display:none;}
@media screen and (max-width: 980px) {
  .c-ttl span{
     font-size: 36px;
  }
  .btn01{font-size: 13px;}
  .btn01::before {
   width: 8px;
   height: 8px;
   right: 11px;
  }
}
@media screen and (max-width: 767px) {
  .pc-only{display:none;}
.sp-only{display:block;}
  .btn {
    padding: 0.6em 0.5em;
    font-size: 13px;
  }
  .c-ttl span {font-size: 26px;}
  .page-title {padding: 3em 0 2em;}
  .tel{
  pointer-events:visible;
}
  .btn01 {
    max-width: 209px;
  }
  .btn01::before {
    width: 11px;
    height: 11px;
    right: 16px;
  }
}
/* ============================================
Header
================================================ */
header.header a{color:inherit;}
header.header > .statichead{
  align-items: center;
  padding:0 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  z-index: 5;
  width: 100%;
  background-color: #fff;
  top: 0;
}
header.header > .statichead > .head_logo{
 max-width:138px;
 width:100%;
}
header.header > .statichead > .head_logo .desc{display:none;}
header.header .head_menu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width:440px;
  border-bottom:solid 2px #F2F2F2;
}
header.header .head_menu .icon_menus a:not(:first-of-type){margin-left: 26px;}
header.header .head_menu .icon_menus a:last-of-type{margin-left: 20px;}
header.header .head_menu .icon_menus img.regist {width:30px;}
header.header .head_menu .icon_menus img.login {width:24px;}
header.header .head_menu .icon_menus img.cart {width:29px;}
header.header .head_menu .icon_menus img.contact {width:129px;}

header.header nav.gNav{
  position: relative;
  background: #fff;
}
header.header nav.gNav > ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}
header.header nav.gNav li.hasChildren b,
header.header nav.gNav li.hasChildren strong,
header.header nav.gNav li.hasChildren a > span{
  color:inherit!important;
  font-weight: inherit!important;
  padding:0;
}
header.header nav.gNav > ul > li:not([class]):hover,
header.header nav.gNav > ul > li.hasChildren.megaon{
  -webkit-box-shadow:inset 0 -5px 0 #FF1E14;
  box-shadow:inset 0 -5px 0 #FF1E14;
}
header.header nav.gNav.pc > ul > li.hasChildren.megaon:before{
  content:'';
  width:100%;
  height: 15px;
  position: absolute;
  bottom: 0;
  left:0;
}

header.header nav.gNav.pc > ul > li:not([class]) > a,
header.header nav.gNav.pc > ul > li.hasChildren > a,
header.header nav.gNav.pc > ul > li:not([class]) > span,
header.header nav.gNav.pc > ul > li.hasChildren > span{
  display: block;
  line-height: 73px;
  text-decoration: none;
  padding: 0 1.5em;
  position:relative;
}
header.header nav.gNav.pc > ul > li:not([class]) > a::before,
header.header nav.gNav.pc > ul > li.hasChildren > a::before,
header.header nav.gNav.pc > ul > li:not([class]) > span::before,
header.header nav.gNav.pc > ul > li.hasChildren > span::before{
  content: '';
  height: 20px;
  width: 1px;
  background-color: #DDDDDD;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
}
header.header nav.gNav.pc > ul > li.icon-link > a{
 padding: 0 0.5em;cursor: pointer;transition: all 0.3s ease;
}
header.header nav.gNav.pc > ul > li.icon-link > a:hover{opacity:0.6;}
header.header nav.gNav.pc > ul > li.no-border > a{
  padding: 0 1.5em;line-height: 73px;
}
header.header nav.gNav.pc > ul > li.no-border > a::before{
  content:none;
}
header.header nav.gNav.pc > ul > li.no-border:hover{box-shadow: inset 0 -5px 0 #FF1E14;}

@media (max-width: 1350px) {
  header.header > .statichead {
    padding: 0 0.5em;
  }
 header.header nav.gNav.pc > ul > li:not([class]) > a, header.header nav.gNav.pc > ul > li.hasChildren > a, header.header nav.gNav.pc > ul > li:not([class]) > span, header.header nav.gNav.pc > ul > li.hasChildren > span {
    padding: 0 0.5em;
  }
  header.header > .statichead > .head_logo {
    max-width: 88px;
  }
  header.header nav.gNav.pc > ul > li.no-border > a {
    padding: 0 0.5em;
}
}
/* Megamenu */
/* header.header nav.gNav > ul li.hasChildren > span {cursor: pointer;} */
header.header nav.gNav > ul li.hasChildren > .subMenu {
  position: absolute;
  top: 100%;left: 0;right: 0;z-index: 9;
  width:100%;
  opacity: 0;
  color: #fff;
  background-color: rgba(0,0,0,0.78);
  padding:10px 0 28px;
  pointer-events: none;
  overflow: hidden;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
header.header nav.gNav > ul li.hasChildren > .subMenu.megaon {
  opacity: 1;
  pointer-events: all;
  pointer-events: auto;
}
header.header nav.gNav .subMenu > ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top:6px;
}
header.header nav.gNav .subMenu > ul > li{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width:20%;
  height:45px;
}


/* PC Brandlist in MegaMenu */

header.header nav.gNav.pc ul.alphabet_list {
  display: block;
  margin-top: 18px;
  line-height:30px;
}
header.header nav.gNav.pc ul.alphabet_list > li{
  display: block;
  width:auto;
  height:auto;
}
header.header nav.gNav.pc ul.alphabet_list > li:nth-of-type(odd) span.list_header{background:#d3d3d3}
header.header nav.gNav.pc ul.alphabet_list > li:nth-of-type(even) span.list_header{background:#f2f2f2}
header.header nav.gNav.pc ul.alphabet_list span.list_header {
  display: block;
  width:100%;
  margin-bottom:2px;
  padding:0 15px;
  font-weight : bold;
  /* font-size : 20px; */
  line-height: 20px;
  text-align: left;
  color : #534741;
  cursor: pointer;
}
header.header nav.gNav.pc ul.alphabet_list ul.category_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height:0px;
  padding-bottom: 0px;
  -webkit-transition:all 0.25s;
  transition:all 0.25s;
}
header.header nav.gNav.pc ul.alphabet_list ul.category_list li{
  font-size: 12px;
  text-align: left;
  overflow: hidden;
  width:calc(25% - 13px);
  margin-left: 13px;
  height:0;
}
header.header nav.gNav.pc ul.alphabet_list ul.category_list a{color:inherit;}
header.header nav.gNav.pc ul.alphabet_list ul.category_list.open{
  line-height:25px;
  padding-bottom: 25px;
}
header.header nav.gNav.pc ul.alphabet_list ul.category_list.open li{
  height:auto;
}
/* Chase */
header.header.fixed > nav.gNav {
  position:fixed;
  top:0;left:0;
  width:100%;
}
/* ============================================
Sidebar
================================================ */
aside.side .unstyled img {
  display: block;
  margin-bottom: 5px
}
/* ============================================
Main
================================================ */
main.main {margin-top: 73px;}
/* ============================================
PriceList
================================================ */
ul.items{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  margin:46px auto 54px;
}
ul.items a{
  display: block;
}
ul.items .itemname{
  margin-top:8px;
  font-size: 12px;
}
ul.items .price{
  position: relative;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.0;
  margin-top: 6px;
  margin-bottom: 8px;
}
ul.items .price span{
  display: block;
  color: #c1272d;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.0;
}
ul.items .price span.label,
ul.items .price span.late{
  display:inline-block;
  color: #fff;
  background: #c1272d;
  padding: 0.15em 0.3em;
  border-radius: 2px;
  margin-bottom: 8px;
}
ul.items .price span.normal{
  color: inherit;
  opacity: 0.5;
  text-decoration: line-through;
}
ul.items .s_expl{
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 8px;
}

ul.items li{
  position: relative;
  counter-increment: rank;
  margin:0 1%;
}
ul.items.col2 li{width:48.5%;}
ul.items.col3 li{width:31.9333%;}
ul.items.col4 li{width:23.5%;}
ul.items.col5 li{width:18.4%;}
ul.items.col2 li:nth-of-type(2n+1),
ul.items.col3 li:nth-of-type(3n+1),
ul.items.col4 li:nth-of-type(4n+1),
ul.items.col5 li:nth-of-type(5n+1){margin-left: 0;}
ul.items.col2 li:nth-of-type(2n+2),
ul.items.col3 li:nth-of-type(3n+3),
ul.items.col4 li:nth-of-type(4n+4),
ul.items.col5 li:nth-of-type(5n+5){margin-right: 0;}
ul.items.col2 li:nth-of-type(n+3),
ul.items.col3 li:nth-of-type(n+4),
ul.items.col4 li:nth-of-type(n+5),
ul.items.col5 li:nth-of-type(n+6){margin-top:54px;}

ul.items li span.rank{
  position: absolute;
  top: -26px;
  left: 6px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #fff;
  border:solid 1px #C7B299;
  line-height: 45px;
  font-family: Oswald;
  font-weight: bold;
  font-size: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
}
ul.items li span.rank:after{
  content:counter(rank);
  font-size: 27px;
  display: inline-block;
  vertical-align: sub;
  margin-left:1px;
}
ul.items li:nth-of-type(1) span.rank,
ul.items li:nth-of-type(2) span.rank,
ul.items li:nth-of-type(3) span.rank{
  color:#fff;
  background-color: #534741;
  border-color: #534741;
}


/* ============================================
フリースペース
================================================ */
.FreeSpace {
  padding: 0 20px;
  font-size: .8125rem
}
/* ============================================
検索結果
================================================ */
.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.search__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 0;
  margin-bottom: 0;
  border: none;
  border-radius:0;
  background-color: white
}
.search__box {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 8px 10px;
  border: 0;
  border-radius: 2px 0 0 2px;
  font-size: 1rem
}
.search__button {
  padding: 7px 11px 5px;
  border: 0;
  background-color: #fff;
  border-radius: 0 2px 2px 0
}
.search__social {
  display: none
}
.pagenation-list {
  padding-top: 15px;
  text-align: right
}
.pagenation-list__unit {
  display: inline-block;
  padding: 0 2px;
  line-height: 26px;
  text-align: center
}
.pagenation-list__unit a,
.pagenation-list__unit span {
  display: block;
  float: left;
  height: 26px;
  width: 26px
}
.pagenation-list__unit a {
  border: 2px solid #333;
  background-color: #fff;
  color: #333;
  text-decoration: none
}
.pagenation-list__unit a:hover {
  border: 2px solid #333;
  background-color: #333;
  color: #fff
}
.pagenation-list__unit span {
  border: 2px solid #ccc;
  background-color: #fff;
  color: #ccc
}
.pagenation-sp__section {
  text-align: center
}
.pagenation-sp-list {
  margin: 0
}
.pagenation-sp-list__unit {
  display: inline;
  margin: 0 5px
}
.pagenation__section {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px
}
/* ============================================
商品一覧
================================================ */
.BreadCrumb {
  margin: 8px 20px;
  font-size: calc(13/16*1rem)
}
.BreadCrumb__list {
  list-style: none;
  margin: 0;
  line-height: 1.3
}
.BreadCrumb__listUnit {
  display: inline-block
}
.Heading {
  letter-spacing: 1px;
  line-height: 1.3;
  -webkit-font-feature-settings: "palt"1;
  font-feature-settings: "palt"1
}
.Heading.-pageTitle {
  padding: 0 20px
}
.productlist-sort {
  margin: 20px 0;
  padding: 10px;
  border: 1px solid #ccc;
  background: #f7f7f7;
  font-size: .8125rem
}
.productlist-sort-list {
  float: left;
  margin: 0
}
.productlist-sort-totalnumber {
  float: right;
  margin: 0;
  padding-right: 5px
}
.productlist-sort-totalnumber span {
  padding: 0 5px
}
.freespace__section {margin: 0 0 40px}
.subcategory-list {
  margin: 0 auto 20px;
  font-size: .9em
}
.subcategory-list__unit {
  padding-top: 10px;
  padding-bottom: 10px
}
/* ============================================
商品詳細
================================================ */
.link-list .link-list__link {
  padding-right: 1.5em;
  background-image: url(https://zabou.org/anize/zabouwebshop/assets/img/icon/next_link.svg);
  background-position: right center;
  background-size: 1em;
  background-repeat: no-repeat
}
.Link2Top {
  margin: 2em 0;
  background-color: #311700;
  text-align: center
}
.Link2Top a {
  display: block;
  height: 3em;
  width: 100%;
  color: #fff
}
.Link2Top__icon {
  margin-top: 8px;
  vertical-align: -.5em
}
.accordion__trigger {margin: 0}
.accordion__button {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 1em;
  border: none;
  border-top: 1px solid #777;
  background-color: transparent;
  font-weight: 700;
  text-align: left
}
.accordion__button[aria-expanded]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1.5em;
  bottom: 0;
  display: inline-block;
  height: 1em;
  width: 1em;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1em;
  vertical-align: middle
}
.accordion__button[aria-expanded=false]:after {
  background-image: url(https://zabou.org/anize/zabouwebshop/assets/img/icon/expand.svg)
}
.accordion__button[aria-expanded=true] {
  background-color: #333;
  color: #fff
}
.accordion__button[aria-expanded=true]:after {
  background-image: url(https://zabou.org/anize/zabouwebshop/assets/img/icon/collapse.svg);
  background-position: 50% 45%
}
.accordion__body {
  padding-top: 1em;
  background-color: #fafafa
}
.accordion__body[aria-hidden] {display: inherit}
.Button {
  display: inline-block;
  background-color: #e6e6e6;
  border: 2px solid currentColor;
  text-decoration: none;
  line-height: 1;
  padding: 1em 2em;
  border-radius: 4px
}
.Button.-full {
  width: 100%
}
.Button.-addCart {
  border: 0;
  background-color: #d00;
  -webkit-box-shadow: 0 6px 0 0 #9e0000;
  box-shadow: 0 6px 0 0 #9e0000;
  color: #fff;
  font-size: calc(18/14*1em)
}
.Button.-favorite {
  background-color: white;
  color: #d00;
  -webkit-transition: color .2s ease, background-color .2s ease;
  transition: color .2s ease, background-color .2s ease
}
.Button.-favorite.is-faved {
  background-color: #e6e6e6;
  color: #333
}
.Button__icon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin: -.2em .2em;
  fill: currentColor
}
.ProductInfo__list {
  margin: 0;
  font-size: 1rem
}
.ProductInfo__key {
  font-weight: 400
}
.ProductInfo__value {
  margin: 0 0 8px;
  font-weight: 700
}
.ProductInfo__value:last-of-type {
  margin-bottom: 0
}
.ProductInfo__value--price {
  color: #d00;
  font-size: 1.42em;
  line-height: inherit
}
.ProductInfo__order {
  margin: 12px
}
.Product__main {
  width: 100%;
  margin-bottom: 32px
}
.Product__images {
  text-align: center
}
.Product__info {
  background-color: #f0f0f0
}
.Product__info .ProductInfo__leed {
  margin-bottom: 0;
  padding-bottom: 12px;
  background-color: white
}
.Product__info .ProductInfo__list {
  padding-bottom: 20px;
  background-color: #fff
}
.Product__inquiry {
  margin: 8px 0;
  padding: 8px
}
.Product__inquiry p {
  margin-bottom: 4px
}
.Product__inquiry p:last-child {
  margin-bottom: 0
}
.Product__explain h3 {
  padding: 8px 0 4px;
  border-bottom: 2px solid #333
}

.StaffSizeComment {
  padding: 16px;
  border: 1px solid #d8d8d8;
  color: #555
}
.StaffSizeComment br {display: none}
.StaffSizeComment__title {
  margin: 0 0 12px;
  font-size: calc(18/16*1rem);
  line-height: 1.25
}
.StaffSizeComment__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.StaffSizeComment__data {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40%;
  font-size: calc(12/16*1rem)
}
.StaffSizeComment__dataBase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.StaffSizeComment .StaffSizeComment__staffPhoto {
  height: 4.5em;
  width: 4.5em;
  margin-right: 12px;
  margin-bottom: 8px
}
.StaffSizeComment__staffComment p {margin: 0}
.StaffSizeComment__staffDataList {
  margin: 0;
  line-height: 1.5
}
.StaffSizeComment__staffDataItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.StaffSizeComment__staffDataList.-size {margin-bottom: 8px}
.StaffSizeComment__staffDataList.-body .StaffSizeComment__staffDataItem {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}
.StaffSizeComment__staffDataList.-body .StaffSizeComment__staffDataItem:not(:last-child):after {
  content: "/";
  margin: 0 2px 0 4px
}
.StaffSizeComment__staffDataItem>dt {font-weight: 400}
.StaffSizeComment__staffDataItem>dt:after {
  content: ":";
  margin: 0 2px;
  font-weight: 700
}
.StaffSizeComment__staffDataItem>dd {margin-left: 0}
.StaffSizeComment__staffDataTitle {
  margin: 0;
  font-size: 1em;
  font-weight: 400
}
.StaffSizeComment__staffComment {
  padding-left: 16px;
  border-left: 1px solid #d8d8d8
}
.StaffSizeComment__staffCommentTitle {
  margin-bottom: 4px;
  font-size: 1em;
  line-height: 1.25
}
.CareTags {
  list-style: none;
  padding-left: 0;
}
.CareTags br {
	display: none !important;
}
.CareTags > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media(min-width: 767px) {
  .CareTags li > img {
    width: 64px;
    height: 64px;
  }
}
.Order {
  font-size: calc(16/14*1em)
}
.Order__optionListItem {
  margin-bottom: 12px
}
.Order__optionListItem>label {
  display: inline;
  font-size: inherit
}
.Order__optionName {
  display: inline-block;
  margin-bottom: 4px
}
.Order__optionSelect {
  padding: 8px;
  height: auto;
  line-height: inherit;
  border: 2px solid #333;
  font-size: 1em
}
.Order__optionSelect option {
  padding: 8px
}
.Order__number {
  margin-bottom: 24px
}
.Order__numberKey {
  font-size: 1em;
  line-height: inherit
}
.Order__numberInputWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%
}
.Order__numberInput {
  width: 50%;
  margin-right: 12px;
  padding: 8px;
  border: 2px solid #333;
  font-size: 1em
}
.Order__numberOperator {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  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;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  border: 2px solid #333;
  border-radius: 50%;
  line-height: 32px;
  text-decoration: none;
  color: inherit;
  font-size: 1.6em;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .2)
}
.Order__numberOperator:focus {
  color: inherit;
  text-decoration: none
}
.product__section {margin-bottom: 40px}
.option-table .option-table__radio {
  margin-top: 0;
  vertical-align: .05em
}
.btn--quick-order {
  padding: 1.2em 0;
  border: 1px solid #0079ff;
  border-radius: 0;
  background: #0079ff;
  color: #fff
}
.btn--quick-order:hover,
.btn--quick-order:focus {
  border: 1px solid #62adff;
  background: #62adff;
  color: #fff
}
.btn--soldout {
  padding: 1.4em 0;
  border: 1px solid #cf0400;
  border-radius: 0
}
.btn--soldout.disabled,
.btn--soldout[disabled] {
  background-color: #cf0400;
  color: #fff
}
.stock_error {
  position: relative;
  margin-top: 1em;
  padding: 1em .5em 1em 3em;
  border: 3px solid currentColor;
  background-color: #fff;
  color: #d00;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2
}
.stock_error:before {
  content: "!";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1rem;
  display: inline-block;
  height: 3rem;
  margin: auto;
  font-size: 3rem;
  line-height: 1
}
.product-order__favorite {margin-top: 30px}
/* ===================================================
料金表
=================================================== */
.btn--osclose {
  padding: .6em 1.2em;
  border: 1px solid #333;
  border-radius: 0;
  background: #333;
  color: #fff
}
.btn--osclose:hover,
.btn--osclose:focus {
  border: 1px solid #777;
  background: #777;
  color: #fff
}
.option__section {
  padding: 20px;
  font-size: .93em;
  text-align: center
}
.option-heading {
  margin-bottom: 20px;
  border: none;
  font-size: 1.2em
}

/* ===================================================
Utility
=================================================== */
.section-title-h2 {
  margin: 0 0 20px;
  padding: 15px 0;
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  font-size: 1em
}
.seller-list__unit,
.recommend-list__unit,
.productlist-list__unit,
.together-list__unit {
  margin-bottom: 20px;
  font-size: .9em
}
.btn-home,
.btn-cart {
  margin-bottom: 1px
}
.btn-scroll__txt {
  display: block;
  font-size: .9em
}
.product-name {
  margin: 12px 0;
  -webkit-font-feature-settings: "palt"1;
  font-feature-settings: "palt"1;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.4
}
.product-name>img {
  display: none !important
}
.product-explain {
  margin-bottom: 40px
}
.product-info-box {
  padding: 10px 0
}
.product-info-box p,
.product-info-box ul {
  margin: 0
}
.product-price-discount {
  color: #d00
}
.product-price-discount-rate {
  color: #d00
}
.product-price-establish {
  text-decoration: line-through
}
.product-stock-str {
  margin: 0;
  font-size: 1.42em;
  font-weight: 700
}
.product-related-list {
  font-size: .93em
}
.product-related-list__unit {
  display: inline-block;
  margin-right: 10px;
  padding: 0
}
.product-option-table {
  background-color: #fff
}
.product-option-table .stock_zero {
  color: #d00;
  font-weight: 700
}
.product-order-btn-list {
  list-style: none;
  margin: 0
}
.product-order-btn-list__unit i {
  margin-right: 10px
}
.product-review__section {
  margin-bottom: 60px
}
.product-review-send-list {
  margin-bottom: 20px;
  text-align: right
}
.product-review {
  margin-bottom: 40px;
  font-size: .93em
}
.product-review-star {
  float: left;
  margin-right: 10px;
  padding-top: 1px
}
.product-review-poster-list {
  margin: 0
}
.product-review-poster-list__unit {
  display: inline-block;
  margin-right: 10px
}
.product-review-content-list__unit img {
  max-width: 100px
}
.product-review-content-list__title {
  padding-top: 10px;
  font-weight: 700
}
.product-review-content-list__img {
  float: left;
  padding: 10px 10px 0 0
}
.product-review-content-list__comment {
  padding-top: 10px
}
.product-review-res-list {
  padding: 20px;
  background: #f6f6f6
}
.product-review-res-list__title {
  font-weight: 700
}
.product-review-res-list__comment {
  padding-top: 10px
}

.product-list__img {
  padding-bottom: 5px
}
.product-list__img:hover {
  opacity: .8
}
.product-list__txt,
.product-list__txt:hover {
  color: #2659ff
}
.product-list__name {
  padding-bottom: 10px
}
.product-list__expl {
  font-size: .8em
}
.product-list__price {
  color: #333;
  text-decoration: none
}
.product-list__regular-price {
  text-decoration: line-through
}
.product-list__discount {
  color: red
}
.product-list__discount-rate {
  color: red
}
.product-list__soldout {
  color: red
}

.foreign-lang-desc {
  border: 1px solid #d8d8d8;
  padding: 16px;
}

/* ============================================
bx-slider
================================================ */
.slider {
}
.slider img {
  display: block;
  width: 100%;
  margin: 0 auto
}
.slider__caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 12px;
  background-color: rgba(255, 255, 255, .8);
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  -webkit-font-feature-settings: "palt"1;
  font-feature-settings: "palt"1
}
.slider__caption:empty {
  padding: 0
}
/* ============================================
レスポンシブ
================================================ */
.switch-responsive--sp {
  display: block;
  width: 100%;
  margin: .2em 0 .4em;
  padding: 1em;
  font-size: 6em
}
.switch-responsive--desktop {
  display: none
}
@media(min-width:769px) {
  .col-md-4:nth-child(3n+1) {clear: left}
  .col-lg-2:nth-child(6n+1) {clear: left}
}
@media screen and (max-width:480px) {
  .table th,.table td {padding: .4em}
}
@media screen and (max-width:768px) {
  .product-explain table {
    width: 100%;
    font-size: .75rem
  }
  .global-nav-sp .global-nav-sp__title {display: inline-block}
  .global-nav-sp .global-nav-sp__text {display: none}
  .footer .footer__nav {margin: 0 -20px}
  .footer .footer__nav-list {width: 100%}
  .footer-about {margin-bottom: 15px}
  .footer-about .footer-about__logo-wrapper {
    margin-right: 10px;
    padding: 8px
  }
  .footer-about .footer-about__text {font-size: .75rem}
  .search-brand .search-brand__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: auto
  }
  .search-brand .search-brand__list>li {width: 100%}
}
@media screen and (max-width:980px) {
  #option_tbl {width: 100%}
  #option_tbl th,
  #option_tbl td {
    border-bottom: 1px solid #ccc;
    padding: .4em
  }
  #option_tbl th {background-color: #fafafa}
  #option_tbl td.none {background-color: #fafafa}
  .social-list .social-list__image {
    max-width: 1em;
    max-height: 1em
  }
  .shopname__ad {
    font-size: .875rem;
    text-align: left
  }
  .shopname__ad p {
    margin-right: 0;
    margin-bottom: 3px
  }
  .shopname__ad i {vertical-align: -40%}
  .global-nav-sp .global-nav-sp__logo-image {
    height: 28px;
    margin: 0;
    vertical-align: top
  }

  .inquiry-sp-list__name {font-weight: 700}
  .inquiry-sp-list__img {border: 2px solid #fff}
  .footer-copylight__section {
    font-size: .8em;
    text-align: left
  }
  .side-nav-list .side-nav-list__unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%
  }
  .product__section {
    padding: 0 20px
  }
  .product-order-box {
    margin-top: 0
  }
  .product-related-list__unit {
    margin-bottom: 5px
  }
  .product-review {
    padding: 0 20px
  }
  .notice-box {
    margin-top: -10px;
    padding-top: 50px
  }
  .notice-box:first-child {
    margin-top: 0;
    padding-top: 0
  }
  main.main {
    margin-top: 48px;
 }
}
@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {

  .icon-b,
  .icon-w {
    background-size: 368px 320px
  }

  .icon-lg-b,
  .icon-lg-w {
    background-size: 552px 480px
  }

  .icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon16_2x_b.png)
  }

  .icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon16_2x_w.png)
  }

  .icon-lg-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon24_2x_b.png)
  }

  .icon-lg-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon24_2x_w.png)
  }
}

@media(max-width:768px) {
  .icon-b {
    height: 24px;
    width: 24px;
    background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon24_b.png)
  }
  .icon-b.icon-user {
    background-position: -312px 0
  }
  .icon-w {
    height: 24px;
    width: 24px;
    background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon24_w.png)
  }
  .icon-w.icon-user {
    background-position: -312px 0
  }
  .info__banner-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: auto;
    padding-left: 0
  }
  .info__banner-list.banner-list .banner-list__unit.banner {
    padding: 0 1%;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .container {
    width: auto
  }
  .col-sm-6:nth-child(odd) {
    clear: left
  }
  .global-nav-sp-wrap-cmspbar~.shopname-wrap {
    padding-top: 50px
  }
  .aside-product .aside-product__body {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-x: scroll;
    padding-bottom: 20px
  }
  .aside-product .aside-product__list {
    width: calc((37.5vw + 15px)*24)
  }
  .aside-product .aside-product__list--6 {
    width: calc((37.5vw + 15px)*6)
  }
  .aside-product .aside-product__unit {
    display: inline-block;
    float: none;
    margin-bottom: 0;
    width: 37.5vw;
    margin-right: 10px;
    padding: 0;
    vertical-align: top
  }
  .aside-product .aside-product__unit img {
    display: block
  }
  .product-review-send-list {
    text-align: center
  }

  .product-review-send-list__unit {
    display: inline-block
  }
  .product-init-list {
    margin-bottom: 20px
  }
  .product-order-btn-list__unit {
    padding: 0
  }

  .mar-sm-t10 {
    margin-top: 10px
  }
}
@media only screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:2),
only screen and (max-width:768px) and (min-device-pixel-ratio:2),
only screen and (max-width:768px) and (min-resolution:192dpi),
only screen and (max-width:768px) and (min-resolution:2dppx) {
  .icon-b,
  .icon-w {
    background-size: 552px 480px
  }
  .icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon24_2x_b.png)
  }
  .icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/79/icon24_2x_w.png)
  }
}
@media(min-width:981px) {
  .FreeSpace {
    padding: 0;
    font-size: 1em
  }
  .Heading.-pageTitle {
    margin-top: 0;
    padding: 0
  }
  .BreadCrumb {margin: 20px 0}
  .header {position: relative}
  .header__leed {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    max-width: 1040px;
    margin: 0 auto;
    padding: 28px 3.125%;
    color: #fff;
    text-align: right;
    pointer-events: none
  }
  .header__leed a {
    color: inherit;
    pointer-events: auto
  }
  .search {
  }
  .search__social {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right
  }

  .global-nav-sp-wrap {
    position: static
  }

  .global-nav-sp {
    max-width: 1040px;
    margin: auto;
    padding: 16px 3.125%
  }

  .global-nav-sp__cart-link {
    display: none
  }

  .global-nav-sp__leed {
    display: block;
    top: 5px;
    color: #fff;
    font-size: .625rem;
    text-align: left
  }

  .global-nav-sp-btn {
    display: none
  }

  .product-order-btn-list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }

  [class*=col-md-]:nth-child(n) {
    clear: none
  }

  .col-lg-3:nth-child(4n+1) {
    clear: left
  }

  .jump-to-nav .jump-to-nav__item.hidden-desktop {
    display: none !important
  }
}
@media(max-width:980px) {
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    width: 100% !important;
    min-width: 100% !important
  }
  .contents__section {
    width: 100%;
    padding: 0 0 40px
  }
  .info-list {
    padding: 0 20px
  }
  .upbar-wrap {
    display: none
  }
  .upbar-list {
    float: none;
    text-align: center
  }
  .shopname {
    width: 100%;
    padding: 0
  }
  .shopname h1 {
    margin: 0;
    padding: 55px 20px;
    font-size: 1.4em;
    text-align: center
  }
  .shopname img {
    height: 20.3125vw
  }
  .shopname__ad {
    width: 100%;
    padding: 10px 10px 5px;
    border-radius: 0
  }
  .downbar {
    padding: 20px;
    text-align: center
  }
  .downbar-ad {
    float: none
  }
  .primary {
    float: none
  }
  .side-nav__section {
    float: none;
    padding: 0
  }
  .side-nav-box {
    margin-bottom: 30px;
    border-right: none;
    border-bottom: none;
    border-left: none
  }
  .side-nav-banner-list {
    padding: 0 20px
  }
  .btn-more-wrap {
    margin-bottom: 40px;
    padding: 0 20px
  }
  .btn-more {
    padding: 15px 0;
    border: 1px solid #333;
    border-radius: 0;
    background: #333;
    color: #fff
  }
  .btn-more:hover {
    border: 1px solid #777;
    background: #777;
    color: #fff
  }
  #scroll {
    bottom: 20px
  }
  .btn-scroll a {
    padding: 5px 8px
  }
  .btn-scroll__txt {
    font-size: .8em
  }
  .main__section {
    float: none
  }
  .breadcrumb-list {
    padding: 0 20px 5px
  }

  .freespace__section {
    padding: 0 20px
  }
  .productlist-sort__section {
    padding: 0 20px
  }
  .productlist-sort-list {
    float: left;
    margin: 0
  }
  .productlist-sort-totalnumber {
    float: right;
    margin: 0;
    padding-right: 5px
  }
  .productlist-sort-totalnumber span {
    padding: 0 5px
  }
  .subcategory-list {
    padding: 0 20px
  }
  .pagenation-sp__section {
    padding: 20px 0;
    text-align: center
  }
  .pagenation-sp-list {
    margin: 0
  }
  .pagenation-sp-list__unit {
    display: inline;
    margin: 0 5px
  }

  .pagenation-sp-info {
    padding: 10px 0
  }
  .pagenation-sp-info span {
    padding: 5px 0
  }
  .btn-pn {
    padding: 10px 20px;
    border: 2px solid #333;
    border-radius: 0;
    background-color: #333;
    color: #fff;
    font-size: 1em
  }
  .btn-pn:hover,
  .btn-pn:focus {
    border: 2px solid #777;
    background-color: #777;
    color: #fff
  }
  .btn-pn.disabled,
  .btn-pn[disabled] {
    border: 2px solid #ccc;
    background-color: #fff;
    color: #cecece
  }
  .section-title-h2 {
    padding: 15px 20px
  }
  .product-list {
    padding: 0 3.125%
  }
  .paragraph-item {
    margin-bottom: 20px;
    padding: 0 20px
  }
  .switch-responsive--sp {
    display: none
  }
  .switch-responsive--desktop {
    display: block;
    width: 100%;
    margin: 1em 0 2em;
    padding: .75em
  }
  .history__unit {
    margin-bottom: 40px;
    font-size: .9em
  }
}
@media(min-width:801px) {
  .Product__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .Product__images {
    width: 65%;
    margin-right: 20px;
    margin-bottom: 0
  }
  .Product__explain {
    font-size: calc(16/14*1em)
  }
  .Product__images .bx-wrapper .bx-viewport {
    border: 0;
    left: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}

@media screen and (min-width:981px) {
  .tablet{display: none!important}
  .product-name {
    margin-top: 0;
    font-size: 1.25rem;
    font-weight: 700
  }
}
@media screen and (max-width:980px) {
  /* .h_box, */
  .pc{display: none!important}
  .container,.container2k {
    position: static;
    width: auto;
    min-width: auto;
    min-width: initial;
    padding:0;
  }
  header.header{margin-top:45px;}
  header.header > .statichead, header.header > .statichead > .head_logo{
    display:none;
  }
  header.header .head_logo > .logo img,
  footer.footer .toplink img
  {width:30vw;}
  header.header nav.gNav.tablet{
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999999;
    font-size: 12px
  }
  header.header nav.gNav.tablet .nav-wrapper{
   display: flex;
   position: relative;
   align-items: center;
   padding: 1em 0.5em;
   justify-content: space-between;
  }
  header.header nav.gNav.tablet .nav-wrapper .logo{
   max-width: 87px;
  }
  header.header nav.gNav.tablet .nav-wrapper .right-nav{
    width: 100%;display: flex;justify-content: space-between;max-width: 109px;
  }
  header.header nav.gNav.tablet .modal img.modal_icon{
    height:20px;
    margin-right: 5px;
    vertical-align: text-top;
  }
  header.header nav.gNav.tablet .modal li{
    min-width:40px;
    text-align: center;
    padding:0 1.0em;
    font-weight: bold;
    line-height: 45px;
  }
  header.header nav.gNav.tablet .modal_search{
    position: absolute;
    left:10vw;top:80px;
    z-index:999;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    width:80vw;
  }
  header.header nav.gNav.tablet .search__box {
    padding: 0 0 0 0.5em;
    border-radius: 0;
    font-size: 1em;
    /*line-height: 40px;*/
    height: 40px;
    width:100%;
  }
  .search-form-wrap{ margin-top: 1em;}
  header.header nav.gNav.tablet .search-form{
   border: 1px solid #ccc;
    margin-top: 0.8em;
    display: flex;
    align-items: center;
  }
  header.header nav.gNav.tablet .search__button {
    right:0;
    top:0;
    padding: 0.5em;
    border-radius: 0;
    background: #333;
    width:40px;
    height:40px;
  }
  .search-form-wrap .category-select{
   width: 100%;
   display: block;
   max-width: 274px;
   height: 40px;
  }

  header.header nav.gNav.tablet .modal_search.open{
    opacity: 1;
    pointer-events: auto;
  }
  header.header nav.gNav.tablet a.modal_toggle{
    display: block;
    position: relative;
    padding-left: 30px
  }
  header.header nav.gNav.tablet a.modal_toggle > span{
    position: absolute;
    top:50%;Left:0;
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }
  header.header nav.gNav.tablet a.modal_toggle span > span {
    position: absolute;
    left:0;
    width:100%;
    height:3px;
    margin-top: -1px;
    background-color: #000;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  header.header nav.gNav.tablet a.modal_toggle span > span:nth-of-type(1) {top:20%;}
  header.header nav.gNav.tablet a.modal_toggle span > span:nth-of-type(2) {top:50%;}
  header.header nav.gNav.tablet a.modal_toggle span > span:nth-of-type(3) {top:80%;}

  header.header nav.gNav.tablet a.modal_toggle.open {-webkit-transition: 0.25s;transition: 0.25s;}
  header.header nav.gNav.tablet a.modal_toggle.open span > span:nth-of-type(1) {
    top:50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  header.header nav.gNav.tablet a.modal_toggle.open span > span:nth-of-type(2) {
    left: 50%;
    opacity: 0;
    -webkit-animation: active-menu-bar02 0.8s forwards;
    animation: active-menu-bar02 0.8s forwards;
  }
  header.header nav.gNav.tablet a.modal_toggle.open span > span:nth-of-type(3) {
    top:50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  header.header nav.gNav.tablet .modal_menus{
    position: absolute;
    right:0;top:100%;
    z-index:999;
    background: #fff;
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    max-height: calc(100vh - 45px);
  }
  header.header nav.gNav.tablet .modal_menus.open{
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    overflow-y: auto;
  }
  header.header nav.gNav.tablet .modal_menus ul li{
    position: relative;
    line-height:40px;
    width:300px;
    font-weight: 500;
    border-bottom:solid 1px #ededed;
    padding: 0;
    text-align: left;
    overflow: hidden;
  }
  header.header nav.gNav.tablet .modal_menus ul li.hasChildren .acc-ttl{position:relative;display:block;}
  header.header nav.gNav.tablet .modal_menus ul li.hasChildren .acc-ttl{
    background-color: #F8F8F8;font-weight:bold;
  }
  header.header nav.gNav.tablet .modal_menus ul li.hasChildren .acc-ttl:after{
    content: "＋";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
     font-weight: 300;
  }
  header.header nav.gNav.tablet .modal_menus ul li.hasChildren .acc-ttl.open:after {
      content: "−"
  }
  header.header nav.gNav.tablet .modal_menus ul li a,
  header.header nav.gNav.tablet .modal_menus ul li > span{
    display: block;
    padding-left: 0.75em;
    /* padding:0 1.0em; */
  }
  header.header nav.gNav.tablet .modal_menus li li a,
  header.header nav.gNav.tablet .modal_menus li li > span{
    padding-left: 1.5em;
  }
  header.header nav.gNav.tablet .modal_menus li li li a,
  header.header nav.gNav.tablet .modal_menus li li li > span{
    padding-left: 2.25em;
  }
  header.header nav.gNav.tablet .modal_menus li.hasChildren li{
    border-top:solid 1px #ededed;
    border-bottom: none;
    padding-right:2.5em;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    opacity:1;
    overflow: hidden;
  }
  header.header nav.gNav.tablet .modal_menus li.hasChildren span:not(.open) + ul > li{
    height:0;
    border-width: 0px;
    opacity:0;
  }

  main.main > section{padding: 0 20px;}
  ul.items {margin-top:2.0em;}
  ul.items li span.rank{
    top: -10px;
    width: 40px;
    height: 40px;
    line-height: 37px;
    font-size: 14px;
  }
  ul.items li span.rank:after{font-size: 20px;}
  ul.items.col4 li:nth-of-type(n),
  ul.items.col5 li:nth-of-type(n){width:31.933%;margin:0;}
  ul.items.col4 li:nth-of-type(3n+2),
  ul.items.col5 li:nth-of-type(3n+2){margin:0 2%;}
  ul.items.col4 li:nth-of-type(n+4),
  ul.items.col5 li:nth-of-type(n+4){margin-top:20px;}
  header.header nav.gNav.tablet .lower-btn{
    padding: 2em 1em;text-align: center;display: flex;justify-content: center;align-items: center;
  }
  header.header nav.gNav.tablet .lower-btn a{
    display:block;max-width:40px;width:100%;
  }
  header.header nav.gNav.tablet .hamb-top .btn-wrapper{display: flex;justify-content: space-between;}
  header.header nav.gNav.tablet .hamb-top .btn-wrapper a{width: 48%;color: #fff;}
  header.header nav.gNav.tablet .hamb-top{padding: 1em 1em;}
  header.header nav.gNav.tablet .hamb-top .mypage-btn{
    display: block;
    background-color: #DF2A1C;
    max-width: 100%;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 0.8em 0.5em;
    border-radius: 32px;
  }
}
@media screen and (max-width:768px) {
  table,table tr,table th,table td{font-weight: 1.0em;}
  .BreadCrumb {
    margin: 8px 10px;
  }
  .FreeSpace,
  .Heading.-pageTitle,
  .productlist-sort__section,
  main.main > section{
    padding: 0 10px;
  }
  .product-explain table {
    width: 100%;
    font-size: .75rem;
  }
  ul.items.col3 li:nth-of-type(n),
  ul.items.col4 li:nth-of-type(n),
  ul.items.col5 li:nth-of-type(n){width:49%;margin:0;}
  ul.items.col3 li:nth-of-type(2n+2),
  ul.items.col4 li:nth-of-type(2n+2),
  ul.items.col5 li:nth-of-type(2n+2){margin-left:2%;}
  ul.items.col3 li:nth-of-type(n+3),
  ul.items.col4 li:nth-of-type(n+3),
  ul.items.col5 li:nth-of-type(n+3){margin-top:20px;}
}
@media(max-width:480px) {
  header.header .head_logo > .desc{display: none;}
  footer.footer section.brand_lists ul.category_list li {width: 100%;}
}
@media(min-width:375px) {
  .search {-ms-flex-wrap: nowrap;flex-wrap: nowrap}
}
.pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

/* お気に入りボタン */
.product-list__fav-items{
  text-align:left;
}
.favorite-button {
   border:none!important;
  -webkit-transition: color .2s ease, background-color .2s ease;
  transition: color .2s ease, background-color .2s ease
        display: inline-block;
  background-color: #fff;
  border: 2px solid currentColor;
  text-decoration: none;
  line-height: 1;
  border-radius: 4px;
  margin-top:10px;
  font-size: 10px;
  padding: 5px;
  font-size:20px;
  display:inline;
}

.favorite-button i{
    color:#ccc;
}
.favorite-button.fav-items i{
    color:#df2a1c;
}
/* ============================================
 new footer
================================================ */
.inner{
  width: 100%;
  max-width: calc(1300px + 5% * 2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3%;
  padding-right: 3%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.inner.big{
  max-width: calc(1600px + 5% * 2);
}
.f-footer{
  background-color: #EAEAEA;
  padding: 12em 0 3em;
}
.f-footer .f-topwrap{
  display: flex;
  justify-content: space-between;
  margin-bottom: 5em;
}
.f-footer .f-topwrap .link-list{
  width: 64%;
  display: flex;
  justify-content: space-between;
}
.f-footer .f-topwrap .link-list ul{
  width: 28%;
}
.f-footer .f-topwrap .link-list ul li a{
  display: block;
  color: #000;
  padding: 1.5em 1.5em 1.5em 0;
  position: relative;
  border-bottom: 1px solid #000;
  cursor:pointer;
  transition: all 0.3s ease;
}
.f-footer .f-topwrap .link-list ul li a::before{
   content: '';
   background: url(https://zabou.org/anize/newtemplate/common/icon_arrow.svg) no-repeat;
    width: 11px;
    height: 11px;
    position: absolute;
    background-size: cover;
    top: 50%;
    right: 6px;
    transform: translate(0, -50%);
  transition: all 0.3s ease;
}
.f-footer .f-topwrap .link-list ul li a:hover::before{
  top: 48%;
  right: 0px;
}
.f-footer .f-topwrap .comp-logo{
  width: 27%;
}
.f-footer .f-topwrap .comp-logo .logo{
  max-width: 154px;
  width: 100%;
  margin-bottom: 2em;
}
.f-footer .f-topwrap .comp-logo .logo img{
  width:100%;
  display: block;
}
.f-footer .f-topwrap .comp-logo a{transition: all 0.3s ease;}
.f-footer .f-topwrap .comp-logo a:hover{opacity:0.6;}
.f-footer .f-link{
  max-width: 60%;
  width: 100%;
  margin: 2em 0 6em;
  display: flex;
  flex-wrap: wrap;
}
.f-footer .f-link li{
  margin-bottom: 1em;
}
.f-footer .f-link li a{
  color: #000;
  padding: 0 1em;
  border-right: 1px solid #DDDDDD;
}
.f-footer .f-store{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.f-footer .f-store .store-block{
  width: 48%;
  margin-bottom: 5em;
} 
.f-footer .f-store .store-block .s-namewrap{
  display: flex;
  justify-content: space-between;align-items: flex-start;
}
.f-footer .f-store .store-block .s-namewrap .s-name{
  font-family: "Montserrat", sans-serif;
  font-size: 36px;
  line-height: 1.6;
  font-weight: bold;
  margin-top: 0.3em;
}
.f-footer .f-store .store-block .s-namewrap a{
  max-width: 27px;
  width: 100%;
  display: block;
  transition: all 0.3s ease;
}
.f-footer .f-store .store-block .s-namewrap a:hover{opacity:0.6;}
.f-footer .f-store .store-block .s-address{
  font-size: 15px;
  color: #666666;
  margin-top: 1.4em;
}
.f-footer .store-about{
  width: 80%;
  margin: 5em 0 5em;
}
.f-footer .copyright{
  text-align: center;
  border-top: 1px solid #666666;
  padding: 4em 0 0;
}
@media (max-width: 980px) {
  .f-footer {
    padding: 4em 0 3em;
 }
  .f-footer .f-topwrap .link-list ul {
    width: 31%;
  }
}
@media (max-width: 767px) {
  .f-footer {
    padding: 2em 0 2em;
  }
  .f-footer .f-topwrap {
    display: block;
    margin-bottom: 3em;
  }
  .f-footer .f-topwrap .link-list {
    width: 100%;
    display: block;
  }
  .f-footer .f-topwrap .link-list ul {
    width: 100%;
  }
  .f-footer .f-topwrap .link-list ul li a {
    padding: 1em 0;
  }
  .f-footer .f-topwrap .comp-logo {
    width: 100%;
    margin: 3em 0 0;text-align: center;
  }
  .f-footer .f-topwrap .comp-logo .logo {
    max-width: 127px;
    margin: 0 auto 1em;
  }
  .f-footer .f-link {
    max-width: 100%;
    margin: 2em 0 2em;
  }
  .f-footer .f-store{
    display: block;
  }
  .f-footer .f-store .store-block {
    width: 100%;
    margin-bottom: 2em;
  } 
  .f-footer .f-store .store-block .s-namewrap .s-name {
    font-size: 27px;
    margin-top: 0.1em;
  }
  .f-footer .f-store .store-block .s-address {
    font-size: 14px;
    margin-top: 0.5em;
  }
  .f-footer .store-about {
    width: 100%;
    margin: 1em 0 1em;
  }
  .f-footer .copyright {
    padding: 1em 0 0;
  }
}

.store-wrap{margin-bottom: 9em;}
.store-wrap .c-ttl{
  text-align: center;
  margin: 0 0 2em;
}
.store-wrap .upper-wrap{
  display: flex;
  justify-content: space-between;
}
.store-wrap .upper-wrap .image-box{
  width: 46%;
}
.store-wrap .upper-wrap .image-box img{
 display:block; width: 100%;
}
.store-wrap .upper-wrap .detail-box{
  width: 49%;padding-right: 1%;
}
.table-detail{margin-bottom: 2em;}   
.table-detail dl{
  display: flex;
  justify-content: space-between;margin-bottom: 0.8em;
}
.table-detail dl dt{
  font-weight: bold;
  width: 15%;
}
.table-detail dl dd{
 width: 80%;
}
.table-detail dl dd .tel{
  font-size: 31px;
  display: table;
  color: #000;font-weight: bold;
}
.table-detail dl dd .sns-wrap{
  margin: 0 0 1em;
  display: flex;
  align-items: center;
}
.table-detail dl dd .sns-wrap a{
  max-width: 42px;width:100%;
}
.table-detail dl dd .btn-wrap{display:flex;}
.table-detail dl dd .btn-wrap .btn01:first-child {
    margin-right: 3%;
}
/*--------------------------------------
  モーダル表示上から_002
--------------------------------------*/
.modal_wrap input {
  display: none;
}
.modal_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}
.modal_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}
.modal_content {
  align-self: center;
  width: 68%;
  padding: 3em 5em 3em;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;overflow: hidden;
  height: 93%;
}
.modal_content p {
  padding-top: 0;
}
.modal-outer{
    overflow-y: scroll;
    height: 100%;
}
.close_button {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  cursor: pointer;
  background-color: #666666;
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close_button img{max-width: 41%;width: 100%;}
.modal_wrap input:checked ~ .modal_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
.modal_wrap input:checked ~ .modal_overlay .modal_content {
  transform: translateY(9px);
}
.open_button {
    transition: all 0.3s;
}
.open-button:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(2px);
  transform: translateY(2px);/*下に動く*/
}
/*アイコンを表示*/
.open-button:after {
font-family: "Font Awesome 5 Free";
  content: "\f2d0";
    padding-left: 8px;
}
/*ラベルホバー時*/
.open-button:hover {
  color: #FFFFFF;
  background-color: #4f96f6;
  transition: .6s;
}
.modal_title2 {
  font-size: 1.5em;
	position: relative;
	overflow: hidden;
  padding-bottom: 10px;
  margin-top:0;
  margin-bottom: 0;
}
.modal_title2::before,
.modal_title2::after{
	content: "";
	position: absolute;
	bottom: 0;
}
/* h2 プライマリカラー*/
.modal_title2:before{
	border-bottom: 4px solid #6bb6ff;
	width: 100%;
}
/* h2 セカンダリカラー*/
.modal_title2:after{
	border-bottom: 4px solid #c8e4ff;
	width: 100%;
}
.slider-for-wrap{
    max-width: 80%;
    width: 100%;
    margin: 2em auto 2.5em;
}
.modal_content .c-ttl{
    text-align: center;
}
.modal_content .c-ttl span{
  line-height: 1.4;    font-size: 36px;
}
.slider-nav{
;overflow: hidden;
}
.slider-nav .thumb {
  width: calc(100% / 5 - 8px); /* 6列 */
  cursor: pointer;margin: 0 4px;
}
.slick-slide img{margin:0 auto;}
.slick-slide.vertical img{max-width: 42%;width: 100%;}
.slider-for-wrap .midashi{font-size: 18px;
    font-weight: bold;
    padding: 1em 0.5em;
    border-bottom: 1px dashed #DF2A1C;
    margin-bottom: 1em;}
@media screen and (max-width: 980px) {
.table-detail dl dd .tel{
  font-size: 23px;
}
}
@media screen and (max-width: 767px) {
  .p-access .access-nav {
    display: block;
  }
  .p-access .access-nav::after, .p-access .access-nav::before {
    content: none;
  }
  .p-access .access-nav a {
    width: 100%;max-width: 100%;
    padding: 1em 0em;
    margin-bottom: 0.6em;
  }
  .p-access .access-nav {
    margin: 0em auto 4em;
  }
  .store-wrap {
    margin-bottom: 5em;
  }
  .store-wrap .upper-wrap {
    display: block;
  }
  .store-wrap .upper-wrap .image-box {
    width: 100%;
    margin: 0 auto;
  }
  .store-wrap .upper-wrap .detail-box {
    width: 94%;
    margin: 1.2em auto 0;
  }
  .store-wrap .upper-wrap .detail-box iframe {
    height: 173px;
  }
  .video-box iframe {
    width: 100%;
    height: 253px;
  }
  .video-box {
    max-width: 730px;
    margin: 2em auto 2em;
  }
  .store-wrap .gray-wrap {
    display: block;
  }
  .store-wrap .gray-box {
    padding: 1.5em 1em;
    width: 94%;
    margin-bottom: 0.5em;
  }
  .gmap-box .ttl {
    font-size: 20px;
  }
  .table-detail dl dd .tel {
    font-size: 22px;
  }
  .table-detail dl dd {
    width: 79%;
  }
  .table-detail dl dt {
    width: 17%;
  }
  .modal_content {
    width: 91%;    
    height: 71%;
    padding: 3em 1em 1em;
  }
  .slider-for-wrap {
    max-width: 100%;
  }
  .close_button {
    width: 47px;
    height: 47px;z-index: 1;
  }
  .modal_content .c-ttl span {
    font-size: 27px;
  }
  .table-detail dl dd .btn-wrap{display:block;}
  .table-detail dl dd .btn-wrap .btn01:first-child {
    margin-right: 0;
    margin-bottom: 0.4em;
 }
}
.guide-nav{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 3em auto 5em;
  position: relative;
}
.guide-nav::before {
  order: 1;  
}
.guide-nav::after,
.guide-nav::before {
  content: "";
  display: block;
  width: 24%;  
  height: 0;
}
.guide-nav a{
  max-width: 24%;width:100%;
  border: 1px solid #D1D1D1;
  display: block;
  text-align: center;
  padding: 1.5em 0em;
  color:#000;
  margin-bottom:0.8em;
}
.guide-nav a:hover{
  border: 1px solid #DF2A1C;
}
@media screen and (max-width: 767px) {
   .guide-nav {
    display: block;
  }
  .guide-nav::after,
  .guide-nav::before {
    content: none;
  }
  .guide-nav a{
    width: 100%;max-width:100%;padding: 1em 0em;margin-bottom: 0.5em;
  }
}
.c-alert {
    background: #fff;
}