@charset "UTF-8";

/* トップページ（レスポンシブ） ファーストビュー用 */

/*usr/sb_layout.css のコピー ここから */
/* ここまでusr/sb_layout.css のコピー */

/*usr/sb_block.css のコピー ここから */
/* ここまでusr/sb_block.css のコピー */

@media screen and (min-width: 769px) {
  /*sys/responsive_layout.css のコピー ここから */
  .container {
    max-width: var(--responsive-sys-container-width);
    margin: 0 auto;
  }
  /* ここまでsys/responsive_layout.css のコピー */

  /* sys/responsive_base_form.css のコピー ここから */
  /* ----入力フォームボタン---- */
  input[type="text"],
  input[type="tel"],
  input[type="email"],
  input[type="search"],
  input[type="password"],
  input[type="url"],
  input[type="number"],
  select,
  textarea {
    padding: 4px;
    border: 1px solid #ccc;
  }
  input[type="radio"] {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
  }
  /* ここまで sys/responsive_base_form.css のコピー */

  /* usr/responsive_block.css のコピー ここから */
  /* ----トップページ---- */
  .block-top-title {
    margin: 0 0 40px;
    padding: 80px 0 0;
    font-size: 30px;
    line-height: 1.466;
  }
  .block-top-title span {
    margin: 8px 0 0;
    font-size: 12px;
    line-height: 1.25;
  }
  .block-top-more a:hover{
    color: #BD8263;
    background: #fff;
  }
  .block-top-more a:hover::after{
    background: url(../../img/usr/common/ico_arrow_brown.png) no-repeat center / contain;
  }

  /* ----トップページ本文---- */
  #top-slider {
    padding: 0;
    margin-bottom: 0;
  }
  #top-slider .block-top-body--body{
    padding-bottom: 54px;
  }
  #top-slider .block-top-body--items li{
    border-radius: 20px;
  }
  #top-slider .swiper-pagination-bullet{
    width: 14px;
    height: 14px;
    margin: 0 10px;
  }
  .block-top-event .block-top-event--goods {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
  }
  .block-campaign-banner .block-campaign-banner--list > li {
    margin: 0;
    padding: 0 16px 0;
  }
  /* ----イベント---- */
  .block-thumbnail-t--items {
    gap: 20px;
    padding: 0;
  }
  .block-thumbnail-t--item {
    width: calc((100% - 60px) / 4);
  }
  .block-thumbnail-t--item .block-thumbnail-t--goods-image {
    margin: 0 0 15px;
  }
  .block-thumbnail-t--item .block-thumbnail-t--goods-name {
    margin: 0 0 23px;
    font-size: 16px;
  }
  .block-thumbnail-t--item .block-thumbnail-t--price-infos .block-thumbnail-t--scomment + .block-thumbnail-t--price-items .block-thumbnail-t--default-price {
    font-size: 13px;
  }
  .block-thumbnail-t--item .block-thumbnail-t--price{
    font-size: 24px;
  }
  .block-thumbnail-t--item .block-thumbnail-t--price> span{
    font-size: 14px;
  }
  .block-top-event .block-thumbnail-t--items.swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: unset;
    column-gap: unset;
  }
  .block-top-event .block-thumbnail-t--items.swiper-wrapper .block-thumbnail-t--item {
    width: unset;
    margin: unset;
    padding: 0 16px 0;
  }
  .block-top-event .block-thumbnail-t--items.swiper-wrapper .block-thumbnail-t--item .block-goods-list--favorite--btn,
  .block-top-event .block-thumbnail-t--items.swiper-wrapper .block-thumbnail-t--item .block-goods-list--favorite-registed--btn {
    right: 16px;
  }
  .block-thumbnail-t dl .block-thumbnail-t--goods-image figure {
    background: none;
  }
  .block-thumbnail-t dl .block-thumbnail-t--goods-description {
    margin-top: 16px;
  }
  .block-thumbnail-t dl .block-thumbnail-t--goods-description .block-thumbnail-t--price-infos {
    margin-top: 4px;
  }
  .block-thumbnail-t li .block-thumbnail-t--goods-description .block-thumbnail-t--price-infos {
    font-size: 15px;
    line-height: 1.6;
  }
  .block-thumbnail-t dl .block-thumbnail-t--goods-description .block-thumbnail-t--price {
    font-size: 15px;
    line-height: 1.6;
  }
  .block-thumbnail-t dl .block-thumbnail-t--goods-description .action {
    margin: 0 10px;
  }

  /* アイコン */

  /* ここまで usr/responsive_block.css のコピー */
}