/* 紹介ページ（LP）の追加の部品（2026-11-14、text-to-avatar / editor / motion）。共通は motionvox-lp-rich-20261114.css。 */
.lp-a .lp-toc{background:#08101c}
/* ヒーロー: 左右の絵をそのままの縦横比で並べる（切り抜かない） */
.lp-a .lp-hero-visual.lp-hero-pair{grid-template-columns:minmax(0,.52fr) 56px minmax(0,1fr);align-items:center}
.lp-a .lp-hero-visual.lp-hero-pair figure img,.lp-a .lp-hero-visual.lp-hero-even figure img{flex:none;aspect-ratio:auto;object-fit:contain}
.lp-a .lp-hero-visual.lp-hero-even{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:start}
/* 横に細長い絵（入力欄など） */
.lp-shot-strip{margin:0 0 44px}
.lp-shot-strip img{border-radius:8px}
/* ギャラリーの列数 */
.lp-gallery.lp-gallery-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-gallery.lp-gallery-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lp-results.lp-results-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.lp-a .lp-section>.lp-cards{margin-top:8px}
.lp-a .lp-row+.lp-cards,.lp-a .lp-shot-wide+.lp-cards{margin-top:0}
@media(max-width:1050px){.lp-gallery.lp-gallery-4{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-results.lp-results-3{grid-template-columns:minmax(0,1fr)}}
/* スマホ幅: ヒーローの絵は縦に積んで、幅いっぱいに見せる */
@media(max-width:640px){
.lp-a .lp-hero-visual,.lp-a .lp-hero-visual.lp-hero-pair,.lp-a .lp-hero-visual.lp-hero-even{grid-template-columns:minmax(0,1fr);gap:10px}
.lp-a .lp-hero-arrow{transform:rotate(90deg);margin:0;align-self:center;justify-self:center;font-size:26px}
.lp-a .lp-hero-visual figure img{aspect-ratio:auto !important;flex:none}
.lp-a .lp-hero-visual figcaption{font-size:12.5px}
.lp-gallery.lp-gallery-2,.lp-gallery.lp-gallery-4{grid-template-columns:minmax(0,1fr)}
}
.lp-shot-mid{max-width:900px;margin-inline:auto}
.lp-a .lp-gallery .lp-shot img{max-height:640px;object-fit:contain;object-position:50% 0}
.lp-a .lp-hero-visual.lp-hero-even{align-items:center}
/* 仕上げ2: ギャラリーの縦長の設定パネルは、切らずに全体を見せる（高さの上限を外す） */
.lp .lp-gallery .lp-shot img{max-height:none;height:auto;object-fit:contain}
.lp .lp-gallery{align-items:start}
/* 仕上げ2: 横に細長い絵（入力欄など）は、スマホ幅では横に送って読める大きさで見せる */
@media(max-width:640px){
.lp-shot-strip button{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.lp-shot-strip img{width:auto;max-width:none;height:44px}
}
/* lp-QA-A 2026-11-14: never show these panel captures larger than their own pixels */
.lp img[src*="panel-text-20261114"]{max-width:602px;height:auto}
.lp img[src*="baseface-menu-20261114"]{max-width:610px;height:auto}

/* 2026-11-14 lp-QA-A2: 文と並ぶ絵（lp-row）は、元の大きさより大きく引き伸ばさない（768幅で 602px の設定パネルが 732px になっていた）。 */
.lp-row .lp-shot img{width:auto;max-width:100%;margin-inline:auto}