@charset "UTF-8";

@keyframes UpAnime {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-32px);
  }
}
@keyframes DownAnime {
  0% {
    opacity: 0;
    transform: translateY(-32px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideLeftTime {
  0% {
    width: 0;
  }
  80% {
    width: 110%;
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

:where(html) {
  .block-switch-banner {
    display: none !important;
  }

  .block-ec-mv-slider {
    margin-top: 16px;
    visibility: hidden;
    overflow: visible;
    text-align: center;

    &.slick-initialized {
      visibility: visible;

      .slick-arrow-wrapper {
        display: block;
        position: absolute;
        top: calc(50% - 35px);
        left: 0;
        width: 100%;

        .slick-arrow-body {
          display: flex;
          justify-content: space-between;
          width: 1060px;
          margin: 0 auto;
        }

        .slick-arrow {
          display: block;
          width: 50px;
          height: 50px;
          border: 1px solid rgb(255 255 255 /.5);
          color: transparent;
          cursor: pointer;
          opacity: .7;
          z-index: 9;
          transition: .3s;
          background: rgb(255 255 255 /.025) url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%3E%3Cpath%20d%3D%22M30%2015%2020%2025l10%2010%22%20fill%3D%22none%22%20stroke%3D%22%23464748%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0 / cover;

          &:hover {
            opacity: 1;
            scale: 105%;
          }
        }

        .slick-next {
          transform: rotate(180deg);
        }
      }

      .slick-list {
        .slick-track {
          .block-ec-mv-slider-item {
            position: relative;
            margin: 0 25px;
            transition: .3s;
            opacity: .75;

            a {
              box-sizing: border-box;
              display: block;
              transition: .1s;
              transition-delay: .2s;
              border-radius: 6px;
              overflow: hidden;

              &::after {
                display: none;
              }

              img {
                transition: .3s;
                height: 100%;
              }
            }

            &.slick-center {
              opacity: 1;

              a {
                border-radius: 0;
                overflow: hidden;
                transition: .3s;

                &:hover {
                  opacity: 1;
                  scale: 101%;
                  box-shadow: 0 0 12px #00000010;
                }
              }
            }
          }
        }
      }

      .slick-dots-wrapper {
        margin: 12px auto 0;

        .slick-dots {
          display: flex;
          align-items: center;
          justify-content: center;
          min-height: 8px;
        }

        li {
          position: relative;
          border-radius: 8px;
        }
        li + li {
          margin-left: 16px;
        }

        button {
          display: block;
          position: relative;
          width: 8px;
          height: 8px;
          margin: 0;
          padding: 0;
          border: none;
          border-radius: 8px;
          background: #ededed;
          color: transparent;
          cursor: pointer;
          transition: all .6s ease-out;

          &:hover {
            width: 8px;
            height: 8px;
          }
        }

        .slick-active {
          overflow: hidden;
          height: 6px;

          button {
            width: 48px;
            height: 6px;
            background: var( --col_MypreBlue );
          }
        }
      }
    }
  }

  .ttl-pinyon-h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    color: var( --cl-br );
    font-family: var( --ff-serif );
    text-align: center;

    img {
      display: block;
    }

    span {
      font-size: 1.8rem;
      font-weight: 600;
      line-height: 1.1;
    }
  }

  .ttl-smg-h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;

    &.ttl-bdr {
      &::before {
        content: "";
        display: block;
        position: absolute;
        top: 16px;
        left: 0;
        width: 100%;
        height: 1px;
        background: var( --cl-br );
      }

      .txt-en {
        padding: 0 28px;
        background: #fff;
      }
    }

    .txt-en {
      position: relative;
      font-size: 3.2rem;
      font-family: var( --ff-smg );
      letter-spacing: .1em;
    }

    .txt-ja {
      margin-top: 2px;
      font-size: 1.8rem;
      font-weight: 600;
      line-height: 1.5;
      letter-spacing: .1em;
    }
  }

  .fs-14 { font-size: 1.4rem; }
  .fs-18 { font-size: 1.8rem; }
  .fs-22 { font-size: 2.2rem; }
  .fs-24 { font-size: 2.4rem; }
  .fs-30 { font-size: 3rem; }
  .fs-40 { font-size: 4rem; }

  .block-btn-bdr,
  .block-btn-bg {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 50px;
    border: 1px solid var( --col_Gold );
    border-radius: 8px;
    padding: 4px 32px;
    color: var( --col_Gold );
    font-size: 1.6rem;
    text-align: center;
    text-decoration: none;
    letter-spacing: .05em;
    transition: .2s;

    &:hover {
      color: var( --col_Gold );
      opacity: .7;
    }
    &::after {
      background-color: var( --col_Gold ) !important;
    }
  }
  .block-btn-bg {
    background: var( --col_Gold );
    color: #fff;

    &:hover {
      color: #fff;
    }
  }

#header-news {
  order: -15;
  position: relative;
  height: 32px;
  width: 100%;
  background-color: #fff;
  background-color: color-mix(in srgb, var( --col_paleGray ) 45%, transparent);
  z-index: 100;

  &.DownMove {
    position: sticky;
    animation: DownAnime .5s forwards;

    &:not(:has(+ .block-gnav)) {
      box-shadow: 0 2px 2px rgb(0 0 0 /.1);
    }
  }

  p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    margin: 0 auto;
    padding: 0 50px;
    text-align: center;
    font-weight: 700;
    font-size: 1.2rem;
  }
}

  /*---- ヘッダー ----*/
  .block-header {
    order: -10;
    position: relative;
    display: block;
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    padding: 0;
    background: var( --col_Background );
    z-index: 100;
    transition: .6s;
    top: 0;

    &.UpMove {
      position: sticky;
      animation: UpAnime .3s forwards;
      pointer-events: none;
    }
    &.DownMove {
      position: sticky;
      animation: DownAnime .5s forwards;
      box-shadow: 0 2px 2px rgb(0 0 0 /.1) !important;
    }

    .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 64px;
      width: var( --wrapperW );
    }

    .block-header-left,
    .block-header-right {
      width: 500px;
    }

    .block-header-left {
      display: flex;
      align-items: center;
      gap: 16px;

      .block-headernav-left {
        flex-shrink: 0;
      }

      .block-header-left-btns {
        > ul:not([class]) { /* 画像バナー */
          display: flex;
          gap: 8px;

          li {
            overflow: hidden;

            a {
              display: block;

              &:hover {
                opacity: .7;
              }

              img {
                height: 40px;
                aspect-ratio: 10 /3;
                vertical-align: bottom;
                transition: .3s;
              }
            }
          }
        }

        .block-header-banner-list { /* テキストバナー */
          margin: 0;
          display: flex;
          align-items: flex-start;
          gap: 8px;

          li {
              height: 40px;
              padding: 0;
              width: 134px;
              transition: .3s;

              &.btn-column-li {
                --col_theme: #9e7951;
                order: 1;
                background: url("/img/usr/common/column_bg.webp") 100% 27% / 50% no-repeat;
              }
              &.btn-message-li {
                --col_theme: #7cb0c3;
                order: 2;
                background: url("/img/usr/common/message_bg.webp") 112% 52% / 75% no-repeat;
              }
              &.btn-eGift-li {
                order: 3;
                background: #f8f6f4 url("/img/usr/common/eGIft_bg.webp") no-repeat 103% -50% / 28% auto;

                .btn-a-txt {
                  background: linear-gradient(90deg, #43c7e3 0%, #11c2a3 100%);
                }
              }

            a {
              display: flex;
              flex-wrap: wrap;
              height: 100%;
              width: 100%;
              padding-right: 16px;
              text-decoration: none;
              background: right top / 80%  no-repeat;
              overflow: hidden;

              &:hover {
                opacity: unset;
              }

              li:has(&:hover) {
                opacity: .8;
              }

              .btn-a-txt {
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-start;
                align-content: center;
                gap: 1px;
                padding: 0 0 0 5px;
                height: 100%;
                width: 100%;
                background: var( --col_theme );
                clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
                text-shadow: 0 0 2px rgb(0 0 0 /.8) !important;

                small {
                  color: #fff;
                  line-height: 1.3;
                  letter-spacing: -.025em;
                  font-weight: 900;
                  font-size: .8rem;
                  text-shadow: 0 0 2px #00000085;
                  word-break: keep-all;
                }
                span {
                  color: #fff;
                  font-family: var( --ff-sans_serif );
                  font-weight: 600;
                  font-size: 1.2rem;
                  line-height: 1;
                  text-decoration: none;
                  letter-spacing: .05em;
                  font-feature-settings: "palt";
                }
              }
            }
          }
        }
      }
    }

    .block-header-logo {
      display: flex;
      margin: 0;
      position: relative;
      transition: .3s;

      > svg {
        display: block;
        height: auto;
        width: 24px;
        position: absolute;
        top: 1px;
        left: calc(100% + 6px);

        path {
          fill: var( --col_MypreBlue );
        }
      }

      > div,
      a {
        display: flex;
        padding: 7px;
        background: var( --col_MypreBlue );

        svg {
          fill: #fff;
          width: 36px !important;
          transition: .3s;
        }
      }
      a:hover {
        opacity: .8;
      }

      &::after {
        content: "";
        display: block;
        height: 100%;
        width: 24px;
        position: absolute;
        top: 0;
        left: calc(100% + 4px);
        background: var( --col_MypreBlue );
        mask-position: 0 1px;
        mask-size: 24px;
        mask-repeat: no-repeat;
        mask-image: url("data:image/svg+xml;charset=utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2278.235%22%20height%3D%2261.57%22%20viewBox%3D%220%200%2078.235%2061.57%22%3E%3Cg%20transform%3D%22translate(-0.005)%22%3E%3Cpath%20d%3D%22M14.69%2C43.13C5.66%2C43.13.9%2C36.3.9%2C27.57A26.515%2C26.515%2C0%2C0%2C1%2C9.01%2C8.6C15.18%2C2.56%2C23.42.49%2C27.75%2C0a1.346%2C1.346%2C0%2C0%2C1%2C.24%2C1.65c-3.9%2C1.34-9.33%2C3.36-13.24%2C7.63C10.11%2C14.34%2C8.41%2C21.3%2C8.28%2C26.67%2C8.1%2C34.23%2C10.6%2C40.7%2C15.42%2C40.7c4.09%2C0%2C5.73-3.78%2C5.73-7.75%2C0-5.92-2.56-11.1-7.02-11.1a5.041%2C5.041%2C0%2C0%2C0-2.01.37A.926.926%2C0%2C0%2C1%2C11.69%2C21a10.012%2C10.012%2C0%2C0%2C1%2C6.47-2.32c5.79%2C0%2C9.88%2C4.76%2C9.7%2C11.59-.18%2C7.69-5.61%2C12.87-13.18%2C12.87Z%22%20fill%3D%22%2300467f%22%2F%3E%3Cpath%20d%3D%22M57.09%2C23.18c0%2C9.58-3.72%2C19.95-13.12%2C19.95S30.85%2C32.76%2C30.85%2C23.18%2C34.57%2C3.23%2C43.97%2C3.23%2C57.09%2C13.97%2C57.09%2C23.18Zm-19.04%2C0c0%2C5.73.61%2C17.51%2C5.92%2C17.51s5.92-11.77%2C5.92-17.51S49.28%2C5.67%2C43.97%2C5.67s-5.92%2C11.77-5.92%2C17.51Z%22%20fill%3D%22%2300467f%22%2F%3E%3Cpath%20d%3D%22M2.56%2C58.69c-.29%2C0-.28%2C0-.37.3l-.44%2C1.32c-.22.65-.08.67.33.74l.32.05a.232.232%2C0%2C0%2C1-.02.32c-.35-.02-.77-.02-1.22-.03-.36%2C0-.7.01-1.09.03a.24.24%2C0%2C0%2C1-.01-.32l.33-.05c.32-.06.44-.14.61-.51.13-.29.31-.75.54-1.34l1.51-3.92a2%2C2%2C0%2C0%2C0%2C.21-.8%2C1.9%2C1.9%2C0%2C0%2C0%2C.77-.53.22.22%2C0%2C0%2C1%2C.19.09c.18.5.32%2C1.01.49%2C1.51l1.58%2C4.61c.25.74.31.8.87.91l.17.03a.233.233%2C0%2C0%2C1%2C.01.32c-.45-.02-.86-.03-1.43-.03-.47%2C0-.96.02-1.34.03a.244.244%2C0%2C0%2C1-.03-.32l.24-.03c.4-.05.45-.12.29-.58l-.52-1.5c-.1-.3-.14-.3-.45-.3H2.58Zm1.38-.5c.31%2C0%2C.35-.02.26-.29l-.46-1.32a6.961%2C6.961%2C0%2C0%2C0-.32-.91H3.4c-.04.08-.15.4-.34.91l-.5%2C1.29c-.11.32-.09.32.18.32Z%22%20fill%3D%22%2300467f%22%2F%3E%3Cpath%20d%3D%22M14.8%2C59.51c0%2C.33%2C0%2C1.63.03%2C1.88a.483.483%2C0%2C0%2C1-.42.15c-.18-.23-.45-.55-1.24-1.45L10.6%2C57.15c-.7-.81-1.07-1.22-1.25-1.39-.03%2C0-.03.12-.03.7v2.15a6.6%2C6.6%2C0%2C0%2C0%2C.2%2C2.17.708.708%2C0%2C0%2C0%2C.56.28l.24.03c.1.08.09.29-.02.32-.41-.02-.84-.03-1.25-.03-.46%2C0-.76.01-1.14.03a.223.223%2C0%2C0%2C1-.02-.32l.24-.05c.21-.04.41-.08.48-.25a8.81%2C8.81%2C0%2C0%2C0%2C.14-2.17V56.01c0-.86.01-1.03-.36-1.35a1.7%2C1.7%2C0%2C0%2C0-.58-.22l-.16-.03c-.08-.07-.07-.29.04-.32.42.04%2C1.02.03%2C1.3.03.23%2C0%2C.5-.01.76-.03a15.392%2C15.392%2C0%2C0%2C0%2C1.77%2C2.28l1.1%2C1.19c.46.51%2C1.48%2C1.67%2C1.59%2C1.74.03-.03.03-.09.03-.26V56.89a6.284%2C6.284%2C0%2C0%2C0-.21-2.17.687.687%2C0%2C0%2C0-.55-.28l-.25-.03c-.1-.08-.09-.29.02-.32.43.02.84.03%2C1.27.03.47%2C0%2C.76-.01%2C1.15-.03a.223.223%2C0%2C0%2C1%2C.02.32l-.25.05c-.21.04-.4.08-.47.25a8.237%2C8.237%2C0%2C0%2C0-.15%2C2.17v2.63Z%22%20fill%3D%22%2300467f%22%2F%3E%3Cpath%20d%3D%22M23.61%2C59.51c0%2C.33%2C0%2C1.63.03%2C1.88a.483.483%2C0%2C0%2C1-.42.15c-.18-.23-.45-.55-1.24-1.45l-2.57-2.94c-.7-.81-1.07-1.22-1.25-1.39-.03%2C0-.03.12-.03.7v2.15a6.6%2C6.6%2C0%2C0%2C0%2C.2%2C2.17.708.708%2C0%2C0%2C0%2C.56.28l.24.03c.1.08.09.29-.02.32-.41-.02-.84-.03-1.25-.03-.46%2C0-.76.01-1.14.03a.223.223%2C0%2C0%2C1-.02-.32l.24-.05c.21-.04.41-.08.48-.25a8.81%2C8.81%2C0%2C0%2C0%2C.14-2.17V56.01c0-.86.01-1.03-.36-1.35a1.7%2C1.7%2C0%2C0%2C0-.58-.22l-.16-.03c-.08-.07-.07-.29.04-.32.42.04%2C1.02.03%2C1.3.03.23%2C0%2C.5-.01.76-.03a15.392%2C15.392%2C0%2C0%2C0%2C1.77%2C2.28l1.1%2C1.19c.46.51%2C1.48%2C1.67%2C1.59%2C1.74.03-.03.03-.09.03-.26V56.89a6.284%2C6.284%2C0%2C0%2C0-.21-2.17.687.687%2C0%2C0%2C0-.55-.28l-.25-.03c-.1-.08-.09-.29.02-.32.43.02.84.03%2C1.27.03.47%2C0%2C.76-.01%2C1.15-.03a.223.223%2C0%2C0%2C1%2C.02.32l-.25.05c-.21.04-.4.08-.47.25a8.237%2C8.237%2C0%2C0%2C0-.15%2C2.17v2.63Z%22%20fill%3D%22%2300467f%22%2F%3E%3Cpath%20d%3D%22M27.63%2C59.8c0%2C1.17.1%2C1.2.62%2C1.27l.24.03a.232.232%2C0%2C0%2C1-.02.32c-.48-.02-.98-.03-1.46-.03s-1%2C.01-1.49.03c-.09-.04-.1-.24-.02-.32l.24-.03c.52-.07.62-.1.62-1.27V55.71c0-1.17-.1-1.2-.62-1.27l-.24-.03c-.08-.08-.07-.28.02-.32.48.02.98.03%2C1.49.03s.98-.01%2C1.46-.03c.09.04.1.24.02.32l-.24.03c-.52.07-.62.1-.62%2C1.27V59.8Z%22%20fill%3D%22%2300467f%22%2F%3E%3Cpath%20d%3D%22M34.1%2C58.65c-.45%2C1-.96%2C2.29-1.14%2C2.85a.284.284%2C0%2C0%2C1-.19.06.37.37%2C0%2C0%2C1-.21-.06%2C13.123%2C13.123%2C0%2C0%2C0-.51-1.44l-1.93-4.63c-.31-.74-.41-.89-.85-.98l-.26-.05c-.08-.08-.08-.28.03-.31.43.02.9.03%2C1.33.03.5%2C0%2C.87-.01%2C1.45-.03a.208.208%2C0%2C0%2C1%2C.01.32l-.28.07c-.24.05-.33.11-.33.2a8.46%2C8.46%2C0%2C0%2C0%2C.54%2C1.46l.79%2C1.96c.2.5.52%2C1.19.63%2C1.44.59-1.39%2C1.32-2.95%2C1.9-4.45.18-.44.1-.53-.23-.6l-.41-.08a.232.232%2C0%2C0%2C1%2C.02-.32c.45.02.87.03%2C1.22.03.4%2C0%2C.76-.01%2C1.07-.03.09.05.08.23.02.32l-.27.05a.911.911%2C0%2C0%2C0-.68.45c-.31.53-.62%2C1.27-1.12%2C2.38l-.62%2C1.36Z%22%20fill%3D%22%2300467f%22%2F%3E%3Cpath%20d%3D%22M37.84%2C55.71c0-1.17-.1-1.21-.62-1.28l-.18-.02c-.08-.08-.07-.28.02-.32.42.02.94.03%2C1.42.03h2.1c.7%2C0%2C1.34-.01%2C1.49-.03.04.19.11%2C1.06.18%2C1.53-.04.09-.26.11-.35.04-.18-.64-.34-.9-.69-1a3.487%2C3.487%2C0%2C0%2C0-.88-.1h-.74c-.47%2C0-.47.02-.47.65v1.86c0%2C.29.01.3.26.3h.53c.96%2C0%2C1.12%2C0%2C1.22-.48l.08-.37c.09-.08.3-.08.35.01-.01.3-.03.69-.03%2C1.1s.02.8.03%2C1.15c-.05.08-.26.08-.35.01l-.08-.44c-.08-.46-.26-.48-1.22-.48h-.53c-.25%2C0-.26.02-.26.3v1.4c0%2C.56.02.96.19%2C1.14.13.15.32.23%2C1.24.24%2C1.4.01%2C1.64-.3%2C2.02-1.19a.255.255%2C0%2C0%2C1%2C.35.07%2C7.353%2C7.353%2C0%2C0%2C1-.46%2C1.59c-.48-.02-1.43-.03-2.72-.03H38.49c-.48%2C0-1.16.01-1.65.03-.09-.04-.1-.24-.02-.32l.41-.04c.52-.05.62-.09.62-1.25V55.72Z%22%20fill%3D%22%2300467f%22%2F%3E%3Cpath%20d%3D%22M44.44%2C55.77c0-1.06-.01-1.19-.53-1.24l-.29-.03a.22.22%2C0%2C0%2C1%2C.01-.31c.69-.07%2C1.63-.1%2C2.53-.1a4.548%2C4.548%2C0%2C0%2C1%2C2.09.37%2C1.731%2C1.731%2C0%2C0%2C1%2C.97%2C1.61%2C1.906%2C1.906%2C0%2C0%2C1-1.32%2C1.74c-.07.03-.04.12%2C0%2C.19a12.526%2C12.526%2C0%2C0%2C0%2C1.95%2C2.85%2C1.44%2C1.44%2C0%2C0%2C0%2C.76.34.215.215%2C0%2C0%2C1%2C.02.22%2C3.066%2C3.066%2C0%2C0%2C1-.73.07%2C2.5%2C2.5%2C0%2C0%2C1-2.3-1.45c-.3-.46-.61-1.07-.87-1.5a.621.621%2C0%2C0%2C0-.68-.38c-.33%2C0-.34.01-.34.24V59.8c0%2C1.17.1%2C1.2.62%2C1.27l.24.03a.232.232%2C0%2C0%2C1-.02.32c-.48-.02-.98-.03-1.46-.03s-.98.01-1.49.03a.214.214%2C0%2C0%2C1-.02-.32l.24-.03c.52-.07.62-.1.62-1.27Zm1.27%2C1.59c0%2C.35%2C0%2C.37.53.37a1.377%2C1.377%2C0%2C0%2C0%2C1.57-1.57%2C1.521%2C1.521%2C0%2C0%2C0-1.52-1.63c-.57%2C0-.58.03-.58.54v2.29Z%22%20fill%3D%22%2300467f%22%2F%3E%3Cpath%20d%3D%22M51.3%2C61.1a3.25%2C3.25%2C0%2C0%2C1-.33-1.67.24.24%2C0%2C0%2C1%2C.34-.04c.2.56.79%2C1.74%2C1.87%2C1.74a1.173%2C1.173%2C0%2C0%2C0%2C1.31-1.18%2C1.762%2C1.762%2C0%2C0%2C0-1.12-1.59l-.47-.26a2.523%2C2.523%2C0%2C0%2C1-1.55-2.12c0-1.09.81-2.01%2C2.42-2.01a7.328%2C7.328%2C0%2C0%2C1%2C1.51.23%2C4.631%2C4.631%2C0%2C0%2C1%2C.23%2C1.48c-.05.1-.25.11-.35.03a1.57%2C1.57%2C0%2C0%2C0-1.49-1.31%2C1.116%2C1.116%2C0%2C0%2C0-1.24%2C1.15%2C1.631%2C1.631%2C0%2C0%2C0%2C1.04%2C1.34l.68.36a2.512%2C2.512%2C0%2C0%2C1%2C1.51%2C2.17c0%2C1.25-.96%2C2.15-2.55%2C2.15a3.336%2C3.336%2C0%2C0%2C1-1.8-.46Z%22%20fill%3D%22%2300467f%22%2F%3E%3Cpath%20d%3D%22M58.56%2C58.69c-.29%2C0-.28%2C0-.37.3l-.44%2C1.32c-.22.65-.08.67.33.74l.32.05a.232.232%2C0%2C0%2C1-.02.32c-.35-.02-.77-.02-1.22-.03-.36%2C0-.7.01-1.09.03a.24.24%2C0%2C0%2C1-.01-.32l.33-.05c.32-.06.44-.14.61-.51.13-.29.31-.75.54-1.34l1.51-3.92a2%2C2%2C0%2C0%2C0%2C.21-.8%2C1.9%2C1.9%2C0%2C0%2C0%2C.77-.53.22.22%2C0%2C0%2C1%2C.19.09c.18.5.32%2C1.01.5%2C1.51l1.58%2C4.61c.25.74.31.8.87.91l.17.03a.233.233%2C0%2C0%2C1%2C.01.32c-.45-.02-.86-.03-1.43-.03-.47%2C0-.96.02-1.34.03a.244.244%2C0%2C0%2C1-.03-.32l.24-.03c.4-.05.45-.12.29-.58l-.52-1.5c-.1-.3-.14-.3-.45-.3H58.59Zm1.38-.5c.31%2C0%2C.35-.02.26-.29l-.46-1.32a6.961%2C6.961%2C0%2C0%2C0-.32-.91H59.4c-.04.08-.15.4-.34.91l-.5%2C1.29c-.11.32-.09.32.18.32Z%22%20fill%3D%22%2300467f%22%2F%3E%3Cpath%20d%3D%22M64.76%2C55.77c0-1.06-.01-1.19-.53-1.24l-.29-.03a.22.22%2C0%2C0%2C1%2C.01-.31c.69-.07%2C1.63-.1%2C2.53-.1a4.548%2C4.548%2C0%2C0%2C1%2C2.09.37%2C1.731%2C1.731%2C0%2C0%2C1%2C.97%2C1.61%2C1.906%2C1.906%2C0%2C0%2C1-1.32%2C1.74c-.07.03-.04.12%2C0%2C.19a12.526%2C12.526%2C0%2C0%2C0%2C1.95%2C2.85%2C1.44%2C1.44%2C0%2C0%2C0%2C.76.34.215.215%2C0%2C0%2C1%2C.02.22%2C3.066%2C3.066%2C0%2C0%2C1-.73.07%2C2.5%2C2.5%2C0%2C0%2C1-2.3-1.45c-.3-.46-.6-1.07-.87-1.5a.621.621%2C0%2C0%2C0-.68-.38c-.33%2C0-.34.01-.34.24V59.8c0%2C1.17.1%2C1.2.62%2C1.27l.24.03a.232.232%2C0%2C0%2C1-.02.32c-.48-.02-.98-.03-1.46-.03s-.98.01-1.49.03a.214.214%2C0%2C0%2C1-.02-.32l.24-.03c.52-.07.62-.1.62-1.27V55.77Zm1.27%2C1.59c0%2C.35%2C0%2C.37.53.37a1.377%2C1.377%2C0%2C0%2C0%2C1.57-1.57%2C1.521%2C1.521%2C0%2C0%2C0-1.52-1.63c-.57%2C0-.58.03-.58.54Z%22%20fill%3D%22%2300467f%22%2F%3E%3Cpath%20d%3D%22M73.53%2C59.15a2.29%2C2.29%2C0%2C0%2C0-.35-1.37l-1.32-2.61c-.24-.47-.33-.59-.83-.7l-.29-.07c-.07-.08-.04-.29.04-.32.47.02.93.03%2C1.39.03.48%2C0%2C1.16-.01%2C1.41-.03a.222.222%2C0%2C0%2C1%2C.02.32l-.33.05c-.18.03-.23.06-.23.14a1.529%2C1.529%2C0%2C0%2C0%2C.2.57c.43.95.85%2C1.84%2C1.29%2C2.64.45-.78.91-1.61%2C1.34-2.43a2.4%2C2.4%2C0%2C0%2C0%2C.3-.74c0-.11-.1-.14-.25-.17l-.4-.08a.216.216%2C0%2C0%2C1%2C.03-.32c.48.02.83.03%2C1.16.03s.69-.01%2C1.04-.03c.1.05.1.23.02.32l-.32.07c-.5.1-.63.3-1.2%2C1.26-.37.63-.7%2C1.23-1.04%2C1.85a2.412%2C2.412%2C0%2C0%2C0-.41%2C1.55v.66c0%2C1.17.1%2C1.2.64%2C1.25l.42.04a.232.232%2C0%2C0%2C1-.02.32c-.68-.02-1.18-.03-1.66-.03s-1%2C.01-1.6.03c-.09-.04-.1-.24-.02-.32l.35-.04c.52-.07.62-.09.62-1.25v-.65Z%22%20fill%3D%22%2300467f%22%2F%3E%3Cpath%20d%3D%22M61.52%2C41.11a2.92%2C2.92%2C0%2C0%2C1-.68-2.09V33.7a.263.263%2C0%2C0%2C0-.16-.26%2C1.494%2C1.494%2C0%2C0%2C0-.57-.08h-.18a.269.269%2C0%2C0%2C1-.23-.18.86.86%2C0%2C0%2C1-.09-.39.216.216%2C0%2C0%2C1%2C.06-.14.257.257%2C0%2C0%2C1%2C.1-.09%2C9.111%2C9.111%2C0%2C0%2C0%2C1.33-.94%2C12.853%2C12.853%2C0%2C0%2C0%2C1.17-1.08%2C2.117%2C2.117%2C0%2C0%2C0%2C.16-.16.422.422%2C0%2C0%2C1%2C.3-.14c.23%2C0%2C.34.11.32.34l-.14%2C1.12v.09a.3.3%2C0%2C0%2C0%2C.14.29.787.787%2C0%2C0%2C0%2C.41.08h2.66a.37.37%2C0%2C0%2C1%2C.14.16.741.741%2C0%2C0%2C1%2C.07.32%2C1.507%2C1.507%2C0%2C0%2C1-.07.48c-.05.15-.1.23-.16.23H63.88a1.706%2C1.706%2C0%2C0%2C0-.75.11c-.11.08-.17.25-.17.53v4.45a2.436%2C2.436%2C0%2C0%2C0%2C.39%2C1.48%2C1.29%2C1.29%2C0%2C0%2C0%2C1.1.52%2C4.012%2C4.012%2C0%2C0%2C0%2C.95-.09%2C2.281%2C2.281%2C0%2C0%2C0%2C.68-.3l.12-.04c.12%2C0%2C.18.12.18.37%2C0%2C.11-.15.28-.45.52a4.838%2C4.838%2C0%2C0%2C1-1.11.64%2C3.381%2C3.381%2C0%2C0%2C1-1.35.29%2C2.568%2C2.568%2C0%2C0%2C1-1.94-.71Z%22%20fill%3D%22%2300467f%22%2F%3E%3Cpath%20d%3D%22M66.96%2C41.29a.28.28%2C0%2C0%2C1%2C.12-.23%2C1.348%2C1.348%2C0%2C0%2C1%2C.41-.18%2C2.448%2C2.448%2C0%2C0%2C0%2C.7-.31.7.7%2C0%2C0%2C0%2C.24-.61V28.66a2.572%2C2.572%2C0%2C0%2C0-.21-1.12.974.974%2C0%2C0%2C0-.76-.53c-.14-.03-.21-.14-.21-.34a.293.293%2C0%2C0%2C1%2C.18-.3%2C14.01%2C14.01%2C0%2C0%2C0%2C1.41-.44c.56-.2%2C1.05-.38%2C1.48-.55a.68.68%2C0%2C0%2C1%2C.21-.04q.18%2C0%2C.18.21a6.1%2C6.1%2C0%2C0%2C1-.09.65%2C13.566%2C13.566%2C0%2C0%2C0-.09%2C1.91v4.45a1.722%2C1.722%2C0%2C0%2C0%2C.14.78%2C10.451%2C10.451%2C0%2C0%2C1%2C1.64-1.04%2C3.97%2C3.97%2C0%2C0%2C1%2C1.8-.42%2C2.467%2C2.467%2C0%2C0%2C1%2C1.94.88%2C3.364%2C3.364%2C0%2C0%2C1%2C.77%2C2.28v4.88a.771.771%2C0%2C0%2C0%2C.24.62%2C1.877%2C1.877%2C0%2C0%2C0%2C.68.34%2C1.439%2C1.439%2C0%2C0%2C1%2C.39.18.27.27%2C0%2C0%2C1%2C.11.23c0%2C.18-.16.28-.48.28a6.034%2C6.034%2C0%2C0%2C1-1.05-.07c-.34-.03-.64-.05-.92-.05s-.58.02-.92.05a5.5%2C5.5%2C0%2C0%2C1-1.03.07c-.32%2C0-.48-.09-.48-.28a.262.262%2C0%2C0%2C1%2C.12-.24%2C1.91%2C1.91%2C0%2C0%2C1%2C.39-.17%2C1.913%2C1.913%2C0%2C0%2C0%2C.64-.34.832.832%2C0%2C0%2C0%2C.23-.64V35.27a1.812%2C1.812%2C0%2C0%2C0-.61-1.36%2C1.837%2C1.837%2C0%2C0%2C0-1.29-.58%2C3.631%2C3.631%2C0%2C0%2C0-.96.13%2C2.125%2C2.125%2C0%2C0%2C0-.83.38%2C1.154%2C1.154%2C0%2C0%2C0-.4.5%2C2.535%2C2.535%2C0%2C0%2C0-.1.85v4.79a.81.81%2C0%2C0%2C0%2C.23.6%2C1.625%2C1.625%2C0%2C0%2C0%2C.62.32c.34.11.5.24.5.41s-.15.28-.46.28a6.034%2C6.034%2C0%2C0%2C1-1.05-.07c-.37-.03-.67-.05-.92-.05s-.57.02-.94.05a7.267%2C7.267%2C0%2C0%2C1-1.1.07c-.31%2C0-.46-.09-.46-.28Z%22%20fill%3D%22%2300467f%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
      }
    }

    .block-header-right {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      height: 100%;

      .block-header-btns {
        ul {
          display: flex;
          align-items: center;
          margin-right: 24px;
          gap: 10px;
        }

        a {
          &[class] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 110px;
            height: 32px;
            font-size: 1.2rem;
            text-decoration: none;
            letter-spacing: .04em;
            transition: .2s;
            line-height: 1;
            border-radius: 4px;
          }

          &.btn-blue {
            background: var( --col_MypreBlue );
            color: #fff;
          }

          &.btn-white {
            border: 1px solid var( --col_MypreBlue );
            background: #fff;
            color: var( --col_MypreBlue );
          }

          &:hover {
            opacity: .7;
          }
        }

        span {
          font-size: 1rem;
          font-weight: 600;
          color: var( --col_MypreBlue );
        }
      }

      .block-headernav-right {
        position: relative;

        ul {
          display: flex;
          height: 44px;
          align-items: center;
          gap: 2px;

          li {
            height: 100%;

            &:has(.btn-regist) {
              display: flex;
              margin-right: 8px;
              box-sizing: border-box;
              border: 1px solid var( --col_MypreBlue );
              border-radius: 4px;
              overflow: hidden;
            }

            &:has([class^="icon-log"]) {
              margin-right: 8px;
            }
            &:has([class*="icon-cart"]) {
              margin-left: 8px;
            }

            a {
              &.btn-regist {
                padding: 0 16px;
                border-right: 1px solid var( --col_MypreBlue );
                border-radius: 0;
                white-space: nowrap;
                text-decoration: none;
                letter-spacing: .05em;
                line-height: 0;
                font-weight: 600;
                font-size: 1.2rem;
                color: var( --col_MypreBlue );
              }
            }

            &.block-indic-login {
              position: absolute;
              display: block;
              margin: 0;
              top: -10px;
              right: 0;
              text-align: center;
              z-index: -10;
              width: 100%;

              sup {
                display: block;
                padding: 0 16px 0;
                color: var( --col_MypreBlue );
                letter-spacing: -.1em;
                font-size: .9rem;
                line-height: 16px;
                background: var( --col_MypreBlue );
                background: #fff;
                border: var( --col_MypreBlue ) 1pt solid;
                border-width: 0 0 1px 0;
              }
            }

            a {
              display: flex;
              position: relative;
              padding: 2px 0;
              min-width: 56px;
              color: transparent;
              transition: .2s;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              text-align: center;
              line-height: 1;
              font-feature-settings: "palt";
              font-size: 1rem;
              color: var( --col_MypreBlue );

              svg {
                width: 28px;
                height: 28px;
                fill: none;
                stroke: currentcolor;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 1.5px;

                & + span {
                  display: block;
                  margin-top: 1px;
                }
              }

              &.icon-logout {
                color: var( --cl-dn );
              }

              &.icon-cart {
                svg {
                  margin-left: -4px;
                }
              }

              .block-headernav--cart-count {
                position: absolute;
                top: -2px;
                right: 8px;
                width: 18px;
                height: 18px;
                border-radius: 24px;
                background: var( --cl-dn );
                color: #fff;
                font-size: 1.1rem;
                font-weight: 600;
                text-align: center;
                line-height: 19px;
              }
            }
          }
        }
      }
    }
  }

  /*---- グローバルナビ ----*/
  .block-gnav {
    order: -10;
    box-sizing: border-box;
    display: block;
    background: var( --col_Background );
    transition: .3s;
    position: relative;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    min-width: 1100px;
    z-index: 100;

    &.UpMove,
    &.DownMove {
      top: 63px;
    }

    &.UpMove {
      pointer-events: none;
    }

    &.DownMove {
      position: sticky;
      animation: DownAnime .5s forwards;

      &:not(:has(+ .block-gnav)) {
        box-shadow: 0 2px 2px rgb(0 0 0 /.1);
      }
    }

    .container {
      width: var( --wrapperW );
    }

    .block-gnav-items {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      height: 36px;
      align-items: stretch;
      transition: .3s;
    }

    .block-gnav-item {
      --bgc: #000;

      display: flex;
      width: 100%;
      height: 100%;
      transition: .3s;
      flex-shrink: 1;
      border-radius: 5px 5px 0 0;
      transition: .3s;

      &:has(> a) {
        z-index: 90;
      }

      &:hover {
        color: #fff;
        background: color-mix(in srgb, var( --bgc ) 10%, transparent);
      }

      &.active {
        border-radius: 4px 4px 0 0;
      }

      > * {
        width: 100%;
      }

      a {
        display: flex;
        text-decoration: none;
        position: relative;

        &:hover {
          opacity: unset;

          span {
            opacity: .8;
          }
        }
      }

      .block-gnav-ttl {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        color: var( --cl-br );
        letter-spacing: .05em;

        &::after {
          content: "";
          display: block;
          flex-grow: 0;
          width: 100%;
          height: 3px;
          transition: .3s;
          background: var( --bgc );
        }
      }

      &.gnav-greeting { /*-- お祝い・お礼 --*/
        --bgc: var( --col_ScGift );
      }

      &.gnav-babygift { /*-- 出産祝い --*/
        --bgc: var( --col_ScBabygift );
      }

      &.gnav-bridal,
      &.gnav-uchiiwai { /*-- 結婚引出物 & 結婚内祝い --*/
        --bgc: var( --col_ScBridal );
      }

      &.gnav-memorial { /*-- ご供花・ご香典のお返し --*/
        --bgc: var( --col_ScMemorial );
      }

      &.gnav-corpgift { /*-- 法人ギフト --*/
        --bgc:  var( --col_ScCorpgift );
      }
    }

    .block-gnav-ttl-txt {
      flex-grow: 1;
      display: flex;
      justify-content: space-between;
      width: 100%;
      align-items: center;

      a {
        font-size: 1.4rem;
        display: block;
        flex-grow: 1;
        text-align: center;
        justify-content: center;
        line-height: 1;
        padding: 0 10px;
        color: var( --cl-a );

        span {
          display: inline-flex;
          align-items: center;
          gap: 4px;

          &::before {
            flex-grow: 0;
            flex-shrink: 0;
            content: "";
            display: block;
            width: 14px;
            aspect-ratio: 1 / 1;
            background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxOCIgY3k9IjE4IiByPSIxNyIgZmlsbD0id2hpdGUiIHN0cm9rZT0iI0IxOUI3QiIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggZD0iTTE2IDI0TDIyIDE4TDE2IDEyIiBzdHJva2U9IiM0MzI4MEUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==") no-repeat 0 0 / cover;
          }
        }
      }
    }

    .block-gnav-ttl-plus {
      position: relative;
      right: 0;
      width: 16px;
      height: 16px;
      margin-left: -10px;
      flex-grow: 0;
      z-index: 1000;
      transition: .3s ease-out;

      &::before,
      &::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 2px;
        width: 10px;
        height: 2px;
        margin-top: -1px;
        background-color: var( --bgc );
      }
      &::after {
        transform: rotate(90deg);
        transition: .15s;
      }
      .block-gnav-ttl-txt:hover &::after {
        transform: rotate(180deg);
      }
    }

    .block-gnav-submenu {
      display: none;
      box-sizing: border-box;
      position: absolute;
      top: 36px;
      left: 0;
      margin: 0;
      width: 100%;
      padding: 6px 0;
      border: 4px solid var( --bgc );
      background: var( --col_Background );
      box-shadow: 0 0 3px rgb(0 0 0 /.3);
      z-index: 100;

      .block-gnav-item:hover & {
        display: block;
        animation: fadeIn .3s;
      }

      a > & {
        position: absolute;
        top: 36px;
        border-width: 4px;
        padding: 10px 0 0;
        border: 0;
        background: transparent;
        box-shadow: none;

        &::before {
          content: "";
          position: absolute;
          display: block;
          width: 12px;
          aspect-ratio: 1 / 1;
          top: 1px;
          left: 50%;
          background: var( --bgc );
          clip-path: var( --shape-triangle-top );
        }

        .container {
          min-width: unset;
          width: unset;
          margin: 0;
          border: 4px solid var( --bgc );
          padding: 6px 0;
          background: var( --col_Background );
          box-shadow: 0 0 3px rgb(0 0 0 /.3);

          .block-gnav-submenu-content {
            height: 80px;

            li {
              background: var( --col_paleGray );
              animation: fadeIn .6s;

              figure {
                gap: 8px;
              }
            }
          }
        }
      }
    }

    .block-gnav-submenu-content {
      display: flex;
      flex-wrap: nowrap;
      height: 108px;
      gap: 6px;
      justify-content: center;

      li {
        width: 136px;
        display: flex;
        border: .5px solid transparent;
        border-radius: 4px;
        padding: 10px 4px;
        transition: .6s;

        &:hover,
        &.active {
          border: .5px solid rgb(0 0 0 /.02);
          background: color-mix(in srgb, var( --bgc ) 10%, transparent);
        }

        &.gn_none {
          position: relative;

          &::after {
            content: "NEW";
            position: absolute;
            top: 0;
            right: 0;
            display: flex;
            align-items: center;
            border-radius: 2px;
            padding: 0 4px;
            color: #fff;
            font-size: 1.0rem;
            background: var( --cl-dn );
          }
        }
        &.renewal::after {
          content: "RENEWAL";
        }

        a {
          display: flex;
          width: 100%;
          text-decoration: none;

          .to-gstop & {
            margin-inline: auto;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 8px;
            width: auto;

            &::before {
              flex-grow: 0;
              flex-shrink: 0;
              content: "";
              display: block;
              width: 36px;
              aspect-ratio: 1 / 1;
              background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2217%22%20fill%3D%22white%22%20stroke%3D%22%23B19B7B%22%20stroke-width%3D%221.25%22%2F%3E%3Cpath%20d%3D%22M16%2024L22%2018L16%2012%22%20stroke%3D%22%2343280E%22%20stroke-width%3D%221.25%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0 / cover;
            }

            span  {
              line-height: 1.4;
              letter-spacing: unset;
              font-size: 1.1rem;
              text-align: center;
            }
          }
        }

        figure {
          display: flex;
          flex-direction: column;
          flex-basis: 100%;
          gap: 4px;
          margin-top: 4px;
          text-align: center;

          figcaption {
            flex: 1 0 auto;
            align-content: center;
            line-height: 1.4;
            font-size: 1.1rem !important;
          }

          img {
            flex: 0 0 auto;
            display: block;
            margin: 0 auto;
            height: 40px;
          }
        }
      }
    }
  }

  /*---- 商品詳細画面 ----*/
  /*---- CSSによる商品詳細画面の項目の並び順変更用 ----*/
  .pane-goods-right-side {
    form {
      display: flex;
      flex-flow: column wrap;

      .page-goods & .block-icon {
        order: 45;
        text-align: right;
        margin: -5rem 0 2rem;
      }

      .block-goods-comment {
        order: 40;
        margin: 0;
        font-size: 1.4rem;
        color: #999;
      }

      .block-goods-name {
        order: 30;
        margin: 0;

        h1 {
          margin: 0;
          line-height: 1.5;
          font-size: 2.8rem;
          font-weight: 600;
          font-feature-settings: "palt";
        }
      }

      .block-goods-price {
        order: 40;
        margin: 10px 0 10px 0;
        padding: 10px 0 10px;
        border-top: 1px solid #00000028;

        .block-goods-price--price {
          line-height: 1;
          font-size: 2.2rem;
          font-weight: 600;
        }
      }

      .block-goods-first-limited-order {
        display: none;
      }

      .block-goods-code {
        order: 60;
      }

      .block-goods-item-code {
        order: 70;
        display: none;
      }

      .block-goods-item-code2 {
        order: 80;
      }

      .block-goods-item-code3 {
        order: 90;
      }

      .block-goods-release-dt {
        order: 100;
      }

      .block-goods-class1 {
        order: 110;
      }

      .block-goods-class2 {
        order: 120;
      }

      .block-goods-attr1 {
        order: 130;
      }

      .block-goods-attr2 {
        order: 140;
      }

      .block-goods-attr3 {
        order: 150;
      }

      .block-goods-size {
        order: 180;
      }

      .block-goods-color {
        order: 170;
        margin-bottom: 16px;
      }

      .block-goods-point {
        order: 180;
      }

      .block-goods-postage {
        order: 190;
      }

      .block-goods-stock {
        order: 200;
        display: none;
      }

      .block-goods-spec {
        order: 210;
      }

      .block-rules-comment {
        order: 215;
        margin: 10px 0;
      }

      .block-goods-sales-detail-append {
        order: 220;
      }

      .block-variation {
        order: 230;
        margin-top: 16px;
        width: 100%;

        > select {
          margin-top: 0;
          padding: 10px 0;
        }

        &.block-size {
          margin-top: 35px;
        }

        > .block-variation {
          display: flex;
          flex-direction: column;
          margin: 0;
          padding: 0;
          border-top: none;
          border-bottom: none;

          h2 {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: baseline;
            margin: 0;
            /* padding-right: 1em; */
            font-weight: 600;
            font-size: 1.6rem;
          }

          .block-variation--item-list {
            order: 10;
          }

          .block-variation--selected-item {
            order: 5;
            margin: 8px 0 16px;
            font-size: 1.3rem;
            font-weight: 600;
            color: var( --col_MypreBlue );

            span {
              font-weight: normal;
              color: #888;
            }
          }
        }
      }

      .block-custom-order {
        order: 240;
      }

      .block-goods-set {
        order: 250;
      }

      .block-add-cart {
        order: 260;
        position: sticky;
        top: 0;
        bottom: 0;
        margin: 0;
        padding: 16px 0 12px;
        background: linear-gradient(color-mix(in srgb, var( --col_Background ) 0%, transparent), var( --col_Background ));
      }

      .block-no-stock {
        order: 260;
        position: sticky;
        top: 0;
        bottom: 0;
        margin: 0;
        padding: 16px 0 12px;
        background: linear-gradient(color-mix(in srgb, var( --col_Background ) 0%, transparent), var( --col_Background ));

        .block-no-stock--message {
          display: flex;
          justify-content: center;
          align-items: baseline;
          margin: 0;
          border: 0;
          border-radius: 4px;
          min-height: 48px;
          height: 58px;
          width: 100%;
          padding: 10px 20px;
          text-align: center;
          vertical-align: top;
          white-space: nowrap;
          line-height: 36px;
          text-decoration: none;
          font-family: var( --ff-sans_serif );
          font-size: 1.8rem;
          font-weight: 600;
          color: #fff;
          background: #cccccca6;

          small {
            margin: 0 0 0 8px;
            font-feature-settings: "palt";
            font-size: 1.3rem;
          }
        }
      }

      .block-contact-about-goods {
        order: 280;
        margin: 16px 0 0;
      }

      .block-arrival-notice {
        order: 290;
      }

      .block-goods-store-stock {
        order: 300;
      }

      .block-accessory-list {
        order: 310;
        margin-top: 100px;
      }

      .block-variation-back-order {
        order: 320;
      }

      .block-goods-favorite {
        order: 275;
      }

      .block-goods-link {
        order: 340;
      }

      .block-goods-sns {
        order: 350;
        display: none;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 40px;

        li {
          padding-right: 10px;

          &:last-child {
            padding-right: 0;
          }
        }
      }

      .block-custom-order {
        margin-bottom: 30px;
      }
    }

    .form-group {
      position: relative;

      .constraint {
        position: absolute;
        width: 100px;
        right: 0;
        top: 0;
      }
    }

    .block-accessory-list {
      width: 100%;

      .block-check-list-a--items {
        margin-bottom: 0;

        li:last-child {
          margin-bottom: 0;
        }
      }
    }
  }

  /*---- anyGift ----*/
  .eGift-block {
    order: 275;

    .anygift-gift-ui__container {
      width: 100% !important;
    }
  }
  .anygift-floating-cart {
    bottom: 72px !important;
    right: 0 !important;
  }

  a.ag-no-underline {
    display: inherit;

    &::after {
      display: none !important;
    }
  }

  .block-goods-detail select {
    min-width: 400px;
  }

  .block-goods-set {
    margin-top: 20px;

    .legend {
      margin: 20px 0;
      font-size: 2.0rem;
    }

    .block-goods-set--header {
      border-bottom: none;
      margin: 10px 0 5px 0;
      font-size: 1.8rem;
    }

    .block-goods-set--item-list {
      margin-bottom: 60px;
      width: 100%;

      th {
        text-align: center;
      }

      td {
        &.block-goods-set--item-name a {
          font-weight: 600;
        }

        &.block-goods-set--item-qty {
          text-align: center;
        }
      }
    }
  }

  .block-goods-comment1,
  .block-goods-comment2,
  .block-goods-comment3,
  .block-goods-comment4,
  .block-goods-comment5 {
    margin: 0 0 0 auto;
    line-height: 1.75;
    width: 600px;
  }

  .pane-goods-center .block-top-event--header {
    padding-bottom: 20px;
    margin-bottom: 25px;
  }

  .block-accessory-list--name {
    text-align: center;
    line-height: 1.4;
    padding-bottom: 35px;
    margin-bottom: 50px;
    position: relative;
    letter-spacing: .1em;

    &::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 2em;
      margin-left: -1em;
      height: 2px;
      background-color: var( --cl-heading );
    }

    .pane-goods-right-side & {
      margin: 32px 0 0 0 !important;
      font-size: 1.8rem;
      font-weight: 600;
      text-align: left;
      letter-spacing: normal;
      margin-bottom: 0;
      padding: 0 0 16px;

      &::after {
        left: 0;
        margin: 0;
      }
    }
  }

  .block-goods-footer-cart {
    .block-variation {
      display: block;
      margin-bottom: 30px;

      .block-add-cart {
        margin: 30px auto 30px auto;
      }
    }
  }

  .block-event-page--header {
    margin: 15px 0 0 0;
    font-family: var( --ff-serif );
  }

  /*---- カテゴリ ----*/
  .block-category-list--header {
    margin: -46px 0 0;
    position: absolute;
    right: 0; 
    text-align: right;
    letter-spacing: .025em;
    font-weight: 600;
    font-feature-settings: "palt";
    font-family: var( --ff-sans_serif );
    font-size: 1.3rem;
    color: var( --col_MypreBlue );
    opacity: .9;
  }
}