.font-fude {
    font-family: 'Yuji Syuku', serif;
}

.gold-line {
    position: relative;
    padding-bottom: 6px;
}

.gold-line::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #d4af37, transparent);
    opacity: 0.6;
}


/* =========================================
   トップ画像：下部フェード
   ========================================= */

.fade-bottom::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 60%
    );

    pointer-events: none;
}

@media (max-width: 1024px) {

.fade-bottom::after {
    height: 20px;

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 40%
    );
}

}

@media (max-width: 820px) {

.fade-bottom::after {
    height: 20px;

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 60%
    );
}

}

@media (max-width: 768px) {

.fade-bottom::after {
    height: 20px;

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 60%
    );
}

}

/* =========================================
   スマホ
   ========================================= */

@media (max-width: 640px) {

    .fade-bottom::after {
        height: 20px;
    }

}


/* =========================================
   スクロール
   ========================================= */

html {
    scroll-behavior: smooth;
}

/* =========================================
   管理画面
   ========================================= */

/* --------------------------------------------
   共通フレームCSS
   -------------------------------------------- */

/*
   タブレット：768px〜1024px
   PC：1025px以上
*/
@media (min-width: 768px) and (max-width: 1024px) {

    .tablet-content {
        width: 90%;
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
    }

}


/* --------------------------------------------
   PC / タブレット / スマホ切り替え
   -------------------------------------------- */

/*
   1024px以下
   → スマホ・タブレット版
*/
.admin-pc-only {
    display: block;
}

.admin-mobile-tablet-only {
    display: none;
}

@media (max-width: 1024px) {

    .admin-pc-only {
        display: none;
    }

    .admin-mobile-tablet-only {
        display: block;
    }

}

/* --------------------------------------------
   PC専用ページ
   例：ログページ
   -------------------------------------------- */

.pc-only {
    display: none;
}

.pc-only-message {
    display: block;
}

@media (min-width: 1025px) {

    .pc-only {
        display: block;
    }

    .pc-only-message {
        display: none;
    }

}

/* スワイパースマホのみ */

/* ページネーションの丸（ゴールド） */
.swiper-pagination-bullet {
    background-color: #d4b26f !important;
    opacity: 1 !important;
}

/* アクティブ（濃いゴールド） */
.swiper-pagination-bullet-active {
    background-color: #b8860b !important;
    opacity: 1 !important;
}

/* 写真の中に入らないように位置調整 */
.swiper-pagination {
    bottom: 0 !important; /* まずは0に戻す */
}

.mySwiper .swiper-slide {
    width: 80% !important;
    border-radius: 6px;
    overflow: hidden;
}