/*
Template:ystandard
Theme Name:ystandard-child
Theme URI: https://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:「自分色に染めた、自分だけのサイトを作る楽しさ」を感じてもらうために作った一風変わったWordPressテーマ「ystandard」の子テーマ
Version: 4.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


.global-nav__search-button, .global-nav__search{
	display: none !important;
}

.fv img{
	width: 100%;
}

/* PCサイズ（画面幅が768px以上）のときだけ適用 */
@media (min-width: 768px) {
    html {
        /* デフォルトは一般的に16px(100%)なので、少し小さくします */
        font-size: 14px; 
    }
    
    /* もし上記で効かない場合は、bodyに対しても指定してみてください */
    body {
        font-size: 14px;
        line-height: 1.8; /* 行間も少し詰めたい場合は数値を小さく（例: 1.6） */
    }
}

.header-type--center .global-nav{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
/* --- ヘッダー全体のレイアウト（横並びにする） --- */
.site-branding {
    display: flex; /* 横並びにする魔法の呪文 */
    justify-content: space-between; /* 両端に配置する */
    align-items: center; /* 上下の中心を揃える */
    padding: 15px 0; /* 上下の余白 */
    flex-wrap: wrap; /* スマホなどで幅が狭いときは折り返す */
}

/* --- 左側：社名 --- */
.site-title {
    margin: 0; /* 余計な隙間を消す */
    font-size: 18px; /* 画像に合わせて少し小さめに */
    font-weight: normal; /* 太字にしない */
    line-height: 1.2;
}

.site-title a {
    color: #333; /* 文字色：黒に近いグレー */
    text-decoration: none; /* 下線を消す */
}

/* --- 右側：電話番号エリア --- */
.info {
    text-align: right; /* 文字を右揃えにする */
}

.tel {
    margin: 0; /* 余計な隙間を消す */
    font-size: 14px; /* 基本の文字サイズ */
    line-height: 1.6; /* 行間を少し広げる */
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", sans-serif; /* 数字がきれいに見えるフォント */
    color: #333;
}

/* 画像のように数字を強調する（全体を少し太く見せる） */
.tel {
    font-weight: bold; 
}

/* --- スマホ対応（画面が狭いとき） --- */
@media (max-width: 600px) {
    .site-branding {
        display: block; /* 縦並びに戻す */
        text-align: center; /* 中央揃え */
    }
    .info {
        text-align: center; /* 電話番号も中央へ */
        margin-top: 10px;
    }
}