/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 27 2026 | 00:51:03 */
/* ==========================================================
 * 1. Lightning特有のパンくずリストまわりの不自然な余白を詰める
 * ========================================================== */

/* パンくずリストの下側の余白を少し縮める */
.breadcrumb {
    margin-bottom: 10px !important;
}

/* メインコンテンツエリア上部の標準の大きな余白を半分に縮小 */
.single-post-principal .site-body,
.single-post-school .site-body,
.single-post-important .site-body,
.single-post-dormitory .site-body,
.single-post-58 .site-body,
.single-post-59 .site-body,
.single-post-60 .site-body,
.archive.post-type-archive-post-principal .site-body,
.archive.post-type-archive-post-school .site-body,
.archive.post-type-archive-post-important .site-body,
.archive.post-type-archive-post-dormitory .site-body,
.archive.post-type-archive-post-58 .site-body,
.archive.post-type-archive-post-59 .site-body,
.archive.post-type-archive-post-60 .site-body {
    padding-top: 15px !important;
}


/* ==========================================================
 * 2. ページ全体のフェードイン効果（1.2秒の超滑らかな動き）
 * ========================================================== */

/* アーカイブおよび詳細ページのメインエリアに適用 */
.archive.post-type-archive-post-principal #main,
.archive.post-type-archive-post-school #main,
.archive.post-type-archive-post-important #main,
.archive.post-type-archive-post-dormitory #main,
.archive.post-type-archive-post-58 #main,
.archive.post-type-archive-post-59 #main,
.archive.post-type-archive-post-60 #main,
.single-post-principal #main,
.single-post-school #main,
.single-post-important #main,
.single-post-dormitory #main,
.single-post-58 #main,
.single-post-59 #main,
.single-post-60 #main {
    animation: luxuryPageFadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    opacity: 0;
}

@keyframes luxuryPageFadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
        filter: blur(4px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}


/* ==========================================================
 * 3. 【詳細ページ用】一覧カードと統一感を持たせた高級カードデザイン
 * ========================================================== */

.single-post-principal #main,
.single-post-school #main,
.single-post-important #main,
.single-post-dormitory #main,
.single-post-58 #main,
.single-post-59 #main,
.single-post-60 #main {
    background: #fff !important;
    border-radius: 18px !important;              /* 一覧と合わせた18px */
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important; /* 一覧と全く同じ薄い影 */
    padding: 32px !important;                     /* 記事を読みやすくする余白 */
    margin-top: 5px !important;                   /* パンくずリストとの距離を最小限に */
    margin-bottom: 60px !important;
    box-sizing: border-box !important;
}

/* Lightning内の記事タイトルサイズ微調整 */
.single-post-principal #main .entry-title,
.single-post-school #main .entry-title,
.single-post-important #main .entry-title,
.single-post-dormitory #main .entry-title,
.single-post-58 #main .entry-title,
.single-post-59 #main .entry-title,
.single-post-60 #main .entry-title {
    font-size: 26px !important;
    line-height: 1.4 !important;
    margin-bottom: 20px !important;
    font-weight: bold !important;
}

/* 詳細ページのアイキャッチ画像を一覧と同じ丸みに */
.single-post-principal #main .entry-key-visual,
.single-post-school #main .entry-key-visual,
.single-post-important #main .entry-key-visual,
.single-post-dormitory #main .entry-key-visual,
.single-post-58 #main .entry-key-visual,
.single-post-59 #main .entry-key-visual,
.single-post-60 #main .entry-key-visual {
    margin-bottom: 24px !important;
    overflow: hidden !important;
    border-radius: 12px !important;              /* 一覧と同じ12pxの角丸 */
}


/* ==========================================================
 * 4. 【一覧ページ用】記事カードが時間差で浮き上がる効果
 * ========================================================== */

.archive.post-type-archive-post-principal .vk_post,
.archive.post-type-archive-post-school .vk_post,
.archive.post-type-archive-post-important .vk_post,
.archive.post-type-archive-post-dormitory .vk_post,
.archive.post-type-archive-post-58 .vk_post,
.archive.post-type-archive-post-59 .vk_post,
.archive.post-type-archive-post-60 .vk_post {
    opacity: 0;
    animation: luxuryCardFadeIn 1.5s cubic-bezier(0.25, 1, 0.3, 1) forwards !important;
}

@keyframes luxuryCardFadeIn {
    0% {
        opacity: 0;
        transform: translateY(15px);
        filter: blur(4px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

/* 時間差（ディレイ）の自動設定 */
.archive .vk_post:nth-child(1) { animation-delay: 0.1s !important; }
/* 2番目のカード */
.archive .vk_post:nth-child(2) { animation-delay: 0.3s !important; }
/* 3番目のカード */
.archive .vk_post:nth-child(3) { animation-delay: 0.5s !important; }
/* 4番目のカード */
.archive .vk_post:nth-child(4) { animation-delay: 0.7s !important; }
/* 5番目のカード */
.archive .vk_post:nth-child(5) { animation-delay: 0.9s !important; }
/* 6番目のカード */
.archive .vk_post:nth-child(6) { animation-delay: 1.1s !important; }
/* 7番目以降のカード */
.archive .vk_post:nth-child(n+7) { animation-delay: 1.3s !important; }


/* ==========================================================
 * 5. モバイル（スマホ）環境用の最適化調整
 * ========================================================== */
@media (max-width: 768px) {
    .single-post-principal #main,
    .single-post-school #main,
    .single-post-important #main,
    .single-post-dormitory #main,
    .single-post-58 #main,
    .single-post-59 #main,
    .single-post-60 #main {
        padding: 20px !important;                 /* スマホ用に余白を少し狭める */
        border-radius: 16px !important;           /* スマホに合わせた少し小さな丸み */
    }
}

/* ==========================================================
 * 超強力版：タイトル枠内のすべての「はみ出し」を完全に遮断して丸める
 * ========================================================== */

/* 1. タイトル枠自体の四隅を丸め、中身の形に関わらず「枠外」をすべて非表示にする */
.single-post-principal .entry-header,
.single-post-school .entry-header,
.single-post-important .entry-header,
.single-post-dormitory .entry-header,
.single-post-58 .entry-header,
.single-post-59 .entry-header,
.single-post-60 .entry-header {
    border-radius: 18px !important;    /* 4角すべてを18pxに */
    overflow: hidden !important;       /* 【最重要】これより外側にはみ出る背景色を絶対に表示させない */
    clip-path: inset(0 round 18px) !important; /* 万が一overflowが効かないブラウザ用の強力な切り抜き機能 */
}

/* 2. 枠内にあるすべての要素（文字、行、リスト、ボタン等）の下角も念のため丸める */
.single-post-principal .entry-header *,
.single-post-school .entry-header *,
.single-post-important .entry-header *,
.single-post-dormitory .entry-header *,
.single-post-58 .entry-header *,
.single-post-59 .entry-header *,
.single-post-60 .entry-header * {
    /* 内側にある子要素が下端に触れている場合、一緒に左下・右下を丸める */
    border-bottom-left-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
}