/* 2026/08/09 dr-065(開発No-65): 型選択ページ(/creations/)全面改修のスタイル。
   既存Bootstrap2と衝突しないよう c26- プレフィックスに限定する。モックv5(台帳No-604)準拠
   2026/08/10 s8: 端末幅に収める修正・文字サイズの下限13px化・上部の余白詰め(台帳No-604)
   2026/08/10 s9: 入力フォームのセクション枠を廃止(見出し帯で区切る)・左右の余白詰め・
                  ラベル横の(任意)表記(台帳No-604。型選択ページ側は変更しない) */

/* 文字サイズの下限は13px(TOPページの最小文字サイズに合わせる。2026/08/10 s8 本人指示)。
   ここより小さい値を新しく足さないこと */

/* 2026/08/13 s21(本人指示「コンテンツが詰まっているので、もう少しだけ余白をつけてほしい」):
   型選択ページの縦の余白を全体に少しずつ広げた(区切りの余白ほど大きく足す)。
   足したのは縦だけで、左右(14px)と文字サイズ(13px下限)は動かしていない */

.c26-page{max-width:560px;margin:0 auto;padding:0 14px 38px;color:#243240;font-size:14px;line-height:1.65;}
.c26-page *{box-sizing:border-box;}
.c26-page a{text-decoration:none;}
/* 横スクロール防止(2026/08/10 s8): fieldsetは既定で min-inline-size:min-content のため、
   中に横スクロール帯(質問セット)があると縮まず、ページ全体が端末幅を超える */
.c26-page fieldset{min-width:0;-webkit-min-logical-width:0;min-inline-size:0;}

/* ロゴ(ヘッダー)との間の余白詰め(2026/08/10 s8)。#wrapperのpadding-top:15pxを打ち消す。
   入力フォーム側はさらに空の#main(30px)ぶんも詰める */
#wrapper > .c26-page{margin-top:-6px;}
.span8 .c26-page{margin-top:-40px;}

/* 入力フォームだけ左右の余白を詰める(2026/08/10 s9 本人指示「左右の余白が邪魔・小さく見える」)。
   Bootstrapの .container が左右20pxのpaddingを持つので、スマホ幅ではそれも打ち消して
   端から12pxまで入力欄を広げる。型選択ページ(/creations/)は今のままにするため
   .span8 配下(=template_form)だけに限定する */
.span8 .c26-page{padding-left:12px;padding-right:12px;}
@media (max-width:767px){
    .span8 .c26-page{margin-left:-20px;margin-right:-20px;}
}

/* ============================================================
   2026/08/13 dr-071(開発No-71・台帳No-700): 型選択ページのUI・IA再設計。
   確定形モック mock-700-s19-hero-final.html の実寸(幅390px)に合わせてある。
   ・上部はグラデーション1枚にまとめる(h1・約束バー・完成イメージ帯・実績・作者名の案内)
   ・型は2列グリッドで一望、作例は2列カード
   ・端まで伸ばす部品は .c26-page の左右padding(14px)を打ち消す margin:0 -14px を使う
   ============================================================ */

/* 上部: サイトの顔 */
.c26-hero{margin:0 -14px;padding:16px 14px 18px;background:-webkit-linear-gradient(top,#e6f4fc 0,#f2fafd 46%,#ffffff 100%);background:linear-gradient(180deg,#e6f4fc 0,#f2fafd 46%,#ffffff 100%);border-bottom:1px solid #e4eef4;}
.c26-h1{margin:0 0 14px;font-size:23px;line-height:1.45;font-weight:800;color:#1b2a36;}
.c26-h1 small{display:block;font-size:14px;font-weight:700;color:#3d4f5c;line-height:1.6;margin-top:4px;}

/* サイトの約束(端から端までの3等分) */
.c26-promise{display:-webkit-flex;display:flex;margin:0 -14px;border-top:1px solid #dbe7ef;border-bottom:1px solid #dbe7ef;background:rgba(255,255,255,.72);}
.c26-promise > div{-webkit-flex:1;flex:1;text-align:center;padding:10px 0;}
.c26-promise > div + div{border-left:1px solid #e6eff5;}
.c26-promise b{display:block;font-size:16px;font-weight:800;color:#177fb0;line-height:1.5;}

/* 完成イメージ(2段の自動流れ・押せない見本)
   同じ並びを2回ぶん置いて、半分(=1周ぶん)動いたら先頭へ戻すので切れ目が見えない。
   width:max-content が効かない古い端末でも、flexの子が縮まなければ横一列のまま流れる */
/* ⚠️ 隙間は margin だけで作る(gapと併用しない)。gapが効く端末では二重になって
   実際の隙間が倍になる=2026/08/10 s10に質問セットの帯で起きたのと同じ不具合 */
.c26-marq{margin:16px -14px 0;overflow:hidden;}
.c26-marq-row{display:-webkit-flex;display:flex;width:-webkit-max-content;width:max-content;
    -webkit-animation:c26Slide 60s linear infinite;animation:c26Slide 60s linear infinite;}
.c26-marq-row + .c26-marq-row{margin-top:8px;}
.c26-marq-rev{-webkit-animation-direction:reverse;animation-direction:reverse;}
.c26-marq-row img{height:92px;width:auto;border-radius:8px;display:block;-webkit-flex:none;flex:none;margin-right:8px;box-shadow:0 2px 7px rgba(20,40,60,.18);}
@-webkit-keyframes c26Slide{from{-webkit-transform:translateX(0);}to{-webkit-transform:translateX(-50%);}}
@keyframes c26Slide{from{transform:translateX(0);}to{transform:translateX(-50%);}}
/* OSの「動きを減らす」設定では止める(止まった状態でも上下段3枚ずつ見える) */
@media (prefers-reduced-motion: reduce){.c26-marq-row{-webkit-animation:none;animation:none;}}

.c26-proof{font-size:13px;color:#5b6b78;margin-top:14px;line-height:1.6;}
.c26-proof b{color:#1e9ed6;}

/* 作者名の案内(薄い青の枠・テキストのみ。画像入りの旧c26-rewardは廃止=82px→44px) */
.c26-namebox{margin-top:12px;border:1px solid #bfe0f2;border-radius:10px;background:#fff;padding:8px 11px;font-size:13px;line-height:1.6;color:#3d4f5c;}
.c26-namebox b{color:#177fb0;font-weight:800;}
.c26-namebox span{color:#8a99a5;margin-left:4px;}

/* 3ステップ(いま①に居ることを青で示す=帯がそのまま「次にやること」の見出しになる) */
.c26-steps{display:-webkit-flex;display:flex;margin:0 -14px;background:#f7fbfd;border-bottom:1px solid #e0e9ef;overflow:hidden;}
.c26-step{-webkit-flex:1;flex:1;min-width:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:12px 0;font-size:14px;font-weight:800;color:#8496a3;line-height:1.35;text-align:center;}
/* ①だけ少し広くする。3等分(130px)では「テンプレートの」が1行に入らず3行に割れるため
   (円26px+隙間6pxを引いた98pxに対し、14px太字7文字=約98pxでぎりぎり収まらない)。
   文の折り返し位置は<br>で決め打ちし、途中で勝手に割れないよう nowrap にする */
.c26-steps > .c26-step:first-child{-webkit-flex:1.18;flex:1.18;}
.c26-steptxt{white-space:nowrap;}
.c26-step + .c26-step{border-left:1px solid #e6eff5;}
.c26-step i{width:26px;height:26px;border-radius:50%;background:#d7e2ea;color:#fff;font-style:normal;font-size:15px;font-weight:800;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex:none;flex:none;margin-right:6px;}
.c26-step-on{color:#1b2a36;}
.c26-step-on i{background:#1e9ed6;box-shadow:0 2px 6px rgba(30,158,214,.4);}

/* セクション見出し */
.c26-sec{margin:22px 0 3px;}
.c26-sec b{font-size:17px;font-weight:800;color:#1b2a36;}
.c26-sec small{font-size:13px;color:#5b6b78;font-weight:700;margin-left:8px;}
.c26-sec2{margin-top:34px;}
.c26-lead{margin:0 0 11px;font-size:13px;color:#5b6b78;line-height:1.6;}
.c26-lead b{color:#243240;}

/* 型カード(2列グリッド)
   顔は切り抜かない(object-fit:contain)。切り抜くと縦長と横長の区別がつかなくなるため */
/* 2列は grid ではなく flex+幅50%で作る(古いiOSにgridが無いため。既存の帯もflexで書かれている) */
.c26-grid{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:10px -5px 0;}
.c26-tcard{display:block;width:calc(50% - 10px);margin:0 5px 12px;border:1px solid #dfe7ed;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 1px 5px rgba(20,40,60,.08);}
.c26-tcard:hover{text-decoration:none;}
.c26-tface-wrap{position:relative;display:block;}
.c26-tface{width:100%;height:104px;object-fit:contain;display:block;padding:5px;background:#f1f6fa;border-bottom:1px solid #e7eff5;}
.c26-tface-none{height:104px;background:#f1f6fa;border-bottom:1px solid #e7eff5;}
.c26-tbadge{position:absolute;top:6px;left:6px;background:#ef7d3a;color:#fff;font-size:13px;font-weight:800;border-radius:999px;padding:0 8px;line-height:1.6;box-shadow:0 1px 4px rgba(0,0,0,.25);}
.c26-tname{display:block;font-size:15px;font-weight:800;color:#1b2a36;padding:9px 9px 0;line-height:1.4;}
.c26-tmeta{display:block;font-size:13px;color:#5b6b78;padding:1px 9px 0;line-height:1.5;}
.c26-tcount{display:block;font-size:13px;color:#c46a12;font-weight:700;padding:0 9px 11px;line-height:1.5;}

/* ジャンル(1行の横スクロールチップ・累計使用枚数の多い順) */
.c26-grow{display:-webkit-flex;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -14px;padding:2px 14px 8px;}
.c26-gchip{-webkit-flex:none;flex:none;background:#fff;border:1px solid #dfe7ed;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;color:#3d4f5c;white-space:nowrap;margin-right:6px;}
.c26-gchip b{color:#177fb0;margin-left:5px;font-weight:800;}
.c26-gchip-all{border-style:dashed;color:#177fb0;}
.c26-gchip.c26-gchip-on{background:#1e9ed6;border-color:#1e9ed6;color:#fff;}
.c26-gchip.c26-gchip-on b{color:#d6f0fb;}

/* 作例カード(2列・引き継げる質問つき) */
.c26-smpgrid{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:12px -5px 0;}
.c26-smp{display:block;width:calc(50% - 10px);margin:0 5px 12px;border:1px solid #e4ebf0;border-radius:10px;overflow:hidden;background:#fff;}
.c26-smp:hover{text-decoration:none;}
.c26-smp img{width:100%;height:86px;object-fit:cover;display:block;border-bottom:1px solid #eef3f7;}
.c26-smp b{display:block;font-size:13px;color:#243240;font-weight:800;line-height:1.4;margin:5px 7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.c26-smp i{display:block;font-style:normal;font-size:13px;color:#c46a12;font-weight:700;line-height:1.5;margin:0 7px;}
.c26-qlab{display:block;font-size:13px;color:#8a99a5;line-height:1.5;margin:2px 7px 0;}
/* 質問例は1個1行(長いものは…で切る)+全体で最大2行。
   文字の途中で切れないよう、チップ側を折り返さない形にしてある(2行=47px は
   13px×line-height1.55+枠2px=22.2px の2つぶん+隙間3px の実測値) */
.c26-qchips{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:2px 7px 8px;max-height:47px;overflow:hidden;}
.c26-qchips span{background:#eef6fb;border:1px solid #dbeaf4;color:#3d4f5c;font-size:13px;border-radius:5px;padding:0 5px;line-height:1.55;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 3px 3px 0;}
.c26-more{display:block;margin:16px 0 0;text-align:center;border:1.5px solid #1e9ed6;border-radius:10px;color:#177fb0;font-weight:800;font-size:14px;padding:8px 0;}
.c26-more:hover{text-decoration:none;color:#177fb0;}
.c26-band-note{display:block;width:100%;font-size:13px;color:#8a99a5;padding:10px 4px;}

.c26-hidden{display:none;}

@media (min-width:768px){
    .c26-page{max-width:640px;}
}

/* ============================================================
   入力フォーム(template_form)用 c26f-*(dr-065 段2)
   ============================================================ */

/* 進捗の常時表示 */
.c26f-progress{position:-webkit-sticky;position:sticky;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid #e4eaef;padding:8px 4px 7px;z-index:20;margin:0 -12px;padding-left:12px;padding-right:12px;}
.c26f-ptext-row{font-size:13px;font-weight:700;color:#1b2a36;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;gap:8px;}
.c26f-ptext-row b{color:#2f9e63;-webkit-flex:none;flex:none;}
.c26f-pbar{height:5px;border-radius:3px;background:#e4eaef;overflow:hidden;margin-top:4px;}
.c26f-pbar i{display:block;height:100%;background:#2f9e63;border-radius:3px;-webkit-transition:width .2s;transition:width .2s;}
.c26f-stepchips{margin-top:5px;}
.c26f-stepchip,.c26f-stepchip-last{display:inline-block;font-size:13px;font-weight:700;color:#8a99a5;background:#f0f5f8;border-radius:999px;padding:2px 10px;margin-right:4px;}
.c26f-stepchip-on{background:#1e9ed6;color:#fff;}

/* グループ・フィールド
   2026/08/10 s9(本人指示「フォームの外にある枠をとってほしい。これがあることでフォームが狭く見える。
   枠で区切る代わりに別のやり方でセクションを区切ってほしい」):
   セクションを囲むカード枠(border+角丸+影+左右12pxのpadding)を廃止し、
   端まで伸びた見出しの帯(背景色+上下の細線)と上の余白でセクションを区切る */
.c26f-step{margin-top:0;}
.c26f-fgroup{background:transparent;border:0;border-radius:0;box-shadow:none;margin:22px 0 0;padding:0;}
.c26f-fgroup h5{margin:0 -12px 12px;padding:8px 12px;background:#eef4f8;border-top:1px solid #dce7ee;border-bottom:1px solid #dce7ee;font-size:15px;font-weight:800;color:#1b2a36;line-height:1.5;}
.c26f-req{font-size:13px;color:#d8544f;font-weight:700;margin-left:4px;white-space:nowrap;}
.c26f-opt{font-size:13px;color:#7b8b98;font-weight:700;margin-left:4px;white-space:nowrap;}
.c26f-ffield{margin-bottom:16px;}
.c26f-ffield:last-child{margin-bottom:0;}
.c26f-flabel{font-size:13px;font-weight:700;color:#485865;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;gap:8px;}
/* ラベル本文と(任意)・＊必須は必ず横並びで隣り合わせにする。
   これが無いと space-between で「任意」だけが右へ飛ぶ(2026/08/10 s9 本人指摘) */
.c26f-ltext{min-width:0;}
.c26f-labelbtns{display:-webkit-flex;display:flex;gap:6px;-webkit-align-items:center;align-items:center;-webkit-flex:none;flex:none;}
.c26f-input{border:1.5px solid #d5dee5;background:#fbfdff;border-radius:8px;padding:9px 10px;font-size:16px;color:#1b2a36;margin-top:4px;width:100%;box-sizing:border-box;min-height:44px;}
.c26f-input:focus{border-color:#1e9ed6;outline:none;}
.c26f-input-err{border-color:#e4a09d;background:#fdf6f5;}
.c26f-textarea{resize:none;min-height:70px;}
.c26f-select{height:44px;}
.c26f-hint{font-size:13px;color:#8a99a5;margin-top:3px;line-height:1.6;}
.c26f-hint-good{color:#2f9e63;font-weight:700;}
.c26f-err{font-size:13px;color:#d8544f;font-weight:700;margin-top:4px;background:#fdeeed;border:1px solid #f2c4c1;border-radius:8px;padding:6px 10px;line-height:1.6;}
/* 参考元の緑の説明。上(進捗バー)と下(見出しの帯)と同じ「端まで伸びた帯」に揃える
   (2026/08/10 s10 本人指摘「緑の説明と定番の質問セットでスペースが違う」)。
   角丸+左右の枠のままだと文字の開始位置が上下より13px内側へずれる */
.c26f-note-ok{background:#eaf6ee;border:1px solid #bfe3cd;border-left:0;border-right:0;color:#2f7d4f;border-radius:0;padding:8px 12px;font-size:13px;margin:10px -12px;line-height:1.6;}

/* ?ヘルプ */
.c26f-qhelp{width:22px;height:22px;border-radius:50%;border:1.5px solid #b7cfdd;color:#177fb0;font-size:13px;font-weight:800;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:#fff;text-decoration:none;-webkit-flex:none;flex:none;}
.c26f-qhelp:hover{text-decoration:none;color:#177fb0;}
.c26f-qhelp-on{background:#177fb0;color:#fff;border-color:#177fb0;}
.c26f-qhelp-on:hover{color:#fff;}
.c26f-helpbox{margin-top:6px;background:#f2f8fb;border:1px solid #cfe6f2;border-radius:8px;padding:9px 11px;font-size:13px;color:#3d5666;line-height:1.7;}
.c26f-helpbox b{display:block;color:#177fb0;margin-bottom:2px;}

/* 選択式 */
.c26f-choice-toggle{font-size:13px;color:#177fb0;background:#e3f2fa;border-radius:6px;padding:3px 10px;font-weight:700;text-decoration:none;min-height:22px;white-space:nowrap;}
.c26f-choice-toggle:hover{text-decoration:none;color:#177fb0;}
.c26f-choice-on{background:#177fb0;color:#fff;}
.c26f-choice-on:hover{color:#fff;}
.c26f-choicebox{margin-top:6px;border:1px solid #d5dee5;border-radius:8px;background:#f7fafc;padding:9px 11px;}
.c26f-crow{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:6px;margin-bottom:6px;}
.c26f-clabel{-webkit-flex:none;flex:none;font-size:13px;color:#8a99a5;font-weight:700;width:58px;margin-right:6px;}
.c26f-cinput{-webkit-flex:1;flex:1;min-width:0;border:1.5px solid #d5dee5;background:#fff;border-radius:6px;padding:7px 8px;font-size:16px;color:#1b2a36;min-height:40px;box-sizing:border-box;width:100%;}
.c26f-add-choice{display:inline-block;border:1.5px dashed #b7cfdd;color:#177fb0;font-size:13px;font-weight:700;border-radius:6px;padding:4px 12px;background:#fff;text-decoration:none;margin-top:2px;}
.c26f-add-choice:hover{text-decoration:none;color:#177fb0;}

/* 質問セット
   padding-topは「参考元」バッジ(カードの上へ-7pxはみ出す)を切らないために必要。
   overflow-x:autoを指定すると縦方向も自動でautoになり、はみ出した部分が切れるため(2026/08/10 s8) */
.c26f-qsets{display:-webkit-flex;display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-top:11px;padding-bottom:4px;min-width:0;margin:0 -12px;padding-left:12px;padding-right:12px;}
.c26f-qset{-webkit-flex:none;flex:none;width:118px;min-height:110px;border:1px solid #d5dee5;border-radius:10px;background:#fbfdff;padding:9px;text-align:center;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;text-decoration:none;margin-right:8px;}
.c26f-qset:hover{text-decoration:none;}
.c26f-qset b{display:block;font-size:13px;color:#1b2a36;line-height:1.4;}
.c26f-qset small{display:block;font-size:13px;color:#8a99a5;margin-top:3px;line-height:1.4;}
.c26f-qset-sel{outline:2.5px solid #1e9ed6;outline-offset:-1px;background:#eef8fd;}
.c26f-qset-blank{border-style:dashed;background:#fff;}
.c26f-qset-tag{position:absolute;top:-9px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#1e9ed6;color:#fff;border-radius:999px;font-size:13px;font-weight:800;padding:0 9px;line-height:1.5;white-space:nowrap;}

/* セットを選んだあとの合図(2026/08/13 s5・案2。台帳No-723)
   質問欄が上から順に約1秒かけて光る。書き換わる場所が画面の外にあり気づけなかったため。
   枠線ではなく背景と内側の影で光らせる: header_design.css が
   input の border を !important で握っており、アニメは !important に勝てないため。
   終わりの色を #fff にしてあるのは、この入力欄の実際の背景が白だから
   (bootstrap の input[type="text"] が .c26f-input の #fbfdff に勝っている。
    実測 rgb(255,255,255)。ここを合わせないとアニメの最後で色が跳ねる) */
@-webkit-keyframes c26fQFlash{0%{background:#d9f0ff;-webkit-box-shadow:inset 0 0 0 2px #1e9ed6;box-shadow:inset 0 0 0 2px #1e9ed6;}100%{background:#fff;-webkit-box-shadow:inset 0 0 0 2px rgba(30,158,214,0);box-shadow:inset 0 0 0 2px rgba(30,158,214,0);}}
@keyframes c26fQFlash{0%{background:#d9f0ff;-webkit-box-shadow:inset 0 0 0 2px #1e9ed6;box-shadow:inset 0 0 0 2px #1e9ed6;}100%{background:#fff;-webkit-box-shadow:inset 0 0 0 2px rgba(30,158,214,0);box-shadow:inset 0 0 0 2px rgba(30,158,214,0);}}
.c26f-qflash{-webkit-animation:c26fQFlash .95s ease-out;animation:c26fQFlash .95s ease-out;}
@media (prefers-reduced-motion: reduce){.c26f-qflash{-webkit-animation:none;animation:none;}}

/* ステップ移動 */
.c26f-nav{display:-webkit-flex;display:flex;gap:10px;margin:14px 0;}
.c26f-next{display:block;-webkit-flex:1;flex:1;text-align:center;background:#1e9ed6;color:#fff;font-weight:800;font-size:14.5px;border-radius:10px;padding:12px 0;box-shadow:0 2px 6px rgba(30,158,214,.35);text-decoration:none;}
.c26f-next:hover{color:#fff;background:#1b8ec2;text-decoration:none;}
.c26f-back{display:block;text-align:center;background:#fff;border:1.5px solid #d5dee5;color:#5b6b78;font-weight:700;font-size:13px;border-radius:10px;padding:11px 16px;text-decoration:none;}
.c26f-back:hover{text-decoration:none;color:#5b6b78;}

/* 送信 */
.c26f-submit-area{margin:16px 0 30px;text-align:center;}
.c26f-assure{font-size:13px;color:#5b6b78;margin-bottom:7px;}
.c26f-bigcta{display:block;width:100%;text-align:center;background:#1e9ed6;color:#fff;font-weight:800;font-size:15.5px;border-radius:12px;padding:13px 0;box-shadow:0 3px 8px rgba(30,158,214,.4);border:none;cursor:pointer;}
.c26f-bigcta-off{background:#9fb0bd;box-shadow:none;cursor:default;}

/* ファイル・画像ブロック
   .border_line は2012年製の共通スタイルで左右-20pxの負マージンを持つ(!important)。
   s9でセクションの枠(左右12pxのpadding)を外したぶん、そのままだと端末幅から8pxはみ出すので
   フォーム内だけ打ち消す(2026/08/10 s9) */
.c26-page .border_line{margin-left:0 !important;margin-right:0 !important;}
.c26f-file{background:#fff !important;border:none !important;line-height:1.4;font-size:13px;max-width:100%;}
.c26f-file-del{font-size:13px;padding:2px 8px;margin-left:6px;}
.c26f-selgrid{float:left;margin-left:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:6px;}
.c26f-selgrid label{font-size:13px;color:#485865;font-weight:700;}
.c26f-selnum{width:72px;min-height:40px;font-size:16px;margin-left:4px;}

/* プレビューは元の右下ボタン(#footer_preview・header_design.css)に戻した。
   2026/08/10 s8 本人指示「プレビューはもとのデザインで元の位置に」。
   dr-065で入れた追従ミニプレビュー(.c26f-fabprev)は廃止 */
.c26f-modal-wait{font-size:13px;color:#5b6b78;padding:8px 2px;line-height:1.6;}