/* カスタマイザー > 追加CSS に貼り付けるコード */

/* ヘッダーを固定＋背景ぼかし */
.site-header {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    z-index: 1000;
    <!-- padding-top: 50px; -->
    padding-bottom: 0;
  
}

/* ロゴをゴールド色に */
.site-title a {
    color: #d4af37 !important;
    text-decoration: none !important;
    font-weight: 300 !important;
    letter-spacing: 2px !important;
}

/* メニューのスタイル */
.main-navigation a {
    color: #333 !important;
    text-decoration: none !important;
    font-weight: 300 !important;
    position: relative !important;
}

/* ホバー時の下線
.main-navigation a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -3px;
    left: 50%;
    background: #d4af37;
    transition: all 0.3s ease;
} */

.main-navigation a:hover::after {
    width: 100%;
    left: 0;
}

.main-navigation a:hover {
    color: #d4af37 !important;
}

/* コンテンツが隠れないように余白を追加 */
body {
    padding-top: 100px;
}

/* スクロール時のエフェクト用JavaScript */

/* デフォルト（PC）では sp（スマホ用）改行を非表示 */
.sp {
    display: none;
}

/* デフォルト（PC）では pc（パソコン用）改行を表示 */
.pc {
    display: block;
}

/* スマホ（750px以下）では逆にする */
@media (max-width: 750px) {
    .sp {
        display: block; /* スマホで改行表示 */
    }
    
    .pc {
        display: none; /* スマホでPC用改行を非表示 */
    }
}