@charset "utf-8";

/* About（テーラークラモチについて）ページ固有スタイル */
/* index.css の共通スタイルを継承。このファイルにはこのページ固有のスタイルのみ記述する */
/* 共通クラス（.con-left / .header / .footer 等）はここに書かない */

/* ページ内コンテンツの余白 */


/* ここからページ固有スタイルを追加 */

.about_profile_text p {
  margin: 0 0 1.6em;
}
.about_profile_text p:last-child {
  margin-bottom: 0;
}
.about_creed_block {
  margin-top: 2.5em;
  padding-top: 2em;
  border-top: 1px solid #ccc;
  letter-spacing: 0.02em;
}
.about_creed_block p {
  margin: 0 0 0.4em;
}
.about_achievement_category {
  font-size: 18px;
  font-weight: 700;
  margin: 2em 0 0.6em;
}
.about_achievement_category:first-of-type {
  margin-top: 0;
}
.about_achievement_list--grid {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 1.5em;
  row-gap: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}
.about_achievement_list--grid li {
  display: contents;
}
.about_achievement_list--grid .ach-year {
  padding: 12px 0;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
  color: #666;
}
.about_achievement_list--grid .ach-title {
  padding: 12px 0;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 600px) {
  .about_achievement_list--grid {
    grid-template-columns: 1fr;
  }
  .about_achievement_list--grid .ach-year {
    border-bottom: none;
    padding-bottom: 0;
    font-size: 0.85em;
  }
  .about_achievement_list--grid .ach-title {
    padding-top: 0.15em;
    padding-left: 1em;
  }
}


/* =====================================================
   素材差し替え待ちプレースホルダー（2026-08-17追加）
   店主プロフィール写真／スポンサーバナー画像（コエドカワゴエFC）
   ===================================================== */
.about_profile_photo_placeholder {
	width: 240px;
	max-width: 60%;
	aspect-ratio: 3 / 4;
	margin: 1.5em auto 2em;
	background: #f5f5f5;
	border: 1px dashed #bbb;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.about_placeholder_label {
	color: #999;
	font-size: 12px;
	line-height: 1.6;
}

/* =====================================================
   プロフィール文中の強調（2026-08-20変更・第2回指示書）
   段落全体ではなく該当箇所のみを、太字＋やや大きめの文字で強調する
   （インライン強調は <strong class="about_profile_emphasis"> を使用）
   ===================================================== */
.about_profile_emphasis {
	font-weight: 700;
	font-size: 1.08em;
}