@charset "utf-8";

/* 明朝フォント */
body h1, body h2, body h3, body h4, body h5, body h6, body .page-header-title, body .mincho {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
}

body .site-header-logo img {
    max-height: 50px;
}

/* グローバルナビの上のボタン */
.header-buttons {
    gap: 1rem;
    margin-top: 0.4rem;
}
.header-buttons .vk_button .vk_button_link.btn-sm {
    font-size: calc( 1rem * .8 );
}
.header-buttons .vk_button .vk_button_link.btn {
    padding: .25em 0.5rem;
}
.header-buttons a:has(img) {
    display: flex;
    align-items: center;
}
.header_scrolled .header-buttons .vk_button em,
.header_scrolled .btn-note,
.header_scrolled .btn-instagram {
    display: none;
}

/* グローバルナビのアイコンを大きく */
@media (min-width: 992px) {
  .global-nav-list>li .global-nav-name {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .global-nav-list>li .global-nav-name i {
    color: var(--vk-color-custom-4);
    font-size: 1.25em;
  }
}

/* ページヘッダー */
body .page-header {
    background-image: url(https://koide-hs.jp/wp-content/uploads/2025/05/gaikan_1900x600.webp);
    min-height: min(40vw, 320px);
}
body .page-header::before {
    opacity: 0;
}
body .page-header-title, 
body h1.page-header-title {
    letter-spacing: 0.1em;
    font-size: min(2rem,5.5vw);
}
body .page-header-inner {
    background-color: rgba(255,255,255,0.85);
}
.page-header-subtitle {
    font-family: serif;
    color: var(--vk-color-primary);
}

/* タイトルとページヘッダーサブテキストが時間差でフェードイン */
@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
body .page-header .page-header-title {
  animation: fadeIn 1s ease both 0s;
}
body .page-header .page-header-subtitle {
  animation: fadeIn 1s ease both 0.15s;
}
body .page-header .entry-meta {
  animation: fadeIn 1s ease both 0.3s;
}

/* デフォルトの見出しスタイル */
h2.is-style-default {
    padding-bottom: 5px;
    text-align: center;
    border-color: var(--vk-color-primary);
    position: relative;
    border: none !important;
    margin-bottom: 2em;
}
h2.is-style-default::after {
    content: "";
    width: 80px;
    height: 3px;
    background-color: var(--vk-color-primary);
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
}
h3.is-style-default {
    padding-bottom: 0.35em;
    background-image: linear-gradient(90deg, var(--vk-color-custom-4) 0 70px, transparent 70px 75px, var(--vk-color-border-image) 0 75px);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: bottom;
}

/* 4枚並べた写真 */
body .wp-block-group.school-4-photos {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 45vw), 1fr));
}

/* PDF ダウンロードボタン */
body .wp-block-file *+.wp-block-file__button {
    background-color: var(--vk-color-primary);
    border-radius: 0;
}
body .wp-block-file *+.wp-block-file__button:hover {
    color: #fff;
}

/* 投稿の最後のカテゴリーラベル */
body .entry-meta-data-list dt {
    background-color: transparent;
    color: var(--vk-color-primary);
    border: 1px solid currentColor;
    border-radius: 0;
}