/* ============================================================
   木宮町レンガモデルハウスLP 専用CSS（v3）
   参照：kunimoku-house.co.jp/model/-maruyama.shtml
   スクリーンショットからのピクセル実測値に基づく配色：
     背景            #49525A（ダークブルーグレー・全面）
     ラベルボックス   #2F3840
     入力欄          #ECECEC
     必須タグ・送信ボタン #839BAB
     文字            白〜明るいグレー
   すべて .lp-kinomiya 配下にスコープ。角丸なし。
   ============================================================ */

.lp-kinomiya {
  --lp-bg: #49525A;
  --lp-box: #2F3840;
  --lp-accent: #839BAB;
  --lp-input-bg: #ECECEC;
  --lp-input-text: #333333;
  --lp-white: #FFFFFF;
  --lp-text: rgba(255,255,255,0.88);
  --lp-muted: rgba(255,255,255,0.6);
  --lp-hairline: rgba(255,255,255,0.28);
  --lp-serif: "Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --lp-en: "EB Garamond", "Times New Roman", serif;
  --lp-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;

  font-family: var(--lp-serif);
  color: var(--lp-text);
  background: var(--lp-bg);
  line-height: 2.1;
  font-size: 15px;
  letter-spacing: 0.06em;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: anywhere;
}

.lp-kinomiya *,
.lp-kinomiya *::before,
.lp-kinomiya *::after { box-sizing: border-box; }

.lp-kinomiya img { max-width: 100%; height: auto; display: block; }
.lp-kinomiya a { color: var(--lp-white); }

.lp-kinomiya .lp-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.lp-kinomiya .lp-inner--narrow { max-width: 720px; }

.lp-kinomiya section { padding: 110px 0; }
.lp-kinomiya p { margin: 0 0 1.8em; }

@media (max-width: 760px) {
  .lp-kinomiya section { padding: 64px 0; }
}

/* --- セクション見出し（ローマ字セリフ＋明朝コピー） --- */
.lp-kinomiya .lp-sec-head { text-align: center; margin-bottom: 56px; }

.lp-kinomiya .lp-sec-head .lp-en {
  font-family: var(--lp-en);
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.3;
  letter-spacing: 0.26em;
  color: var(--lp-white);
  margin: 0 0 14px;
  font-weight: 500;
}

.lp-kinomiya h2 {
  font-family: var(--lp-serif);
  font-size: clamp(21px, 3vw, 28px);
  font-weight: 600;
  color: var(--lp-white);
  line-height: 1.9;
  letter-spacing: 0.1em;
  margin: 0;
}

.lp-kinomiya .lp-sec-head .lp-en-sub {
  font-family: var(--lp-en);
  font-style: italic;
  font-size: 15px;
  letter-spacing: 0.08em;
  color: var(--lp-muted);
  margin: 10px 0 0;
}

.lp-kinomiya h3 {
  font-family: var(--lp-serif);
  font-size: clamp(17px, 2.2vw, 20px);
  font-weight: 600;
  color: var(--lp-white);
  letter-spacing: 0.12em;
  text-align: center;
  margin: 90px 0 40px;
}

.lp-kinomiya .lp-copy { text-align: center; }

@media (max-width: 640px) {
  .lp-kinomiya .lp-copy { text-align: left; }
}

/* ============================================================
   ページタイトルブロック＋ヒーロー
   ============================================================ */
.lp-kinomiya .lp-head { padding: 72px 0 44px; }

.lp-kinomiya .lp-head__row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
}

.lp-kinomiya .lp-head__label {
  font-family: var(--lp-sans);
  font-size: 13px;
  letter-spacing: 0.16em;
  color: var(--lp-muted);
  margin: 0 0 14px;
}

.lp-kinomiya .lp-head__en {
  font-family: var(--lp-en);
  font-style: italic;
  font-size: clamp(16px, 2vw, 20px);
  letter-spacing: 0.1em;
  color: var(--lp-muted);
  margin: 0 0 8px;
}

.lp-kinomiya .lp-head__title {
  font-family: var(--lp-serif);
  font-size: clamp(22px, 2.6vw, 32px);
  font-weight: 600;
  color: var(--lp-white);
  line-height: 1.6;
  letter-spacing: 0.08em;
  margin: 0 0 14px;
}

.lp-kinomiya .lp-head__sub {
  font-family: var(--lp-serif);
  font-size: clamp(14px, 1.8vw, 17px);
  letter-spacing: 0.14em;
  color: var(--lp-text);
  margin: 0 0 18px;
}

.lp-kinomiya .lp-head__facts {
  font-family: var(--lp-sans);
  font-size: 13px;
  letter-spacing: 0.08em;
  color: var(--lp-muted);
  margin: 0;
}

.lp-kinomiya .lp-head__facts strong {
  color: var(--lp-white);
  font-weight: 700;
  font-size: 15px;
}

@media (max-width: 760px) {
  .lp-kinomiya .lp-head { padding: 44px 0 32px; }
  .lp-kinomiya .lp-head__row { flex-direction: column; align-items: flex-start; }
}

/* --- ボタン（白枠線／アクセント地。角丸なし） --- */
.lp-kinomiya .lp-btn {
  display: inline-block;
  font-family: var(--lp-sans);
  font-size: 14px;
  letter-spacing: 0.14em;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  transition: opacity 0.2s ease;
  white-space: nowrap;
}

.lp-kinomiya .lp-btn:hover { opacity: 0.7; }

.lp-kinomiya .lp-btn--outline {
  color: var(--lp-white);
  background: transparent;
  border: 1px solid var(--lp-white);
  padding: 14px 40px;
}

.lp-kinomiya .lp-btn--fill {
  color: var(--lp-white);
  background: var(--lp-accent);
  border: 1px solid var(--lp-accent);
  padding: 18px 64px;
  font-size: 15px;
}

/* --- ヒーロー：左方向へ自動スクロールする無限カルーセル（停止なし） --- */
.lp-kinomiya .lp-hero { padding: 0; overflow: hidden; }

.lp-kinomiya .lp-hero__track {
  display: flex;
  width: max-content;
}

.lp-kinomiya .lp-hero__track img {
  height: clamp(320px, 66vh, 640px);
  width: auto;
  flex-shrink: 0;
  object-fit: cover;
}



@media (max-width: 760px) {
  .lp-kinomiya .lp-hero__track img { height: clamp(180px, 32vh, 260px); }
}

/* --- 右端の縦書き固定タブ（PCのみ） --- */
.lp-kinomiya .lp-side-tab {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 900;
  writing-mode: vertical-rl;
  background: var(--lp-box);
  color: var(--lp-white);
  text-decoration: none;
  font-family: var(--lp-sans);
  font-size: 13px;
  letter-spacing: 0.2em;
  padding: 26px 13px;
}

.lp-kinomiya .lp-side-tab .lp-side-tab__en {
  font-family: var(--lp-en);
  letter-spacing: 0.24em;
  margin-bottom: 12px;
  display: inline-block;
}

.lp-kinomiya .lp-side-tab:hover { opacity: 0.8; color: var(--lp-white); }

@media (max-width: 760px) {
  .lp-kinomiya .lp-side-tab { display: none; }
}

/* --- セクション区切りのCTA（最小限・枠線ボタンのみ） --- */
.lp-kinomiya .lp-cta-band { text-align: center; padding: 0 24px 110px; }

@media (max-width: 760px) {
  .lp-kinomiya .lp-cta-band { padding-bottom: 64px; }
}

/* ============================================================
   写真ストリーム（大判1カラム＋小さなキャプション）
   ============================================================ */
.lp-kinomiya figure { margin: 0 0 72px; }

.lp-kinomiya figcaption {
  font-family: var(--lp-sans);
  font-size: 12.5px;
  letter-spacing: 0.06em;
  line-height: 1.9;
  color: var(--lp-muted);
  margin-top: 14px;
}

.lp-kinomiya .lp-photo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-bottom: 72px;
}

.lp-kinomiya .lp-photo-grid figure { margin: 0; }

@media (max-width: 640px) {
  .lp-kinomiya figure { margin-bottom: 48px; }
  .lp-kinomiya .lp-photo-grid { grid-template-columns: 1fr; gap: 48px; margin-bottom: 48px; }
}

/* ============================================================
   罫線区切りの情報行（面積・物件概要・外壁比較）
   ラベルは参照サイトのダークボックス形式（#2F3840）
   ============================================================ */
.lp-kinomiya .lp-rows { border-top: 1px solid var(--lp-hairline); }

.lp-kinomiya .lp-rows > div {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  padding: 16px 8px;
  border-bottom: 1px solid var(--lp-hairline);
  font-size: 14.5px;
}

.lp-kinomiya .lp-rows dt {
  width: 11em;
  flex-shrink: 0;
  font-family: var(--lp-sans);
  font-size: 12.5px;
  letter-spacing: 0.1em;
  color: var(--lp-white);
  background: var(--lp-box);
  text-align: center;
  padding: 6px 10px;
  line-height: 1.6;
}

.lp-kinomiya .lp-rows dd {
  margin: 0;
  padding-top: 3px;
  color: var(--lp-text);
}

@media (max-width: 640px) {
  .lp-kinomiya .lp-rows > div { flex-direction: column; gap: 8px; padding: 14px 4px; }
  .lp-kinomiya .lp-rows dt { width: auto; align-self: flex-start; padding: 4px 14px; }
}

.lp-kinomiya .lp-note {
  font-family: var(--lp-sans);
  font-size: 12px;
  color: var(--lp-muted);
  margin-top: 14px;
}

/* --- 外壁比較（罫線行を2列で） --- */
.lp-kinomiya .lp-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 64px;
  margin-top: 56px;
}

.lp-kinomiya .lp-compare__head {
  font-family: var(--lp-serif);
  font-size: 16px;
  font-weight: 600;
  color: var(--lp-white);
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0 0 20px;
}

@media (max-width: 640px) {
  .lp-kinomiya .lp-compare { grid-template-columns: 1fr; gap: 48px; }
}

/* ============================================================
   価格
   ============================================================ */
.lp-kinomiya .lp-price-figure {
  font-family: var(--lp-serif);
  color: var(--lp-white);
  font-size: clamp(32px, 4.6vw, 44px);
  letter-spacing: 0.06em;
  text-align: center;
  margin: 40px 0;
}

.lp-kinomiya .lp-price-figure small {
  font-size: 0.42em;
  color: var(--lp-muted);
  margin-left: 6px;
}

/* ============================================================
   間取り図
   ============================================================ */
.lp-kinomiya .lp-plan { cursor: zoom-in; margin: 0 auto; background: #fff; }

.lp-kinomiya .lp-plan-hint {
  font-family: var(--lp-sans);
  font-size: 12px;
  color: var(--lp-muted);
  text-align: center;
  margin: 10px 0 0;
}

.lp-kinomiya .lp-lightbox {
  position: fixed; inset: 0;
  z-index: 9999;
  background: rgba(20,24,28,0.94);
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 64px 16px 32px;
}

.lp-kinomiya .lp-lightbox.is-open { display: block; }

.lp-kinomiya .lp-lightbox img {
  max-width: none;
  max-height: none;
  height: auto;
  display: block;
  margin: 0 auto;
  background: #fff;
}

.lp-kinomiya .lp-lightbox__close {
  position: fixed;
  top: 16px; right: 16px;
  width: 44px; height: 44px;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.8);
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  border-radius: 0;
}

/* ============================================================
   周辺環境（枠なし・写真＋テキストのグリッド）
   ============================================================ */
.lp-kinomiya .lp-area-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px 32px;
  margin-top: 64px;
}

.lp-kinomiya .lp-area-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.lp-kinomiya .lp-area-card__name {
  font-family: var(--lp-serif);
  font-size: 15px;
  font-weight: 600;
  color: var(--lp-white);
  letter-spacing: 0.08em;
  margin: 14px 0 0;
}

.lp-kinomiya .lp-area-card__walk {
  font-family: var(--lp-sans);
  font-size: 12.5px;
  color: var(--lp-muted);
  margin: 2px 0 0;
}

@media (max-width: 760px) {
  .lp-kinomiya .lp-area-grid { grid-template-columns: 1fr 1fr; gap: 36px 20px; }
}

/* ============================================================
   予約フォーム（罫線区切り・入力欄#ECECEC・参照準拠）
   ============================================================ */
.lp-kinomiya .lp-form-notice {
  background: var(--lp-input-bg);
  color: var(--lp-input-text);
  font-family: var(--lp-sans);
  font-size: 13.5px;
  line-height: 1.9;
  padding: 18px 22px;
  margin: 56px 0 0;
}

.lp-kinomiya .lp-form { border-top: 1px solid var(--lp-hairline); margin-top: 32px; }

.lp-kinomiya .lp-field {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid var(--lp-hairline);
}

.lp-kinomiya .lp-field__label {
  width: 280px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 26px 20px 26px 8px;
  font-family: var(--lp-sans);
  font-size: 13.5px;
  color: var(--lp-white);
  line-height: 1.7;
}

.lp-kinomiya .lp-field__label .lp-req,
.lp-kinomiya .lp-field__label .lp-opt {
  margin-left: 0;
  flex-shrink: 0;
}

.lp-kinomiya .lp-field__input {
  flex: 1;
  padding: 20px 8px;
  font-family: var(--lp-sans);
  color: var(--lp-text);
}

.lp-kinomiya .lp-req,
.lp-kinomiya .lp-opt {
  display: inline-block;
  font-family: var(--lp-sans);
  font-size: 11px;
  letter-spacing: 0.08em;
  padding: 2px 9px;
  margin-left: 10px;
  border-radius: 0;
  vertical-align: middle;
}

.lp-kinomiya .lp-req { background: var(--lp-accent); color: var(--lp-white); }
.lp-kinomiya .lp-opt { border: 1px solid var(--lp-hairline); color: var(--lp-muted); }

.lp-kinomiya .lp-field input[type="text"],
.lp-kinomiya .lp-field input[type="tel"],
.lp-kinomiya .lp-field input[type="email"],
.lp-kinomiya .lp-field input[type="date"],
.lp-kinomiya .lp-field input[type="number"],
.lp-kinomiya .lp-field select,
.lp-kinomiya .lp-field textarea {
  width: 100%;
  max-width: 480px;
  font-family: var(--lp-sans);
  font-size: 16px;
  padding: 10px 12px;
  border: none;
  border-radius: 0;
  background: var(--lp-input-bg);
  color: var(--lp-input-text);
}

.lp-kinomiya .lp-field input[type="number"] { max-width: 140px; }
.lp-kinomiya .lp-field textarea { max-width: none; }

.lp-kinomiya .lp-field input:focus,
.lp-kinomiya .lp-field select:focus,
.lp-kinomiya .lp-field textarea:focus {
  outline: 2px solid var(--lp-accent);
  outline-offset: 0;
}

.lp-kinomiya .lp-field .lp-error {
  display: none;
  font-family: var(--lp-sans);
  font-size: 12px;
  color: #FFB4A8;
  margin: 6px 0 0;
}

.lp-kinomiya .lp-field.has-error input,
.lp-kinomiya .lp-field.has-error select,
.lp-kinomiya .lp-field.has-error textarea { outline: 2px solid #FFB4A8; }

.lp-kinomiya .lp-field.has-error .lp-error { display: block; }

.lp-kinomiya .lp-agree-row {
  font-family: var(--lp-sans);
  font-size: 13.5px;
}

.lp-kinomiya .lp-agree-row input { margin-right: 8px; }

@media (max-width: 700px) {
  .lp-kinomiya .lp-field { flex-direction: column; }
  .lp-kinomiya .lp-field__label { width: 100%; padding: 14px 4px 0; }
  .lp-kinomiya .lp-field__input { padding: 10px 4px 18px; width: 100%; }
  .lp-kinomiya .lp-field input,
  .lp-kinomiya .lp-field select { max-width: none; }
}

.lp-kinomiya .lp-form-submit { text-align: center; margin-top: 48px; }

.lp-kinomiya .lp-form-submit .lp-btn--fill { min-width: 320px; }

.lp-kinomiya .lp-form-note {
  font-family: var(--lp-sans);
  font-size: 13px;
  color: var(--lp-muted);
  text-align: center;
  margin-top: 20px;
}

.lp-kinomiya .lp-form-note a { color: var(--lp-white); }

/* ============================================================
   固定CTA（スマートフォンのみ）
   ============================================================ */
.lp-kinomiya .lp-fixed-cta {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 999;
  display: none;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  background: rgba(47,56,64,0.97);
  border-top: 1px solid var(--lp-hairline);
}

.lp-kinomiya .lp-fixed-cta .lp-btn--fill {
  display: block;
  width: 100%;
  padding: 15px 10px;
}

@media (max-width: 760px) {
  .lp-kinomiya .lp-fixed-cta { display: block; }
  .lp-kinomiya .lp-fixed-cta.is-hidden { display: none; }
  .lp-kinomiya { padding-bottom: 74px; }
}

/* ============================================================
   アクセシビリティ・モーション
   ============================================================ */
.lp-kinomiya a:focus-visible,
.lp-kinomiya button:focus-visible {
  outline: 2px solid var(--lp-white);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: no-preference) {
  html:has(.lp-kinomiya) { scroll-behavior: smooth; }
}

/* ============================================================
   参照準拠の追加要素（v3.1）
   ============================================================ */

/* --- CONCEPT：左に見出しブロック・右に本文の2カラム（参照と同構成） --- */
.lp-kinomiya .lp-split {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 40px 72px;
  align-items: start;
}

.lp-kinomiya .lp-split__label {
  font-family: var(--lp-en);
  font-size: 15px;
  letter-spacing: 0.3em;
  color: var(--lp-white);
  margin: 0 0 26px;
}

.lp-kinomiya .lp-split__title {
  font-family: var(--lp-serif);
  font-size: clamp(21px, 2.8vw, 27px);
  font-weight: 600;
  color: var(--lp-white);
  letter-spacing: 0.14em;
  line-height: 1.9;
  margin: 0 0 16px;
}

.lp-kinomiya .lp-split__en {
  font-family: var(--lp-en);
  font-style: italic;
  font-size: 13.5px;
  letter-spacing: 0.12em;
  color: var(--lp-muted);
  margin: 0;
}

.lp-kinomiya .lp-split__body { text-align: left; }
.lp-kinomiya .lp-split__body p { margin-bottom: 1.6em; }

@media (max-width: 760px) {
  .lp-kinomiya .lp-split { grid-template-columns: 1fr; gap: 28px; }
}

/* --- ヒーロー左上に重なる円形RESERVEバッジ（参照と同位置・PCのみ） --- */
.lp-kinomiya .lp-hero { position: relative; }

.lp-kinomiya .lp-hero__badge {
  position: fixed;
  left: 28px;
  bottom: 36px;
  z-index: 900;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  background: var(--lp-box);
  color: var(--lp-white);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  text-align: center;
}

.lp-kinomiya .lp-hero__badge .lp-hero__badge-en {
  font-family: var(--lp-en);
  font-size: 15px;
  letter-spacing: 0.18em;
}

.lp-kinomiya .lp-hero__badge .lp-hero__badge-ja {
  font-family: var(--lp-sans);
  font-size: 10.5px;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.85);
}

.lp-kinomiya .lp-hero__badge:hover { opacity: 0.85; }

@media (max-width: 760px) {
  .lp-kinomiya .lp-hero__badge { display: none; }
}


.add-head{
	padding:60px 0 ;
}
.add-head a img,.footerLogo a img{
	width:280px;
	display: block;
	margin-inline:auto;
}

.sp{
	display: none;
}
.pc{
	display: block;
}
@media (max-width: 760px) {
	.add-head a img,.footerLogo a img{
	width:40vw;
	}
	.sp{
	display: block;
}
.pc{
	display: none;
}
}

/* --- 性能評価書（拡大機能なし・通常幅コンテナで表示） --- */
.lp-kinomiya .lp-bels { margin: 0; }
.lp-kinomiya .lp-bels img { width: 100%; background: #fff; }

.footerLogo a img{
	margin-bottom:30px;
}
.ta-c{
	text-align: center;
}
#footer{padding-bottom:40px}
@media (max-width: 760px) {
	.menkyo{
		font-size:0.7rem;
	}
}

/* ============================================================
   性能表示（エネルギー消費性能・断熱性能）
   物件概要のlp-rowsと同じ罫線＋ダークラベルボックス形式で統一
   ============================================================ */
.lp-kinomiya .lp-perf { border-top: 1px solid var(--lp-hairline); }

.lp-kinomiya .lp-perf__item {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 26px 8px;
  border-bottom: 1px solid var(--lp-hairline);
}

.lp-kinomiya .lp-perf__name {
  min-width: 11em;
  width: auto;
  white-space: nowrap;
  flex-shrink: 0;
  font-family: var(--lp-sans);
  font-size: 12.5px;
  letter-spacing: 0.1em;
  color: var(--lp-white);
  background: var(--lp-box);
  text-align: center;
  padding: 6px 18px;
  line-height: 1.6;
  margin: 0;
}

.lp-kinomiya .lp-perf__meter {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

/* 星（5段階） */
.lp-kinomiya .lp-perf__stars { display: flex; gap: 8px; }

.lp-kinomiya .lp-star {
  font-size: 26px;
  line-height: 1;
  color: rgba(255,255,255,0.22);
}

.lp-kinomiya .lp-star.is-on { color: var(--lp-accent); }

/* 断熱等級ゲージ（1〜7） */
.lp-kinomiya .lp-perf__scale { display: flex; gap: 6px; }

.lp-kinomiya .lp-seg {
  width: 44px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--lp-sans);
  font-size: 13px;
  color: var(--lp-muted);
  border: 1px solid var(--lp-hairline);
}

.lp-kinomiya .lp-seg.is-on {
  background: var(--lp-accent);
  border-color: var(--lp-accent);
  color: var(--lp-white);
  font-weight: 700;
}

.lp-kinomiya .lp-perf__grade {
  font-family: var(--lp-serif);
  font-size: 17px;
  color: var(--lp-white);
  letter-spacing: 0.1em;
  margin: 0;
}

@media (max-width: 640px) {
  .lp-kinomiya .lp-perf__item { flex-direction: column; align-items: flex-start; gap: 14px; padding: 20px 4px; }
  .lp-kinomiya .lp-perf__name { width: auto; padding: 4px 14px; }
  .lp-kinomiya .lp-seg { width: 38px; height: 32px; }
}

/* 性能の数値表示（削減率・等級の数字を大きく） */
.lp-kinomiya .lp-perf__num {
  font-family: var(--lp-serif);
  font-size: 30px;
  color: var(--lp-white);
  letter-spacing: 0.02em;
  margin-right: 2px;
}

.lp-kinomiya .lp-perf__unit {
  font-family: var(--lp-sans);
  font-size: 11.5px;
  color: var(--lp-muted);
  margin-left: 10px;
  letter-spacing: 0.04em;
}

@media (max-width: 640px) {
  .lp-kinomiya .lp-perf__name { min-width: 0; }
  .lp-kinomiya .lp-perf__unit { display: block; margin: 2px 0 0; }
}


/* --- iOS Safariのdate入力はみ出し対策 ---
   date入力は固有幅を持ちwidth:100%が効かないため、
   appearanceを無効化して通常のテキスト入力と同じ挙動にする */
.lp-kinomiya .lp-field input[type="date"] {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  min-width: 0;
  min-height: 47px; /* appearance:none でiOSの高さが潰れる対策（他の入力欄と揃える） */
  text-align: left;
}

.lp-kinomiya .lp-field input[type="date"]::-webkit-date-and-time-value {
  text-align: left; /* iOSで値が中央寄せになるのを防ぐ */
}