@charset "UTF-8";

/*レスポンシブ*/

@media screen and (min-width: 769px) {
  /* ----全画面共通---- */

  /*ヘッダー*/
  .block-header-info-frame {
    display: block !important;
    background-color: #f5f5f5;
    padding: 11px 20px;
  }

  .block-header-info-frame--list {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
  }

  .block-header-info-frame--list > li > a {
    font-size: 12px;
    color: #000;
  }

  .block-header-info-frame--list > li > a:hover {
    opacity: 0.5;
    text-decoration: none;
  }

  .block-header-nav {
    width: 100%;
    padding: 40px 20px;
  }

  .block-header-nav .block-header-logo {
    width: 255px;
  }

  .block-global-search {
    display: flex;
    align-items: center;
    width: 314px;
  }

  .block-global-search form {
    display: flex;
    align-items: center;
    width: 202px;
    padding: 8px 0;
    border-bottom: 1px solid #111;
  }

  .block-global-search form .block-global-search--submit {
    width: 32px;
    height: 20px;
    border: 0;
    background: url(../../img/usr/common/ico_search.png) center center / auto auto no-repeat;
  }

  .block-global-search form .block-global-search--keyword {
    width: calc(100% - 20px);
    height: 20px;
    border: 0;
    outline: none;
    font-size: 12px;
  }

  .block-global-search .block-global-search--searchdetail a {
    display: block;
    margin-left: 30px;
    padding: 4px 18px;
    border: 1px solid #111;
    border-radius: 16px;
    outline: 0;
    font-size: 11px;
  }

  .block-header-menu {
    display: flex !important;
    align-items: center;
    gap: 20px;
  }

  .block-header-menu--list {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
    border-radius: 50vh;
  }

  .block-header-menu--list > li {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .block-header-menu--list > li > a {
    width: 100%;
    height: 100%;
    color: #000;
    display: flex;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    align-items: center;
    border-radius: 50vh;
    transition: all 0.25s ease-out;
    padding: 10px 30px;
  }

  .block-header-menu--list > li > a:is(:hover, :focus) {
    color: #fff;
    background-color: #000;
    text-decoration: none;
  }

  .block-header-menu--action {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .block-header-menu--action > li > a {
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50vh;
    transition: all 0.25s ease-out;
  }

  .block-header-menu--action > li > a:is(:hover, :focus) {
    background-color: #4998db;
    color: #fff;
    opacity: 1;
  }

  .block-header-menu--action > li > a:hover svg {
    fill: #fff;
  }

  .block-header-menu--action > li > a svg {
    width: 18.63px;
    height: 19px;
  }

  /* フッター */
  .pane-footer {
    padding: 25px 16px 50px;
    background: #fff;
    color: #000;
  }

  .block-footer {
    display: flex;
    flex-direction: column-reverse;
    gap: 90px;
  }

  .block-footer--detail {
    display: flex;
    flex-direction: column-reverse;
    gap: 50px;
  }

  .block-footer--nav.-forfb {
    margin-bottom: 0;
    display: flex;
    gap: 60px;
    line-height: 1;
  }

  .block-footer--nav.-forsb {
    display: none;
  }

  .block-footer--nav-item {
    flex-basis: 180px;
    width: auto;
  }

  .block-footer--nav-head {
    margin-bottom: 40px;
    padding-bottom: 16px;
    border-bottom: solid 1px #e5e5e5;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
  }

  .block-footer--nav-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
    font-size: 15px;
  }

  .block-footer--nav-list > li > a[target="_blank"]::after {
    display: none;
  }

  .block-footer--sns-list {
    display: flex;
    align-items: center;
    gap: 28px;
  }

  .block-footer--sns-list a {
    transition: all 0.25s ease-out;
  }

  .block-footer--sns-list a:is(:hover, :focus) {
    opacity: 0.6;
  }

  .block-footer--logo img {
    width: auto;
  }

  /* ----Copyright---- */
  .block-copyright {
    padding: 20px 0;
    font-size: 12px;
  }

  /* グローバルナビ */

  .pane-header {
    box-shadow: none;
    height: auto;
  }

  .pane-globalnav {
    display: block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
  }

  ul.block-globalnav--item-list {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  ul.block-globalnav--item-list > li > a {
    display: block;
    padding: 15px 36px;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
  }

  ul.block-globalnav--item-list > li.js-animation-megamenu-hover > a {
    position: relative;
    padding-right: 52px;
    cursor: pointer;
  }

  ul.block-globalnav--item-list > li.js-animation-megamenu-hover > a::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 6px);
    right: 36px;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    transition: all 0.3s;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
  }

  ul.block-globalnav--item-list > li.js-animation-megamenu-hover:hover > a::after {
    top: calc(50% - 2px);
    transform: rotate(225deg);
  }

  ul.block-globalnav--item-list > li .block-globalnav-menu {
    display: none;
    position: absolute;
    z-index: 999;
    top: 50px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
  }

  ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-frame {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 1480px;
    max-width: calc(100% - 17px);
    margin: 0 auto;
    padding: 30px 0 30px 40px;
  }

  ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-frame .block-globalnav-menu--item {
    width: 200px;
    margin-right: 40px;
    margin-bottom: 20px;
  }

  ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 16px;
  }

  ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-image {
    width: 56px;
  }

  ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-image img {
    width: 100%;
    vertical-align: top;
  }

  ul.block-globalnav--item-list > li .block-globalnav-menu .block-globalnav-menu--item-link .block-globalnav-menu--item-text {
    width: 130px;
    margin-left: 14px;
    font-size: 16px;
  }

  ul.block-globalnav--item-list > li .block-globalnav-menu .block-dynamic-category--row {
    padding: 6px 0;
    font-size: 13px;
  }

  ul.block-globalnav--item-list > li .block-globalnav-menu .block-dynamic-category--row img {
    display: none;
  }

  ul.block-globalnav--item-list > li .block-globalnav-menu .block-dynamic-genre--row {
    padding: 8px 0;
    font-size: 13px;
  }

  ul.block-globalnav--item-list > li .block-globalnav-menu .block-dynamic-genre--row img {
    display: none;
  }

  /* 絞り込みフィルタ */
  .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;
  }

  /* ----トップページ---- */

  /* 本文 */
  #top-slider-warp li img {
    aspect-ratio: 3 / 1;
  }

  .block-top-campaign .block-campaign-banner,
  .block-top-event .block-top-event--goods {
    max-width: var(--responsive-sys-container-width);
    margin: 0 auto;
  }

  .block-campaign-banner .block-campaign-banner--list > li {
    margin: 0;
    padding: 0 16px 0;
  }

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

  /* ----トップページ新規---- */
  .block-top-body--body {
    padding: 0;
  }

  .block-top-body--inner {
    margin: auto;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 120px;
    box-sizing: border-box;
  }

  .block-top-body--desc {
    width: 390px;
    flex-shrink: 0;
  }

  .block-top-body--desc h2 {
    margin-bottom: 26px;
    font-size: 26px;
    text-align: left;
  }

  .block-top-body--desc h2 img {
    width: 70px;
    height: 30px;
  }

  .block-top-body--desc p {
    font-size: 15px;
    line-height: 1.8;
  }

  .block-top-fixed {
    width: 280px;
    right: 40px;
    left: auto;
    bottom: 12px;
    transform: translateX(0);
    z-index: 1;
  }

  .block-top-fixed--button {
    transition: all 0.25s ease-out;
  }

  .block-top-fixed--button:is(:hover, :focus) {
    background-color: #000;
    color: #fff;
    text-decoration: none;
  }

  .block-top-about--inner {
    margin: auto;
    padding: 163px 0;
    max-width: 980px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }

  .block-top-about--lead {
    margin-left: 60px;
    width: 308px;
  }

  .block-top-about--title {
    margin: 0 auto 28px;
    width: auto;
    text-align: center;
  }

  .block-top-about--title > img {
    width: 200px;
  }

  .block-top-about--point {
    width: auto;
  }

  .block-top-about--desc {
    margin-bottom: 0;
    padding: 12px 0;
  }

  .block-top-about--desc-sub {
    margin-bottom: 4px;
  }

  .block-top-about--desc-main {
    font-size: 17px;
  }

  .block-top-about--thumb {
    display: block !important;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
    width: 490px;
  }

  /* .block-top-about--thumb > img {
    filter: drop-shadow(3px 3px 40px rgba(17, 28, 46, 0.12));
  } */

  .block-top-about--price {
    margin-bottom: 21px;
    font-size: 17px;
  }

  .block-top-about--symbol {
    font-size: 21px;
  }

  .block-top-about--num {
    font-size: 28px;
  }

  .block-top-about--link-lead {
    font-size: 15px;
    padding-inline: 12px;
  }

  .block-top-about--link-button {
    margin-bottom: 21px;
  }

  .block-top-about--link-item {
    margin: auto;
    font-size: 15px;
    width: 260px;
    transition: all 0.25s ease-out;
  }

  .block-top-about--link-item > span::after {
    transition: all 0.25s ease-out;
  }

  .block-top-about--link-item:is(:hover, :focus) {
    opacity: 0.7;
    text-decoration: none;
    color: #fff;
  }

  .block-top-about--link-item:is(:hover, :focus) > span::after {
    border-right-color: #000;
    border-bottom-color: #000;
  }

  .block-top-about--link-note {
    font-size: 12px;
  }

  .block-top-about--link-note + .block-top-about--link-note {
    margin-top: 24px; /* add 260526im */
  }

  /* 販売チャンネル複数 */
  .block-top-about--link .block-top-about--link-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-end;
    gap: 12px;
  }

  .block-top-banner {
    padding: 0 0 60px;
    text-align: center;
  }

  .block-top-banner--lists{
    gap: 32px;
  }

  .block-top-banner .block-top-banner--listImage {
    width: min(100%, 720px);
  }

  .block-top-attention--inner {
    /* margin: auto;
  max-width: 980px;
  width: fit-content; */
  }

  .block-top-attention--link {
    margin: auto;
    max-width: 980px;
    width: fit-content;
    padding: 15px;
    font-size: 15px;
    gap: 15px;
  }

  /* 販売チャネルあり */
  .block-product-type--table.-store .block-product-type--table-button {
    width: min(100%, 200px);
    margin: 0 auto;
  }

  /* 販売チャネル:吹き出し */
  .-balloon {
    width: 100%;
    max-width: 980px;
    padding: 0 16px 8px;
  }

  .block-product-type {
    background-color: #eef5fc;
  }

  .block-product-type--inner {
    padding: 80px 0 100px;
  }

  .block-product-type--title {
    margin-bottom: 28px;
  }

  .block-product-type--title-main {
    font-size: 26px;
  }

  .block-product-type--title-sub {
    padding-inline: 14px;
  }

  .block-product-type--title-sub::before,
  .block-product-type--title-sub::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    width: 2px;
    height: 12px;
    background-color: #4998db;
  }

  .block-product-type--title-sub::before {
    rotate: -45deg;
    left: 0;
  }

  .block-product-type--title-sub::after {
    rotate: 45deg;
    right: 0;
  }

  .block-product-type--table {
    margin: auto;
    max-width: 980px;
  }

  .block-product-type--table.-store {
    max-width: calc(980px / 3 * 2);
  }

  .block-product-type--table th {
    padding: 20px;
    font-size: 17px;
    border-right: 16px solid #eef5fc;
  }

  .block-product-type--table td {
    padding: 20px;
    font-size: 15px;
    text-align: center;
    border-right: 16px solid #eef5fc;
    border-top: 4px solid #eef5fc;
    vertical-align: middle;
  }

  .block-product-type--table .-text-left td {
    text-align: center;
  }

  .block-product-type--sale small {
    font-size: 15px;
  }

  .block-product-type--sale span {
    font-size: 36px;
  }

  .block-product-type--sale span small {
    font-size: 24px;
  }

  .block-product-type--sale strong {
    font-size: 16px;
  }

  .block-product-type--sale ul.hidden-sb {
    display: block !important;
    margin-top: 15px;
    font-size: 11px;
    text-align: left;
    padding: 0 13px;
  }

  .block-product-type--sale ul.hidden-sb sup {
    font-size: 8px;
    vertical-align: super;
  }

  .block-product-type--sale ul.hidden-sb > li + li {
    margin-top: 4px;
  }

  .block-product-type--sale-notes {
    margin-top: 8px;
    padding-left: 10px;
    text-indent: -10px;
    text-align: left;
    color: #666;
  }

  .block-product-type--sale-notes li::before {
    content: "※";
  }

  .block-product-type--label {
    top: -42px;
    right: -20px;
    padding: 4px;
    color: #fff;
    font-size: 11px;
    width: 104px;
    height: 104px;
    font-weight: 500;
  }

  .block-product-type--label-inner > span {
    font-size: 15px;
    padding-top: 4px;
  }

  .block-product-type--price > span {
    padding-left: 0.25em;
    display: inline-block;
  }

  .block-product-type--table-button {
    margin: auto;
    padding: 15px;
    font-size: 15px;
    max-width: 200px;
    width: 100%;
    transition: all 0.25s ease-out;
  }

  .block-product-type--table-button.center-button {
    padding: 15px;
  }

  .block-product-type--table-button > span::after {
    transition: all 0.25s ease-out;
  }

  .block-product-type--table-button:is(:hover, :focus) {
    background-color: #4998db;
    border-color: #4998db;
    color: #fff;
    text-decoration: none;
    opacity: 1;
  }

  .block-product-type--table-button:is(:hover, :focus) > span::after {
    border-right-color: #fff;
    border-bottom-color: #fff;
  }

  .block-top-feature {
    margin-bottom: 40px;
  }

  .block-top-feature--nav {
    margin: auto;
    max-width: 980px;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    padding: 80px 0 50px;
  }

  .block-top-feature--nav-link {
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    line-height: 1;
    padding: 17px 0 28px;
    transition: all 0.25s ease-out;
  }

  .block-top-feature--nav-link:is(:hover, :focus) {
    opacity: 0.6;
    text-decoration: none;
  }

  .block-top-feature--nav-link::after {
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }

  .block-top-feature--nav-main {
    font-size: 18px;
  }

  .block-top-feature--nav-sub {
    padding-left: 0.25em;
    font-size: 12px;
  }

  .block-top-feature--unit {
    margin: auto;
    padding: 60px 8.5% 80px;
    max-width: 1280px;
    width: 100%;
  }

  .page-goods .block-top-feature--unit {
    margin: 0;
    max-width: none;
  }

  .block-top-feature--unit + .block-top-feature--unit {
    margin-top: 40px;
  }

  .block-top-feature--title {
    position: relative;
    margin-bottom: 30px;
    padding: 0 0 0 25px;
    border-bottom: 0;
  }

  .block-top-feature--title-main {
    font-size: 26px;
  }

  .block-top-feature--product {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .block-top-feature--product-item {
    display: flex;
    align-items: center;
    gap: 78px;
    padding: 26px 10% 26px 13%;
  }

  .block-top-feature--product-thumb {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    width: 230px;
    text-align: center;
    flex-shrink: 0;
  }

  .block-top-feature--product-detail {
    align-items: flex-start;
    gap: 10px;
    text-align: left;
  }

  .block-top-feature--product-lead {
    font-size: 17px;
  }

  .block-top-feature--product-desc {
    font-size: 13px;
  }

  .block-top-feature--product-note {
    color: #888;
    font-size: 10px;
  }

  .block-top-feature--spec-thumb {
    margin: 0 auto 30px;
  }

  .block-top-feature--spec-list {
    margin-bottom: 32px;
    display: flex;
    gap: 4px;
  }

  .block-top-feature--spec-table {
    margin-top: -4px;
    border-spacing: 0 4px;
  }

  .block-top-feature--spec-table th,
  .block-top-feature--spec-table td {
    padding: 12px 16px;
  }

  .block-top-feature--spec-table th {
    width: 190px;
    padding-right: 0;
  }

  .block-top-feature--spec-more {
    margin: auto;
    width: 300px;
  }

  .block-top-feature--spec-button,
  .block-top-feature--spec-button::before {
    transition: all 0.25s ease-out;
  }

  .block-top-feature--spec-button:is(:hover, :focus) {
    background-color: #4998db;
    border-color: #4998db;
    color: #fff;
    text-decoration: none;
    opacity: 1;
  }

  .block-top-feature--spec-button:is(:hover, :focus)::before {
    background-image: url(../../img/usr/top/icon_feature_spec_white.png);
  }

  .block-top-feature--spec-button::before {
    display: block;
    content: "";
    width: 15px;
    height: 19px;
    background: url(../../img/usr/top/icon_feature_spec.png) no-repeat 0 0;
    background-size: 100% auto;
  }

  .block-top-feature--unit .block-product-type,
  .block-top-feature--unit .block-product-type--inner {
    padding: 0;
    background-color: transparent;
  }

  .block-top-cautions--inner {
    margin: auto;
    padding: 80px 0;
    max-width: 980px;
    width: 100%;
  }

  .block-top-cautions--title {
    margin-bottom: 40px;
  }

  .block-top-cautions--lead > p {
    margin-top: 8px;
    text-align: center;
  }

  .block-top-cautions--list > li {
    margin-top: 8px;
  }

  .block-top-cautions--button {
    margin: auto;
    width: 226px;
  }

  .block-top-cautions--button-item {
    transition: all 0.25s ease-out;
  }

  .block-top-cautions--button-item > span::after {
    position: relative;
    top: 1px;
    transition: all 0.25s ease-out;
  }

  .block-top-cautions--button-item:is(:hover, :focus) {
    background-color: #3b3c3e;
    color: #fff;
    text-decoration: none;
    opacity: 1;
  }

  .block-top-cautions--button-item:is(:hover, :focus) > span::after {
    border-right-color: #fff;
    border-bottom-color: #fff;
  }

  /* ---- /トップページ新規---- */

  /* 商品一覧 */

  .block-filter {
    height: 70px;
    margin: 32px 0;
  }

  .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;
    padding: 25px 8px;
  }

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

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

  .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 16px 0;
  }

  .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 .block-topic--items {
    max-width: 636px;
    margin: 0 auto 24px;
  }

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

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

  .page-top .block-category-tree {
    max-width: var(--responsive-sys-container-width);
    margin: 0 auto;
  }

  .page-top .block-category-tree .block-category-style-g {
    margin-bottom: 24px;
  }

  .page-top .block-genre-tree {
    max-width: var(--responsive-sys-container-width);
    margin: 0 auto;
  }

  .page-top .block-genre-tree .block-genre-style {
    margin-bottom: 24px;
  }

  /* フリースペース2 */
  .block-top-separate-banner ul.block-top-separate-banner--list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }

  .block-top-separate-banner ul.block-top-separate-banner--list > li {
    width: 50%;
  }

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

  /* ----イベント---- */

  /* ----カテゴリ---- */

  .block-category-list .block-category-style-g--item .block-category-style-g--name::before {
    content: "＞ ";
  }

  /* ----ジャンル---- */

  .block-genre-page .block-genre-style--item .block-genre-style--name::before {
    content: "＞ ";
  }

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

  .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: 0 0 24px;
    padding: 12px 0;
    border-bottom: 1px solid #111;
    color: #111;
    font-size: 24px;
    font-weight: 500;
  }

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

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

  .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 4px;
    padding: 0;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.05em;
  }

  .block-goods-name2 {
    font-size: 17px;
  }

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

  .block-goods-price {
    margin: 0 0 12px;
    padding-top: 16px;
  }

  .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 {
    display: none;
    text-align: start;
  }

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

  .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: 0 40px 20px;
    background: #f5f5f5;
  }

  .block-accessory-list .block-accessory-list--name {
    margin: 0 0 20px;
    padding: 24px 0 0;
    border: 0;
    font-size: 18px;
    font-weight: 500;
  }

  .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-top-review{
    max-width: 100%;
    padding: 60px 0 80px 8.5%;
  }

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

  /* ----IM 店舗リスト追加---- */
  .block-top-shop--list {
    background: #fff;
    padding: 26px 4% 26px;
  }

  .block-top-shop--listText {
    font-size: 16px;
  }

  .block-top-shop--listLink {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    color: #000;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 30px;
    width: 16vw;
    margin-right: 0;
    margin-left: auto;
  }
  .block-top-shop--listLink::after {
    display: block;
    content: none;
    width: 6px;
    height: 6px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    rotate: -45deg;
    margin: 0 -13px 0 9px;
  }
  .block-top-shop--listLink:hover {
    background-color: #4998db;
    border-color: #4998db;
    color: #fff;
    text-decoration: none;
    opacity: 1;
  }
  .block-top-shop--listLink:hover::after {
    border-right-color: #fff;
    border-bottom-color: #fff;
  }

  .block-top-shop--inner {
    padding-top: 30px;
  }

  /* ---------------------------------------------------------------
footer sns
--------------------------------------------------------------- */
  .footer__navSns_ {
    position: absolute;
    bottom: 50px;
    right: 50%;
    margin-right: -125px;
  }

  .footer__navSns_ a {
    width: 50px;
    height: 50px;
    position: relative;
    display: block;
    background: #fff;
    border-radius: 100%;
  }

  .footer__navSns_ a:hover {
    background: #2299e1;
    opacity: 1;
  }

  .footer__navSns_ img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .footer__navSns_ li {
    width: 50px;
    height: 50px;
    overflow: hidden;
    float: left;
    margin: 0 17px 0 0;
  }

  /* ---------------------------------------------------------------
footer
--------------------------------------------------------------- */
  .gfooter_ {
    position: relative;
  }

  .footer__inner_ {
    position: relative;
  }

  .footer__nav_ {
    background: #dfe9ee;
    padding: 60px 100px 130px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer__navBox_ {
    margin: 0 2%;
  }

  .footer__navBox_ h4 {
    font-size: 1.6rem;
    color: #454545;
    margin-bottom: 2em;
    line-height: 1;
    font-weight: bold;
  }

  .footer__navBox_ a {
    font-size: 1.4rem;
    color: #454545;
  }

  .footer__navBox_ ul {
    float: left;
  }

  .footer__navBox_ li {
    margin-bottom: 15px;
    line-height: 1;
  }

  .footer__navBox_ li a img {
    margin-left: 5px;
    vertical-align: baseline;
  }

  .footer__copyright_ {
    text-align: center;
    overflow: hidden;
    padding: 50px 0 70px;
  }

  .footer__copyright_ small {
    display: block;
    margin-top: 30px;
    font-size: 1.2rem;
  }
  .l-footer__logo {
    margin-bottom: 50px;
    width: 250px;
  }
  .l-footer__navHead {
    margin: 0 0 38px;
    padding: 0 0 14px;
    white-space: nowrap;
  }
  .footer__navHead {
    border-bottom: solid 1px #e5e5e5;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4666666667;
  }
  .l-footer__nav {
    margin-bottom: 90px;
  }
  .footer__inner {
    padding: 0 40px;
  }
  .l-footer__navGroup {
    -ms-flex-preferred-size: 180px;
    flex-basis: 180px;
    margin-left: 4.4117647059%;
  }
  .l-footer__navGroup:first-child {
    margin-left: 0;
  }
  .footer__navListItem a {
    text-decoration: none;
  }
  .footer__navListItem a:hover {
    color: #4998db;
  }
  .footer__socialItemLink:hover svg {
    fill: #4998db;
  }
  .footer__navGroup:nth-of-type(2) {
    font-size: 15px;
  }
  .footer__navListItem:not(:last-child),
  .footer__navGroup:nth-of-type(2) .footer__navListItem {
    padding-bottom: 15px;
  }
}

/* add 260526 */
.block-top-free-1 sup{ /* add 260526im */
  font-size: x-small;
  vertical-align: super;
}

@media screen and (min-width: 1025px) {
  .shop_mainPage .purchase__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 980px;
  }
  .shop_mainPage .card__image {
    aspect-ratio: 360 / 283;
  }
  .shop_mainPage .card__list-item{
    font-size: min(3.33vw, 13px);
  }
  .shop_mainPage .card__list-item {
    font-size: min(3.33vw, 12px);
  }
  .shop_mainPage .card__head {
    margin-bottom: 0;
  }

  .shop_mainPage .card__label {
    font-size: 15px;
  }

  .shop_mainPage .card__title {
    font-size: 26px;
  }

  /* numbering */ /* add 260526im */
  .shop_mainPage .card__title::before {    
    width: 26px;
    height: 26px;
    font-size: 16px;
    margin-right: 6px;
  }

  .shop_mainPage .card__list {
    margin-top: 30px;
    gap: 15px;
  }

  .shop_mainPage .card__image-wrap {
    margin: 50px 0 40px 0;
  }

  .shop_mainPage .price {
    text-align: left;
  }
  .shop_mainPage .price::before {
    content: none;
  }
  .shop_mainPage .price__current {
    font-size: 36px;
  }

  .shop_mainPage .button {
    width: 260px;
  }

  .shop_mainPage .link {
    margin-top: 104px;
    text-align: left;
  }

  .subscription-benefits .benefit-card:first-of-type .benefit-card_wrap img {
    width: 9.512vw;
    height: 5.834vw;
  }

  .subscription-benefits .benefit-card:nth-of-type(2) .benefit-card_wrap img {
    width: 8.544vw;
    height: 6.307vw;
    aspect-ratio: 42 / 31;
  }

  .subscription-benefits .benefit-card:nth-of-type(3) .benefit-card_wrap img {
    width: 6.937vw;
    height: 6.244vw;
  }

  .subscription-benefits .benefit-card:last-child .benefit-card_wrap img {
    width: 9.25vw;
    height: 5.781vw;
  }
}

@media screen and (min-width: 769px) {
  .pc_only {
    display: block;
  }
  .sp_only {
    display: none;
  }

  .shop_mainPage .purchase__list {
    max-width: 1294px;
    width: 100%;
    gap: 15px;
    margin: 0 auto;
    padding: 30px 0 0px;
    text-align: center;
  }

  .shop_mainPage .card {
    padding: 40px 20px;
    height: 100%; /* add 260526im */
  }

  .shop_mainPage .card__label {
    font-size: 15px;
  }

  .shop_mainPage .card__title {
    font-size: 26px;
  }

  .shop_mainPage .card__list {
    margin-top: 20px;
    gap: 12px;
  }

  .shop_mainPage .card__list-item {
    font-size: 15px;
  }

  .shop_mainPage .card__image-wrap {
    margin: 20px 0 32px 0;
  }


  .shop_mainPage .card__price-wrap {
    gap: 5px;
    margin-top: 0;
  }

  .shop_mainPage .badge {
    flex: 0 0 95px;
    width: 95px;
    height: 95px;
  }

  .shop_mainPage .badge__label {
    font-size: 13px;
  }

  .shop_mainPage .badge__rate {
    font-size: 22px;
  }

  .shop_mainPage .badge__percent {
    font-size: 17px;
  }

  .shop_mainPage .price__label {
    font-size: 13px;
  }
  .shop_mainPage .price__normal {
    font-size: 13px;
  }

  .shop_mainPage .price__current {
    font-size: 36px;
  }

  .shop_mainPage .button {
    width: min(100%, 260px);
    min-height: 55px;
    padding: 0 55px 0 40px;
    margin-top: 0;
    font-size: 15px;
  }

  .shop_mainPage .button::after {
    right: 54px;
  }

  .shop_mainPage .link {
    margin-top: 40px;
  }

  .subscription-benefits .benefit-card {
    flex-direction: column;
    gap: 15px;
    text-align: center;
    padding: 20px 0;
  }

  .subscription-benefits .benefits-title {
    font-size: 26px;
    margin-bottom: 30px;
  }

  .subscription-benefits .benefits-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }

  .subscription-benefits .benefit-copy {
    font-size: 15px;
  }

  .subscription-benefits .mark.small {
    font-size: 20px;
  }
  .subscription-benefits .mark.small span {
    font-size: 17px;
  }
  .subscription-benefits .mark.large {
    font-size: 26px;
  }
  .subscription-benefits .mark.large span {
    font-size: 19px;
  }
  .subscription-benefits .mark.coupon {
    font-style: 19px;
  }
  .subscription-benefits .mark.coupon strong {
    font-size: 26px;
  }
  .subscription-benefits .mark.subtxt {
    font-size: 13px;
  }

  .shop_mainPage .cl-product-item__badge strong {
    line-height: 1;
  }

  .subscription-benefits .benefits-note {
    font-size: 11px;
    margin: 20px 0 0;
  }
  #target01.block-top-feature--unit {
    background-image: url(../../img/usr/top/bg_img_feature.jpg);
    background-position: center;
    background-size: cover;
  }
}

/* ----- PC (min-width: 769px) ----- */
@media screen and (min-width: 769px) {
  .zoff-1dayPage .zoff-1day__content_02 {
    margin: 0 auto 80px;
  }
  .zoff-1dayPage .zoff-1day__content_01 .zoff-1day__content_wrapper,
  .zoff-1dayPage .zoff-1day__content_02 .zoff-1day__content_wrapper {
    max-width: 980px;
    margin: auto;
  }
  .zoff-1dayPage .zoff-1day__content_01 {
    padding: 40px 0 80px;
    margin: 0 auto;
  }
  .zoff-1dayPage .zoff-1day__content_01.-nobgcolor {
    padding-bottom: 0; /* add 260526im */
  }
  .zoff-1dayPage .zoff-1day__content_02 {
    padding: 80px 0;
    margin: 80px auto;
  }
  .zoff-1dayPage .zoff-1day__content_02 .zoff-1dayPage .zoff-1day__content_01 .zoff-1day__title {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .zoff-1dayPage .zoff-1day__content_01 .zoff-1day__card {
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    gap: 16px;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-direction: row;
  }
  .zoff-1dayPage .zoff-1day__content_01 .zoff-1day__card li {
    width: 308px;
    height: auto;
  }
  .zoff-1dayPage .zoff-1day__content_01 .zoff-1day__card li img {
    max-height: 425px;
  }
  .zoff-1dayPage .zoff-1day__content_02 {
    max-width: 980px;
    padding: 82px 40px;
    margin: 0;
    background-image: url("../../img/usr/goods/bg_img_feature.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
  }

  .zoff-1dayPage .zoff-1day__title {
    margin: 0 0 20px;
    font-size: 20px;
  }
  .zoff-1dayPage .zoff-1day__content_01 .zoff-1day__title {
    margin: 0 0 40px;
    font-size: 26px;
  }

  .zoff-1dayPage .zoff-1day__lead {
    margin-bottom: 30px;
  }

  .zoff-1dayPage .zoff-1day__features {
    display: flex;
    width: 612px;
    /* align-items: center; */
    align-items: stretch; /* add 260526im */
    gap: 10px;
    flex-wrap: wrap;
  }

  .zoff-1dayPage .feature-card {
    width: 300px;

    min-height: unset;
  }
  .zoff-1dayPage .feature-card > div {
    width: 260px;
    /* min-height: 56px; add 260526im */
  }
  .zoff-1dayPage .feature-card > .feature-card__imgbox {
    height: 56px; /* add 260526im */
  }
  .feature-card.small img {
    width: 180px;
    height: 48px;
  }
  .feature-card img {
    height: 50px;
  }
  .page-goods .container {
    max-width: 100% !important;
  }
  .goods_detail-description-wrap {
    padding: 0px !important;
  }
  .goods_detail-description-wrap.js-fadein-element.js-fadein:first-of-type {
    max-width: auto;
  }
  .goods_detail-description-wrap.js-fadein-element.js-fadein {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
  }
  .zoff-1dayPage ~ .subscription-benefits {
    max-width: 980px;
    margin: 0 auto;
  }
  .subscription-benefits.zoff-1dayPage {
    padding: 80px 0px;
  }
  .zoff-1dayPage .zoff-1day__banner_wapper {
    width: 320px;
  }
  .subscription-benefits .benefit-copy.compact {
    position: relative;
  }
  .banner-goods-image {
    width: 100%;
    max-width: 980px;
    margin: auto;
    margin-bottom: 44px;
  }
  .zoff-1dayPage.block-goods-introduction .zoff-1day__content_02 {
    background-image:url("../../img/usr/goods/usr/goods/goods_bg30.jpg");
  }
  .zoff-1dayPage.block-goods-introduction .zoff-1day__content_02.day30::before {
    content: none;
  }
  .zoff-1dayPage.block-goods-introduction .feature-card {
    width: 172px;
    height: 110px;
    min-height: 110px;
    border: 0;
    display: inline-grid;
    align-content: center;
  }
  .zoff-1dayPage.block-goods-introduction .feature-card__image {
    width: 100%;
    height: auto;
    margin: 0 auto 10px;
  }
  .zoff-1dayPage.block-goods-introduction .zoff-1day__features {
    width: 40%;
  }
  .zoff-1dayPage.block-goods-introduction .feature-card > div {
    width: 130px;
    margin: auto;
    min-height: 20px;
  }
  .zoff-1dayPage.block-goods-introduction .feature-card div {
    width: 140px;
  }
  .zoff-1dayPage.block-goods-introduction .feature-card.small:last-of-type div {
    width: 100px;
  }
  .zoff-1day__banner.pc_only .button__text {
    display: inline-block;
    color: #000;
  }

  .zoff-1day__banner.pc_only .button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: translateY(-50%) rotate(135deg);
  }
  .shop_mainPage .purchase__title {
    font-size: 26px;
    margin-bottom: 0px;
  }
  .block-top-shop--list.flex img {
    width: 100%;
    max-width: 148px;
    /* height: stretch; */
    height: auto; /* add 260526im */
    object-fit: cover;
    padding-top: 4px; /* add 260526im */
  }

  .block-top-shop--list.flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-items: center;
  }
  .shop_mainPage .card .point-card__icon {
    left: 80%;
    transform: rotate(25deg);
    top: 20px;
    max-height: 100px;
  }
  .block-top-shop--list.flex .block-top-shop--listLink {
    width: 218px;
    padding: 15px 0;
    font-size: 14px;
    margin-left: auto; /* add 260526im */
    margin-right: revert; /* add 260526im */
  }

  .benefits-list_aticle .benefit-copy.mid_txt {
    font-size: 15px;
    margin-top: 10px;
  }
  .subscription-benefits.aticle .benefits-list_aticle {
    grid-template-columns: repeat(3, 1fr);
    gap: 56px;
  }
  .subscription-benefits.aticle .benefit-card {
    width: auto;
  }

  .zoff-1dayPage .zoff-1day__content_02 {
    position: relative;
    isolation: isolate;
    max-width: 980px;
    padding: 80px 40px;
    margin: 80px auto;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(203, 239, 255, 0.9) 0%, rgba(239, 250, 255, 0.72) 42%, rgba(255, 255, 255, 0.15) 72%, rgba(255, 255, 255, 0) 100%);
  }

  .zoff-1dayPage .zoff-1day__content_02::before {
    content: "";
    position: absolute;
    top: 0;
    right: -200px;
    bottom: -100px;
    left: 0;
    z-index: -1;
    background-image: url("../../img/usr/goods/bg_img_feature.jpg");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right center;
  }

  .zoff-1dayPage .zoff-1day__content_wrapper {
    position: relative;
    z-index: 1;
  }
  .zoff-1dayPage .zoff-1day__content_02 .zoff-1day__note.white {
    color: #fff;
  }

  .block-top-about--link-button .point-card__icon {
    max-height: 60px;
    z-index: 2;
  }
  .zoff-1dayPage.introduction-bg-30day {
    margin: auto;
  }
}
@media screen and (max-width: 1300px) and (min-width: 1025px) {
  .shop_mainPage .badge span {
    font-size: 0.8vw;
  }
  .shop_mainPage .badge span.badge__rate {
    font-size: 1vw;
  }

  .shop_mainPage .price__label {
    font-size: 1vw;
  }

  .shop_mainPage .badge {
    flex: 0 0 5vw !important;
    width: 5vw !important;
    height: 5vw !important;
  }

  .shop_mainPage .price__current {
    font-size: 3vw;
  }
  .shop_mainPage .link_txt.center {
    width: 75vw !important;
  }
  .block-top-about--link-item.link:is(:hover, :focus) {
    border-color: none;
    color: #fff;
    border: 1px solid #4998db;
    background-color: #4998db;
  }
  .block-top-about--link-button:hover .lock-top-about--link-item {
    opacity: 0.7;
  }
  .shop_mainPage .button {
    font-size: 14px !important;
  }
  .shop_mainPage .button::after {
    right: 15% !important;
  }
}

@media (max-width: 390px) {
  .block-top-shop--list.flex .block-top-shop--listLink {
    width: 120px;
  }
}
@media screen and (min-width: 769px) {
  .shop_mainPage .link_txt.center {
    width: 980px;
    grid-column: 1 / -1;
    color: #666;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .block-top-feature--product-thumb.gray {
    border-bottom: 0;
  }
  .zoff-1dayPage .feature-card {
    min-height: 160px;
  }
  .zoff-1dayPage .goods_detail-description--title {
    margin: 76px 0 27px;
  }
  .zoff-1dayPage {
    margin: 0 auto 80px !important;
  }

  /*add 260601*/
  .shop_mainPage_top .block-top-about--inner {
  }
  .shop_mainPage_top .block-top-about--item{ /* add 260526im */
    margin-top: 0;
  }
  .shop_mainPage .purchase__wrap {
    padding: 80px 0;
  }
  .subscription-benefits.pc_only {
    padding:  0 0 48px; /* add 260526im */
  }
  .subscription-benefits .mark::after {
    height: 8px;
  }

  .shop_mainPage .block-top-shop--listTitle {
    padding-bottom: 9px;
    margin-bottom: 12px; /* add 260526im */
    font-size: 18px;
  }
  .subscription-benefits.aticle .benefit-copy {
    font-weight: 400;
  }
  .subscription-benefits.aticle .benefit-copy.mid_txt {
    font-size: 16px;
    min-height: 100px;
  }
  .subscription-benefits.aticle .benefit-copy.sm_txt {
    font-style: 15px;
  }
  .subscription-benefits.aticle {
    padding: 80px 0 120px;
  }
  .subscription-benefits.aticle .benefits-title {
    margin-bottom: 50px;
  }
  .cl-product-list{ /* add 260526im */
    display: flex;
    justify-content: center;
  }
  .cl-product-item{ /* add 260526im */
    grid-template-columns: 1fr;
    width: calc(100% / 3);
  }
  .cl-product-item__name {
    font-style: 15px;
  }
  .cl-product-item__name strong {
    font-size: 22px;
  }
  .cl-product-item__thumb{
    width: min(100%, 232px);
    margin-inline: auto;
  }
  .cl-product-item__image{ /* add 260526im */
    width: 100%;
  }
  .shop_mainPage .cl-buy-guide {
    padding: 0;
  }
  .shop_mainPage .cl-product-item__badge {
    font-style: 13px;
  }
  .shop_mainPage .coupon-card__note {
    gap: 8px;
  }
  .shop_mainPage .cl-merit-list li {
    font-size: 15px;
  }
  .shop_mainPage .cl-product-item__badge {
    line-height: 1;
  }

  .shop_mainPage .cl-product-item__badge strong {
  }

  .zoff-1dayPage.appeal_box_notes {
    margin-block: 8px 20px !important;
    font-feature-settings: "palt";
  }
  .subscription-benefits .benefit-card {
    justify-content: end;
  }
  .subscription-benefits .benefit-card .benefit-card_wrap {
    flex-direction: column;
    justify-content: center;
    height: auto;
    /* width: 96px; */
    flex-basis: auto;
  }
  .subscription-benefits .benefit-card:last-of-type .benefit-card_wrap {
    flex-basis: 0;
  }

  .subscription-benefits .benefit-icon {
    width: auto;
  }
  .subscription-benefits .benefit-card:nth-of-type(2),
  .subscription-benefits .benefit-card:nth-of-type(3) {
    gap: 20px;
  }

  .subscription-benefits .benefit-card:first-of-type .benefit-card_wrap img {
    width: 5.078vw;
    height: 3.115vw;
  }
  .subscription-benefits .benefit-card:nth-of-type(2) .benefit-card_wrap img {
    width: 4.562vw;
    height: 3.367vw;
    aspect-ratio: 42 / 31;
  }
  .subscription-benefits .benefit-card:nth-of-type(3) .benefit-card_wrap img {
    width: 3.704vw;
    height: 3.333vw;
  }
  .subscription-benefits .benefit-card:last-child .benefit-card_wrap img {
    width: 4.941vw;
    height: 3.086vw;
  }
  .subscription-benefits .benefit-copy__base {
    font-size: 15px;
  }
  .subscription-benefits .benefit-card:first-of-type .benefit-copy__base {
    font-size: 15px;
  }
  .subscription-benefits .benefit-card:first-of-type .benefit-copy__base.large {
    font-size: 17px;
  }
  .subscription-benefits .benefit-card:last-of-type .benefit-copy__base.small {
    display: inline-block; /* add 260526im */
    font-size: 11px;
    padding-bottom: 4px; /* add 260526im */
  }
  .subscription-benefits .mark.coupon strong {
    font-style: 26px;
  }
  .subscription-benefits .mark.coupon {
    font-size: 19px;
  }
  .subscription-benefits .mark.subtxt {
    padding-left: 2px;
  }
  .subscription-benefits .benefit-copy__accent {
    font-size: 20px;
  }
  .zoff-1dayPage.block-goods-introduction .feature-card__text::before {
    content: none;
  }
  .zoff-1dayPage.block-goods-introduction .feature-card__text {
    padding-top: 0;
    font-size: 9px;
  }
  .zoff-1dayPage.block-goods-introduction .zoff-1day__content_02 {
    background-size: contain;
    background-color: unset;
    height: auto;
    padding: 50px 24px;
  }
  .subscription-benefits.zoff-1dayPage {
    padding: 0 0 80px ;
    background-color: #eef5fc; /* add 260526im */
  }
  .zoff-1day__content_02.day30 {
    height: auto;
    min-height: auto;
    box-sizing: border-box;
  }
  .zoff-1dayPage .block-top-fixed{
    right: 20px;
    left: auto;
    bottom: 0px;
  }
  .check-icon.resize {
    width: 1.6rem;
  }
}


@media screen and (max-width: 380px){
.subscription-benefits .benefit-card {
  padding: 15px 14px 15px;
}
.subscription-benefits.sp_only .coupon-card__eyebrow{
  font-size: 10px;
}
.cl-product-item{
  /* padding: 18px 20px; */
  padding: 18px 16px; /* add 260526im */
}
}

@media screen and (min-width: 1281px){
  /* ユーザーレビュー */
  .block-top-review{
    max-width: 1280px;
    padding: 60px 8.5% 80px;
  }
}