/*bx slider*/
.bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0;-webkit-perspective:1000}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translateZ(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.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-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.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-auto{text-align:center}.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.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{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.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.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}


/* style.css */
.gnav-pc {
  background: #f2f2f2;
  border: 0;
}

.gnav-pc .__menu.__menu--default ul {
  border-right: 1px solid #eee;
}

.gnav-pc .__menu.__menu--default ul li {
  border-left: 1px solid #eee;
}

.c-heading-main,
.aside section.__block .__heading.__heading--default,
.aside section.__block .__heading.__heading--custom,
.main h2.__heading {
  border: 0;
  background: #f2f2f2;
  padding: .6rem .8rem;
  font-weight: normal;
}

.bx-wrapper {
  border: 0;
  box-shadow: 0 0 0 0;
  /* margin-bottom: 0; */
}

.bxslider div {
  height: 25vw;
}

.__title {
  font-weight: bold;
  color: #3498db;
}

table.table {
  width: 100%;
}

table.table th,
table.table td {
  border: 1px solid #eee;
  text-align: center;
  padding: 5px;
}

table.table td.pref {
  text-align: left;
}

@media (min-width: 960px) {
  .slide-sp{display: none;}
}
@media (max-width: 960px) {
  .bxslider div {
    height: 40vw;
  }
  .slide-pc{display: none;}
}

@media (max-width: 599px) {
  .bxslider div {
    height: 100vw;
  }

  table.table td.pref {
    font-size: 12px;
  }
}


/*新着情報*/

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}


.item {
  border-top: 1px solid #ccc;
  padding: 20px 0;
}

@media (min-width: 959px) {

  .item img {
    display: block;
    float: right;
    /*    padding: 10px 30px;*/
  }

  .container {
    width: 900px;
    margin: 40px auto;
  }

  .topics-head,
  .topics-foot {
    margin: 100px 0;
  }

  .side-image {
    float: left;
    width: 170px;
  }

  .items {
    float: right;
    width: 700px;
  }


}

@media (max-width: 599px) {
  .side-image {
    text-align: center;
  }
  .item {
    text-align: center;
  }
  .item p {
    text-align: left;
    padding: 0 20px;
  }
}

@media (max-width: 959px) {
  .head-tenbai{
    display: none;
  }
  .section-tenbai{
    margin-bottom: 30px;
  }
}
@media (min-width: 960px) {
  .section-tenbai{
    display: none;
  }
  .head-tenbai{
    padding-top: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .head-tenbai img+ img{
    margin-left: 25px;
  }
  .line .qr{
    display:none;
  }
}
.aside section.__block.__block--category .__body ul.__tree > li.__item.__item--has-children > span.__js-toggle{display:block;}
.aside section.__block.__block--category .__body ul.__tree > li.__item.__item--has-children > span.__js-toggle + ul{display:none;}
header .__content-top{position: absolute;width: 100%;z-index:0;}
header .__content-top .head-tenbai{max-width: 1280px;margin: 0 auto;}
@media screen and (max-width: 1279px){header .__content-top .head-tenbai{max-width: 960px;}}
header .__banner{z-index: 1;position: relative;}

.freepage{margin-bottom: 40px;}
.freepage img{max-height:240px;}
.freepage.shipping img{max-height:140px;}
.freepage .block+.block{margin-top: 40px;}
.freepage table+table{margin-top: 10px;}
.freepage table td.text-right{text-align:right;}
.freepage h3{
  margin-top:30px;
}
@media screen and (min-width: 1280px){
  .freepage table.table-w-70{max-width:70%;margin-left:15%;}
}

/* 入荷情報 */
#load-items {
display: flex;
flex-wrap: wrap;
}

#load-items a.load-item {
display: block;
/*width:50%;*/
}
@media screen and (min-width: 1280px){
  #load-items a.load-item{
    width:40%;
    margin:5%;
  }
}
@media screen and (max-width: 1279px){
  #load-items a.load-item{
    width:48%;
    margin: 2% 1%;
  }
}

#load-items a.load-item:hover {
text-decoration:none;
}

#load-items a.load-item .img {
text-align:center;
}

@media screen and (max-width: 959px){
.d-lg-none {display:none;}
}

/* 印刷用CSS */
@media print{
  body>div, header.header, footer.footer, aside.aside{display:none;}
  body > div.wrapper{display:block;}
  .main .__heading, .main .__content.__is-html >b, .main .__to-home {display:none;}
 .wrapper.wrapper--column-2 .__inner .main {width:100%;}
 .wrapper.wrapper--column-2 .__inner .main {width:100%;}
 #load-items a.load-item{
    width:48%;
    margin: 30px 1% 20px;
  }
 #load-items a.load-item:nth-child(4n){
    margin-bottom:130px;
  }
  #load-items a.load-item .img img {
    max-height:180px;width:auto;
  }
  #load-items a.load-item h2{margin-bottom:5px;font-size:13px;}
#load-items a.load-item div.text{font-size:12px;}
}
em{color:#f33;font-style:normal;}




/* 商品一覧でのSOLD OUT表示を有効にする */
.p-product-block ul.__product li.__item.__is-soldout .__photo .__soldout { display: block; }
.main.main--product-list section.__list.__list--row ul.__product li.__item.__is-soldout a table tr td.__photo .__soldout { display: block; }
.p-product-block ul.__product li.__item.__is-soldout .__photo .__soldout:after {  content: 'SOLD OUT' ;font-size: 1.3em; color: #fff;}


/* ============================================================
   銘柄・ブランド一覧
   最終版
   ============================================================ */


/* ============================================================
   一覧全体
   ============================================================ */

body.body-product-list-category
.main.main--product-list
section.__child > ul {

  display: grid !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 0 30px 0 !important;
  padding: 0 !important;

  list-style: none !important;

  box-sizing: border-box !important;

  float: none !important;

  /*
   * 古いテーマのclearfix等を無効化
   */
  overflow: visible !important;
}


/* ============================================================
   各銘柄カード
   ============================================================ */

body.body-product-list-category
.main.main--product-list
section.__child > ul > li {

  display: block !important;

  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;

  float: none !important;
  clear: none !important;

  margin: 0 !important;

  /*
   * カード内の余白
   */
  padding: 10px 12px !important;

  /*
   * 白背景
   */
  background: #ffffff !important;

  /*
   * 薄い枠線
   */
  border: 1px solid #e5e5e5 !important;

  /*
   * 少しだけ角を丸く
   */
  border-radius: 4px !important;

  box-sizing: border-box !important;

  list-style: none !important;

  /*
   * 長い文字がカードの外へ出ない
   */
  overflow: hidden !important;

  /*
   * 最低限の高さを確保
   */
  min-height: 60px !important;

  /*
   * 縦方向を整える
   */
  display: flex !important;
  align-items: center !important;
}


/* ============================================================
   銘柄リンク
   ============================================================ */

body.body-product-list-category
.main.main--product-list
section.__child > ul > li > a {

  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 1.5 !important;

  text-decoration: none !important;

  box-sizing: border-box !important;

  /*
   * 今回の重要ポイント
   *
   * 文字を小さめにして、
   * 途中で細かく折れにくくする
   */
  font-size: 13px !important;

  /*
   * 日本語の不自然な途中改行を抑える
   */
  word-break: normal !important;

  overflow-wrap: normal !important;

  /*
   * ブラウザに自然な折り返しをさせる
   */
  white-space: normal !important;

  /*
   * 文字が長い場合のレイアウト改善
   */
  text-wrap: pretty !important;
}


/* ============================================================
   カード内の文字
   テーマ側で大きく指定されていても抑える
   ============================================================ */

body.body-product-list-category
.main.main--product-list
section.__child > ul > li {

  font-size: 13px !important;

  line-height: 1.5 !important;
}


/* ============================================================
   マウスを乗せたとき
   ============================================================ */

body.body-product-list-category
.main.main--product-list
section.__child > ul > li:hover {

  background: #fafafa !important;

  border-color: #d5d5d5 !important;
}


/* ============================================================
   PC
   960px以上
   4列
   ============================================================ */

@media screen and (min-width: 960px) {

  body.body-product-list-category
  .main.main--product-list
  section.__child > ul {

    grid-template-columns:
      repeat(4, minmax(0, 1fr)) !important;

    /*
     * 横方向
     */
    column-gap: 12px !important;

    /*
     * 縦方向
     */
    row-gap: 10px !important;
  }


  body.body-product-list-category
  .main.main--product-list
  section.__child > ul > li {

    padding: 10px 12px !important;

    min-height: 58px !important;
  }


  body.body-product-list-category
  .main.main--product-list
  section.__child > ul > li > a {

    font-size: 13px !important;

    line-height: 1.5 !important;
  }

}


/* ============================================================
   タブレット
   600～959px
   3列
   ============================================================ */

@media screen and (min-width: 600px)
and (max-width: 959px) {

  body.body-product-list-category
  .main.main--product-list
  section.__child > ul {

    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;

    column-gap: 10px !important;
    row-gap: 10px !important;
  }


  body.body-product-list-category
  .main.main--product-list
  section.__child > ul > li {

    padding: 9px 10px !important;

    min-height: 56px !important;
  }


  body.body-product-list-category
  .main.main--product-list
  section.__child > ul > li > a {

    font-size: 13px !important;

    line-height: 1.5 !important;
  }

}


/* ============================================================
   スマホ
   599px以下
   2列
   ============================================================ */

@media screen and (max-width: 599px) {

  body.body-product-list-category
  .main.main--product-list
  section.__child > ul {

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    column-gap: 8px !important;
    row-gap: 8px !important;

    margin-bottom: 20px !important;
  }


  body.body-product-list-category
  .main.main--product-list
  section.__child > ul > li {

    padding: 9px 8px !important;

    min-height: 54px !important;

    border-radius: 3px !important;
  }


  body.body-product-list-category
  .main.main--product-list
  section.__child > ul > li > a {

    font-size: 12px !important;

    line-height: 1.5 !important;
  }

}


/* ============================================================
   小さいスマホ
   380px以下
   ============================================================ */

@media screen and (max-width: 380px) {

  body.body-product-list-category
  .main.main--product-list
  section.__child > ul {

    column-gap: 6px !important;
    row-gap: 6px !important;
  }


  body.body-product-list-category
  .main.main--product-list
  section.__child > ul > li {

    padding: 8px 7px !important;

    min-height: 52px !important;
  }


  body.body-product-list-category
  .main.main--product-list
  section.__child > ul > li > a {

    font-size: 11.5px !important;

    line-height: 1.5 !important;
  }

}


/* ============================================================
   テーマ側のfloat・疑似要素対策
   ============================================================ */

body.body-product-list-category
.main.main--product-list
section.__child > ul::before,

body.body-product-list-category
.main.main--product-list
section.__child > ul::after {

  display: none !important;

  content: none !important;
}


/* ============================================================
   li側の疑似要素対策
   ============================================================ */

body.body-product-list-category
.main.main--product-list
section.__child > ul > li::before,

body.body-product-list-category
.main.main--product-list
section.__child > ul > li::after {

  box-sizing: border-box !important;
}


/* ============================================================
   最後の余白
   ============================================================ */

body.body-product-list-category
.main.main--product-list
section.__child > ul > li:last-child {

  margin-bottom: 0 !important;
}

/* PCスライダー：元画像1000px以上に拡大しない */
.bxslider-pc img {
  display: block;
  width: 100%;
  max-width: 1000px;
  height: auto;
  margin: 0 auto;
}

/* スマホスライダー */
.bxslider-sp img {
  display: block;
  width: 100%;
  max-width: 400px;
  height: auto;
  margin: 0 auto;
}

/* bxSliderの画像ぼやけ対策テスト */
.bx-viewport {
  -webkit-transform: none !important;
  transform: none !important;
}

.bxslider-pc img,
.bxslider-sp img {
  image-rendering: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}