/* 総合ページ（パロディの案・版2）の看板を大きくし、乗せる前から中身を見せる（社長指示 2026-09-30）
   看板.css の上に重ねる。版1は看板.css を共用しているので、ここは .ami-oki を付けた版2の札にだけ効く。
   ・大事な3つを大きく：ホームページ道場は横いっぱい（.kb-oki）、塗替道場と足場道場は半分ずつ（.kb-naka）
   ・ほかの札（準備中）は小さく5枚で1列
   ・乗せる前から：状態の札（公開中／準備中／ご相談受付中）・売り文句・要点3つ
   ・乗せると：説明・数字・行き先がせり上がる（動きは看板.css のまま）
   ・準備中の札には黄色い工事テープを斜めに貼る */

.jigyo:has(.ami-oki) > .waku { max-width: 1440px; }
/* 60列（2026-09-30 社長指示）：
   1段目 ホームページ道場＝横いっぱい
   2段目 塗替道場・足場道場＝半分ずつ
   3段目 ナナイロパートナーズ＝半分（同じ大きさ）＋小さい札2枚
   4段目 小さい札2枚＋次の看板（半分） */
.ami-oki { grid-template-columns: repeat(60, minmax(0, 1fr)); gap: 20px; }
.ami-oki .kb { grid-column: span 15; height: 580px; }
.ami-oki .kb-naka { grid-column: span 30; height: 580px; }
.ami-oki .kb-oki { grid-column: span 60; height: 600px; }

/* 小さい札（準備中）の文字 */
.ami-oki .kb:not(.kb-oki):not(.kb-naka) .kb-ji { padding: 18px 18px 20px; }
.ami-oki .kb:not(.kb-oki):not(.kb-naka) .kb-na { font-size: 22px; }
.ami-oki .kb:not(.kb-oki):not(.kb-naka) .kb-hitokoto { font-size: 14px; }
.ami-oki .kb:not(.kb-oki):not(.kb-naka) .kb-pointo li { font-size: 11.5px; padding: 6px 8px 6px 19px; }
.ami-oki .kb:not(.kb-oki):not(.kb-naka) .kb-pointo li::before { left: 7px; }
.ami-oki .kb:not(.kb-oki):not(.kb-naka) .kb-ban { font-size: 72px; }
.ami-oki .kb:not(.kb-oki):not(.kb-naka) .kb-setsumei { font-size: 12.5px; }
.ami-oki .kb:not(.kb-oki):not(.kb-naka) .kb-suji b { font-size: 26px; }
.ami-oki .kb:not(.kb-oki):not(.kb-naka) .kb-saki { font-size: 12px; padding: 5px 12px; }
.ami-oki .kb:not(.kb-oki):not(.kb-naka) .kb-tape span { font-size: 14px; }
.ami-oki .kb-mada .kb-mada-naka { padding: 18px; }
.ami-oki .kb-mada .kb-na { font-size: 20px; }

/* 半分の札（塗替道場・足場道場）は名前と売り文句を少し大きく */
.ami-oki .kb-naka .kb-na { font-size: 36px; }
.ami-oki .kb-naka .kb-hitokoto { font-size: 20px; }

/* 状態の札。写真の上（人の顔にかかる所）ではなく、札の文字の頭（FILE の上）に置く（2026-10-01 社長指示「人の顔などにかぶってきている」） */
.ami-oki .kb-jotai { position: relative; display: inline-block; margin: 0 0 10px; z-index: 4; font-size: 12px; font-weight: 900; line-height: 1;
  letter-spacing: .08em; padding: 7px 11px 7px 24px; background: rgba(11,11,13,.78); border: 1px solid currentColor; }
.ami-oki .kb-jotai::before { content: ""; position: absolute; left: 10px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px;
  border-radius: 50%; background: currentColor; }
.ami-oki .kb-jotai-kokai { color: #7CFF6B; }
.ami-oki .kb-jotai-kokai::before { box-shadow: 0 0 0 0 rgba(124,255,107,.6); animation: kb-iki 1.8s ease-out infinite; }
.ami-oki .kb-jotai-uketsuke { color: var(--kin); }
.ami-oki .kb-jotai-junbi { color: #C4C4CC; }
.ami-oki .kb-kira::after { top: 18px; }
@keyframes kb-iki { 0% { box-shadow: 0 0 0 0 rgba(124,255,107,.6); } 100% { box-shadow: 0 0 0 9px rgba(124,255,107,0); } }

/* 名前と売り文句 */
.ami-oki .kb-ji { padding: 24px 26px 26px; }
.ami-oki .kb-na { font-size: 30px; }
.ami-oki .kb-hitokoto { font-size: 17px; line-height: 1.55; font-weight: 700; color: #FFFFFF; max-height: none; margin-top: 6px; }
.ami-oki .kb:not(.kb-mada):is(:hover, :focus-visible) .kb-hitokoto { max-height: none; opacity: 1; margin-top: 6px; }

/* 要点3つ（乗せる前から見える） */
.ami-oki .kb-pointo { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.ami-oki .kb-pointo li { font-size: 13px; font-weight: 700; line-height: 1; padding: 7px 10px 7px 22px; position: relative;
  color: #FFFFFF; background: rgba(255,214,10,.14); border: 1px solid rgba(255,214,10,.55); }
.ami-oki .kb-pointo li::before { content: ""; position: absolute; left: 9px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px;
  background: var(--kin); clip-path: polygon(0 0, 100% 50%, 0 100%); }

/* 乗せると出る中身を少し大きく */
.ami-oki .kb-setsumei { font-size: 14px; }
.ami-oki .kb-suji b { font-size: 32px; }
.ami-oki .kb-suji span { font-size: 11.5px; }
.ami-oki .kb-suji b span { font-size: inherit; color: inherit; line-height: inherit; }
.ami-oki .kb-saki { font-size: 14px; }
.ami-oki .kb-saki-junbi { background: transparent; color: #C4C4CC; border: 1px dashed #6A6A72; }

/* ── ホームページ道場（横いっぱい）：左に文字、右に「これまで」と「道場」の比べ表 ── */
.ami-oki .kb-oki .kb-ji { display: grid; grid-template-columns: minmax(0, 620px) 460px; justify-content: space-between; gap: 0 40px; align-items: end; }
.ami-oki .kb-oki .kb-na { font-size: 46px; }
.ami-oki .kb-oki .kb-hitokoto { font-size: 24px; }
.ami-oki .kb-oki .kb-kage { background: linear-gradient(180deg, rgba(5,5,7,0) 18%, rgba(5,5,7,.55) 50%, rgba(5,5,7,.96) 100%); }
.ami-oki .kb-hikaku { align-self: end; font-size: 14px; border: 1px solid rgba(255,214,10,.55); background: rgba(11,11,13,.82); font-size: 13px; }
.ami-oki .kb-hikaku-atama { font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 11px; letter-spacing: .24em;
  color: #0B0B0D; background: var(--kin); padding: 4px 12px; }
.ami-oki .kb-hikaku table { width: 100%; border-collapse: collapse; }
.ami-oki .kb-hikaku th, .ami-oki .kb-hikaku td { padding: 8px 12px; white-space: nowrap; text-align: left; line-height: 1.35; border-top: 1px solid rgba(255,255,255,.1); }
.ami-oki .kb-hikaku thead th { font-size: 11px; font-weight: 700; color: #8A8A92; border-top: 0; padding-top: 9px; padding-bottom: 5px; }
.ami-oki .kb-hikaku tbody th { font-weight: 400; color: #A8A8B0; font-size: 12px; white-space: nowrap; }
.ami-oki .kb-hikaku .mukashi { color: #8A8A92; text-decoration: line-through; text-decoration-color: rgba(255,90,90,.8); }
.ami-oki .kb-hikaku .dojo { color: var(--kin); font-weight: 900; }

/* ── 準備中：写真を少し沈め、黄色い工事テープを斜めに貼る ── */
.ami-oki .kb-junbi .kb-e { filter: brightness(.8) saturate(.55); }
.ami-oki .kb-tape-waku { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: 6px; pointer-events: none; }
.ami-oki .kb-tape { position: absolute; left: -12%; right: -12%; top: 34%; z-index: 3; rotate: -8deg; pointer-events: none;
  padding: 9px 0; overflow: hidden; white-space: nowrap; box-shadow: 0 8px 22px rgba(0,0,0,.55);
  background: repeating-linear-gradient(135deg, #FFD60A 0 22px, #0B0B0D 22px 44px); }
.ami-oki .kb-tape span { display: block; margin: 0 auto; width: max-content; padding: 4px 18px; background: #FFD60A; color: #0B0B0D;
  font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; font-size: 17px; letter-spacing: .12em; }
.ami-oki .kb-junbi:is(:hover, :focus-visible) .kb-tape-waku { opacity: 0; transition: opacity .4s ease; }

/* 準備中の空き札（NEXT）も同じ高さに */
.ami-oki .kb-mada-ban { font-size: 80px; }

/* 狭い画面（パソコンの窓を細くした時） */
@media (max-width: 1100px) {
  .ami-oki .kb { grid-column: span 30; }
  .ami-oki .kb-naka, .ami-oki .kb-oki { grid-column: span 60; }
  .ami-oki .kb-oki .kb-ji { grid-template-columns: 1fr; }
  .ami-oki .kb-hikaku { margin-top: 14px; }
  .ami-oki .kb-oki { height: 720px; }
}
@media (hover: none) {
  .ami-oki .kb-oki .kb-ji { padding-top: 120px; }
}
.ami-oki .kb-ban { filter: drop-shadow(0 2px 10px rgba(0,0,0,.55)); }

/* 小さい札は、乗せたら要点と向きの札を引っ込めて、説明と数字に場所をゆずる（上へあふれないように） */
.ami-oki .kb:not(.kb-oki):not(.kb-naka) .kb-pointo,
.ami-oki .kb:not(.kb-oki):not(.kb-naka) .kb-muke { max-height: 120px; overflow: hidden; transition: max-height .5s var(--yawaraka), opacity .3s ease, margin .5s var(--yawaraka); }
.ami-oki .kb:not(.kb-oki):not(.kb-naka):is(:hover, :focus-visible) .kb-pointo,
.ami-oki .kb:not(.kb-oki):not(.kb-naka):is(:hover, :focus-visible) .kb-muke { max-height: 0; opacity: 0; margin: 0; }
.ami-oki .kb:not(.kb-oki):not(.kb-naka) .kb-kira::after { display: none; }

/* 塗替道場の札の写真：真ん中で切ると左の人が半分・右のお客様の肩が細く出るので、左寄せで切り出す
   （黒スーツの2人が両方とも入り、右のお客様は枠の外）。乗せて大きくなる時も左の人が切れないよう、拡大の中心を左へ */
.ami-oki #kb-nurikae .kb-e { object-position: 0% 50%; transform-origin: 20% 50%; }

/* 準備中の空き札（NEXT）は、最後に細い帯で（2026-09-30 ナナイロパートナーズを足して小さい札が5枚になったため） */
.ami-oki .kb-mada-obi { grid-column: span 30; height: 580px; align-items: flex-end; }
.ami-oki .kb-mada-obi .kb-mada-naka { padding: 26px; }
.ami-oki .kb-mada-obi .kb-mada-ban { font-size: 110px; }
.ami-oki .kb-mada-obi .kb-na { font-size: 30px; }

/* ナナイロパートナーズの札：実習生（左）が見えるように左寄せで切り出す */
.ami-oki #kb-partners .kb-e { object-position: 8% 50%; transform-origin: 20% 50%; }