/**
 * サイト固有のスタイル調整を置くファイル。
 *
 * style.css（base 共通）とは分離し、展開した各サイト固有の差分のみをここに記述する。
 * これにより style.css を base と同一に保ち、base の改修をそのまま各サイトへ
 * 取り込めるようにする（custom.js の CSS 版）。
 *
 * style.css の後に読み込まれる（enqueue 依存：style 他）。
 */

.wrapper-sns-account { background: #efefef; }


/* ********** お知らせ ****************************** */



/* ********** キャッチコピー（プロフィール・政策・メッセージで共用） ****************************** */

/* 本番と同じ実寸に固定する。base は body 1.1em、旧テーマ（本番）は body 1.2em と基準が違うため、
   em 指定では本番と同寸にならない。html は双方 16px なので rem で絶対値を合わせている。
   本番の実寸：.catchphrase PC 38.4px / SP 23.04px、.catchphrase-big PC 57.6px / SP 38.4px。
   行間も本番（.catchphrase 1.4em、.catchphrase-big PC 1.4em / SP 1.2em）に揃える。
   base 側が !important 付きのため font-size は !important で当てる。 */
.catchphrase { font-size: 2.4rem !important; line-height: 1.4em; }
.catchphrase-big { font-size: 3.6rem !important; font-weight: 900 !important; text-align: center !important;
	line-height: 1.4em; }
@media (max-width: 768px) {
	.catchphrase { font-size: 1.44rem !important; line-height: 1.4em; }
	.catchphrase-big { font-size: 2.4rem !important; line-height: 1.2em; }
}


/* ********** プロフィール ****************************** */

/* 下余白は旧テーマでは .prof-body が持つ（PC 4em／SP 1.5em）が、base では
   .top-section-body-wrap.prof01 が持つ（PC 3em／SP 2em）。旧テーマ側の値をこちらに寄せる。
   旧 CSS の padding-bottom: 0 をそのまま移植すると base の下余白まで消えてギャラリーが
   グレー面の下端に密着するため、0 ではなく旧テーマの実値を指定すること。 */
.top-section-body-wrap.prof01 { margin-top: -160px; padding-top: 180px;   background: #f2f2f2; border: none;
	border-radius: 0px; padding-bottom: 4em; }
.prof-img { display: flex; margin: 0 auto; width: 350px; height: 350px; object-fit: cover; }
.prof-body { padding-top:0; }
@media (max-width: 768px) {
.top-section-body-wrap.prof01 { margin-top: -100px; padding-top: 100px; padding-bottom: 1.5em; }
.prof-img { width: 200px; height: 200px; }
}

/* 旧テーマの .member-name / .member-name-kana に相当（base は .prof-name / .prof-name-kana を出力）。
   寸法・太さ・配置は base（css/profile.css）と同値のため、旧テーマとの差分である色だけを上書きする。
   base 側が .top-section-body-wrap.prof01 .prof-name で指定しているので、クラス1つのセレクタでは
   後から読み込んでも詳細度で負ける。同じ詳細度で当てること。 */
.top-section-body-wrap.prof01 .prof-name,
.top-section-body-wrap.prof01 .prof-name-kana { color: var(--color-primary); }

.media-container { gap: 20px; margin-bottom: 10px; }
.accordion__list_prof .accordion__body ul { margin-top: 0; padding-left:0; padding-right:0; }
.accordion__list_prof .accordion__body ul li { margin-top: 0; margin-left: 0; }
.image-area img { min-height: 100px; border: 1px solid #ccc; background: #fff; aspect-ratio: auto; }

  .policy-module .accordion__body ul li {
    font-weight: 600;
  }
@media screen and (max-width: 768px) {
  .policy-module .accordion__body ul li {
    font-size: 1em; font-weight: 600; margin-bottom: .5em; text-indent: -1.2em; padding-left: 1.2em;
  }
}


/* ********** 政策 ****************************** */

.first-item .txt-bg { color: #fff; background:#de7d18; padding-top:0; padding-bottom: .15em; margin-top:0; margin-left:.2em; padding-left:.2em; padding-right:.2em; }
.second-item .txt-bg { color: #fff; background:#127c3b; padding-top:0; padding-bottom: .15em; margin-top:0; margin-left:.2em; padding-left:.2em; padding-right:.2em; }
.last-item .txt-bg { color: #fff; background:#2f6da2; padding-top:0; padding-bottom: .15em; margin-top:0; margin-left:.2em; padding-left:.2em; padding-right:.2em; }

.first-item ul li::before { color: #de7d18; }
.second-item ul li::before { color: #127c3b; }
.last-item ul li::before { color: #2f6da2; }

/* 旧テーマはインライン style で着色していた番号（1. 2. 3.）をクラス化 */
.first-item .policy-num { color: #de7d18; }
.second-item .policy-num { color: #127c3b; }
.last-item .policy-num { color: #2f6da2; }

/* ----- 政策アコーディオンのヘッド（旧テーマの見た目に戻す） -----
   base（css/policy.css）は Oswald のカウンター番号を ::before で出し、その逃げとして
   見出しに左パディングと min-height を取る。tomita は番号を .policy-num として
   マークアップに持ち（項目ごとに色が異なるため）、カウンターと二重になる。
   ここで base 側の番号まわりだけ無効化し、ヘッドの寸法を旧テーマに揃える。 */
.policy-module .qah2-2::before { content: none; }
.policy-module .accordion__head { display: block; min-height: 0; padding: 15px 0 1em; }
.policy-module .qah2-2 {
	padding-left: .3em;
	padding-right: 2em;
	margin-top: .3em !important;
	margin-bottom: 0 !important;
	font-weight: 900;
	line-height: 1.4em;
}

@media (max-width: 768px) {
	.policy-module .accordion__head { padding: 10px 5px .5em; }
	.policy-module .qah2-2 {
		font-size: 1.5em;
		line-height: 1.3em;
		padding: 0 2em 0 .1em;
		margin-top: .1em !important;
		margin-bottom: .2em !important;
		text-align: left;
	}
}