/*
 * サイト共通ヘッダー（ロゴ・戻る）のスタイル。
 *
 * もとは patterns/_header.php のページ内 <style>（2026-08-21 に外へ出した）。
 * 読み込む位置は元の <style> と同じ行 ―― wp_head() の直後。
 */

#back{
	margin: 40px 0;
}
#logo_pc{
	display:flex;
	flex:1; 
	justify-content:space-between;
	font-weight:normal;
}
.header-title{
	flex: 1;
	padding-right: 100px;
	max-width: 820px;
}
/* 書体の指定は外した（利用者の指示・2026-08-20）。
   "Libre Bodoni" はこのテーマのどこからも読み込んでおらず、
   **かつ次の候補も書いていなかった**ので、ブラウザの既定書体（多くは明朝）に
   落ちていた。狙って明朝にしていたのではなく、当たらない名前が残っていただけ。
   外したことで、ロゴを「テキスト」にしているサイトのサイト名は
   ヘッダーの書体（header a）に従う。画像ロゴのサイトには関係しない。 */
.header-title .pc{
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	margin: 20px 0 20px;
}
.header-title .sp{
	font-weight: normal;
	font-size: 11px;
	line-height: 20px;
}
#header{
	max-width: 400px;
}
.sp{
	display:none;
}
@media only screen and (max-width: 480px) {
	.sp{
		display:block;
	}
	.pc{
		display:none;
	}
	#back{
		margin: 0px;
	}
	.header-title{
		padding-right: 0px;
	}
}

/* ロゴは9割の大きさにする（利用者の指示・2026-08-20）。
   PC・スマホとも同じ比率で縮める ―― 片方だけ変えると
   480pxの切り替わりで大きさが飛ぶ。 */
.header-title .sp img{
    max-width: 117px;   /* 130 の 90% */
    width: 100%;
}
.header-title .pc{
    width: max-content;
}
.header-title .pc img{
    max-width: 100%;
    /* 480pxのSP/PC切替で大きさが飛ばないよう、下限から上限まで連続的に拡大する。
       値は元（130px / 26vw / 200px）の9割。 */
    width: clamp(117px, 23.4vw, 180px);
    transition: width .24s ease;
}
.header-title {
    text-align: left;
}
@media only screen and (max-width: 768px) {
    .header-title .pc {
        margin: 0;
    }
}