/*
Theme Name:SEEED child
Theme URI:
Description:seeedの子テーマです
Template:seeed_tcd105
Author:Hideyuki Maruyama
Author URI:https://tcd-theme.com/
Version:1.6
*/


/*reCAPTCHA v3 バッジを左下に移動*/
.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}
.grecaptcha-badge:hover {
width: 256px !important;
}


/* メニュー */
#footer_nav { border-top:1px solid #ddd; position:relative; }
#footer_nav ul { -webkit-user-select:none; user-select:none; justify-content:center; }
#footer_nav li { font-size:12px; flex: 0 0 auto !important; width:auto !important; margin-right:40px; }
#footer_nav li:last-of-type { margin-right:0; }
#footer_nav li a { height:70px; line-height:70px; display:block; }

/* PC表示時（デフォルト）では改行を非表示にする */
.sp-br {
    display: none;
}

/* スマートフォン表示時（例: 画面幅767px以下）に改行を表示する */
@media (max-width: 767px) {
    .sp-br {
        display: inline; /* または block, 環境に合わせて調整 */
    }
}


/* style.css */

/* ... 既存のCSSコード ... */

#page_header {
    position: relative; /* headlineをabsolute配置するために必要 */
    overflow: hidden;
    /* height の設定はそのまま維持してください */
}

/* headline の位置調整 */
#page_header .headline {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    line-height: 85px;
    color: #fff;
    z-index: 3;
    text-align: center;
    font-size: var(--headline_font_size);
}

/* スマートフォン表示時（800px以下）の調整 */
@media screen and (max-width: 800px) {
    /* ... 既存のスマートフォン向けCSS ... */

    /* headline のスマートフォン向け調整（もしPCと異なる表示にしたい場合） */
    #page_header .headline {
        /* スマートフォンで高さが狭くなった場合のテキスト位置調整など */
        padding: 10px 15px; /* スマートフォン用に余白を調整 */
    }

    /* 前回の画像とpage_headerの調整も忘れずに */
    #page_header {
        height: 150px !important; /* 必要に応じて調整 */
    }
    #page_header img.news-responsive-image {
        max-height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
    }
    #page_header .overlay {
        height: 100% !important;
        width: 100% !important;
    }
}
@media (max-width: 768px) {
    h3.catch {
        font-size: 150% !important; /* 強制的に適用 */
        font-weight: bold !important;
        margin-top: 1em !important;
        margin-bottom: 0.5em !important;
    }
}