/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/
/* 固定ページのタイトル背景を白にする */
.page .page-header {
    background-color: #ffffff;
}
/* 固定ページの見出し装飾を解除 */
body.page:not(.home) .entry-body h2.wp-block-heading {
    border-top: none;
    border-bottom: none;
    padding-top: 0;
    padding-bottom: 0;
}
/* PC表示：グローバルメニューを中央配置 */
@media (min-width: 992px) {
	#site-header #site-header-container {
        width: 100%;
        max-width: none;
        padding-left: 12px;
        padding-right: 12px;
    }
    #site-header #site-header-container {
        position: relative;
    }

    #site-header #global-nav {
        position: absolute;
        left: 50%;
        right: auto;
        top: 50%;
        transform: translate(-50%, -50%);
        width: max-content;
    }
	 #breadcrumb > .container {
        width: 100%;
        max-width: none;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
}

/* フッター上部の背景色と余白 */
.site-body-bottom {
    background-color: #B5A659;
    padding-top: 40px;
    padding-bottom: 40px;
}
/* WEBご来店予約ボタン下の余白を解除 */
#sow-button-2 {
    margin-bottom: 0;
}
/* フッター上部の青い境界線を解除 */
.site-footer {
    border-top: none;
}
/* 固定ページ本文の段落：共通文字サイズ */
.page .entry-body p {
    font-size: 14px;
}
/* 固定ページのページタイトル */
.page .page-header h1 {
    font-size: 42px;
}
/* 固定ページ本文のH2見出し：共通設定 */
.page .entry-body h2.wp-block-heading {
    font-weight: 600;
}
/* 固定ページ本文のH3見出し：共通設定 */
.page .entry-body h3.wp-block-heading {
    font-size: 28px;
    font-weight: 300;
    margin-top: 35px;
    margin-bottom: 14px;
}
/* 固定ページ本文のH4見出し：共通設定 */
.page .entry-body h4.wp-block-heading {
    font-family: "Noto Serif JP", serif;
    font-size: 18px;
    font-weight: 300;
    margin-top: 35px;
    margin-bottom: 14px;
}
/* アコーディオンのタイトル文字：共通設定 */
.page .wp-block-accordion-heading__toggle-title {
    font-family: "Noto Serif JP", serif;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -1px;
}
/* アコーディオン見出しの内側余白 */
.page .wp-block-accordion-heading__toggle {
    padding: 10.4px;
}
/* リクルート：ブランドロゴ一覧 */
.page .entry-body .recruit-brand-gallery {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 15px;
}

/* 各ロゴの幅を均等にする */
.page .entry-body .recruit-brand-gallery > .wp-block-image {
    width: 100% !important;
    margin: 0 !important;
}

/* ロゴ画像の縦横比を維持 */
.page .entry-body .recruit-brand-gallery img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
/* リクルート：スタッフ写真の白枠・傾き・影 */
.page .entry-body figure.wp-block-image.slope {
    box-sizing: border-box;
    border: 8px solid #ffffff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.45);
    transform: rotate(4deg);
    margin: 10px 12px 0;
    position: relative;
    z-index: 2;
}
/* リクルート：今井さんの写真の幅を調整 */
.page .entry-body figure.wp-block-image.slope img.wp-image-64 {
    display: block;
    width: 100%;
    height: auto;
}
/* ヘッダー：区切り線をパンくずリストの下へ */
@media (min-width: 992px) {

    /* ヘッダー直下の線・影を消す */
    body:not(.header_scrolled) .site-header {
        border-bottom: none;
        box-shadow: none;
    }

    /* パンくずリストの下に線を表示 */
    .breadcrumb {
        border-bottom: 1px solid #d8d8d8;
        padding-bottom: 20px;
    }
}
/* ヘッダーメニュー：ゴールドの下線 */
@media (min-width: 992px) {

    .global-nav-list > li::before {
        content: none !important;
    }

    .global-nav-list > li > a {
        background-image: linear-gradient(
            rgb(181, 166, 91),
            rgb(181, 166, 91)
        );
        background-repeat: no-repeat;
        background-position: 8px bottom;
        background-size: 0 2px;
        transition: background-size 0.3s ease;
    }

    /* マウスオーバー */
    .global-nav-list > li:hover > a,
    .global-nav-list > li:focus-within > a {
        background-size: calc(100% - 16px) 2px;
    }

    /* 現在表示中のページ */
    .global-nav-list > li.current-menu-item > a,
    .global-nav-list > li.current_page_item > a,
    .global-nav-list > li.current-menu-ancestor > a {
        background-image: linear-gradient(
            rgb(196, 183, 117),
            rgb(196, 183, 117)
        );
        background-size: calc(100% - 16px) 2px;
    }
}
/* 店舗案内：ブランドロゴ一覧 */
.page .entry-body .brand-logo-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px 22px;
}

/* ロゴ画像 */
.page .entry-body .brand-logo-list img {
    display: block;
    width: auto;
    height: 42px;
    max-width: 180px;
    object-fit: contain;
    margin: 0;
}

/* スマートフォン */
@media (max-width: 600px) {
    .page .entry-body .brand-logo-list {
        gap: 15px;
    }

    .page .entry-body .brand-logo-list img {
        height: 35px;
        max-width: 150px;
    }
}
/* 店舗案内：Instagram・ブログアイコン */
.page .entry-body .ellen-sns-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 50px;
    padding-left: 28px;
    margin-bottom: 30px;
}

.ellen-sns-links img {
    display: block;
    width: auto !important;
    height: 25px !important;
    max-width: none;
}
/* トップページ：メイン画像がぼかしから鮮明になる */
.tomiya-hero-cover .wp-block-cover__image-background {
    animation: tomiya-hero-focus 1.2s ease-out both;
}

@keyframes tomiya-hero-focus {
    0% {
        filter: blur(12px);
        opacity: 0.7;
    }

    100% {
        filter: blur(0);
        opacity: 1;
    }
}

/* アニメーションを減らす設定の利用者に対応 */
@media (prefers-reduced-motion: reduce) {
    .tomiya-hero-cover .wp-block-cover__image-background {
        animation: none;
        filter: none;
        opacity: 1;
    }
}
/* トップページ：スクロール時のロゴサイズ・位置 */
@media (min-width: 992px) {
    body.page-id-801 #site-header
    .site-header-logo.site-header-logo--scrolled--logo-and-nav-container {
        background-size: auto 28px !important;
        background-position: left center !important;
    }
}
/* トップページ：スクロール前はメニューのみ中央表示 */
@media (min-width: 992px) {

    body.page-id-801:not(.header_scrolled)
    #site-header .site-header-logo {
        display: none !important;
    }

    body.page-id-801:not(.header_scrolled)
    #site-header .site-header-container {
        justify-content: center !important;
    }

    body.page-id-801:not(.header_scrolled)
    #global-nav {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
/* トップページ：スクロール前のヘッダー高さを維持 */
@media (min-width: 992px) {
    body.page-id-801:not(.header_scrolled)
    #site-header .site-header-container {
        min-height: 62px;
        align-items: center !important;
    }
}
/* トップページ：メニュー項目が上から登場 */
@media (min-width: 992px) {

    body.page-id-801:not(.header_scrolled)
    #global-nav .global-nav-list {
        animation: tomiya-nav-down 0.8s ease-out both;
    }
}

@keyframes tomiya-nav-down {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* アニメーションを減らす設定への対応 */
@media (prefers-reduced-motion: reduce) {
    body.page-id-801:not(.header_scrolled)
    #global-nav .global-nav-list {
        animation: none;
    }
}
/* トップページ：スクロール前のメニュー文字色 */
@media (min-width: 992px) {
    body.page-id-801:not(.header_scrolled)
    #global-nav .global-nav-list > li > a {
        color: rgb(181, 166, 91) !important;
    }
}
/* トップページ：背景画像を固定してコンテンツを重ねる */
@media (min-width: 992px) {

    /* メイン画像1画面分のスペースを確保 */
    body.page-id-801 .entry-body {
        position: relative;
        padding-top: 100vh;
    }

    /* メイン画像を画面に固定 */
    body.page-id-801 .tomiya-hero-cover {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        min-height: 100vh;
        margin: 0 !important;
        z-index: 0;
    }

/* 下から現れるコンテンツ */
body.page-id-801 .tomiya-home-content {
    position: relative;
    z-index: 1;
    background-color: #ffffff !important;
    padding: 100px 30px 100px;
}
}
/* トップページ：フッターを固定背景より手前に表示 */
body.page-id-801 .site-body-bottom,
body.page-id-801 .site-footer {
    position: relative;
    z-index: 5;
}
/* トップページ：紹介文の行間 */
body.page-id-801 .tomiya-intro-text {
    line-height: 1.9;
}
/* トップページ：固定ページへのリンク画像を手前に表示 */
@media (min-width: 992px) {
    body.page-id-801 .entry-body .wp-block-image.alignfull {
        position: relative;
        z-index: 2;
    }
}
/* トップページ：リンク画像の拡大アニメーション */
@media (min-width: 992px) {

    /* 拡大した画像が外にはみ出さないようにする */
    body.page-id-801 .tomiya-link-image {
        overflow: hidden;
    }

    /* 通常時 */
    body.page-id-801 .tomiya-link-image img {
        display: block;
        transition: transform 0.8s ease;
    }

    /* マウスを重ねたとき */
    body.page-id-801 .tomiya-link-image:hover img {
        transform: scale(1.05);
    }
}

/* 動きを減らす設定への対応 */
@media (prefers-reduced-motion: reduce) {
    body.page-id-801 .tomiya-link-image img {
        transition: none;
    }
}
/* トップページ：4列の画像リンクを手前に表示 */
@media (min-width: 992px) {
    body.page-id-801 .entry-body .wp-block-columns {
        position: relative;
        z-index: 2;
    }
}
/* トップページ：4列の画像の隙間と下部余白をなくす */
/* トップページ：4枚のリンク画像の幅・高さ・余白を統一 */
@media (min-width: 992px) {

    body.page-id-801 .entry-body
    > .wp-block-columns.alignfull {
        margin-block-end: 0 !important;
    }

    /* 画像ブロックをカラム幅いっぱいに広げる */
    body.page-id-801 .tomiya-link-image {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        line-height: 0;
    }

    /* リンク部分も幅いっぱいにする */
    body.page-id-801 .tomiya-link-image a {
        display: block;
        width: 100%;
    }

    /* 4枚の画像を同じ比率にする */
    body.page-id-801 .tomiya-link-image img {
        display: block;
        width: 100%;
        aspect-ratio: 7 / 5;
        object-fit: cover;
    }
}

/* トップページ：read more ボタン */
@media (min-width: 992px) {

    body.page-id-801
    .tomiya-read-more .wp-block-button__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 18px 20px;
        font-size: 14px;
        background: #ffffff !important;
        color: #888888 !important;
        border: 1px solid #bbbbbb !important;
        border-radius: 0 !important;
        text-decoration: none;
    }

    /* ボタン左側の矢印 */
    body.page-id-801
    .tomiya-read-more .wp-block-button__link::before {
        content: "＞";
        font-size: 14px;
    }
}
/* トップページ：4列リンク部分の上下余白 */
@media (min-width: 992px) {

    /* 画像と見出しの間 */
    body.page-id-801 .entry-body
    > .wp-block-columns.alignfull
    > .wp-block-column
    > .wp-block-image + .wp-block-heading {
        margin-top: 30px !important;
    }

    /* ボタンの下からフッターまで */
    body.page-id-801 .entry-body
    > .wp-block-columns.alignfull {
        padding-bottom: 100px !important;
    }
}
/* トップページ：read more ボタンのホバー色 */
body.page-id-801
.tomiya-read-more .wp-block-button__link:hover {
    background-color: #e5f0f7 !important;
    color: #777777 !important;
    border-color: #c5d9e5 !important;
}
/* トップページ：PC・スマホ共通のスクロールぼかし */
@supports (animation-timeline: scroll()) {

    body.page-id-801 .tomiya-hero-cover {
        animation: tomiya-hero-scroll-blur 1s linear both;
        animation-timeline: scroll(root block);
        animation-range: 0px 350px;
    }
}

@keyframes tomiya-hero-scroll-blur {
    from {
        filter: blur(0px);
    }
    to {
        filter: blur(4px);
    }
}

/* 動きを減らす設定への対応 */
@media (prefers-reduced-motion: reduce) {
    body.page-id-801 .tomiya-hero-cover {
        animation: none !important;
        filter: none !important;
    }
}
/* トップページ：スマートフォン・タブレットの余白調整 */
@media (max-width: 991px) {

    /* スマートフォン：紹介部分の上下余白 */
body.page-id-801 .tomiya-home-content {
    padding-top: 35px !important;
    padding-bottom: 50px !important;
}

    /* 各画像リンクの下の余白 */
    body.page-id-801 .entry-body
    > .wp-block-columns.alignfull
    > .wp-block-column {
        padding-bottom: 50px;
    }
}
/* スマートフォン：モバイルメニューの背景と文字色 */
@media (max-width: 991px) {

    /* メニュー全体の背景 */
    .vk-mobile-nav {
        background-color: #111111 !important;
        min-height: 100vh;
        min-height: 100dvh;
    }

    /* メニューの文字色と区切り線 */
    .vk-mobile-nav nav > ul {
        border-top-color: rgba(255, 255, 255, 0.4);
    }

    .vk-mobile-nav nav ul li a {
        color: #ffffff !important;
        border-bottom-color: rgba(255, 255, 255, 0.4);
    }
}
/* スマートフォン：メニューボタンを金色・アイコンを白に */
@media (max-width: 991px) {

    .vk-mobile-nav-menu-btn,
    .vk-mobile-nav-menu-btn.menu-open {
        background-color: #B5A659 !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: 75% !important;
        border-color: #B5A659 !important;
    }

    /* 閉じているとき：白い三本線 */
    .vk-mobile-nav-menu-btn {
        background-image: url("/wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-btn-white.svg") !important;
    }

    /* 開いているとき：白い× */
    .vk-mobile-nav-menu-btn.menu-open {
        background-image: url("/wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-close-white.svg") !important;
    }
}
/* トップページ：スマートフォンのメイン画像固定 */
@media (max-width: 991px) {

    /* メイン画像1画面分のスペースを確保 */
    body.page-id-801 .entry-body {
        position: relative;
        padding-top: 100vh;
    }

    /* 人物のひし形画像を固定 */
    body.page-id-801 .tomiya-hero-cover {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        min-height: 100vh;
        margin: 0 !important;
        z-index: 0;
    }

    /* 紹介文を画像より手前に表示 */
    body.page-id-801 .tomiya-home-content {
        position: relative;
        z-index: 1;
    }

    /* 4つの画像リンクも手前に表示 */
    body.page-id-801 .entry-body > .wp-block-columns {
        position: relative;
        z-index: 2;
    }
}
/* トップページ：スマートフォンの画像リンク下余白を解除 */
@media (max-width: 991px) {

    body.page-id-801 .entry-body
    > .wp-block-columns.alignfull {
        margin-bottom: 0 !important;
        margin-block-end: 0 !important;
    }
}
/* スマートフォン：フッターメニューを非表示 */
@media (max-width: 767px) {
    .site-footer .footer-nav {
        display: none !important;
    }
}
/* トップページ：スマホ・タブレットのread moreボタン */
@media (max-width: 991px) {

    body.page-id-801
    .tomiya-read-more .wp-block-button__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 18px 20px;
        font-size: 14px;
        background: #ffffff !important;
        color: #888888 !important;
        border: 1px solid #bbbbbb !important;
        border-radius: 0 !important;
        text-decoration: none;
    }

    /* ボタン左側の矢印 */
    body.page-id-801
    .tomiya-read-more .wp-block-button__link::before {
        content: "＞";
        font-size: 14px;
    }
}
/* トップページ：スマホのロゴ表示をスクロールで切り替え */
@media (max-width: 991px) {

    /* スクロール前：ロゴを非表示 */
    body.page-id-801:not(.header_scrolled)
    #site-header .site-header-logo {
        visibility: hidden !important;
    }

    /* スクロール後：ヘッダーを画面上部に固定 */
    body.page-id-801.header_scrolled
    #site-header {
        display: block !important;
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        background-color: #ffffff;
    }

    /* スクロール後：ロゴを表示 */
    body.page-id-801.header_scrolled
    #site-header .site-header-logo {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* ログイン中の管理バーとの重なりを防止 */
    body.page-id-801.admin-bar.header_scrolled
    #site-header {
        top: 46px;
    }
}
/* トップページ：スマホの固定ヘッダー位置を修正 */
@media (max-width: 600px) {
    body.page-id-801.admin-bar.header_scrolled
    #site-header {
        top: 0 !important;
    }
}
/* トップページ：スマホのスクロール後のロゴサイズ */
@media (max-width: 991px) {
    body.page-id-801.header_scrolled
    #site-header .site-header-logo img {
        height: 24px !important;
        width: auto !important;
        max-width: calc(100vw - 100px);
        object-fit: contain;
    }
}
/* トップページ：スマホのロゴをフェードイン */
@media (max-width: 991px) {

    body.page-id-801.header_scrolled
    #site-header .site-header-logo img {
        animation: tomiya-mobile-logo-fade 0.6s ease-out both;
    }
}

@keyframes tomiya-mobile-logo-fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* 動きを減らす設定への対応 */
@media (prefers-reduced-motion: reduce) {
    body.page-id-801.header_scrolled
    #site-header .site-header-logo img {
        animation: none;
    }
}

/* スマートフォン：フッターロゴのサイズ調整 */
@media (max-width: 600px) {
    .site-footer .site-footer-copyright img[src*="footer_logo.png"] {
        height: 45px !important;
        width: auto !important;
    }
}
/* 呉服・振袖ページ：スマホのリンクボタンを中央配置 */
@media (max-width: 767px) {
    .wp-block-buttons.furisode-mobile-center {
        justify-content: center !important;
    }
}
/* 会社概要：スマホでは日本地図の背景を非表示 */
@media (max-width: 767px) {
    .company-map-background {
        background-image: none !important;
    }
}
/* 会社概要：追加した日本地図はスマホだけ表示 */

/* PC・タブレットでは非表示 */
.company-map-mobile {
    display: none !important;
}

/* スマートフォンでは表示 */
@media (max-width: 767px) {
    .company-map-mobile {
        display: block !important;
        margin: 20px auto 30px;
        text-align: center;
    }

    .company-map-mobile img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
}
/* トップページ：タブレット縦向きのリンク画像 */
@media (min-width: 601px) and (max-width: 781px) {
    .tomiya-link-image {
        display: block;
        width: 100% !important;
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .tomiya-link-image img {
        display: block;
        width: 100%;
    }
}
/* トップページ：タブレットのリンク説明文を中央揃え */
@media (min-width: 601px) and (max-width: 781px) {
    .tomiya-link-description {
        text-align: center !important;
    }
}
/* 呉服・振袖：タブレット縦向きの店舗写真 */
@media (min-width: 601px) and (max-width: 781px) {
    .tomiya-kimono-store-photo {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 450px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .tomiya-kimono-store-photo img {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
}
/* 呉服・振袖：タブレット縦向きの振袖画像を中央配置 */
@media (min-width: 601px) and (max-width: 781px) {
    .tomiya-furisode-banner {
        float: none !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .tomiya-furisode-banner img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/* 呉服・振袖：タブレット縦向きのボタンと説明文 */
@media (min-width: 601px) and (max-width: 781px) {

    .furisode-tablet-row {
        display: grid !important;
        grid-template-columns: 290px minmax(0, 1fr);
        column-gap: 24px;
        align-items: start;
    }

    /* ボタンと説明文の間のスペーサーを非表示 */
    .furisode-tablet-row > .wp-block-spacer {
        display: none !important;
    }

    /* 左側：赤いリンクボタン */
    .furisode-tablet-row > .wp-block-buttons {
        grid-column: 1;
        grid-row: 1;
        justify-content: flex-start !important;
        margin-top: 0 !important;
    }

    /* 右側：説明文をまとめたグループ */
    .furisode-tablet-row > .wp-block-group {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
        margin-top: 0 !important;
    }
}
/* 店舗案内：タブレット縦向きの画像と店舗名を中央配置 */
@media (min-width: 601px) and (max-width: 781px) {

    /* 店舗画像を中央配置 */
    .tomiya-store-tablet > .wp-block-column > .wp-block-image {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    .tomiya-store-tablet > .wp-block-column > .wp-block-image img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 店舗名（H3）を中央配置 */
    .tomiya-store-tablet > .wp-block-column > h3 {
        text-align: center !important;
    }
}
/* 店舗案内：タブレットの店舗情報を画像幅に揃える */
@media (min-width: 601px) and (max-width: 781px) {

    .tomiya-store-tablet > .wp-block-column > p {
        width: 100%;
        max-width: 500px;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: left !important;
    }
}
/* 店舗案内：タブレットのアコーディオンを中央配置 */
@media (min-width: 601px) and (max-width: 781px) {

    .tomiya-store-accordion-tablet {
        width: 100%;
        max-width: 500px;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
}
/* 店舗案内：タブレットのSNSアイコンを中央配置 */
@media (min-width: 601px) and (max-width: 781px) {

    .tomiya-store-tablet .ellen-sns-links {
        display: flex !important;
        justify-content: center !important;
        align-items: center;
        width: 100%;
        max-width: 500px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/* 店舗案内：盛岡南店の画像サイズをタブレットだけ調整 */
@media (min-width: 601px) and (max-width: 781px) {

    .tomiya-moriokaminami-photo {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .tomiya-moriokaminami-photo img {
        display: block;
        width: 100% !important;
        height: auto !important;
    }
}
/* リクルートページ：振袖画像をタブレットで中央配置 */
@media (min-width: 768px) and (max-width: 1024px) {
    .tomiya-recruit-kimono-photo {
        text-align: center;
    }

    .tomiya-recruit-kimono-photo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}
/* リクルート：先輩メッセージのタブレット表示 */
@media (min-width: 601px) and (max-width: 781px) {

    /* 金色の背景を含むグループ */
    .tomiya-recruit-photo-frame {
        width: 90% !important;
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 白枠付きの写真 */
    .tomiya-recruit-photo-frame > figure.wp-block-image.slope {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        margin: 10px auto 0 !important;
    }

    /* 写真を白枠の幅に合わせる */
    .tomiya-recruit-photo-frame > figure.wp-block-image.slope img {
        display: block;
        width: 100% !important;
        height: auto !important;
    }
}
/* リクルート：タブレットの男性写真を調整 */
@media (min-width: 601px) and (max-width: 781px) {

    /* 金色の背景を含むグループ */
    .tomiya-recruit-photo-vertical {
        width: 100% !important;
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }

    /* 白枠付きの写真 */
    .tomiya-recruit-photo-vertical > figure.wp-block-image.slope {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        margin: 10px auto 0 !important;
    }

    /* 写真を白枠の幅に合わせる */
    .tomiya-recruit-photo-vertical > figure.wp-block-image.slope img {
        display: block;
        width: 100% !important;
        height: auto !important;
    }
}
/* トップページ：スマホのスクロール後ヘッダー下部に余白を追加 */
@media (max-width: 600px) {
    body.page-id-801.header_scrolled #site-header {
        padding-bottom: 10px !important;
    }
}
/* トップページ：スマホのスクロール後のロゴ位置を微調整 */
@media (max-width: 600px) {
    body.page-id-801.header_scrolled
    #site-header .site-header-logo img {
        transform: translateY(5px);
    }
}
/* トップページ：スマホ・タブレットのスクロール前の横線を消す */
@media (max-width: 991px) {
    body.page-id-801:not(.header_scrolled) #site-header {
        border-bottom: none !important;
        box-shadow: none !important;
    }
}
/* トップページ以外：スマホのヘッダーを統一 */
@media (max-width: 600px) {

    /* 白いヘッダーの下側に余白を追加 */
    body.page:not(.home) #site-header {
        padding-bottom: 10px !important;
    }

    /* ロゴのサイズと縦位置 */
    body.page:not(.home) #site-header .site-header-logo img {
        height: 24px !important;
        width: auto !important;
        max-width: calc(100vw - 100px);
        object-fit: contain;
        transform: translateY(5px);
    }
}
/* リクルート：スマホの男性写真を少し縮小 */
@media (max-width: 600px) {

    /* 金色の背景を含むグループ */
    .tomiya-recruit-photo-vertical {
        width: 90% !important;
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }

    /* 白枠付きの写真 */
    .tomiya-recruit-photo-vertical > figure.wp-block-image.slope {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        margin: 10px auto 0 !important;
    }

    /* 写真の縦横比を維持 */
    .tomiya-recruit-photo-vertical > figure.wp-block-image.slope img {
        display: block;
        width: 100% !important;
        height: auto !important;
    }
}