/* コンセプトの改行の出し分け（11-02）：<br class="pc"> はふだん出さない。PC（1024px〜）では add-pc.css で <br class="sp"> を消して pc を出す */
.concept-copy br.pc{display:none}
/* C×A 1案：コンセプトの文章の動き「旋律」（中身は add-melody.js）。
   文字が波の高さから1つずつ下りてくる。ぼかしが取れるのは音が立ち上がるイメージ
   16時：時間で流すのをやめ、スクロールに合わせて出す形に（文字ごとの値は add-melody.js が入れる）
   ＋ コンセプトの見出し「Concept」はなし（15時40分 松原さん：最初の画面のキャッチと重なってややこしいため）。上の余白は 96 */
html[data-variant="3"] .concept .c-title{display:none!important}
html[data-variant="3"] .concept{padding-top:96px!important}
/* 下の余白（19時03分 松原さん「説明文の上から円までと、下の距離が違いすぎる」→ 19時12分「192 は開きすぎ。目視でバランスよく」）：
   白い円はコンセプト全体の真ん中に置かれ、下半分は赤いメニューの下に隠れる。96・120・136・152・192 を並べて目視で比べ、128 にした
   （円のふちは淡くて曲がっているので弱く、赤い面のふちはくっきり強い。数字をそろえるより、下を少し詰めた方が釣り合って見える。
     128 はサイトの決まり「白い面どうし 64＋64」と同じ数字）。見える距離は 上（円のふち→文章）約198 ／ 下（文章→赤）128 */
html[data-variant="3"] .concept{padding-bottom:128px!important}
.concept-copy p .mel{display:inline-block;opacity:0;transform:translateY(var(--y,8px));filter:blur(3px)}
/* もとの C の「段落ごとにふわっと」は止める（文字の動きだけにする） */
html.mel-scroll .concept-copy p{opacity:1!important;transform:none!important} /* !important は WAAPI の動きより強い */
.concept-copy p.mel-still .mel{opacity:1;transform:none;filter:none}
.concept-copy .mel-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.concept-copy p .mel{opacity:1!important;transform:none!important;filter:none!important}}