@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}
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-family: 'Noto Sans JP', 'ÞâÌÀÄ«', 'YuMincho', 'Hiragino Mincho ProN W3', '¥á¥¤¥ê¥ª', 'Meiryo', Osaka, 'Hiragino Mincho ProN', '£Í£Ó £ÐÌÀÄ«', sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #414141;
  line-height: 1.5;
  overflow: hidden;
}
a[href=""]{display:none;}
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:#4f4f4f;
  border :solid 1px ;
  min-width:90px;
  line-height: 30px;
  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;
  color:#fff;
  background-color:#4f4f4f;

}

section h2[class]{
  text-align: center;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
  padding: 35px 0 49px;
}
section h2[class] span{
  display: block;
  font-size: 14px;
  margin-top:7px;
}
table,table tr,table th,table td{font-weight: 14px;border: solid 1px #666;padding: 0.15em 0.25em;}

[aria-hidden=true] {display: none}
[aria-hidden=false] {display: inherit}
.Selif{
  font-family: 'Noto Serif JP' !important;
  font-weight:normal;
}
.CONTENTfont,
.Sans{
  font-family: 'Noto Sans JP';
  font-weight:normal;
}
.UIfont,
section h2[class],
.Cormorant{
  font-family: 'Cormorant SC';
  font-weight:normal;
}
.err{
  min-height: 100px;
}
.fixed{
  position: fixed!important;
  top: 0;
  width:100%;
  z-index:999;
}
.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
================================================ */
main:not([class*="top"]),
.container {
  width: 1150px;
  margin: 0 auto;
  padding: 0;
}
.container2k {
  position: absolute;
  width: 1920px;
  margin: 0 auto;
  padding: 0;
  left:calc((100vw - 17px - 1920px)/2);
}
.cont-inner {
  margin-right: 25px;
  margin-right: 25px;
}

/* ============================================
Clear
================================================ */
.clearfix{
  display:block;
  clear:both;
  width: 100%;
}

/* ============================================
Header
================================================ */
header.header {
}
header.header a{color:inherit;}
header.header .container{position: relative;}
header.header  .head_logo{
  margin-top:32px;
  text-align: center;
}
header.header  .head_logo img{
  margin-left: -10px;
}
header.header .icon_menus{
  position: absolute;
  top:53px;right:77px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 20px;
}
header.header .icon_menus{
}
header.header .icon_menus{
}
header.header .icon_menus a{
  display: inline-block;
  margin:0 13px;
}

header.header nav.gNav{
  position: relative;
  background: #fff;
}
header.header nav.gNav > ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
}
header.header nav.gNav > ul > li{
  margin:0 40px;
  padding:29px 0;
  height: 80px;
}
header.header nav.gNav > ul > li > span,
header.header nav.gNav > ul > li > a{
  font-size: 14px;
  letter-spacing: 0.05em;
  font-weight: 900;
}
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!important;
}
header.header nav.gNav > ul.pc > li:not([class]) > a,
header.header nav.gNav > ul.pc > li.hasChildren > a,
header.header nav.gNav > ul.pc > li:not([class]) > span,
header.header nav.gNav > ul.pc > li.hasChildren > span{
  display: block;
  font-weight: bold;
  line-height: 45px;
  text-decoration: none;
  padding:0 3px;
}
header.header nav.gNav > ul > li:not([class]):hover,
header.header nav.gNav > ul > li.hasChildren.open{
  /* box-shadow:inset 0 -5px 0 #FF1E14; */
  text-decoration: underline;
}
header.header nav.gNav > ul li.search{width:242px;}
header.header nav.gNav > ul li.search form.search__form{border-bottom: solid 1px #999;}
header.header nav.gNav > ul li.search input.search__box{padding: 2px 10px;}
header.header nav.gNav > ul li.search button.search__button{
  background:no-repeat 2px 1px url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS4wOTQiIGhlaWdodD0iMTkuMDk0Ij48ZyBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA0MyI+PGcgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNDIiPjxwYXRoIGRhdGEtbmFtZT0i44OR44K5IDE1MCIgZD0iTTE4LjgzMiAxNi41MjFhLjkuOSAwIDAxMCAxLjI2OGwtMS4wNDUgMS4wNDRhLjkuOSAwIDAxLTEuMjY4IDBsLTMuNzI5LTMuNzNhLjg2Ljg2IDAgMDEtLjI2MS0uNjMzdi0uNmE3Ljc3OCA3Ljc3OCAwIDAxLTguNjcxLjYgNy44NDIgNy44NDIgMCAwMS0yLjgxNS0yLjgxNiA3LjggNy44IDAgMDEwLTcuNzk0IDcuODM0IDcuODM0IDAgMDEyLjgxNS0yLjgxNiA3LjggNy44IDAgMDE3Ljc5NSAwIDcuODQ0IDcuODQ0IDAgMDEyLjgxNiAyLjgxNiA3Ljc4MSA3Ljc4MSAwIDAxLS42IDguNjdoLjZhLjg2Mi44NjIgMCAwMS42MzMuMjYxek03Ljc1NiAxMi41M2E0LjczIDQuNzMgMCAwMDIuNDA1LS42MzQgNC42NCA0LjY0IDAgMDAxLjczNC0xLjczNCA0Ljg3OCA0Ljg3OCAwIDAwMC00LjgxIDQuNjQ5IDQuNjQ5IDAgMDAtMS43MzQtMS43MzUgNC44OCA0Ljg4IDAgMDAtNC44MTEgMCA0LjY1MSA0LjY1MSAwIDAwLTEuNzM0IDEuNzM1IDQuODc5IDQuODc5IDAgMDAwIDQuODEgNC42NDEgNC42NDEgMCAwMDEuNzM0IDEuNzM0IDQuNzMxIDQuNzMxIDAgMDAyLjQwNy42MzR6Ii8+PC9nPjwvZz48L3N2Zz4=);
}

/* Megamenu */
header.header nav.gNav > ul li.hasChildren > span {cursor: pointer;}
header.header nav.gNav > ul li.hasChildren > .subMenu {
  position: absolute;
    top: 100%;
    left: -50vw;
    right: -50vw;
    z-index: 9;
    /* width: 100%; */
    opacity: 0;
    color: #1b1b1b;
    background-color: #fff;
    padding: 10px 0 28px;
    pointer-events: none;
    overflow: hidden;
    -webkit-transition: 0.15s;
    transition: 0.15s;
    display: none;
      border-top: 1px solid #dfdfdf;
}
header.header nav.gNav > ul li.hasChildren > .subMenu.open {
  opacity: 1;
  pointer-events: all;
  pointer-events: auto;
  display: block;
}
header.header nav.gNav > ul li.hasChildren > .subMenu.open:before {
  /* content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -50vw;
  left: -50vw;
  background: #b31e28; */
}
header.header nav.gNav .subMenu > ul:not(.subMenu__cus){
  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:not(.subMenu__cus) > 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;
  margin-right: 55px;
  font-size: 14px;
  font-weight: nomal;
}

header.header nav.gNav .subMenu > .subMenu__cus{

}

header.header nav.gNav .subMenu > .subMenu__cus.subMenu__cus4row{
  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;
}

.subMenu__cus4row .subMenu__cusCol{
  padding-left: 15px;
  padding-right: 15px;
  max-width: 25%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}

.subMenu__cus h3{
  font-size: 15px;
  letter-spacing: 0.05em;
  font-weight: 900;
  padding: 7px 0;
  border-bottom: 1px solid #414141;
  margin-bottom: 15px;
}

.subMenu__cus h3:not(:first-child){
  margin-top: 10px;
}

.subMenu__cus ul li a{
  line-height: 1.0;
  font-size: 14px;
}

/* Chase */
header.header.fixed > nav.gNav {
  position:fixed;
  top:0;left:0;
  width:100%;
}


.header__search {
  margin: auto;
  position: relative;
}
.nav__search .header__search {
  display: none;
  position: absolute;
  top: 100%;
  width: 280px;
  right: 0;
}
.searchform{
  position: relative;
}
.searchform input {
  width: 100%;
  padding: 10px 45px 10px 20px;
  border: 1px solid #414141;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
}
li:not(.nav__search) > .header__search{
  width: 200px;
  font-size: 11px;
  margin-right: 10px;
}

.searchform #searchsubmit {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #262627;
  font-size: 20px;
  background: transparent;
  border: 0;
}

.searchform #searchsubmit i:before {
  z-index: 2;
  font-size: 16px;
}


.search__area {
    position: absolute;
    top: 47px;
    left: 55px;
    width: 280px;
}
/* ============================================
Sidebar
================================================ */
aside.side .unstyled img {
  display: block;
  margin-bottom: 5px
}

/* ============================================
Main
================================================ */
main:not([class*="top"]) {

}

/* ============================================
PriceList
================================================ */
ul.items{
  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;
  text-align: center;
  font-family: 'ÞâÌÀÄ«', YuMincho, "Hiragino Mincho ProN W3"'¥Ò¥é¥®¥ÎÌÀÄ« ProN W3', 'Hiragino Mincho ProN', '¥á¥¤¥ê¥ª', 'Meiryo', Osaka, ' £Í£Ó £ÐÌÀÄ«",£Í£Ó ÌÀÄ«', sans-serif;
}
ul.items .itemname{
  text-align: left;
  margin-top:11px;
  font-size: 12px;
}
ul.items .price{
  position: relative;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.0;
  margin-top: 11px;
  margin-bottom: 8px;
  text-align: left;
}
ul.items .price span{
  display: block;
  color: #414141;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.0;
}

ul.items .price .soldout {
  color: #414141;
}

ul.items .price span.label,
ul.items .price span.rate{
  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 li{
  position: relative;
  counter-increment: rank;
}
ul.items li img{
  width: 100%;
  height: auto;
}
ul.items.col2,
ul.items.col-between{
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
ul.items.col2 li,
ul.items.col-between li
{width:auto;}

ul.items.col3 li{width:340px;margin-right: calc((99.9999% - 340px * 3)/2);}
ul.items.col4 li{width:260px;margin-right: calc((99.9999% - 260px * 4)/3);}
ul.items.col5 li{width:168px;margin-right: calc((99.9999% - 168px * 5)/4);}
ul.items.col6 li{width:168px;margin-right: calc((99.9999% - 168px * 6)/5);}
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),
ul.items.col6 li:nth-of-type(6n+6){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.col4 li:nth-of-type(n+6),
ul.items.col5 li:nth-of-type(n+7){margin-top:20px;}

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

/* ===================================================
Footer
=================================================== */
footer.footer {
  color: #7e7e7e;
  background-color: #f2f2f2;
  text-align: center;
  padding-top: 70px;
  margin-top: 70px;
}
footer.footer a{color:inherit;}
footer.footer nav.ft_nav{
  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;
}
footer.footer .nav_col{text-align: left;}

footer.footer .nav_col.col_1{width: 18%;}
footer.footer .nav_col.col_2{width: 18%;}
footer.footer .nav_col.col_3{width: 18.66%; margin-top: 22px;}
footer.footer .nav_col.col_4{width: 17.9%;}
footer.footer .nav_col.col_5{width: 26.2%;}

footer.footer nav.ft_nav h4{
  font-size: 16px;
  letter-spacing: 0.03em;
}
footer.footer nav.ft_nav ul.nav-list{
  font-size: 12px;
  line-height: 30px;
  margin-top: 16px;
  margin-bottom: 45px;
  letter-spacing: -0.025em;
}
footer.footer nav.ft_nav ul.nav-list li{

}
footer.footer nav.ft_nav .icon_menus{
}
footer.footer nav.ft_nav .icon_menus{
  width:100%;
  margin: 31px auto 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
footer.footer nav.ft_nav .icon_menus a{
  display: inline-block;
  margin:0 11px;
}
footer.footer nav.ft_nav .site_links{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
      align-items: flex-start;
  width:100%;
  font-size: 11px
}
footer.footer nav.ft_nav .site_links li{margin:0 11px;}
footer.footer .copy{
  font:normal 11px 'Þ⥴¥·¥Ã¥¯', YuGothic, '¥Ò¥é¥®¥Î³Ñ¥´ Pro', 'Hiragino Kaku Gothic Pro', '¥á¥¤¥ê¥ª', 'Meiryo', Osaka, '£Í£Ó £Ð¥´¥·¥Ã¥¯', 'MS PGothic', sans-serif;
  margin:0px auto;
  padding:20px 0;
}

footer.footer .nav_col.col_5 p {
  margin-top: 10px;
  font-size: 12px;
  line-height: 2;
}

footer.footer .nav_col.col_5 .nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px auto 42px;
}

footer.footer .nav_col.col_5 .nav-list li a {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid;
}

footer.footer .nav_col.col_5 .nav-list li:last-child a {
  border-right: none;    margin-right: 0;
}

footer.footer .nav_col.col_5 .sns-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 62%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}

footer.footer .nav_col.col_5 .sns-lists li a i {
  font-size: 24px;
}

footer.footer .nav_col.col_5 .sns-lists li a img {
  height: 15px;
  margin-top: 6px;
}
/* ============================================
¥Õ¥ê¡¼¥¹¥Ú¡¼¥¹
================================================ */
.FreeSpace {
  padding: 0;
  font-size: 1em
}
.FreeSpace img {
  display: block;
  margin: 0 auto;
}
/* ============================================
¸¡º÷·ë²Ì
================================================ */
.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
}

/* ============================================
¾¦ÉÊ°ìÍ÷
================================================ */
.Heading {
  letter-spacing: 1px;
  line-height: 1.3;
  -webkit-font-feature-settings: "palt"1;
          font-feature-settings: "palt"1
}
.Heading.-pageTitle {
  padding: 0 20px;
  font-size: 22px;
  text-align: center;
  margin: 25px 0;
}
.freespace__section {margin: 0 0 40px}

/* ==================== ¥µ¥Ö¥«¥Æ¥´¥ê ==================== */
ul.subcategory-list {
  margin: 10px auto;
  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;
}
ul.subcategory-list li{
  margin:2px 0;
}
ul.subcategory-list li a{
  display: block;
  color:#666;
  background: #fff;
  border: 1px solid;
  padding: 3px 12px;
  /* border-radius: 5px; */
}
ul.subcategory-list li a:hover{
  /* color:#fff; */
  background: rgb(237, 228, 225);
  text-decoration: none;
  border: 1px solid rgb(237, 228, 225);
}
ul.subcategory-list li:not(:last-of-type){
  margin-right: 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
}

.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 {
  
}
.btn--soldout.disabled,
.btn--soldout[disabled] {
  background-color: #cf0400;
  color: #fff
}
.stock_error {
    position: relative;
    margin: 1em 0;
    /* padding: 1em .5em 1em 3em; */
    /* border: 3px solid currentColor; */
    /* background-color: #fff; */
    /* color: #d00; */
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    /* text-align: center; */
}
.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}

.product_detail_area table,
.product_detail_area table tr,
.product_detail_area table th,
.product_detail_area table td {
  border: 0;
}

/* ============================================
pagination
================================================ */
.pagenation-list {
  padding-top: 30px;
  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 #666;
  background-color: #fff;
  color: #666;
  text-decoration: none
}
.pagenation-list__unit a:hover {
  border: 2px solid #666;
  background-color: #666;
  color: #fff
}
.pagenation-list__unit span {
  border: 2px solid #ccc;
  background-color: #fff;
  color: #ccc
}
.pagenation__section {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px
}

/* ===================================================
BreadCrumb¡Ê¥Ñ¥ó¤¯¤º¡Ë
=================================================== */
.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
}
.BreadCrumb__listUnit:not(:first-child):before {
  content: ">";
  display: inline-block;
  margin-right: .25em;
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5);
  font-weight: 700
}
.BreadCrumb a,
.BreadCrumb a span {
  color: #414141;
}
/* ===================================================
¾¦ÉÊ¥½¡¼¥È
=================================================== */
.sortArera {
  border: 1px solid #ccc;
  background: #f1f1f1;
  font-size: .8125rem;
  margin: 10px auto 20px;
  padding:5px;
}
.sortArera ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
      align-items: flex-start;
}
.sortArera ul li{
}
.sortArera ul li+li:before{
  content:'/';
  padding:0 5px;
}
.sortArera .item_cnt_all{
  text-align: center;
  margin-top: 5px;
}
.sortArera ul li a {
  color: #414141;
}
/* ===================================================
ÆÃÄ꾦¡¦¥×¥é¥¤¥Ð¥·¡¼¥Ý¥ê¥·¡¼
=================================================== */
.privacy-par {
  margin: 0 0 20px;
  font-size: .9em
}
.notice-box {
  margin-bottom: 40px
}
.notice-heading {
  margin: 0 0 20px;
  padding: 10px 0 10px 20px;
  background: #311700;
  color: #fff;
  font-size: .9em
}
.notice-list {
  margin: 0
}
.notice-list__name {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 1em
}
.notice-list__unit {
  margin: 0 0 20px;
  font-size: .9em
}

/* ===================================================
ÎÁ¶âɽ
=================================================== */
.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: #414141}
.product-list__discount-rate {color: #414141}
.product-list__soldout {color: #414141}

.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}
.col-md-4:nth-child(3n+1) {clear: left}
.col-lg-2:nth-child(6n+1) {clear: left}

.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 {-ms-flex-wrap: nowrap;flex-wrap: nowrap}
.search__social {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: right
}
.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}
.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
}
.product-name {
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: 700
}

/* ============================================
bx-slider
================================================ */
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  margin-bottom: 30px
}
.bx-wrapper img {
  max-width: 100%;
  display: block
}
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, .75);
  width: 100%
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active
{background-position: -86px 0}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active
{background-position: -86px -33px}
.bx-wrapper .bx-controls-auto {text-align: center}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999
}
.bx-wrapper .bx-controls-direction a.disabled {display: none}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%
}
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url(images/controls.png) no-repeat -43px -32px
}
.bx-wrapper .bx-next:hover {background-position: -43px 0}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block}
.bx-wrapper .bx-pager {
  padding-top: 10px;
  bottom: -20px
}
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: 700;
  color: #666;
  padding-top: 20px
}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active
{background: #000}
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(images/controls.png) no-repeat 0 -32px
}
.bx-wrapper .bx-prev:hover {background-position: 0 0}
.bx-wrapper .bx-viewport {
  -webkit-box-shadow: 0 0 5px #ccc;
          box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  left: -5px;
  background: #fff;
  -webkit-transform: translatez(0);
  transform: translatez(0)
}


.newsLetter{
  padding: 15px;
  border: 1px solid #999;
}

#aboutPage h3 {
    color: #777777;
    font-size: 18px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 43px;
}

#aboutPage p {
    margin: 20px auto;
    line-height: 35px;
    letter-spacing: 0.075em;
}

.row{
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
}

.col-6{
  max-width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding-left: 20px;
  padding-right: 20px;
}

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

.highlight{
  background-color: #f2f2f2;
  padding: 60px 0;
}


section.information a {
    color: #1b1b1b;
    text-decoration: underline;
}

#shoplist{
  margin-top: -80px;
  padding-top: 80px;
}

.ancor{
  margin-top: -80px;
  padding-top: 80px;
}