@charset "UTF-8";
/*------------------------------
 共通・既存調整修正
------------------------------*/
img {
  aspect-ratio: attr(width)/attr(height); /* アスペクト比をブラウザ側が理解でき、画像が読み込まれる前にwidth とheight 属性に基づいて表示サイズを計算するようになる */
}

.page-event .pane-main {
  width: 100%;
}

.pane-left-menu {
  display: none;
}

.pane-right-menu {
  margin: 0 auto;
}

.block-event-page--goods,
.block-category-list--goods {
  width: 930px;
  margin: 0 auto;
}

.block-event--goods {
  margin-bottom: 100px;
}

.block-pickup-list-p--items {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.block-pickup-list-p--item-body {
  display: block;
  width: 240px;
  border: none;
  margin-right: 10px;
  margin-bottom: 50px;
}
.block-pickup-list-p--item-body:nth-of-type(4n) {
  margin-right: 0;
}

.block-pickup-list-p--item-body:first-child {
  margin-bottom: 30px;
}

.block-pickup-list-p--image {
  width: 100%;
  padding: 10px 0;
}

.block-pickup-list-p--image figure {
  width: 240px;
  height: 240px;
  background-color: #FFFFFF;
}

.block-pickup-list-p--item-body .block-pickup-list-p--item-description {
  width: 100%;
  border: none;
  padding: 0 37.5px;
  margin: 0;
}
.block-pickup-list-p--item-body .block-pickup-list-p--item-description::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.block-pickup-list-p--goods-name a {
  display: inline-block;
  min-height: 81px;
  font-size: 14px;
  line-height: 27px;
  text-decoration: none;
}
.block-pickup-list-p--goods-name a:hover {
  text-decoration: underline;
}

.block-pickup-list-p--item-description .block-thumbnail-t--stock-items {
  font-size: 16px;
  line-height: 27px;
  padding-bottom: 10px;
  margin-top: 15px;
}

.block-pickup-list-p--item-description .block-pickup-list-p--comment {
  font-size: 16px;
  line-height: 27px;
}

.block-pickup-list-p .price {
  font-size: 16px;
  font-weight: normal;
  line-height: 27px;
  margin-bottom: 15px;
}

.block-pickup-list-p--price.price.js-enhanced-ecommerce-goods-price span {
  font-size: 1em;
}

.block-pickup-list-p--add-cart {
  float: none;
  margin-top: 5px;
}

.block-pickup-list-p--add-cart .block-list-add-cart-btn {
  width: 100%;
}
.block-pickup-list-p--add-cart .block-list-add-cart-btn:hover {
  text-decoration: none;
}

.block-pickup-list-p .block-thumbnail-t--favorite {
  display: none;
}

.container {
  width: 100%;
}

.main-wrapper {
  padding-top: 40px;
  overflow: hidden;
}
.main-wrapper .sp {
  display: none;
}

.main-inner {
  width: 100%;
  margin: 0 auto;
}

/*------------------------------
 ページ
------------------------------*/
/* main-visual
------------------------------*/
.main-visual {
  margin-bottom: 90px;
}

.main-visual__image-box {
  font-size: 0;
  line-height: 0;
}

.main-visual__image {
  width: 100%;
  height: auto;
}

/* content
------------------------------*/
.content {
  color: #463C34;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  margin: 0 auto;
}

.content__inner {
  width: 1000px;
  margin: 0 auto;
}

.content__title {
  text-align: center;
  padding: 0;
  margin-bottom: 34px;
}

.content__title-inner {
  display: inline-block;
  position: relative;
  margin: 0;
}

.content__title-text {
  display: inline;
  color: #5A4E45;
  font-size: 36px;
  font-weight: bold;
  line-height: 48px;
  margin: 0;
  z-index: 1;
}

.content__title-caption {
  font-size: 24px;
  line-height: 43px;
  text-align: center;
  margin-bottom: 90px;
}

.content__sub-title {
  text-align: center;
  padding: 0;
  margin-bottom: 74px;
}

.content__sub-title-inner {
  display: inline-block;
  position: relative;
  margin: 0;
}

.content__sub-title-text {
  display: inline;
  color: #5A4E45;
  font-size: 27px;
  font-weight: bold;
  line-height: 35px;
  margin: 0;
  z-index: 1;
}

.content__bg-box {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  width: 920px;
  background-color: #FAF8F7;
  padding: 65px 60px 65px 60px;
  margin: 0 auto 100px;
  box-sizing: border-box;
}

.content__circle-image-box {
  width: 170px;
  font-size: 0;
  line-height: 0;
  border-radius: 50%;
  margin-right: 40px;
  overflow: hidden;
}

.content__circle-image {
  width: 100%;
  height: auto;
}

.content__text-box {
  width: calc(100% - 210px);
}

.content__text-box-title {
  font-size: 24px;
  line-height: 43px;
  margin-bottom: 5px;
}

.content__text {
  font-size: 14px;
  line-height: 23px;
}

.content__image-box {
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin-bottom: 106px;
}

.content__image {
  display: inline-block;
}

.bt_banner .sp {
  display: none;
}

.bt_banner {
  margin-bottom: 132px;
  text-align: center;
}

.bt_banner a {
  display: inline-block;
}

,bt_banner a img {
  max-width: 100%;
  height: auto;
}



/*------------------------------
 SP（スマートフォン）
------------------------------*/
@media screen and (max-width: 767px) {
  /* 767pxまでの幅の場合に適応される */
  /*------------------------------
   共通・既存調整修正
  ------------------------------*/
  .block-event-page--goods, .block-category-list--goods {
    width: 100%;
  }
  .main-wrapper {
    padding-top: 0;
  }
  .main-wrapper .pc {
    display: none;
  }
  .main-wrapper .sp {
    display: block;
  }
  .main-inner {
    width: 100%;
  }
  .block-pickup-list-p--items {
    border: none;
  }
  .block-pickup-list-p--items li {
    display: block;
    width: 100%;
    border: none;
    margin-bottom: 56px;
  }
  .block-pickup-list-p--items li a {
    display: block;
  }
  .block-pickup-list-p--goods-image {
    display: block;
    width: auto;
  }
  .block-pickup-list-p--goods-image figure {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    background: #FFFFFF;
    padding: 0;
    margin: 0 auto 50px;
  }
  .block-pickup-list-p--goods-description {
    display: block;
    position: relative;
    width: 100%;
    max-width: 255px;
    padding: 0;
    margin: 0 auto;
  }
  .block-pickup-list-p--goods-description .block-pickup-list-p--goods-name {
    font-size: 18px;
    line-height: 27px;
    text-decoration: none;
    margin-bottom: 5px;
  }
  .block-pickup-list-p--comment {
    font-size: 18px;
    line-height: 27px;
  }
  .block-thumbnail-t--stock-title {
    font-size: 18px;
    line-height: 27px;
  }
  .block-thumbnail-t--stock {
    font-size: 18px;
    line-height: 27px;
  }
  .block-pickup-list-p--item .block-pickup-list-p--goods-description .block-pickup-list-p--price-infos .block-thumbnail-t--stock-items {
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .block-icon img {
    height: 20px;
  }
  /*------------------------------
   ページ
  ------------------------------*/
  /* main-visual
  ------------------------------*/
  .main-visual {
    margin-bottom: 70px;
  }
  /* content
  ------------------------------*/
  .content__inner {
    width: auto;
  }
  .content__title {
    text-align: left;
    margin: 0 50px 44px;
  }
  .content__title-text {
    font-size: 26px;
    line-height: 44px;
  }
  .content__title-caption {
    font-size: 19px;
    line-height: 35px;
    text-align: left;
    margin: 0 50px 80px;
  }
  .content__sub-title {
    text-align: center;
    margin: 0 50px 70px;
  }
  .content__sub-title-text {
    font-size: 24px;
    line-height: 32px;
  }
  .content__bg-box {
    display: block;
    width: auto;
    padding: 45px 28px;
    margin: 0 50px 86px;
  }
  .content__circle-image-box {
    margin: 0 auto 25px;
  }
  .content__text-box {
    width: 100%;
  }
  .content__text-box-title {
    font-size: 21px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 17px;
  }
  .content__text {
    line-height: 28px;
  }
  .content__image-box {
    margin-bottom: 80px;
  }
  .content__image {
    display: inline-block;
  }
  .bt_banner .pc {
    display: none; 
   } 
  .bt_banner .sp {
    display: block; 
   } 
  .bt_banner {
    padding: 0 15px;
    margin-bottom: 66px;
  }

}
