@charset "UTF-8";

/*レスポンシブ*/
@media screen and (min-width: 769px) {
  :root {
    --width-content: 1440px;
    --transition: all .3s ease-in-out;
    --gutter-base: 0;
  }

  /* ----全画面共通---- */
  .pane-contents {
    padding-bottom: 120px;
  }

  /*ヘッダー*/
  .pane-header {
    height: 90px;
  }

  .pane-header__inner {
    max-width: 1800px;
    margin: auto;
    height: 100%;
  }

  .block-header-nav {
    padding: 15px 0;
    align-items: center;
    height: 100%;
  }

  .block-header-logo {
    max-width: 255px;
    width: 21%;
  }

  .block-header-logo--img {
    height: auto;
  }

  .block-header-name {
    display: block;
    margin-left: 5%;
    margin-right: auto;
    font-size: 20px;
    font-weight: bold;
  }

  body.is-scroll .block-header-name {
    display: none;
  }

  body.is-scroll .block-header-fixednav {
    margin-right: auto;
    margin-left: 3%;
    display: flex;
    gap: 2px;
  }

  .block-header-fixednav__item {
    background-color: #000;
    color: #fff;
    font-size: 20px;
    font-size: 1.5vw;
    font-weight: bold;
    padding: 15px;
  }

  .block-header-fixednav__item .block-globalnav-menu {
    padding-top: 10px;
    background-image: linear-gradient(to bottom, #fff 15px, #ebeff3 15px);
    top: 75px;
  }

  .block-header-nav .block-headernav--item-list {
    gap: 34px;
  }

  .block-header-nav .block-headernav--item-list > li.block-headernav--item-bookmark a,
  .block-header-nav .block-headernav--item-list > li.block-headernav--item-login a,
  .block-header-nav .block-headernav--item-list > li.block-headernav--item-cart a,
  .block-header-nav .block-headernav--item-list > li.block-headernav--item-mypage a {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 4px;
    width: auto;
    height: auto;
    outline: 0;
    background: none;
    font-size: 1.4vw;
    font-weight: bold;
    transition: var(--transition);
    line-height: 1;
  }

  .block-header-nav .block-headernav--item-list > li > a::after {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transition: var(--transition);
  }

  .block-header-nav .block-headernav--item-list > li.block-headernav--item-bookmark a::after {
    background-image: url(../../img/usr/common/icon_header_bookmark.png);
  }

  .block-header-nav .block-headernav--item-list > li.block-headernav--item-login a::after {
    background-image: url(../../img/usr/common/icon_header_login.png);
  }

  .block-header-nav .block-headernav--item-list > li.block-headernav--item-cart a::after {
    background-image: url(../../img/usr/common/icon_header_cart.png);
  }

  .block-header-nav .block-headernav--item-list > li.block-headernav--item-mypage a::after {
    background-image: url(../../img/usr/common/icon_header_mypage.png);
  }

  .block-header-nav .block-headernav--item-list > li > a:is(:hover) {
    color: var(--accent-color);
    text-decoration: none;
  }

  .block-header-nav .block-headernav--item-list > li.block-headernav--item-bookmark a:is(:hover)::after {
    background-image: url(../../img/usr/common/icon_header_bookmark_hover.png);
  }

  .block-header-nav .block-headernav--item-list > li.block-headernav--item-login a:is(:hover)::after {
    background-image: url(../../img/usr/common/icon_header_login_hover.png);
  }

  .block-header-nav .block-headernav--item-list > li.block-headernav--item-cart a:is(:hover)::after {
    background-image: url(../../img/usr/common/icon_header_cart_hover.png);
  }

  .block-header-nav .block-headernav--item-list > li.block-headernav--item-mypage a:is(:hover)::after {
    background-image: url(../../img/usr/common/icon_header_mypage_hover.png);
  }

  .block-header-nav .block-headernav--item-list > li.block-headernav--item-bookmark span {
    padding-bottom: 3px;
  }

  .block-header-nav .block-headernav--item-list > li.block-headernav--item-cart .block-headernav--cart-count {
    left: 0;
    width: 20px;
  }

  /* ----重要なお知らせ---- */
  .pane-global-info {
    padding: 24px var(--gutter-base);
  }

  .pane-global-info__inner {
    max-width: var(--width-content);
    width: 100%;
    margin: auto;
  }

  .pane-global-info__item {
    display: flex;
    justify-content: center;
    gap: 20px;
  }

  .pane-global-info__title {
    flex-shrink: 0;
    margin-bottom: 0;
    font-size: 16px;
  }

  .pane-global-info__detail > p > a {
    font-size: 16px;
  }

  .pane-global-info__detail > p > a:is(:hover) {
    text-decoration: none;
  }
  
  /* フッター */
  .block-footer__logo img {
    height: 48px;
  }

  .block-footer__nav {
    margin: 0 auto 40px;
    width: 690px;
  }

  .block-footer__nav-list {
    justify-content: center;
    gap: 10px 48px;
  }

  .block-footer__nav-list > li {
    font-size: 14px;
    letter-spacing: normal;
  }

  .block-footer__nav-list > li::after {
    right: -24px;
  }
  
  .block-footer__nav-list > li:nth-child(4),
  .block-footer__nav-list > li:nth-child(9) {
    padding-right: 0;
  }

  .block-footer__nav-list > li:nth-child(4)::after,
  .block-footer__nav-list > li:nth-child(9)::after {
    display: none;
  }

  /* グローバルナビ */
  .label-business {
    transition: var(--transition);
  }

  .pane-globalnav {
    display: block;
    height: 80px;
    background-color: #000;
  }

  .pane-globalnav__inner {
    max-width: 1800px;
    width: 100%;
    height: 100%;
    margin: auto;
  }

  .block-globalnav {
    padding: 0;
    height: 100%;
  }

  ul.block-globalnav__list {
    display: flex;
    justify-content: flex-start;
    height: 100%;
  }

  ul.block-globalnav__list > li {
    width: auto;
    font-size: 1.5vw;
    font-weight: bold;
  }

  ul.block-globalnav__list > li:first-child > div {
    padding-left: 0;
  }

  .block-globalnav__list > li + li::before {
    top: 50%;
    height: 35%;
    transform: translateY(-50%);
  }

  .block-globalnav__item-link,
  ul.block-globalnav__list > li > div {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    height: 100%;
    box-sizing: border-box;
    padding: 25px 32px;
  }

  .fn-disp-gnav-button-pc {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  .fn-disp-gnav-button-pc::after {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../img/usr/common/icon_gnav_arrow_down.png) no-repeat 0 0;
    background-size: 100% auto;
    transition: var(--transition);
  }

  .fn-disp-gnav-button-pc:is(:hover)::after {
    background-image: url(../../img/usr/common/icon_gnav_arrow_down_active.png);
  }

  .fn-disp-gnav-button-pc,
  .block-globalnav__item-link {
    transition: var(--transition);
  }

  .block-globalnav__item-link::after {
    width: 16px;
    height: 16px;
    background-image: url(../../img/usr/common/icon_gnav_arrow_link.png);
    transition: var(--transition);
  }

  .fn-disp-gnav-button-pc:is(:hover),
  .block-globalnav__item-link:is(:hover) {
    color: #83B6E8;
    text-decoration: none;
  }

  .block-globalnav__item-link:is(:hover)::after {
    background-image: url(../../img/usr/common/icon_gnav_arrow_link_active.png);
  }

  .block-globalnav__item-link:is(:hover) .label-business {
    border-color: #83B6E8;
  }

  ul.block-globalnav__list .block-globalnav-menu {
    display: none;
    position: fixed;
    top: 170px;
    left: 0;
    width: 100%;
    height: auto;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
  }

  body.is-scroll ul.block-globalnav__list .block-globalnav-menu {
    display: none !important;
  }

  .block-globalnav-menu__frame {
    justify-content: center;
    gap: 80px;
    padding: 30px;
  }

  .block-globalnav-menu__frame-item {
    width: auto;
  }

  .block-globalnav-menu__frame-link {
    font-weight: 500;
    font-size: 20px;
    transition: var(--transition);
  }

  .block-globalnav-menu__frame-link::before {
    width: 80px;
    height: 80px;
    transition: var(--transition);
  }

  .block-globalnav-menu__frame-link.-product01::before {
    background-image: url(../../img/usr/common/img_gnav_category01.png);
  }

  .block-globalnav-menu__frame-link.-product02::before {
    background-image: url(../../img/usr/common/img_gnav_category02.png);
  }

  .block-globalnav-menu__frame-link.-product03::before {
    background-image: url(../../img/usr/common/img_gnav_category03.png);
  }

  .block-globalnav-menu__frame-link.-product04::before {
    width: 151px;
    background-image: url(../../img/usr/common/img_gnav_category04.png);
  }

  .block-globalnav-menu__frame-link.-support01::before {
    background-image: url(../../img/usr/common/img_gnav_support01.png);
  }

  .block-globalnav-menu__frame-link.-support02::before {
    background-image: url(../../img/usr/common/img_gnav_support02.png);
  }

  .block-globalnav-menu__frame-link.-support03::before {
    background-image: url(../../img/usr/common/img_gnav_support03.png);
  }

  .block-globalnav-menu__frame-link:is(:hover) {
    color: var(--accent-color);
    text-decoration: none;
  }

  .block-globalnav-menu__frame-link.-product01:is(:hover)::before {
    background-image: url(../../img/usr/common/img_gnav_category01_hover.png);
  }

  .block-globalnav-menu__frame-link.-product02:is(:hover)::before {
    background-image: url(../../img/usr/common/img_gnav_category02_hover.png);
  }

  .block-globalnav-menu__frame-link.-product03:is(:hover)::before {
    background-image: url(../../img/usr/common/img_gnav_category03_hover.png);
  }

  .block-globalnav-menu__frame-link.-product04:is(:hover)::before {
    opacity: .7;
  }

  .block-globalnav-menu__frame-link.-product04:is(:hover) .label-business {
    border-color: #83B6E8;
  }

  .block-globalnav-menu__frame-link.-support01:is(:hover)::before {
    background-image: url(../../img/usr/common/img_gnav_support01_hover.png);
  }

  .block-globalnav-menu__frame-link.-support02:is(:hover)::before {
    background-image: url(../../img/usr/common/img_gnav_support02_hover.png);
  }

  .block-globalnav-menu__frame-link.-support03:is(:hover)::before {
    background-image: url(../../img/usr/common/img_gnav_support03_hover.png);
  }

  /* 絞り込みフィルタ */
  .block-filter--header {
    position: fixed;
    right: unset;
    bottom: 70px;

    /* コンテナを考慮した画面右下にアイコンを設定する */
    left: min(100vw - 60px - 10px, ((100vw - var(--responsive-sys-container-width)) / 2) + var(--responsive-sys-container-width) - 60px - 10px);
    cursor: pointer;
  }

  /* 絞り込みモーダル */
  .block-filter--modal .block-filter--frame {
    position: fixed;
    inset: 0;
    width: 600px;
    height: fit-content;
    margin: auto;
  }

  /* ----トップページ---- */
  .block-top-title {
    margin-bottom: 40px;
    padding: 0 0 20px;
    font-size: 32px;
  }

  .page-top .block-top-title {
    margin-bottom: 54px;
    padding: 0 0 20px;
    font-size: 48px;
  }

  .block-top-title::after {
    width: 40px;
  }

  /* 本文 */
  .block-top-body--btn {
    display: flex;
    align-items: center;
    justify-content: center;
    left: auto;
    right: 4%;
    bottom: 10%;
    width: 24vw;
    max-width: 350px;
    font-size: 1.4vw;
    font-weight: 500;
    aspect-ratio: 5.65 / 1;
    transform: translateX(0);
  }

  .block-top-body--items li a {
    transition: var(--transition);
    display: block;
    width: fit-content;
    height: fit-content;
    position: relative;
    margin: auto;
  }

  .block-top-body--items li a:is(:hover) {
    opacity: .7;
  }

  .block-top-body--items li a > picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .block-top-body--items img {
    visibility: hidden;
    opacity: 0;
  }

  .block-top-body--items.swiper-wrapper img {
    visibility: visible;
    opacity: 1;
  }

  #top-slider-warp li {
    position: relative;
    background-color: #fff;
  }

  #top-slider-warp li img {
    aspect-ratio: 384 / 161;
    object-fit: scale-down;
    width: 100%;
  }

  #top-slider-warp .swiper-pagination-bullets {
    margin-top: 32px;
  }

  #top-slider-warp span.swiper-pagination-bullet {
    width: 80px;
    height: 6px;
  }

  .block-top-event .block-top-event--goods {
    max-width: var(--width-content);
    margin: 0 auto;
    padding: 0 50px !important;
    box-sizing: content-box;
  }

  .block-top-more a {
    width: var(--responsive-sys-button-width);
  }

  /* 商品一覧 */

  .block-goods-list--params .block-filter {
    height: 70px;
  }

  .block-goods-list--params .block-filter .block-filter--form,
  .block-goods-list--params .block-filter .block-filter--filter-form {
    height: 100%;
  }


  .pane-main .block-goods-list--params {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .block-goods-list--params .block-filter .block-filter--header,
  .block-goods-list--params .block-filter .block-filter--header.block-filter--header.block-filter--open {
    width: 160px;
    height: 100%;
    padding: 25px 8px;
    box-sizing: border-box;
  }

  .block-goods-list--params .block-goods-list--display-style-items .block-style--header {
    width: 160px;
  }

  .block-goods-list--params .block-goods-list--display-style-items .block-style--header h2 {
    width: 160px;
    padding: 25px 8px;
    font-size: 13px;
  }

  .block-goods-list--params .block-goods-list--display-style-items .block-style--header h2::after,
  .block-goods-list--params .block-goods-list--sort-order-items .block-sort--header h2::after {
    vertical-align: middle;
  }

  .block-goods-list--params .block-goods-list--sort-order-items .block-sort--header {
    width: 160px;
  }

  .block-goods-list--params .block-goods-list--sort-order-items .block-sort--header h2 {
    width: 160px;
    padding: 25px 8px;
    font-size: 13px;
  }

  .block-goods-list--params .block-filter--modal .block-filter--frame {
    width: 527px;
    padding: 66px 0 80px;
  }

  .block-goods-list--params .block-filter--modal .block-filter--frame .block-filter--frame-close {
    display: block;
  }

  .block-goods-list--params .block-filter--modal .block-filter--frame .block-filter--list-item .block-filter--select-label {
    padding-left: 56px;
  }

  .block-goods-list--params .block-filter--modal .block-filter--frame .block-filter--list-item .block-filter--option-items {
    padding-left: 56px;
  }

  .block-goods-list--params .block-filter--modal .block-filter--frame .block-filter--list-item .block-filter--expand-icon > div.block-icon-image--plus::before {
    right: 58px;
  }

  .block-goods-list--params .block-filter--modal .block-filter--frame .block-filter--list-item .block-filter--expand-icon > div.block-icon-image--minus::before {
    right: 58px;
  }

  .block-goods-list--params .block-filter--modal .block-filter--frame .block-filter--treelist-filterstyle {
    padding: 0 56px;
  }

  .block-goods-list--params .block-filter--modal .block-filter--frame .block-filter--select {
    padding-left: 56px;
  }

  .block-goods-list--params .block-filter--modal .block-filter--frame .block-filter--select select {
    min-width: 240px;
    max-width: none;
    width: auto;
  }

  .block-goods-list--params .block-filter--modal .block-filter--frame .filter-button {
    width: 527px;
    padding: 18px 35px;
    gap: 12px;
  }

  .block-goods-list--params .block-filter--modal .block-filter--frame .filter-button .filter-button--clear {
    width: 126px;
  }

  .block-goods-list--params .block-filter--modal .block-filter--frame .filter-button .filter-buttonr--search {
    width: calc(100% - 138px);
  }

  .block-goods-list--params .block-filter--modal .block-filter--frame-bg {
    background: none;
  }

  .block-goods-list--params .block-filter--modal .block-filter--frame-bg::before,
  .block-goods-list--params .block-filter--modal .block-filter--frame-bg::after {
    display: none;
  }

  .block-top-event .block-ranking-r--items.swiper-wrapper {
    justify-content: unset;
    column-gap: unset;
  }

  .block-top-event .block-ranking-r--items.swiper-wrapper .block-ranking-r--item {
    padding: 0 0 30px;
  }

  .block-top-event .block-ranking-r--items.swiper-wrapper .block-ranking-r--item .block-goods-list--favorite--btn,
  .block-top-event .block-ranking-r--items.swiper-wrapper .block-ranking-r--item .block-goods-list--favorite-registed--btn {
    right: 16px;
  }

  .page-top .block-thumbnail-t--items > li {
    width: unset;
    margin: unset;
    padding: unset;
  }

  .block-top-event .block-thumbnail-t {
    margin: 0 45px;
  }

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

  /* トピック */
  .block-top-topic--body {
    padding-bottom: 80px;
  }

  .block-top-topic--header {
    margin-bottom: 40px;
    padding: 0 0 20px;
    font-size: 32px;
  }

  .page-top .block-top-topic--header {
    margin-bottom: 54px;
    padding: 0 0 20px;
    font-size: 48px;
  }

  .block-top-topic--header::after {
    width: 40px;
  }

  .block-top-topic--body .block-topic--items {
    max-width: var(--width-content);
    margin: 0 auto 50px;
  }

  ul.block-topic--items > li {
    padding: 20px 0;
  }

  .page-top .block-icon-image--table-cell dl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .page-top ul.block-topic--items > li dt {
    flex-shrink: 0;
    gap: 0;
    font-size: 16px;
    margin-bottom: 0;
  }

  .page-top ul.block-topic--items > li dt > span {
    margin-right: 50px;
  }

  ul.block-topic--items > li .block-top-topic--icon-comment {
    font-size: 16px;
    line-height: 1;
    margin-right: 24px;
    padding: 3px 25px 2px;
  }

  .page-top ul.block-topic--items > li .block-top-topic--icon-image {
    line-height: 1;
    margin-right: 24px;
  }

  .page-top .block-top-topic--comment {
    font-size: 16px;
    font-weight: 500;
    transition: var(--transition);
  }

  .block-topic--items li a:is(:hover) .block-top-topic--comment {
    color: var(--accent-color);
  }

  .block-top-topic--body .block-top-topic--next-page a {
    padding-block: 10px;
    width: 320px;
    max-width: none;
    font-size: 18px;
    background: url(../../img/usr/top/icon_more_arrow.png) no-repeat top 50% right 20px;
    background-size: 20px 20px;
    transition: var(--transition);
  }

  .block-top-topic--body .block-top-topic--next-page a:is(:hover) {
    color: #fff;
    border-color: var(--accent-color);
    background-color: var(--accent-color);
    background-image: url(../../img/usr/top/icon_more_arrow_on.png);
  }

  /* 検索ボックス */
  .page-top .block-search-box {
    background: #eee;
  }

  .page-top .block-search-box--form {
    max-width: 636px;
    margin: 0 auto;
  }

  /* トップカテゴリから探す */
  .page-top .block-category-tree {
    margin: 0 auto;
    padding: 120px 0;
    background: #57657c url(../../img/usr/top/bg_product.png) no-repeat top 0 left 50%;
    background-size: 92% auto;
  }

  .page-top .block-category-tree--header {
    margin-bottom: 54px;
    padding: 0 0 20px;
    font-size: 48px;
  }

  .page-top .block-category-tree--header::after {
    width: 40px;
  }

  .page-top .block-category-style-g {
    margin: 0 auto;
    max-width: var(--width-content);
  }

  .page-top .block-category-style-g--items-0 {
    gap: 3.125vw;
  }

  .page-top .block-category-style-g--item {
    width: auto;
    flex: 1 1 calc((100% - 9.375vw) / 4);
    max-width: calc((100% - 9.375vw) / 4);
    border: none;
  }

  .page-top .block-category-style-g--body {
    padding: 55px 0;
    box-sizing: border-box;
    transition: var(--transition);
  }

  .page-top .block-category-style-g--image {
    width: 67%;
    aspect-ratio: 71 / 91;
  }

  .page-top .block-category-style-g--image figure {
    width: 100%;
    height: 100%;
    transition: var(--transition);
  }

  .page-top .block-category-style-g--name {
    font-size: 24px;
    font-weight: bold;
    padding: 0 10px;
  }

  .page-top .block-category-style-g--body:is(:hover) {
    text-decoration: none;
    background: linear-gradient(to top, rgba(255, 255, 255, .36), transparent);
  }

  .page-top .block-category-style-g--body:is(:hover) figure {
    transform: scale(1.1);
  }

  .page-top .block-category-style-g--items-0:has(> .block-category-style-g--item:last-child:nth-child(3)) > .block-category-style-g--item {
    flex: 1 1 calc((100% - 6.25vw) / 3);
    max-width: calc((100% - 6.25vw) / 3);
  }
  
  /* トップページ予備テンプレート1 */
  .block-top-free-1 {
    padding: 32px var(--gutter-base) 80px;
  }

  .block-top-pickup {
    margin: auto;
    max-width: var(--width-content);
    flex-direction: row;
    justify-content: center;
    gap: 60px;
  }

  .block-top-pickup__link {
    transition: var(--transition);
  }

  .block-top-pickup__link:is(:hover) {
    opacity: .7;
  }

  .block-top-pickup__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 7%;
    width: 15.5vw;
    max-width: 260px;
    font-size: 15px;
    font-weight: bold;
    aspect-ratio: 5.65 / 1;
  }

  .block-top-pickup__btn::after {
    right: 18px;
  }

  /* トップページ予備テンプレート2 */
  .block-top-free-2 {
    max-width: var(--width-content);
    margin: auto;
    padding: 90px 0;
  }
  .block-top-sub-banners {
    flex-direction: row;
    gap: 40px;
  }

  .block-top-sub-banners__item {
    width: 100%;
  }

  .block-top-sub-banners__item a {
    transition: var(--transition);
  }

  .block-top-sub-banners__item a:is(:hover) {
    opacity: .7;
  }

  .block-top-sub-banners + .block-top-sub-banners {
    margin-top: 40px;
  }

  /* フリースペース4 */
  .page-top .block-top-lightningrecommend--goods,
  .page-top .block-ranking-lightningrecommend--goods {
    max-width: var(--responsive-sys-container-width);
    margin: 0 auto;
  }

  /* ----イベント---- */
  .page-top .block-top-event .block-top-event-parent01,
  .page-top .block-top-event .block-top-event-parent02 {
    padding-top: 80px;
    padding-bottom: 86px;
  }

  .page-top .block-top-event .block-top-event-parent02 {
    background-image: url(../../img/usr/top/bg_event_dark.png);
  }

  .page-top .block-top-event .block-top-event--goods {
    margin: auto;
  }

  .page-top .block-top-event .swiper-button-prev,
  .page-top .block-top-event .swiper-button-next {
    width: 40px;
    height: 40px;
  }

  .page-top .block-top-event .swiper-button-prev {
    left: 0;
  }

  .page-top .block-top-event .swiper-button-next {
    right: 0;
  }

  .page-top .block-top-event .swiper-button-prev::after,
  .page-top .block-top-event .swiper-button-next::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transition: var(--transition);
  }

  .page-top .block-top-event .swiper-button-prev:is(:hover)::after {
    background-image: url(../../img/usr/top/bg_slider_prev_hover.png) !important;
  }

  .page-top .block-top-event .swiper-button-next:is(:hover)::after {
    background-image: url(../../img/usr/top/bg_slider_next_hover.png) !important;
  }

  .page-top .block-top-event .swiper-button-prev::after {
    background-image: url(../../img/usr/top/bg_slider_prev_01.png);
  }

  .page-top .block-top-event .block-top-event-parent01 .swiper-button-next::after {
    background-image: url(../../img/usr/top/bg_slider_next_01.png);
  }

  .page-top .block-top-event .block-top-event-parent02 .swiper-button-prev::after {
    background-image: url(../../img/usr/top/bg_slider_prev_02.png);
  }

  .page-top .block-top-event .block-top-event-parent02 .swiper-button-next::after {
    background-image: url(../../img/usr/top/bg_slider_next_02.png);
  }

  .page-top .block-top-event .swiper-scrollbar.swiper-scrollbar-horizontal {
    width: calc(100% - 50px - 50px) !important;
    left: 50px !important;
  }

  /* 新製品 */
  .page-top .block-goods-detail-j::-webkit-scrollbar {
    display: none;
  }

  .page-top .block-goods-detail-j .block-goods-detail-j--items {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    width: auto;
  }

  .page-top .block-goods-detail-j .block-goods-detail-j--items.swiper-wrapper {
    gap: 0;
  }

  .page-top .block-goods-detail-j .block-goods-detail-j--item {
    width: 264px;
    padding: 0 0 30px;
  }

  .page-top .block-goods-detail-j--item > a {
    display: block;
    width: 100% !important;
    margin: 0;
    padding: 20px 20px 0;
    box-sizing: border-box;
    transition: var(--transition);
  }

  .page-top .block-goods-detail-j--item a:is(:hover) {
    opacity: .7;
  }

  .page-top .block-goods-detail-j--goods-image {
    width: 100%;
    max-width: 224px;
    aspect-ratio: 112 / 97;
  }

  .page-top .block-goods-detail-j--goods-image figure {
    background-color: transparent;
    width: 100%;
    height: 100%;
    aspect-ratio: 112 / 97;
  }

  .page-top .block-goods-detail-j--items .block-goods-detail-j--goods-description .block-goods-detail-j--goods-name {
    font-size: 30px;
    line-height: 1.15;
  }

  .page-top .block-goods-detail-j--items .block-goods-detail-j--goods-description .block-goods-detail-j--price-infos {
    margin-bottom: 17px;
    display: block;
  }

  .block-goods-detail-j--price-items {
    text-align: left;
  }

  .page-top .block-goods-detail-j--price-items {
    text-align: center;
  }

  .block-goods-detail-j--items .block-goods-detail-j--goods-description .block-goods-detail-j--price {
    font-size: 16px;
  }

  .block-goods-detail-j--items .block-goods-detail-j--goods-description .block-goods-detail-j--stock {
    justify-content: flex-start;
  }

  .page-top .block-goods-detail-j--items .block-goods-detail-j--cart-btn {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 184px;
    box-sizing: border-box;
  }

  .page-top .block-goods-detail-j--items .block-goods-detail-j--cart-btn .block-list-add-cart-btn {
    font-size: 15px;
    font-weight: 600;
    width: 100%;
  }

  /* ランキング */
  .page-top .block-top-event .block-ranking-r::-webkit-scrollbar {
    display: none;
  }

  .page-top .block-top-event .block-ranking-r--items {
    justify-content: flex-start;
    gap: 30px;
    width: auto;
  }

  .page-top .block-top-event .block-ranking-r--items.swiper-wrapper {
    gap: 0;
  }

  .block-top-event .block-ranking-r--items .block-ranking-r--item {
    width: 264px;
    padding: 0 0 30px;
  }

  .block-top-event .block-ranking-r--items .block-ranking-r--item a {
    display: block;
    width: 100% !important;
    margin: 0;
    padding: 20px 20px 0;
    box-sizing: border-box;
    transition: var(--transition);
  }

  .block-top-event .block-ranking-r--items .block-ranking-r--item a:is(:hover) {
    opacity: .7;
  }

  .page-top .block-top-event .block-ranking-r--items .block-ranking-r--goods-image {
    width: 100%;
    max-width: 224px;
    aspect-ratio: 112 / 97;
  }

  .page-top .block-top-event .block-ranking-r--items .block-ranking-r--goods-image figure {
    background-color: transparent;
    width: 100%;
    height: 100%;
    aspect-ratio: 112 / 97;
  }
  
  .page-top .block-ranking-r--items .block-ranking-r--goods-name {
    font-size: 30px;
    line-height: 1.15;
  }

  .page-top .block-ranking-r--price-infos {
    margin-bottom: 17px;
  }

  .page-top .block-ranking-r--items .block-ranking-r--price {
    font-size: 16px;
  }

  .page-top .block-ranking-r--items .block-goods-detail-j--cart-btn {
    margin: auto;
  }

  .page-top .block-ranking-r--items .block-goods-detail-j--cart-btn .block-list-add-cart-btn {
    font-size: 15px;
    font-weight: 600;
    max-width: 184px;
    margin: auto;
  }

  .block-ranking-r--items .block-ranking-r--rank.block-ranking-r--rank {
    width: 40px;
    height: 40px;
    font-size: 24px;
  }

  /* ----ジャンル---- */
  .page-top .block-genre-tree {
    max-width: var(--width-content);
    margin: 0 auto;
    padding: 80px 0 120px;
  }

  .page-top .block-genre-style--items-0 {
    display: block;
  }

  .page-top .block-genre-style--items-0 > .block-genre-style--item {
    border-top: none;
    border-bottom: none;
  }

  .page-top .block-genre-style--items-0 > .block-genre-style--item + .block-genre-style--item {
    margin-top: 100px;
    padding-top: 100px;
  }

  .page-top .block-genre-style--items-0 > .block-genre-style--item .block-genre-style--name {
    margin-bottom: 56px;
    padding-bottom: 20px;
    font-size: 48px;
  }

  .page-top .block-genre-style--items-0 > .block-genre-style--item .block-genre-style--name::after {
    width: 40px;
  }

  .page-top .block-genre-style--items-1 {
    gap: 34px;
  }

  .page-top .block-genre-style--items-1 > .block-genre-style--item {
    max-width: 260px;
    width: calc(20% - 28px);
    height: 100%;
  }

  .page-top .block-genre-style--items-1 .block-genre-style--body {
    padding: 40px 20px 34px;
    border: 1px solid #fff;
    height: 100%;
    transition: var(--transition);
  }

  .page-top .block-genre-style--image {
    margin-bottom: 26px;
    padding-bottom: 40px;
    transition: var(--transition);
    width: 100%;
    aspect-ratio: 37 / 24;
  }

  .page-top .block-genre-style--image figure {
    max-width: 148px;
    width: 100%;
    aspect-ratio: 37 / 24;
  }

  .page-top .block-genre-style--items-1 > .block-genre-style--item .block-genre-style--name {
    margin-bottom: 0;
    padding-right: 36px;
    padding-bottom: 0;
    font-size: 20px;
    transition: var(--transition);
  }

  .page-top .block-genre-style--items-1 > .block-genre-style--item .block-genre-style--name::before {
    width: 24px;
    height: 24px;
    background-image: url(../../img/usr/top/icon_genre_arrow.png);
    background-size: 24px auto;
  }

  .page-top .block-genre-style--body:is(:hover) {
    border-color: var(--accent-color);
    text-decoration: none;
  }

  .page-top .block-genre-style--body:is(:hover) .block-genre-style--name {
    text-decoration: none;
    color: var(--accent-color);
  }

  /* 最近見た商品 */
  .block-recent-item {
    max-width: var(--width-content);
    width: 100%;
    margin: auto;
    padding: 0;
  }

  .pane-block--title.block-recent-item--header {
    font-size: 28px;
  }

  .block-recent-item--header {
    margin: 0 auto 20px;
    padding: 0 0 20px;
    font-size: 32px;
  }

  .page-top .block-recent-item--header {
    margin: 0 auto 20px;
    padding: 0 0 20px;
    font-size: 48px;
  }

  .block-recent-item--header::after {
    width: 40px;
  }

  .block-recent-item--body {
    position: relative;
    padding-top: 35px;
  }

  .block-recent-item--keep-history {
    position: absolute;
    margin-bottom: 20px;
    right: 0;
    bottom: auto;
    top: 0;
  }

  .block-recent-item--keep-history > a:is(:hover) {
    text-decoration: none;
  }

  .block-thumbnail-h {
    margin-bottom: 0;
  }

  .block-thumbnail-h .block-thumbnail-h--items {
    justify-content: flex-start;
    gap: 24px;
  }

  .block-thumbnail-h .block-thumbnail-h--item {
    padding: 10px 10px 20px;
    width: 220px;
    height: auto;
  }

  .block-thumbnail-h--goods-image {
    width: 100%;
    height: auto;
    max-width: 200px;
    aspect-ratio: 200 / 173;
  }

  .block-thumbnail-h--goods-image figure {
    width: 100%;
    height: 100%;
  }

  .block-thumbnail-h--name {
    font-size: 30px;
    line-height: 1.15;
  }

  /* ----ブランド画面---- */

  .block-brand-list {
    margin: 10px 10px 60px;
  }

  .block-brand-list .block-topic-path {
    margin: 0 -10px 10px;
  }

  .block-brand-list--items {
    display: grid;
    grid-template-columns: repeat(auto-fill, 380px);
    justify-content: center;
    column-gap: 15px;
    row-gap: 60px;
  }

  .block-brand-list--item-img .img-center {
    width: 100%;
    height: 235px;
  }

  .block-brand-list--item-name {
    padding: 16px 0 12px;
  }

  .block-brand-list--item-comment {
    padding: 0;
  }

  /* ----購入フロー---- */

  /* ----注文方法指定画面---- */

  .block-order-method h2 {
    margin: 30px 0 24px;
    font-size: 24px;
    font-weight: 500;
    border-bottom-width: 1px;
  }

  .block-order-method h3 {
    padding: 4px 0;
    border-bottom-width: 1px;
  }

  /* ----注文完了画面---- */

  .block-order-complete--wrapper {
    margin-bottom: 20px;
    padding: 0;
  }

  .block-order-complete--message {
    margin: 0 0 30px;
  }

  .block-order-complete--message p,
  .block-order-complete--orderid td a,
  .block-order-complete table.block-order-complete--orderid th {
    font-size: 14px;
  }

  .block-order-complete--orderid {
    margin: 0 0 30px;
  }

  .block-order-complete table.block-order-complete--orderid th {
    margin: 0 0 4px;
    padding: 0;
  }

  .block-order-complete--orderid td {
    padding: 0;
  }

  /* ---- 明細追加完了 ---- */

  .block-order-regular-add-complete--wrapper {
    margin-bottom: 0;
    padding: 0;
  }

  .block-order-regular-add-complete--message {
    margin: 0 0 30px;
  }

  .block-order-regular-add-complete--message p {
    font-size: 14px;
  }

  .block-order-regular-add-complete--regular-sales {
    margin: 0 0 30px;
    border: 0;
  }

  .block-order-regular-add-complete table th {
    width: unset;
    font-size: 14px;
    font-weight: unset;
  }

  .block-order-regular-add-complete table td a {
    font-size: 14px;
  }

  /* ----商品詳細画面---- */

  .page-goods .block-topic-path--category {
    margin-bottom: 0;
    padding: 10px 0 0;
  }

  .page-goods .block-topic-path--genre {
    margin-bottom: 0;
    padding: 0 0 20px;
  }

  .page-goods .block-goods-name h1 {
    margin: 0 0 16px;
    padding: 0;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.666;
  }

  .block-goods-comment {
    margin: 0 0 12px;
    font-size: 14px;
  }

  .block-goods-price .block-goods-price--on-sales-off-percent,
  .block-goods-price--on-sales-countdown,
  .block-goods-price--on-sales-comment {
    font-size: 16px;
  }

  .block-goods-price {
    margin: 0 0 12px;
    padding-top: 16px;
    border-top: 1px dashed #707070;
  }

  .block-goods-first-limited-order {
    margin-bottom: 12px;
  }

  .block-variation--item-list {
    margin-bottom: 8px;
  }

  .block-variation--name.block-color--name,
  .block-variation--name.block-size--name {
    margin: 16px 0 4px;
    padding: 16px 0 0;
    border: 0;
    border-top: 1px dashed #707070;
    font-size: 14px;
    font-weight: bold;
  }

  .block-variation--item {
    margin-right: 4px;
    vertical-align: top;
  }

  .block-variation-no-stock,
  .block-variation-outside-sales-period,
  .block-goods-variation-arrival-notice {
    width: 100%;
  }

  .block-goods-variation-arrival-notice .block-goods-variation-arrival-notice--btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 0;
    background: #73c3d6;
    color: #fff;
  }

  .block-variation-favorite {
    flex-shrink: 0;
  }

  .block-variation-favorite--btn {
    width: 64px;
    height: 64px;
    padding: 0;
    border: 1px solid #d53100;
    background: url(../../img/usr/common/goods_bookmark_btn.png) center center / 21px auto no-repeat;
  }

  .block-variation-favorite-registed--btn {
    width: 64px;
    height: 64px;
    padding: 0;
    border: 1px solid #d53100;
    background: #fff2ef url(../../img/usr/common/goods_bookmark_reg_btn.png) center center / 21px auto no-repeat;
  }

  .block-variation-favorite--btn .block-icon-image,
  .block-variation-favorite-registed--btn .block-icon-image {
    display: none;
  }

  .block-goods-set {
    margin: 0 0 15px;
  }

  .block-add-cart--btn {
    width: 100%;
    margin: 12px 0 10px;
    padding: 20px 0;
  }

  .block-add-cart--btn::before {
    width: 21px;
    height: 23px;
    margin-right: 12px;
    background: url(../../img/usr/common/goods_cart_btn.png) center center no-repeat;
    vertical-align: bottom;
  }

  .block-no-stock .block-no-stock--message,
  .block-outside-sales-period--message {
    margin: 12px 0 10px;
    padding: 16px 0;
  }

  .block-variation-arrival-notice--btn {
    margin: 12px 0 10px;
    padding: 16px 0;
  }

  .block-custom-order--btn {
    margin: 12px 0 10px;
    padding: 16px 0;
  }

  .block-goods-favorite .block-goods-favorite--btn {
    margin: 0 0 10px;
    padding: 16px 0;
  }

  .block-goods-favorite .block-goods-favorite--btn::before {
    width: 20px;
    height: 18px;
    margin: 3px 12px 3px 0;
    background: url(../../img/usr/common/goods_bookmark_btn.png) center center no-repeat;
    vertical-align: bottom;
  }

  .block-goods-favorite .block-goods-favorite-registed--btn {
    margin: 0 0 10px;
    padding: 16px 0;
  }

  .block-goods-favorite .block-goods-favorite-registed--btn::before {
    width: 21px;
    height: 20px;
    margin: 2px 11px 2px 0;
    background: url(../../img/usr/common/goods_bookmark_reg_btn.png) center center no-repeat;
    vertical-align: bottom;
  }

  .block-contact-about-goods--btn {
    padding-block: 10px;
    width: 320px;
    max-width: none;
    font-size: 18px;
    background-size: 20px 20px;
    transition: var(--transition);
  }

  .block-contact-about-goods--btn:is(:hover) {
    opacity: .7;
  }

  .block-goods-link--btn {
    display: inline;
    padding: 0;
    border: 0;
    background: none;
    color: #081f2c;
    text-decoration: underline;
  }

  .block-goods-store-stock--btn {
    margin: 0 0 10px;
    padding: 16px 0;
  }

  .block-accessory-list {
    margin-top: 30px;
    margin-bottom: 15px;
    padding: 20px 40px;
    background: #ebeff3;
  }

  .block-accessory-list .block-accessory-list--name {
    margin: 0 0 20px;
    font-weight: bold;
    font-size: 24px;
  }

  .block-accessory-list .block-accessory-list--name::before {
    display: block;
  }

  .block-goods-detail dl.block-goods-comment1,
  .block-goods-detail dl.block-goods-comment2,
  .block-goods-detail dl.block-goods-comment3,
  .block-goods-detail dl.block-goods-comment4,
  .block-goods-detail dl.block-goods-comment5 {
    margin: 0 0 24px;
  }

  .block-goods-detail dl[class^="block-goods-comment"] dt {
    margin: 0 0 22px;
    padding: 12px 0;
    border-bottom: 1px solid #111;
    font-size: 24px;
    font-weight: 500;
  }

  .block-goods-detail dl[class^="block-goods-comment"] dt h3 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 24px;
  }

  .block-goods-detail-j--items .block-goods-detail-j--goods-description .block-goods-detail-j--custom-order .block-list-custom-order-btn {
    width: 200px;
  }

  .block-src-l {
    margin: 0;
  }

  .block-goods-gallery {
    margin: 0;
  }

  /* 関連商品 */
  .page-goods .block-accessory-list .block-thumbnail-t .block-thumbnail-t--items {
    column-gap: 20px;
  }

  /* アイコン */

  .block-icon > span + span {
    margin-left: 0;
  }

  .block-search-goods .block-icon img,
  .block-goods-detail .block-icon img {
    aspect-ratio: unset;
  }

  /* ユーザーレビュー */

  .block-goods-user-review h2 {
    padding-right: 0;
    padding-left: 0;
  }

  .block-goods-user-review .block-goods-user-review--info {
    padding-right: 0;
    padding-left: 0;
  }

  .block-goods-user-review .block-goods-user-review--write-review-link,
  .block-goods-user-review .block-goods-user-review--write-review-btn {
    margin-left: 0;
  }

  .block-goods-user-review .block-goods-user-review--list {
    margin-right: 0;
    margin-left: 0;
  }

  .block-goods-user-review .block-goods-user-review--item-summary .block-goods-user-review--item-score dt {
    display: none;
  }

  .block-goods-user-review .block-goods-user-review--description {
    font-size: unset;
  }

  /* 詳細検索 */

  /* ----取扱店舗一覧画面---- */

  .block-store-stock--goods-detail .goods-detail-description {
    gap: 20px;
    padding: 0;
    font-size: 14px;
  }

  .block-store-stock--goods-detail .goods-detail-description dt {
    width: 100px;
    padding: 3px;
    font-weight: bold;
  }

  /* ----本品とレフィル切り替え画面---- */

  .block-regular-goods-refillgoods--header {
    margin: 0 0 40px;
  }

  .block-refillgoods-list--customer-name {
    font-size: 18px;
  }
}

@media screen and (max-width: 980px) {
  .block-header-nav .block-headernav--item-text {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .block-header-nav .block-headernav--item-list > li.block-headernav--item-bookmark a,
  .block-header-nav .block-headernav--item-list > li.block-headernav--item-login a,
  .block-header-nav .block-headernav--item-list > li.block-headernav--item-cart a,
  .block-header-nav .block-headernav--item-list > li.block-headernav--item-mypage a {
    font-size: 16px;
  }

  ul.block-globalnav__list > li {
    font-size: 20px;
  }

  body.is-scroll .block-header-fixednav {
    margin-left: 55px;
  }

  .block-header-fixednav__item {
    font-size: 20px;
    padding: 15px 15px 15px 18px;
    width: 220px;
  }
}

@media screen and (min-width: 1300px) {
  .block-top-body--btn {
    font-size: 20px;
  }
}

@media screen and (min-width: 1440px) {
    .pane-header__inner,
  .block-top-event .block-top-event--goods {
    padding: 0;
  }
}

@media screen and (min-width: 769px) and (max-width: 1799px) {
  .pane-header__inner,
  .pane-globalnav__inner {
    padding: 0 40px;
    box-sizing: border-box;
  }
}


@media screen and (max-height: 770px) {
  .block-top-body--btn {
    bottom: 6%;
    right: 5%;
    width: 13vw;
    font-size: 1vw;
  }
}

/* 商品説明のリンクを分かりやすくしたくて篠田が追加 */
.block-goods-detail dl.block-goods-comment1 a {
  text-decoration: underline;
}