/* Flowers-Do 「初めてのかた」一式（ご利用ガイド）fg2026 007
   すべて .fg の中だけに効く。スマホ375px基準、768px以上でPC。色：共通＝薄い紫 #7a62b0 */
.fg{box-sizing:border-box;max-width:1000px;margin:0 auto;padding:0 12px 24px;color:#333;font-size:15px;line-height:1.75;letter-spacing:0;white-space:normal}
.fg *{box-sizing:border-box;letter-spacing:0}
.fg a{text-decoration:none}
.fg img{max-width:100%;height:auto;border:0}
:where(.fg) h1,:where(.fg) p,:where(.fg) ul,:where(.fg) ol,:where(.fg) h2,:where(.fg) h3,:where(.fg) h4,:where(.fg) dl,:where(.fg) dd{margin:0;padding:0;border:0;background:none}
.fg ul,.fg ol{list-style:none}
#category .fg h1,#category .fg p,#category .fg ul,#category .fg ol,#category .fg div,#category .fg h2,#category .fg h3,#category .fg h4,#category .fg li,#category .fg section,#category .fg table,#category .fg figure,#category .fg dl,#category .fg dd,#category .fg dt{float:none;clear:none;width:auto;max-width:none}
#category .fg table.fg-tbl{width:100%}
.fg:after{content:"";display:block;clear:both}

.fg-title{margin:6px 0 8px;font-size:24px;font-weight:bold;line-height:1.35;color:#5b4a8a;background:none}
.fg-lead{margin:0 0 14px;font-size:16px;line-height:1.8;color:#444}
.fg-lead b{color:#5b4a8a}
.fg-h{margin:30px 0 10px;padding:0 0 0 10px;border-left:6px solid #7a62b0;font-size:19px;font-weight:bold;line-height:1.35;color:#333;background:none}
.fg-sub{margin:16px 0 6px;font-size:15px;font-weight:bold;line-height:1.4;color:#5b4a8a;background:none}
.fg p+p{margin-top:8px}
.fg-note{margin:8px 0 0;font-size:12px;line-height:1.65;color:#777}

/* 先に結論：6つの答え（タップで該当の章へ） */
.fg-ans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.fg-ans li{margin:0}
.fg-ans a{display:block;position:relative;height:100%;min-height:100px;padding:11px 12px 12px;border:1px solid #e3d6ee;border-radius:12px;background:#faf7fd;color:#333}
.fg-ans a:after{content:"";position:absolute;right:11px;bottom:12px;width:8px;height:8px;border-top:2px solid #a893cf;border-right:2px solid #a893cf;transform:rotate(45deg)}
.fg-ans small{display:block;font-size:14px;font-weight:bold;line-height:1.35;color:#6b5a96}
.fg-ans b{display:block;margin:2px 0 3px;font-size:19px;font-weight:bold;line-height:1.25;color:#5b4a8a}
.fg-ans span{display:block;padding-right:14px;font-size:13px;line-height:1.5;color:#444}

/* お花を探す（売り場へ戻す） */
.fg-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0}
.fg-cta a{display:flex;align-items:center;justify-content:center;min-height:56px;padding:8px 6px;border-radius:12px;text-align:center;font-size:16px;font-weight:bold;line-height:1.3;color:#fff!important}
.fg-cta a.p{background:linear-gradient(150deg,#e07aa6,#b5628a 70%)}
.fg-cta a.g{background:linear-gradient(150deg,#8fbba6,#5f9078 70%)}

/* 章の見出し（番号つき） */
.fg-ch{margin:34px 0 10px;padding:12px 14px;border-radius:12px;background:#7a62b0;color:#fff;font-size:18px;font-weight:bold;line-height:1.35}
.fg-ch i{display:inline-block;min-width:26px;height:26px;margin-right:8px;border-radius:50%;background:#fff;color:#7a62b0;font-style:normal;font-size:14px;line-height:26px;text-align:center}
.fg-sum{margin:0 0 12px;padding:12px 14px;border:2px solid #e3d6ee;border-radius:12px;background:#fff;font-size:16px;line-height:1.7;color:#333}
.fg-sum b{color:#5b4a8a}

/* 表 */
.fg-tbl{border-collapse:collapse;border:0;margin:6px 0 0}
.fg-tbl th,.fg-tbl td{padding:10px 8px;border:0;border-bottom:1px solid #e6e0ee;font-size:15px;line-height:1.6;text-align:left;vertical-align:top;background:none}
.fg-tbl th{width:38%;background:#f1ecfa;color:#5b4a8a;font-weight:bold}
.fg-tbl td b{color:#5b4a8a}

/* 箇条書き（点つき） */
.fg-ul{margin:6px 0 0}
.fg-ul li{position:relative;margin:0 0 6px;padding-left:16px;font-size:15px;line-height:1.7;color:#444}
.fg-ul li:before{content:"";position:absolute;left:3px;top:.72em;width:6px;height:6px;border-radius:50%;background:#a893cf}

/* くわしく（開閉） */
.fg-more{margin:10px 0 0;border:1px solid #e3d6ee;border-radius:12px;background:#fff}
.fg-more>summary{display:block;position:relative;min-height:50px;padding:14px 44px 14px 14px;font-size:14px;font-weight:bold;line-height:1.45;color:#333;cursor:pointer;list-style:none}
.fg-more>summary::-webkit-details-marker{display:none}
.fg-more>summary:after{content:"+";position:absolute;right:16px;top:50%;margin-top:-13px;font-size:24px;line-height:26px;color:#7a62b0}
.fg-more[open]>summary:after{content:"-"}
.fg-more[open]>summary{border-bottom:1px solid #eee}
.fg-more .fg-body{padding:10px 14px 14px;font-size:15px;line-height:1.75;color:#444}

/* 支払い方法の3つ（スマホは縦に、PCは横に） */
.fg-pay{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.fg-pay li{padding:12px 14px;border:1px solid #e3d6ee;border-radius:12px;background:#faf7fd}
#category .fg .fg-pay h2,#category .fg .fg-pay h3,#category .fg .fg-pay h4{margin:0 0 4px;padding:0;border:0;background:none;font-size:16px;font-weight:bold;line-height:1.4;color:#5b4a8a}
.fg-pay p{font-size:14px;line-height:1.65;color:#444}
.fg-pay em{font-style:normal;display:inline-block;margin:0 4px 4px 0;padding:1px 9px;border-radius:999px;background:#7a62b0;color:#fff;font-size:11px;font-weight:bold}

/* ご注文の流れ（番号つき） */
.fg-step{counter-reset:s}
.fg-step li{position:relative;margin:0 0 10px;padding:12px 14px 12px 52px;border:1px solid #e3d6ee;border-radius:12px;background:#fff;font-size:15px;line-height:1.7;color:#444;counter-increment:s}
.fg-step li:before{content:counter(s);position:absolute;left:12px;top:12px;width:30px;height:30px;border-radius:50%;background:#7a62b0;color:#fff;font-size:15px;font-weight:bold;line-height:30px;text-align:center}
.fg-step li b{display:block;margin-bottom:1px;font-size:15px;color:#5b4a8a}

/* よくある質問 */
.fg-faq details{margin:0 0 8px;border:1px solid #e3d6ee;border-radius:10px;background:#fff}
.fg-faq summary{display:block;position:relative;min-height:50px;padding:13px 40px 13px 14px;font-size:14px;font-weight:bold;line-height:1.5;color:#333;cursor:pointer;list-style:none}
.fg-faq summary::-webkit-details-marker{display:none}
.fg-faq summary:after{content:"+";position:absolute;right:14px;top:50%;margin-top:-11px;font-size:20px;line-height:22px;color:#7a62b0}
.fg-faq details[open] summary:after{content:"-"}
.fg-faq details[open] summary{border-bottom:1px solid #eee}
.fg-faq .fg-a{padding:10px 14px 12px;font-size:15px;line-height:1.75;color:#444}

/* 先頭へ戻る（各章の終わり） */
.fg-top{display:block;margin:12px 0 0;padding:12px 4px;min-height:44px;text-align:right;font-size:13px;font-weight:bold;color:#7a62b0!important}
.fg-top:before{content:"";display:inline-block;width:7px;height:7px;margin:0 6px 2px 0;border-top:2px solid #7a62b0;border-left:2px solid #7a62b0;transform:rotate(45deg)}

/* 次に読む／問い合わせ */
.fg-next{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.fg-next a{display:flex;align-items:center;min-height:52px;padding:8px 14px;border:1px solid #e3d6ee;border-radius:12px;background:#faf7fd;font-size:15px;font-weight:bold;line-height:1.4;color:#5b4a8a}
.fg-form{display:flex;align-items:center;justify-content:center;min-height:54px;margin:14px 0 0;padding:8px 10px;border:2px solid #7a62b0;border-radius:12px;text-align:center;font-size:16px;font-weight:bold;color:#5b4a8a!important}

@media (min-width:768px){
  .fg{padding:0 16px 48px;font-size:16px}
  .fg-title{font-size:30px}
  .fg-lead{font-size:16px}
  .fg-h{margin-top:44px;font-size:22px}
  .fg-ans{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .fg-ans a{min-height:116px;padding:14px 16px}
  .fg-ans b{font-size:23px}
  .fg-ans span{font-size:13px}
  .fg-cta{max-width:600px;gap:14px}
  .fg-cta a{min-height:62px;font-size:18px}
  .fg-ch{margin-top:48px;font-size:21px}
  .fg-pay{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .fg-next{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .fg-step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .fg-step li{margin:0}
  .fg-form{max-width:600px}
}

/* 早見表（3列） */
#category .fg table.fg-cmp{width:100%}
.fg-cmp th,.fg-cmp td{padding:9px 7px;font-size:13px}
.fg-cmp thead th{background:#7a62b0;color:#fff;text-align:center;font-size:12px}
.fg-cmp tbody th{width:27%;background:#f1ecfa}
/* 詳細ページの「ご利用ガイドへ戻る」 */
.fg-back{display:flex;align-items:center;min-height:48px;margin:0 0 6px;padding:6px 2px;font-size:13px;font-weight:bold;color:#7a62b0!important}
.fg-back:before{content:"";display:inline-block;width:7px;height:7px;margin:0 8px 0 4px;border-bottom:2px solid #7a62b0;border-left:2px solid #7a62b0;transform:rotate(45deg)}