/*
Theme Name: Lightning Child
Template: lightning
Version: 1.0
*/

/* キャッチコピーのデザイン */
.catchcopy {
    font-size: 1.2em;
    color: #333;
    text-align: left;
    font-weight: bold;
    margin-bottom: 8px;
}

/* ヘッダー全体を縦並びに */
.site-header .site-branding,
.site-header .global-nav {
    display: block;
    width: 100%;
}

/* メニューを左寄せ */
.global-nav-list {
    justify-content: flex-start;
}

/* スマホでは中央寄せに */
@media (max-width: 767px) {
    .catchcopy {
        text-align: center;
    }
    .global-nav-list {
        justify-content: center;
    }
}
/* 事務所名（サイトタイトル）を大きく＆強調 */
.site-title {
    font-size: 2.4em;        /* PC時のサイズ */
    font-weight: 700;        /* 太字 */
    color: #222;             /* 濃いめの文字色 */
    margin-bottom: 10px;     /* 下に余白 */
    line-height: 1.2;        /* 行間を詰めて引き締め */
}

/* キャッチコピーは少し小さめ＆色を薄めて差別化 */
.catchcopy {
    font-size: 1.1em;
    color: #555;             /* グレーで控えめに */
    font-weight: normal;
    margin-bottom: 6px;
    background-color: #f5f5f5;
    padding: 4px 8px;
    border-bottom: 2px solid #ccc;
}

/* スマホ表示の調整 */
@media (max-width: 767px) {
    .site-title {
        font-size: 1.9em;    /* スマホでは少し小さめ */
        text-align: center;
    }
    .catchcopy {
        text-align: center;
    }
}
/* ヘッダーの事務所名（テキスト）を大きくする */
.site-header .site-title,
.site-header .site-title a,
.navbar-brand {
  font-size:2.5rem !important;  /* 数字を大きくすると文字が大きくなる */
  font-weight: 700 !important;   /* 太字 */
  line-height: 1.2 !important;   /* 行間を少し詰める */
}