/* ================================
CSS MAP
概要：TOPのstyle.cssではTOPページで使用している装飾の設定をまとめています

1.メインビジュアル
2.おすすめ情報
3.期間限定メニュー
4.通常メニュー
5.コンセプト訴求
6.花月嵐MUSIUM
7.ticker(永続スライダー)
8.お知らせ
9.店舗検索
10.フッター前　リンクエリア
================================ */


 /* ================================
1.メインビジュアル
================================ */
    .top-fv {
        color: #fff;
        position: relative;
    }

    /* 背景（最初は薄く、show-bgでふわっと出す） */
    .top-fv::after {
        position: absolute;
        background-image: url(../../images/top/top-fv-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        z-index: -3;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        transition: opacity 1.2s ease;
    }

    /* JSで .top-fv に show-bg が付いたら背景を表示 */
    .top-fv.show-bg::after {
        opacity: 1;
    }

    /* 右下のラーメンアイコン */
    .top-fv::before {
        position: absolute;
        opacity: 0;
        right: 0;
        bottom: 0;
        content: "";
        z-index: -1;
        background-image: url(../../images/top/icon-rahmen.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top right;
        width: 156px;
        height: 156px;
        animation: ramen-lift 4.8s ease-in-out infinite;
        transform-origin: bottom center;
        transition: opacity 1s ease;
        transition-delay: 1.2s;
    }

    /* 背景が出たタイミングで一緒にふわっと出す */
    .top-fv.show-bg::before {
        opacity: 1;
    }

    /* 内側コンテナ */
    .top-fv__inner.w-1440 {
        position: relative;
    }

    /* テキストブロック */
    .top-fv__inner__text {
        position: relative;
        margin-right: 150px;
        margin-left: auto;
        padding-top: 230px;
        padding-bottom: 170px;
    }

    /* タイトル全体 */
    .top-fv__inner__ttl {
        display: flex;
        flex-direction: row-reverse;
        width: max-content;
        height: max-content;
        margin-left: auto;
        margin-right: 0;
        position: relative;
    }

    .top-fv__inner__ttl>span.text {
        writing-mode: vertical-rl;
        text-orientation: upright;
        font-size: 72px;
        letter-spacing: -0.05em;
        line-height: 1;
    }

    .top-fv__inner__ttl__orange {
        color: #e65c2d;
    }

    .top-fv__inner__ttl span.text {
        display: inline-block;
        padding: 0 10px;
    }

    /* サブタイトル */
    span.top-fv__inner__subttl.eng {
        letter-spacing: 0.75em;
        font-size: 14px;
        position: absolute;
        left: 20px;
        bottom: -30px;
        text-transform: uppercase;
    }

    /* タイトル・サブタイトルの初期状態（非表示） */
    .top-fv__inner__ttl .text,
    .top-fv__inner__ttl .top-fv__inner__subttl {
        opacity: 0;
        transform: translateY(24px);
        transition: opacity 1s ease, transform 1s ease;
    }

    /* JS で is-show / is-appear が付いた順にふわっと出る */
    .top-fv__inner__ttl.is-show .text.is-appear,
    .top-fv__inner__ttl.is-show .top-fv__inner__subttl.is-appear {
        opacity: 1;
        transform: translateY(0);
    }

    /* 円形動画ラッパー */
    .top-fv__inner__video {
        width: 1098px;
        height: 1098px;
        position: absolute;
        left: -210px;
        top: -54px;
        border-radius: 100000000000px;
        overflow: hidden;
        /* 動画を丸く切り抜く */
        z-index: 1;
    }

    /* 中の動画 */
    .top-fv__inner__video .fv-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        border: 20px solid #2B2925;
        display: block;
        border-radius: 50%;
        transform: scale(1) rotate(0deg) translateY(0px);
        opacity: 0;
        transition:
            opacity 0.9s ease-out 0.3s,
            transform 3s cubic-bezier(0.15, 0.85, 0.3, 1.0) 0.3s;
        transform-origin: center center;
    }

    /* JSで .top-fv__inner__video に is-animate が付いたら再生アニメ開始 */
    .top-fv__inner__video.is-animate .fv-video {
        opacity: 1;
        transform: scale(1) rotate(0deg) translateY(0px);
    }

/* ================================
2.おすすめ情報
================================ */

section.top-pickup {
    margin-top: -20px;
    padding-top: 270px;
    background-image: url(../../images/top/pickup-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

section.top-pickup .top-ttl-main .eng {
    position: absolute;
    top: 5px;
    left: 100%;
    transform: translateX(24px) translateY(0) rotate(90deg);
}

.top-pickup__ttl {
    width: max-content;
    margin-left: auto;
    margin-right: 110px;
    margin-bottom: 35px;
}


.top-pickup__inner {
    background: #FFFAF3;
    padding-top: 35px;
    padding-bottom: 60px;
}



/* スライダー全体 */
.top-pickup__slider {
    margin: 0 auto;
}

/* 各スライド（700 x 395固定 / 両サイド15pxで 合計30px 余白） */
.top-pickup__slider .slick-slide {
    width: 700px;
    height: 395px;
    margin: 0 15px;
    transition: opacity 0.3s ease, transform 0.3s ease;
    position: relative;
}

.top-pickup__slider .slick-slide::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2b2925b3;
    z-index: 2;
    content: "";
}

.top-pickup__slider .slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 中央のアクティブスライドを強調 */
.top-pickup__slider .slick-center {
    opacity: 1;
    transform: scale(1.02);
}

.top-pickup__slider .slick-center::before {
    display: none;
}

.top-pickup__controls,
.top-limited_menu__controls {
    position: relative;
    width: 100%;
    width: max-content;
    margin: auto;
}

.top-limited_menu__controls {
    margin-bottom: 60px;
}

.top-pickup__controls .slick-dots,
.top-limited_menu__controls .slick-dots {
    position: relative;
    bottom: 0px;
    /* スライダーの少し下に表示 */
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
    display: flex !important;
    justify-content: center;
    gap: 8px;
    list-style: none;
}

.top-pickup__controls .slick-dots li,
.top-limited_menu__controls .slick-dots li {
    margin: 0;
    position: relative;
    display: inline-block;
    width: 25px;
    height: 3px;
    padding: 0;
    cursor: pointer;
    border-radius: 1000000px;
    overflow: hidden;
}

.top-pickup__controls .slick-dots li button,
.top-limited_menu__controls .slick-dots li button {
    padding: 0;
    width: 25px;
    height: 3px !important;
}

.top-pickup__controls .slick-dots li button:before,
.top-limited_menu__controls .slick-dots li button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.top-pickup__controls .slick-dots li button:before{
    background: #B0A491;
}
.top-limited_menu__controls .slick-dots li button:before{
    background: #DFDAD2;
}

.top-pickup__controls .slick-dots li.slick-active button:before,
.top-limited_menu__controls .slick-dots li.slick-active button:before {
    background: #EA5317;
}

.top-pickup__controls .slick-prev,
.top-pickup__controls .slick-next,
.top-limited_menu__controls .slick-prev,
.top-limited_menu__controls .slick-next,
.top-standard_menu__controls .slick-prev,
.top-standard_menu__controls .slick-next {
    position: absolute;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: none;
    background: none;
    z-index: 2;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-pickup__controls .slick-prev:before,
.top-pickup__controls .slick-next:before,
.top-limited_menu__controls .slick-prev:before,
.top-limited_menu__controls .slick-next:before,
.top-standard_menu__controls .slick-prev:before,
.top-standard_menu__controls .slick-next:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

.top-limited_menu__controls .slick-prev:before,
.top-standard_menu__controls .slick-prev:before {
    background-image: url(../../images/common/prev-arrow-slider.svg);
}

.top-limited_menu__controls .slick-next:before,
.top-standard_menu__controls .slick-next:before {
    background-image: url(../../images/common/next-arrow-slider.svg);
}




.top-pickup__controls .slick-prev:before {
    background-color: #B0A491;
    -webkit-mask-image: url(../../images/common/prev-arrow-slider.svg);
    mask-image: url(../../images/common/prev-arrow-slider.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.top-pickup__controls .slick-next:before {
    background-color: #B0A491;
    -webkit-mask-image: url(../../images/common/next-arrow-slider.svg);
    mask-image: url(../../images/common/next-arrow-slider.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}



.top-pickup__controls .slick-prev,
.top-limited_menu__controls .slick-prev,
.top-standard_menu__controls .slick-prev {
    left: -35px;
}

.top-pickup__controls .slick-next,
.top-limited_menu__controls .slick-next,
.top-standard_menu__controls .slick-next {
    right: -35px;
}





/* ================================
3.期間限定メニュー
================================ */
section.top-limited_menu {
    padding-top: 46px;
    background-image: url(../../images/top/top-fv-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

section.top-limited_menu{
  position: relative;
}

/* 市松帯（下） */
section.top-limited_menu::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:46px;

  background-image:url(../../images/top/mark-ichimatsu.png);
  background-repeat: repeat-x;
  background-size: 1726px 46px; /* 画像1枚分のサイズ */
  background-position: 0 0;

  animation: ichimatsu-bg 20s linear infinite;
}

/* 2枚目不要 */
section.top-limited_menu::after{ content:none; }

.top-limited_menu__inner {
    padding-top: 80px;
    padding-bottom: 80px;
}

.top-limited_menu__inner h2.top-ttl-main {
    color: #fff;
}

.top-limited_menu__ttl {
    margin-left: auto;
    margin-right: 0;
    width: max-content;
    max-width: 100%;
    margin-right: 110px;
    margin-bottom: 43px;
}

ul.top-limited_menu__inner__slider {
    padding: 0;
    margin-bottom: 0;
}

ul.top-limited_menu__inner__slider li {
    background: #FFFAF3;
    padding: 48px 100px 32px;
    position: relative;
}

/* 次回作予告（緑） */
ul.top-limited_menu__inner__slider li.next-item::before {
    content: "予告";
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 100%;
    background: #356C35;
    color: #fff;

    display: flex;
    justify-content: center;
    align-items: center;

    writing-mode: vertical-rl;
    /* 縦書き */
    text-orientation: upright;
    /* 文字を立てる（漢字崩れ防止） */

    font-family: "Noto Serif JP", serif;
    font-size: 18px;
    letter-spacing: 0.15em;
}

/* 販売中（オレンジ） */
ul.top-limited_menu__inner__slider li.now-item::before {
    content: "販売中";
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 100%;
    background: #E65C2D;
    color: #fff;

    display: flex;
    justify-content: center;
    align-items: center;

    writing-mode: vertical-rl;
    text-orientation: upright;

    font-family: "Noto Serif JP", serif;
    font-size: 18px;
    letter-spacing: 0.15em;
}


/* 終売間近（黄色） */
ul.top-limited_menu__inner__slider li.near-end-item::before {
    content: "終売間近";
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 100%;
    background: #FDC02D;
    display: flex;
    justify-content: center;
    align-items: center;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-family: "Noto Serif JP", serif;
    font-size: 18px;
    letter-spacing: 0.15em;
    color: #2B2925;
}



/* スライダー全体 */
.top-limited_menu__inner__slider {
    margin: 0 auto;
    padding: 40px 0;
}

.top-limited_menu__inner__slider li {
    width: 955px;
    height: 465px;
    margin: 0 15px;
}

.top-limited_menu__inner__slider__content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 55px;
}

.limited_menu__inner__slider__images {
    width: 385px;
}

.limited_menu__inner__slider__images img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.limited_menu__inner__slider__text {
    width: calc(100% - 385px - 55px);
}

.limited_menu__inner__slider__text h2 {
    width: 100%;
    height: 90px;
    margin-bottom: 30px;
}

.limited_menu__inner__slider__text p {
    line-height: 1.8;
    font-size: 16px;
}

.limited_menu__inner__slider__text h2 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
}

.top-limited_menu__inner__slider .slick-slide {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.top-limited_menu__inner__slider .slick-center {
    opacity: 1;
    transform: scale(1.01);
}

.top-limited_menu__inner__btn-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.top-limited_menu__inner__btn-group a {
    width: 420px;
    max-width: 100%;
}

.top-limited_menu__inner__btn-group a:hover {
    background-color: #EA5317;
    color: #fff;
    transition: .25s;
}

ul.top-limited_menu__inner__slider.slick-dotted.slick-slider {
    margin-bottom: 35px;
}

.limited_menu__inner__slider__text a.btn-style.btn-style__gray {
    width: 200px;
    margin-top: 35px;
}


/* ================================
4.通常メニュー
================================ */
.top-standard_menu {
    padding-top: 80px;
    padding-bottom: 125px;
    background-image: url(../../images/top/top-standard_menu__bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}
.top-standard_menu{
  position: relative;
}

/* 市松帯（下） */
.top-standard_menu::before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:46px;

  background-image:url(../../images/top/mark-ichimatsu.png);
  background-repeat: repeat-x;
  background-size: 1726px 46px; /* 画像1枚分のサイズ */
  background-position: 0 0;

  animation: ichimatsu-bg 20s linear infinite;
}

/* 2枚目不要 */
.top-standard_menu::after{ content:none; }

@keyframes ichimatsu-bg{
  from { background-position: 0 0; }
  to   { background-position: -1726px 0; }
}

.top-standard_menu__inner .top-ttl-main .eng {
    color: #fff;
}

.top-standard_menu__inner__wrap {
    position: relative;
    width: 100%;
    height: 670px;
    margin-top: 130px;
}

.top-standard_menu__inner__wrap::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    border-radius: 20px 0px 20px 20px;
    left: 0;
    top: 0;
    border: 1px solid #fff;
    /* タイトル部分をくり抜く（透明） */
    mask: linear-gradient(#000 0 0) right top no-repeat,
        linear-gradient(#000 0 0);
    mask-size: 120px 60px, 100%;
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    z-index: 2;
    pointer-events: none;
}

.top-standard_menu__inner .top-ttl-main {
    position: absolute;
    right: 30px;
    top: -130px;
    color: #fff;
    margin-left: auto;
}

.top-standard_menu .btn-style__black {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.top-standard_menu .btn-style__black:hover {
    background-color: #F2AB01;
    color: #2B2925;
    transition: .25s;
}

/* ================================
  スライダー本体
================================ */
ul.top-standard_menu__slider {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-standard_menu__slider .slick-track {
    display: flex !important;
    align-items: center;
}

.top-standard_menu__slider li {
    width: 440px;
}

.top-standard_menu__slider .slick-slide {
    margin: 0 20px;
    display: flex !important;
    justify-content: center;
    height: 100%;
}
.top-standard_menu__slider .slick-slide a{
    pointer-events: none;
    cursor:alias;
}

/* カード（共通） */
.top-standard_menu__card {
    width: 100%;
    transform: scale(0.85);
    transform-origin: center center;
    position: relative;
    padding-bottom: 0px;
    transition:
        transform .5s ease,
        padding-bottom .5s ease;
}

/* ★ 現在スライド用クラス（JSで付与） */
.top-standard_menu__card.is-current {
    transform: scale(1);
    opacity: 1;
    padding-bottom: 70px;
    transition:
        transform .5s ease,
        padding-bottom .5s ease;
}

/* 画像部分 */
.top-standard_menu__slider__images {
    width: 380px;
    height: 380px;
    margin-bottom: 18px;
    margin-left: auto;
    margin-right: auto;
}

.top-standard_menu__slider__images img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* 名前画像 */
.top-standard_menu__slider__name {
    width: 100%;
    height: 80px;
    transition: .25s;
}

.top-standard_menu__slider__name img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 説明テキスト */
ul.top-standard_menu__slider p {
    line-height: 1.8;
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin-top: 0;
    width: 100%;
    bottom: 0;
    opacity: 0;
    transition: opacity .25s;
    margin-top: 27px;
}

/* ★ 現在スライドだけテキスト表示 */
.top-standard_menu__card.is-current p {
    opacity: 1;
}

/* ================================
  ドット
================================ */
.top-standard_menu__controls {
    margin-top: 40px;
    margin-bottom: 60px;
    text-align: center;
    position: relative;
    height: 3px;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

.top-standard_menu__controls .slick-dots {
    position: relative;
    bottom: 0;
    margin: 0;
    padding: 0;
    display: flex !important;
    justify-content: center;
    gap: 8px;
}

.top-standard_menu__controls .slick-dots li {
    margin: 0;
    width: 25px;
    height: 3px;
    padding: 0;
    cursor: pointer;
    border-radius: 1000000px;
    overflow: hidden;
    position: relative;
}

.top-standard_menu__controls .slick-dots li button {
    padding: 0;
    width: 25px;
    height: 3px !important;
}

.top-standard_menu__controls .slick-dots li button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #DFDAD2;
    opacity: 1;
}

.top-standard_menu__controls .slick-dots li.slick-active button:before {
    background: #2B2925;
}

/* ================================
5.コンセプト訴求
================================ */

.top-concept {
    position: relative;
}

/* stickyで固定される中身 */
.top-concept__inner {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden; /* ← ぼかし・拡大時のはみ出しを隠す */
}

/* スクロール用ダミー */
.top-concept .height-match {
    height: 100vh;
}

.top-concept .height-match-03 {
    height: 200vh;
}

/* 各ビュー共通：中央寄せレイヤー */
.top-concept .view-01,
.top-concept .view-02,
.top-concept .view-03 {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* ================================
   背景レイヤー（view-01）
   - 実体は ::before に逃がす
   - 少し大きめに出してから blur + scale
================================ */
.top-concept .view-01 {
    z-index: 1;
    /* 背景そのものは ::before に描画するので何も持たせない */
    overflow: hidden; /* はみ出し隠す */
}

/* 背景画像を一回り大きく配置 */
.top-concept .view-01::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 160px);
    height: calc(100% + 160px);
    background-image: url(../../images/top/top-concept-bg.jpg);
    background-size: cover;
    background-position: center center;
    transform-origin: center center;
    filter: blur(0);
    transition: 
        filter .6s ease,
        transform .6s ease,
        width .6s ease,
        height .6s ease; /* ★ これが正しい */
}

/* blur + 拡大をかけるのは .blur-bg が付いたときだけ */
.top-concept__inner.blur-bg .view-01::before {
    width: calc(100% + 400px);
    height: calc(100% + 400px);
    filter: blur(15px);
}

/* ================================
   view-02（ラーメン × エンタメ）
================================ */
.top-concept .view-02 {
    z-index: 2;
    color: #fff;
    font-size: 50px;
    line-height: 2;
    letter-spacing: .2em;
    height: 100vh;
    width: 100vw;

    opacity: 0;
    transform: scale(0.96);
    transition: opacity .7s ease, transform .7s ease;
}

.top-concept .view-02__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

/* 表示状態 */
.top-concept .view-02.is-show {
    opacity: 1;
    transform: scale(1);
}


/* ================================
   view-03（テキストブロック）
================================ */
.top-concept .view-03 {
    z-index: 3;
    color: #fff;
    font-size: 16px;
    line-height: 2;
    height: 100vh;
    width: 100vw;

    opacity: 0;
    transform: translateY(30px);
    transition: opacity .7s ease, transform .7s ease;
}

.top-concept .view-03.concept-block .view-03-text {
    line-height: 2.8;
    letter-spacing: .08em;
    font-size: 18px;
}

/* カラーハイライト */
.top-concept .view-03.concept-block .view-03-text .orange {
    background-color: #EA5317;
    border-radius: 3px;
    padding: 2px 6px;
    color: #fff;
    margin-left: 5px;
    margin-right: 5px;
}

.top-concept .view-03.concept-block .view-03-text .green {
    background-color: #356C35;
    border-radius: 3px;
    padding: 2px 8px;
    color: #fff;
    margin-left: 5px;
    margin-right: 5px;
}

.top-concept .view-03.concept-block .view-03-text .yellow {
    background-color: #F2AB01;
    border-radius: 3px;
    padding: 2px 3px;
    color: #2B2925;
    margin-left: 5px;
    margin-right: 5px;
}

/* 表示状態 */
.top-concept .view-03.is-show {
    opacity: 1;
    transform: translateY(0);
}




/* ================================
6.花月嵐MUSIUM
================================ */

.top-museum {
    background-image: url(../../images/top/top-museum__bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-museum::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 46px;
    background-image: url(../../images/top/mark-ichimatsu.png);
    background-size: contain;
    background-position: left bottom;
    display: block;
    background-repeat: repeat-x;
}

.top-museum__inner {
    padding-top: 230px;
    padding-bottom: 230px;
}

.top-museum__inner__wrap {
    background-color: #FFFAF3;
    border-radius: 5px;
    padding: 140px 40px 40px 40px;
    position: relative;
}

.top-museum__inner__wrap p {
    line-height: 1.8;
    letter-spacing: .05em;
    margin-bottom: 32px;
    text-align: center;
}

.top-museum__inner__wrap p span {
    color: #EA5317;
}

.top-museum__inner__wrap .btn-style__yellow {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.top-museum__inner__wrap h3 {
    color: #EA5317;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -34px;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

.top-museum__inner__wrap h3 img {
    max-width: 515px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.top-museum__inner__wrap h3 span {
    color: #2B2925;
    margin-top: 3px;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 700;
}


/* ================================
7.ticker(永続スライダー)
================================ */
section.top-ticker {
    padding-top: 80px;
    background-color: #2B2925;
}

.top-ticker__inner__slider {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.top-ticker__inner__slider li {
    width: 410px;
    height: 310px;
    margin-right: 20px;
    list-style: none;
    overflow: hidden;
}

.top-ticker__inner__slider li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ================================
8.お知らせ
================================ */
.top-news {
    padding-top: 120px;
    background-color: #2B2925;
    color: #fff;
}


.top-news__wrap {
    display: flex;
    justify-content: space-between;
    gap: 100px;
}

.top-news__wrap .top-ttl-main {
    margin-left: 0;
}

ul.top-news__list {
    width: calc(100% - 130px - 48px);
    position: relative;
}

span.top-news__list__arrows {
    position: absolute;
    right: 19px;
    top: 50%;
    display: flex;
    align-items: center;
    background: #DFDAD2;
    color: #2b2b2b;
    height: 24px;
    width: 40px;
    justify-content: center;
    border-radius: 1000000px;
    transform: translateY(-50%);
    transition: .25s;
}

ul.top-news__list li:hover span.top-news__list__arrows {
    transition: .25s;
    right: 9px;
    background: #EA5317;
    color: #FFFAF3;
}

ul.top-news__list::before {
    position: absolute;
    bottom: -0.5px;
    width: 100%;
    content: "";
    left: 0;
    height: 1px;
    /* 線の太さ */
    background: repeating-linear-gradient(to right,
            #FFFAF3 0,
            /* 線の色：ここを変える */
            #FFFAF3 1px,
            /* 破線部分の長さ（1px） */
            transparent 1px,
            transparent 11px
            /* 1px + 10px = 11px までを周期にする */
        );
    border: none;
}

span.top-news__list__date.eng {
    width: 110px;
    margin-right: 24px;
    font-size: 18px;
}

.top-news__list__tag {
    width: 130px;
    padding: 12px;
    border-radius: 100000px;
    background-color: #EA5317;
    font-size: 13px;
    line-height: 10px;
    text-align: center;
    margin-right: 44px;
    color: #fff !important;
}


ul.top-news__list li a p {
    width: calc(100% - 110px - 24px - 130px - 44px - 110px);
    display: block;
    /* or inline-block でもOK */
    white-space: nowrap;
    /* 改行させない */
    overflow: hidden;
    /* はみ出した分を隠す */
    text-overflow: ellipsis;
    /* 末尾を ... にする */
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

ul.top-news__list li a {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 19px;
    padding-right: 19px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: .25s;
    position: relative;
}

ul.top-news__list li a::before {
    position: absolute;
    top: -0.5px;
    width: 100%;
    content: "";
    left: 0;
    height: 1px;
    /* 線の太さ */
    background: repeating-linear-gradient(to right,
            #FFFAF3 0,
            /* 線の色：ここを変える */
            #FFFAF3 1px,
            /* 破線部分の長さ（1px） */
            transparent 1px,
            transparent 11px
            /* 1px + 10px = 11px までを周期にする */
        );
    border: none;
}

ul.top-news__list li a:hover {
    color: #E65C2D;
    transition: .25s;
}

.top-news .btn-style__gray {
    width: 200px;
    max-width: 100%;
    margin-top: 50px;
    margin-right: 0;
    margin-left: auto;
}

/* ================================
9.店舗検索
================================ */
.top-shop {
    padding-top: 120px;
    padding-bottom: 180px;
    background-color: #2B2925;
    color: #fff;
    position: relative;
}

.top-shop::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-image: url(../../images/top/top-link-bg.png);
    background-size: cover;
    background-position: left top;
    display: block;
}

.top-shop__content {
    border: 1px solid #FFFAF3;
    border-radius: 15px;
    padding-left: 195px;
    padding-right: 110px;
    padding-top: 45px;
    padding-bottom: 45px;
    display: flex;
    align-items: center;
    gap: 50px;
    margin-top: 48px;
    position: relative;
}

.top-shop__inner.w-1280 {
    position: relative;
}

.top-shop__inner.w-1280 h2.top-ttl-main {
    position: absolute;
    top: -48px;
    left: 0;
    z-index: 2;
}

.top-shop__inner.w-1280 h2.top-ttl-main::before {
    z-index: -1;
    background-color: #2B2925;
    content: "";
    width: 120px;
    height: 180px;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
}


.top-shop__content>img {
    width: 434px;
    height: auto;
    object-fit: contain;
    display: block;
    border-radius: 5px;
    overflow: hidden;
}

.top-shop__content .top-shop__content__text {
    width: calc(100% - 434px - 50px);
    height: auto;
    object-fit: contain;
    display: block;
}

.top-shop__content__text h3 {
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 20px;
    letter-spacing: .05em;
    font-weight: 700;
}

.top-shop__content__text p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 40px;
    letter-spacing: .05em;
}

.top-shop__content__text a.btn-style.btn-style__gray {
    width: 200px;
}

/* ================================
10.フッター前　リンクエリア
================================ */
section.top-page_link {
    padding-top: 80px;
    padding-bottom: 180px;
    background-color: #FFFAF3;
}


.top-page_link__bnr {
    max-width: 846px;
    width: 100%;
    margin: auto;
}

.top-page_link__list {
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    overflow: hidden;
    background-color: #2B2925;
    background-size: cover;
    background-position: center;
    margin-top: 70px;
    border: 1px solid #FFFAF3;
    position: relative;
}

.top-page_link__list li {
    width: calc(100% / 4);
    position: relative;
}

.top-page_link__list li a {
    display: flex;
    flex-direction: row;
    /* ← 横に並べる指定 */
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    color: #FFFAF3;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.25);
    height: 100%;
    transition: .25s;
}

.top-page_link__list li a:hover {
    text-shadow: 0 0 20px #2B2925;
    transition: .25s;
}

.top-page_link__list li+li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: #FFFAF3;
}

.top-page_link__list li {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: .25s;
}

.top-page_link__list::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity .4s ease, background-image .4s ease;
    z-index: 0;
}

.top-page_link__list:hover::before {
    opacity: 1;
}

.top-page_link__list:has(li:nth-of-type(1):hover)::before {
    background-image: url(../../images/top/top-page_link__list01.jpg?=test1);
}

.top-page_link__list:has(li:nth-of-type(2):hover)::before {
    background-image: url(../../images/top/top-page_link__list02.jpg?=test1);
}

.top-page_link__list:has(li:nth-of-type(3):hover)::before {
    background-image: url(../../images/top/top-page_link__list03.jpg?=test1);
}

.top-page_link__list:has(li:nth-of-type(4):hover)::before {
    background-image: url(../../images/top/top-page_link__list04.jpg?=test1);
}

.top-page_link__list li {
    position: relative;
    z-index: 1;
    background: transparent;
}

.top-page_link__list li .eng {
    writing-mode: vertical-rl;
    transform: none;
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.12em;
    line-height: 1.8;
    opacity: 0.9;
    order: 2;
}

.top-page_link__list li .jp {
    writing-mode: vertical-rl;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    opacity: 0.95;
    order: 1;
}

.top-page_link__list li a:hover {
    background: transparent;
    transition: background .3s ease;
}





    @media screen and (max-width: 1200px) {
        .top-fv__inner__text {
            margin-right: 20px;
            padding-top: 150px;
            padding-bottom: 260px;
        }

        .top-fv__inner__ttl>span.text {
            font-size: 56px;
        }

        span.top-fv__inner__subttl.eng {
            font-size: 10px;
            left: 20px;
            bottom: -30px;
        }

        .top-fv__inner__video {
            width: 90vw;
            height: 90vw;
            left: -20vw;
            top: -54px;
        }

    }

    @media screen and (max-width:640px) {
        .top-fv__inner__text {
            position: relative;
            margin-right: 0;
            margin-left: auto;
            padding-top: 125px;
            padding-bottom: 700px;
        }

        .top-fv {
            overflow: hidden;
        }

        .top-fv__inner__video {
            width: 615px;
            height: 615px;
            position: absolute;
            left: 50%;
            top: 400px;
            transform: translateX(-50%);
        }

        .top-fv__inner__video img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: right bottom;
            border-radius: 100000000000px;
            border: 20px solid #2B2925;
        }

        .top-fv__inner__ttl>span.text {
            font-size: 44px;
            letter-spacing: -0.05em;
            line-height: 1;
            display: block;
            width: max-content;
            height: max-content;
        }

        span.top-fv__inner__subttl.eng {
            font-size: 8px;
            position: absolute;
            left: 20px;
            bottom: -15px;
        }

        .top-fv__inner__ttl {
            display: flex;
            flex-direction: row-reverse;
            width: max-content;
            height: max-content;
            margin-left: 0px;
            margin-right: auto;
            position: relative;
        }

        .top-fv::before {
            right: -60px;
            bottom: 400px;
            background-image: url(../../images/top/icon-rahmen-sp.svg);
            animation: ramen-lift-sp 5s ease-in-out infinite;
            transform-origin: bottom center;
        }
    }

/*
ここ2
*/

/* SP時（768px以下）は横幅100%の1枚表示に */
@media screen and (max-width: 640px) {
    .top-pickup__slider .slick-slide {
        width: 100%;
        max-width: none;
        height: auto;
        margin: 0 24px;
    }

    .top-pickup__slider .slick-slide img {
        height: auto;
    }


    section.top-pickup {
        margin-top: -50vh;
        padding-top: calc(40px + 50vh);
        background-image: url(../../images/top/pickup-bg-sp.png);
    }

    .top-pickup__ttl {
        width: max-content;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 25px;
        height: max-content;
    }


    .top-pickup__inner {
        background: #FFFAF3;
        padding-top: 25px;
        padding-bottom: 35px;
    }


    /* 見出しブロック全体を中央寄せ */
    .top-pickup__ttl {
        position: relative;
        display: flex;
        justify-content: center;
        margin-bottom: 25px;
    }

    /* 見出し h2 自体のレイアウトを固定 */
    .top-pickup__ttl h2.top-ttl-main {
        position: relative;
        display: inline-flex;
        flex-direction: row-reverse;
        /* 右：jp / 左：eng の並び */
        align-items: center;
        background: transparent;
        /* ここは透明にしておく */
        z-index: 1;
    }

    /* 文字サイズは今のまま流用でOKならいじらなくていい */
    .top-pickup__ttl .jp {
        writing-mode: vertical-rl;
        text-orientation: upright;
        font-size: 26px;
        line-height: 1.2;
    }

}


/*
ここ3
*/

@media screen and (max-width: 768px) {
    .top-limited_menu__inner__slider li {
        width: 100%;
        max-width: none;
        height: auto;
        margin: 0;
    }

    .top-limited_menu__inner__slider__content {
        flex-direction: column;
        height: auto;
        gap: 10px;
    }

    .limited_menu__inner__slider__images,
    .limited_menu__inner__slider__text {
        flex: 0 0 auto;
    }

    .limited_menu__inner__slider__images img {
        height: auto;
    }
}
@media screen and (max-width:1200px)  {
.top-limited_menu__inner__slider li {
    width: auto;
    height: 465px;
    margin: 0 15px;
}
ul.top-limited_menu__inner__slider {
    width: 100%;
}
}

@media screen and (max-width:640px) {
    .top-limited_menu__inner {
        padding-left: 24px;
        padding-right: 24px;
    }

    .top-limited_menu__inner__btn-group {
        gap: 15px;
    }


    section.top-limited_menu::before,
    .top-standard_menu::before,
    .top-museum::before {
        background-size: cover;
    }

    .top-limited_menu__ttl {
        margin-left: auto;
        margin-right: 0;
        width: max-content;
        max-width: 100%;
        margin-right: auto;
        margin-bottom: 24px;
    }

    .top-limited_menu__inner {
        padding-top: 40px;
        padding-bottom: 80px;
    }

    ul.top-limited_menu__inner__slider {
        width: calc(100% + 48px);
        left: -24px;
        position: relative;
    }

/* 終売間近（黄色） */
ul.top-limited_menu__inner__slider li.near-end-item::before,
    ul.top-limited_menu__inner__slider li.next-item::before,
    ul.top-limited_menu__inner__slider li.now-item::before {

        width: 100%;
        height: 40px;
        font-size: 16px;
        justify-content: center;
        align-items: center;
        writing-mode: horizontal-tb !important;
        text-orientation: initial !important;
        display: flex;
        /* 念のため横配置キープ */
    }

    ul.top-limited_menu__inner__slider li {
        background: #FFFAF3;
        padding: 60px 30px 24px;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        margin-left: 24px;
        margin-right: 24px;
        height: max-content;
    }

    .limited_menu__inner__slider__images {
        width: 100%;
        max-width: 240px;
        height: auto;
    }

    .limited_menu__inner__slider__text {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .limited_menu__inner__slider__text h2 img {
        object-position: center;
    }

    .limited_menu__inner__slider__text h2 {
        width: 100%;
        height: 70px;
        margin-bottom: 15px;
    }

    .limited_menu__inner__slider__text p {
        line-height: 1.8;
        font-size: 14px;
        text-align: center;
    }

    .top-limited_menu__controls {
        margin-bottom: 42px;
    }
}




@media screen and (max-width:1200px) {
    .top-standard_menu__inner__wrap::before{
            width: calc(100% - 40px);
            left: 20px;
            z-index: 2;
    }
}


@media screen and (max-width:640px) {
    .top-standard_menu__inner {
        padding-left: 24px;
        padding-right: 24px;
    }

    .top-standard_menu__controls {
        margin-top: 25px;
        margin-bottom: 35px;
        height: 3px;
        width: max-content;
        margin-left: auto;
        margin-right: auto;
    }

    .top-standard_menu {
        padding-top: 40px;
        padding-bottom: 130px;
        background-image: url(../../images/top/top-standard_menu__bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        overflow: hidden;
    }

    .top-standard_menu__card {
        width: 100%;
        transform: scale(1);
        transform-origin: center center;
        transition: transform 0.35s ease,
            opacity 0.35s ease;
    }

    .top-standard_menu__card.is-current{
padding-bottom: 0px;
    }

    .top-standard_menu__slider__images {
        width: 230px;
        height: 230px;
        margin-bottom: 18px;
        margin-left: auto;
        margin-right: auto;
    }

    .top-standard_menu__slider__name {
        width: calc(100% - 60px);
        height: 70px;
        margin-left: auto;
        margin-right: auto;
    }

    .top-standard_menu__inner__wrap {
        position: relative;
        width: 100%;
        border: none;
        border-radius: 20px;
        height: auto !important;
        margin-top: 0px;
        margin-bottom: 24px;
        display: flex;
        justify-content: center;
    }

    ul.top-standard_menu__slider {
        position: relative;
        top: 0;
        left: -24px;
        transform: none;
        margin: 0;
        padding: 0;
        list-style: none;
        margin-bottom: 50px;
        width: calc(100% + 48px);
    }

    .top-standard_menu__inner .top-ttl-main {
        position: relative;
        right: 0px;
        top: 0px;
        left: 0;
        margin-right: auto;
    }


    /* まず全部消す */
    .top-standard_menu__slider .slick-slide p {
        display: block;
    }

    ul.top-standard_menu__slider::before {
        width: calc(100% - 48px);
        height: calc(100% + 93px);
        border-radius: 10px;
        content: "";
        top: -93px;
        display: block;
        position: absolute;
        border: 1px solid #fff;
        /* タイトル部分をくり抜く（透明） */
        mask: linear-gradient(#000 0 0) center top no-repeat,
            linear-gradient(#000 0 0);
        mask-size: 90px 40px, 100%;
        mask-composite: exclude;
        -webkit-mask-composite: xor;
        left: 24px;
        z-index: 9;
        pointer-events: none;
    }

    ul.top-standard_menu__slider p {
        line-height: 1.8;
        font-size: 14px;
        text-align: center;
        color: #fff;
        margin-top: 15px;
        padding-bottom: 0;
        margin-bottom: 26px !important;
        opacity: 1 !important;
    }

    .top-pickup__slider .slick-slide::before {
        display: none;
    }

    .top-standard_menu__inner__wrap::before {
        display: none;
    }
}
@media screen and (max-width:640px) {
   .top-concept .view-02__inner p {
        font-size: 28px;
        letter-spacing: .2em;
    }

.top-concept .view-03.concept-block .view-03-text{
        line-height: 2.8;
        letter-spacing: .08em;
        padding-left: 24px;
        padding-right: 24px;
        font-size: 15px;
    }

/* カラーハイライト */
.top-concept .view-03.concept-block .view-03-text .orange {
    padding: 2px 4px;
}


.top-concept .view-03.concept-block .view-03-text .green {
    padding: 2px 4px;
}

.top-concept .view-03.concept-block .view-03-text .yellow {
    padding: 2px 4px;
}
    .top-concept__inner.blur-bg .view-01 {
        filter: blur(12px);
        transform: scale(1.15);
    }

    .view-02 {
        font-size: 30px;
        letter-spacing: .15em;
    }

    .view-03 {
        font-size: 14px;
    }

    .view-03 .view-03-text {
        line-height: 2.2;
    }

    .view-01 {
        background-image: url(../../images/top/top-concept-bg-sp.jpg);
    }

}
@media screen and (max-width:640px) {

    .top-museum {
        background-image: url(../../images/top/top-museum__bg-sp.jpg);
    }

    .top-museum__inner__wrap {
        background-color: #FFFAF3;
        border-radius: 5px;
        padding: 100px 20px 24px 20px;
        position: relative;
    }

    .top-museum__inner {
        padding-top: 120px;
        padding-bottom: 120px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .top-museum__inner__wrap h3 img {
        max-width: 100%;
        display: block;
    }

    .top-museum__inner__wrap h3 {
        width: calc(100% - 48px);
        top: -14px;
    }

    .top-museum__inner__wrap p {
        margin-bottom: 24px;
        text-align: center;
        font-size: 14px;
    }
}

@media screen and (max-width:640px) {
    .top-ticker__inner__slider li {
        width: 210px;
        height: 158px;
    }

}

@media screen and (max-width:640px) {
    .top-news {
        padding-top: 70px;
        background-color: #2B2925;
        color: #fff;
    }

    .top-news__wrap {
        display: flex;
        justify-content: center;
        gap: 40px;
        flex-direction: column;
        align-items: center;
    }

    ul.top-news__list {
        width: 100%;
    }

    ul.top-news__list::before {
        display: none;
    }

    ul.top-news__list li a::before {
        position: absolute;
        bottom: -0.5px;
        width: 100%;
        top: auto;
    }

    ul.top-news__list li a p {
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        margin-top: 10px;
    }

    ul.top-news__list li a {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    span.top-news__list__date.eng {
        width: max-content;
        margin-right: 20px;
        font-size: 16px;
    }

    span.top-news__list__tag {
        width: 130px;
        padding: 10px 12px;
        font-size: 12px;
        line-height: 9px;
        text-align: center;
        margin-right: 44px;
    }

    .top-news .btn-style__gray {
        width: 300px;
        max-width: 100%;
        margin-top: 25px;
        margin-right: auto;
        margin-left: auto;
    }

    span.top-news__list__arrows {
        display: none;
    }
}


@media screen and (max-width:640px) {
    .top-shop {
        padding-top: 80px;
        padding-bottom: 80px;
        background-color: #2B2925;
        color: #fff;
        position: relative;
    }

    .top-shop__content {
        border: 1px solid #FFFAF3;
        border-radius: 10px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 85px;
        padding-bottom: 24px;
        display: flex;
        align-items: center;
        gap: 18px;
        margin-top: 40px;
        position: relative;
        flex-direction: column;
    }

    .top-shop__content>img {
        width: 100%;
        height: auto;
        object-fit: contain;
        display: block;
        border-radius: 5px;
        overflow: hidden;
    }

    .top-shop__content .top-shop__content__text {
        width: 100%;
        height: auto;
        object-fit: contain;
        display: block;
    }

    .top-shop__content__text p br {
        display: none;
        font-size: 14px;
    }

    .top-shop__inner.w-1280 h2.top-ttl-main {
        position: absolute;
        top: -48px;
        left: 50%;
        z-index: 2;
        transform: translateX(-50%);
    }

    .top-shop__inner.w-1280 h2.top-ttl-main::before {
        z-index: -1;
        background-color: #2B2925;
        content: "";
        width: 90px;
        height: 100%;
        display: block;
        left: 50%;
        top: 0;
        position: absolute;
        transform: translateX(-50%);
    }

    .top-shop__content__text a.btn-style.btn-style__gray {
        width: 100%;
    }
}

@media screen and (max-width:640px) {

    .top-page_link__list {
        flex-direction: column;
        gap: 1px;
        background-image: none;
        background: none;
    }

    .top-page_link__list li a {
        padding-top: 32px;
        padding-bottom: 32px;
        width: 100%;
        background: hsl(0deg 0% 0% / 70.2%);
        flex-direction: column;
        gap: 0px;
        justify-content: center;
        align-items: center;
    }

    .top-page_link__list li {
        width: 100%;
    }

    /* ---- SPでは横書きへ戻す ---- */
    .top-page_link__list li .eng,
    .top-page_link__list li .jp {
        writing-mode: horizontal-tb;
        text-orientation: initial;
        transform: none !important;
        display: block;
        order: unset;
        text-align: center;
        line-height: 1;
    }

    .top-page_link__list li .eng {
        font-size: 12px;
        letter-spacing: 0.15em;
        margin-bottom: 8px;
    }

    .top-page_link__list li .jp {
        font-size: 16px;
    }

    /* 仕切り線消す（縦が邪魔になるので） */
    .top-page_link__list li+li::before {
        display: none;
    }

    .top-page_link__list li:nth-of-type(1) {
        background-image: url(../../images/top/top-page_link__list01-sp.jpg?=test);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .top-page_link__list li:nth-of-type(2) {
        background-image: url(../../images/top/top-page_link__list02-sp.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;

    }

    .top-page_link__list li:nth-of-type(3) {
        background-image: url(../../images/top/top-page_link__list03-sp.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;

    }

    .top-page_link__list li:nth-of-type(4) {
        background-image: url(../../images/top/top-page_link__list04-sp.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;

    }

    section.top-page_link {
        padding-top: 60px;
        padding-bottom: 140px;
        background-color: #FFFAF3;
    }
}