/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 29 2026 | 04:37:52 */
/* PC表示時：ロゴとメニューの強制中央配置 */
@media (min-width: 992px) {
    /* 1. ヘッダーのコンテナ：中身をすべて中央に */
    .site-header-container, 
    .site-header .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 2. ロゴエリア：親要素の余白を完全にリセット */
    .site-header-logo,
    .navbar-brand {
        margin: 0 auto !important; /* 上下0、左右中央 */
        padding: 0 !important;
        flex: none !important; /* 伸びる性質を消す */
        display: block !important;
        text-align: center !important;
    }

    /* 3. ロゴ（校名）リンク自体を中央に */
    .site-header-logo a,
    .navbar-brand a {
        display: inline-block !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    /* 4. メニューエリア：余白をリセットして中央寄せ */
    .global-nav,
    .gNav {
        margin: 10px 0 0 0 !important; /* ロゴとの間に少し隙間 */
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

    /* 5. メニューリスト：中身を中央に */
    .global-nav-list,
    .gNav_menu {
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* 校名のフォントサイズを大きくする */
.site-header-logo,
.site-header-logo a,
.navbar-brand,
.navbar-brand a {
    font-family: "Shippori Mincho B1", serif !important;
    font-weight: 700 !important;
    font-size: 38px !important; /* ←ここの数字で大きさを調整してください */
    line-height: 1.2 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    letter-spacing: 0.2em; /* 文字の間隔を広げるとより格式高く見えます */
}

.principal_text {
    font-family: "Noto Serif JP", serif !important;
	font-weight: 400 !important;
    font-size: 17px !important; /* ←ここの数字で大きさを調整してください */
    letter-spacing: 0.2em; /* 文字の間隔を広げるとより格式高く見えます */
}

/* スマホでは大きすぎないように自動調整（必要に応じて） */
@media (max-width: 991px) {
    .site-header-logo,
    .site-header-logo a {
        font-size: 32px !important;
    }
}

/* スクロール時に校名（ロゴエリア）を消す */
.header_scrolled .site-header-logo,
.header_scrolled .navbar-brand {
    display: none !important;
}

/* 1. スクロール時のヘッダー全体の高さを抑制 */
header.site-header.header_scrolled {
    background-color: #fff !important; /* 透明化をやめ、白（または希望の色）に固定 */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
    min-height: auto !important; /* 余計な最小高さを解除 */
}

/* 2. ロゴ部分の余白を削って高さを詰め、非表示にする */
.header_scrolled .site-header-logo {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. メニュー文字の上下余白を極限まで細くする */
.header_scrolled .global-nav-list > li > a {
    padding-top: 5px !important;    /* 10pxから5pxへ変更 */
    padding-bottom:10px !important; /* 10pxから5pxへ変更 */
    line-height: 1.2 !important;    /* 行間を詰めて高さを抑える */
}

/* 4. ヘッダー内のコンテナ自体の余白もリセット */
.header_scrolled .site-header-container,
.header_scrolled .vk-header-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
}



/* サイトタイトル（校名）の親要素に校章を背景として設定 */
.site-header-logo a {
    position: relative;
    display: inline-block;
    background-image: url("https://www2.hyogo-c.ed.jp/weblog2/harima-sn/wp-content/uploads/2026/06/harima-rogo2.png"); /* ここを差し替え */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; /* 枠内に収める設定 */
    
    /* 透かし具合の調整（0.1〜0.3くらいがおすすめ） */
    /* background-imageに透明度を直接かけられないため、擬似要素を使うのが一般的ですが、
       簡易的には元の画像の透明度を画像編集ソフトで下げておくのが一番簡単です。 */
    
    padding: 20px; /* 校章が見えるように周囲に余白を作る */
}