/* デザイン課 2026-10-28：お祝い花の用途ページ共通UI（oiwai_ui_001.js が body に fd-oi を付けた時だけ効く）。 */
body.fd-oi .rankingBox ul{display:flex!important;flex-wrap:nowrap;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;margin:0!important;padding:4px 2px 12px!important;list-style:none;}
body.fd-oi .rankingBox ul>li{display:flex!important;flex-direction:column;flex:0 0 156px;float:none!important;width:156px!important;height:auto!important;margin:0!important;padding:0 0 8px!important;box-sizing:border-box;position:relative;scroll-snap-align:start;background:#fff;border:1px solid #f0b9cc;border-radius:10px;overflow:hidden;}
body.fd-oi .rankingBox ul>li::before{content:attr(data-fdc);order:-2;display:block;padding:4px 8px;background:var(--fdband,#d6336c);color:#fff;font-size:12px;font-weight:bold;line-height:1.5;}
body.fd-oi .rankingBox ul>li:not([data-fdc])::before{display:none;}
body.fd-oi .rankingBox .rankingWrap,body.fd-oi .rankingBox .rankingRBox,body.fd-oi .rankingBox .itemDRBox{display:contents!important;}
body.fd-oi .rankingBox .rankingLBox{order:0;margin:0!important;padding:0!important;width:auto!important;float:none!important;}
body.fd-oi .rankingBox .rankingLBox dt{margin:0!important;}
body.fd-oi .rankingBox .rankingLBox dt img{display:block;width:100%!important;height:150px!important;object-fit:cover;}
body.fd-oi .rankingBox .rankingLBox dd{display:none!important;}
body.fd-oi .rankingBox ul>li>p:first-of-type{position:absolute;top:8px;left:4px;margin:0!important;z-index:2;}
body.fd-oi .rankingBox ul>li[data-fdc]>p:first-of-type{top:34px;}
body.fd-oi .rankingBox ul>li>p:first-of-type img{width:34px!important;height:auto!important;}
body.fd-oi .rankingBox ul>li>h4{order:1;margin:0!important;padding:6px 8px 0!important;background:none!important;border:0!important;font-size:13px!important;line-height:1.4!important;min-height:3.8em;overflow:hidden;}
body.fd-oi .rankingBox ul>li>h4 a{color:#333!important;text-decoration:none;}
body.fd-oi .rankingBox .itemDLBox,body.fd-oi .rankingBox .itemDRBox>dl.dlNone,body.fd-oi .rankingBox .itemDRBox>form{display:none!important;}
body.fd-oi .rankingBox dl#item_detailPrice{order:2;margin:0!important;padding:0 8px!important;background:none!important;border:0!important;box-shadow:none!important;}
body.fd-oi .rankingBox dl#item_detailPrice dt,body.fd-oi .rankingBox dl#item_detailPrice dd:nth-of-type(2){display:none!important;}
body.fd-oi .rankingBox dl#item_detailPrice dd:first-of-type{margin:0!important;padding:0!important;font-size:11px!important;}
body.fd-oi .rankingBox dl#item_detailPrice dd:first-of-type span{font-size:20px!important;color:#b3261e!important;}
body.fd-oi .rankingBox dl#item_detailPrice dd:first-of-type span bdi.fd-l{font-size:11px!important;}
body.fd-oi .rankingBox ul>li>p.spDetailBtn{display:block!important;order:3;width:auto!important;box-sizing:border-box;float:none!important;margin:6px 8px 0!important;padding:0!important;text-align:center;}
body.fd-oi .rankingBox ul>li>p.spDetailBtn a{display:block;box-sizing:border-box;width:100%;padding:7px 4px;border-radius:6px;background:#d6336c;color:#fff!important;font-size:12px;font-weight:bold;text-decoration:none;}
body.fd-oi ul.products_list_detail.products_list_top{display:flex!important;flex-wrap:wrap;}
body.fd-oi ul.products_list_detail.products_list_top>li{float:none!important;}
body.fd-oi ul.products_list_detail>li.fd-dup,body.fd-oi .fd-hide{display:none!important;}
body.fd-oi ul.products_list_detail .item_value{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;font-size:11px;color:#777;line-height:1.4;}
body.fd-oi ul.products_list_detail .item_value br,body.fd-oi ul.products_list_detail .item_value .fd-k{display:none;}
body.fd-oi ul.products_list_detail .item_value>span{order:-1;flex-basis:100%;font-size:20px;font-weight:bold;color:#b3261e;}
body.fd-oi ul.products_list_detail .item_value::before{content:"税抜";}
body.fd-oi ul.products_list_detail .item_value::after{content:"送料込み";display:inline-block;margin-top:4px;padding:1px 8px;border:1px solid #b5628a;border-radius:999px;font-size:11px;font-weight:bold;line-height:1.5;color:#b5628a;}
#fd-filter.fd-gen{margin:10px 0 8px;padding:10px;border:2px solid #e0457b;border-radius:10px;background:#fff6f9;}
#fd-filter.fd-gen .fd-f-ttl{display:inline-block;margin:0 10px 4px 0;font-size:16px;font-weight:bold;color:#a61e4d;}
#fd-filter.fd-gen .fd-f-row{display:flex;gap:6px;align-items:center;margin:4px 0;padding:4px 4px 6px;overflow-x:auto;flex-wrap:nowrap;}
#fd-filter.fd-gen .fd-f-ttl + .fd-f-row{display:inline-flex;vertical-align:middle;padding:0;margin:0;overflow:visible;}
#fd-filter.fd-gen .fd-f-k{flex:0 0 3em;font-size:13px;font-weight:bold;color:#8f1d44;}
#fd-filter.fd-gen button{white-space:nowrap;flex:0 0 auto;padding:7px 12px;border:1px solid #e0457b;border-radius:999px;background:#fff;color:#a61e4d;font-size:13px;font-weight:bold;line-height:1.3;cursor:pointer;}
#fd-filter.fd-gen button.on{background:#d6336c;color:#fff;}
#fd-filter.fd-gen button.fd-sw{width:38px;height:38px;padding:0;border:2px solid #fff;box-shadow:0 0 0 1px #c9a0b0;overflow:hidden;background:none;}
#fd-filter.fd-gen button.fd-sw i{display:block;width:100%;height:100%;}
#fd-filter.fd-gen button.fd-sw.on{box-shadow:0 0 0 3px #d6336c;background:none;}
/* 商品をすぐ見る：ボタンにする。上部の目次3リンクは、商品の下の説明部分に同じものがあるので隠す */
body.fd-oi #category > section#products_top:first-child .products_list_about{display:grid;grid-template-columns:1fr;gap:6px;list-style:none;margin:10px 0 18px;padding:0;}
body.fd-oi #category > section#products_top:first-child .products_list_about li{margin:0;padding:0;background:none;list-style:none;}
body.fd-oi #category > section#products_top:first-child .products_list_about li:has(> a[href^="#products_about"]){display:none;}
body.fd-oi #category > section#products_top:first-child .products_list_about li a[href="#fd_list"]{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #e45c8b;border-radius:6px;background:linear-gradient(90deg,#e45c8b,#f0956a);color:#fff;font-size:14px;font-weight:bold;line-height:1.4;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,.18);box-sizing:border-box;}
/* 目安の枠（本文に無いページ用、JSが作る） */
body.fd-oi .fd-points.fd-auto{counter-reset:fdp;background:#fffdf9;border:2px solid #ee86a8;border-radius:10px;padding:12px;margin:10px 0 20px;}
body.fd-oi .fd-auto .fd-points-ttl{font-weight:bold;color:#c93d72;font-size:16px;padding-bottom:8px;margin:0 0 10px;border-bottom:2px dotted #f6bdd1;}
body.fd-oi .fd-auto .fd-points-ttl::before{content:"★";color:#e8a317;margin-right:6px;}
body.fd-oi .fd-auto .fd-points-list{list-style:none;margin:0;padding:0;}
body.fd-oi .fd-auto .fd-points-list li{counter-increment:fdp;display:flex;align-items:flex-start;gap:10px;margin:0 0 8px;padding:10px;border-left:6px solid var(--fdc);background:var(--fdb);border-radius:6px;font-size:14px;line-height:1.6;}
body.fd-oi .fd-auto .fd-points-list li:last-child{margin-bottom:0;}
body.fd-oi .fd-auto .fd-points-list li::before{content:counter(fdp);flex:0 0 24px;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;background:var(--fdc);color:#fff;font-size:13px;font-weight:bold;}
body.fd-oi .fd-auto .fd-points-list li:nth-child(1){--fdc:#de5688;--fdb:#fff2f7;--fdt:#b8325f;}
body.fd-oi .fd-auto .fd-points-list li:nth-child(2){--fdc:#3d90d8;--fdb:#ecf5fd;--fdt:#1f6aa8;}
body.fd-oi .fd-auto .fd-points-list li:nth-child(3){--fdc:#3ba26f;--fdb:#e9f7ef;--fdt:#237a47;}
body.fd-oi .fd-auto .fd-p-k{font-weight:bold;color:var(--fdt);font-size:15px;}
body.fd-oi .fd-auto .fd-points-list li > details.fd-pt{flex:1;min-width:0;}
body.fd-oi .fd-auto .fd-points-list li > details.fd-pt > summary{display:block;position:relative;padding-right:30px;cursor:pointer;list-style:none;}
body.fd-oi .fd-auto .fd-points-list li > details.fd-pt > summary::-webkit-details-marker{display:none;}
body.fd-oi .fd-auto .fd-points-list li > details.fd-pt > summary::after{content:"＋";position:absolute;right:0;top:0;font-size:20px;line-height:1.2;color:var(--fdt,#b8325f);}
body.fd-oi .fd-auto .fd-points-list li > details.fd-pt[open] > summary::after{content:"－";}
body.fd-oi .fd-auto .fd-points-list li > details.fd-pt .fd-p-v{display:block;margin-top:6px;}
/* 絞り込みで隠す：ランキングの小カード（display:flex!important）より強くする */
body.fd-oi .rankingBox ul>li.fd-hide,body.fd-oi ul.products_list_detail>li.fd-hide,body.fd-oi ul.products_list_detail.products_list_top>li.fd-hide{display:none!important;}