/* 雅 miyabi — セクションの区切り（b17）
   Mode: #miyabi-site-v12[data-divider] (functions.php MIYABI_KITSUKE_DIVIDER).
   compare = 確認用の切り替えボタン／obi 帯／fan 扇／cloud 雲取り／temari 手毬／none なし.
   Decorative only (aria-hidden), added by dividers.js, plays once when it enters the screen. */
#miyabi-site-v12 .m-section { position:relative; }
#miyabi-site-v12 .m-div { position:absolute; left:0; right:0; top:0; pointer-events:none; z-index:3; }
#miyabi-site-v12 .m-div svg { display:block; overflow:visible; }

/* 帯：HEROの文字と同じ生地の帯、帯締め、帯留め */
#miyabi-site-v12 .m-div--obi { height:36px; transform:translateY(-50%); }
#miyabi-site-v12 .m-div--obi .band { position:absolute; left:0; right:0; top:6px; height:24px; background:var(--obi-tile) center/104px repeat-x; border-top:1.5px solid #c9a55a; border-bottom:1.5px solid #c9a55a; clip-path:inset(0 50% 0 50%); transition:clip-path 1.3s cubic-bezier(.2,.7,.2,1); }
#miyabi-site-v12 .m-div--obi .cord { position:absolute; left:0; right:0; top:16.5px; height:3.5px; background:repeating-linear-gradient(90deg,#f3b3bc 0 6px,#e98896 6px 9px); transform:scaleX(0); transition:transform 1s .7s cubic-bezier(.2,.7,.2,1); }
#miyabi-site-v12 .m-div--obi .dome { position:absolute; left:50%; top:6px; width:36px; height:24px; margin-left:-18px; border-radius:50%; background:radial-gradient(circle at 40% 35%,#fff8e6 0 18%,#e9c46a 19% 55%,#a8843e 56%); box-shadow:0 1px 3px #3b262133; transform:scale(0); transition:transform .5s 1.4s cubic-bezier(.3,1.5,.5,1); }
#miyabi-site-v12 .m-div--obi.is-in .band { clip-path:inset(0); }
#miyabi-site-v12 .m-div--obi.is-in .cord, #miyabi-site-v12 .m-div--obi.is-in .dome { transform:none; }

/* 扇：中央で開く扇と、左右へ伸びる金の線 */
#miyabi-site-v12 .m-div--fan { height:76px; transform:translateY(-62%); display:flex; justify-content:center; }
#miyabi-site-v12 .m-div--fan .ln { position:absolute; top:66%; height:1.5px; width:calc(50% - 64px); background:#c9a55a; transform:scaleX(0); transition:transform 1.1s .55s cubic-bezier(.2,.7,.2,1); }
#miyabi-site-v12 .m-div--fan .ln.l { left:0; transform-origin:right; }
#miyabi-site-v12 .m-div--fan .ln.r { right:0; transform-origin:left; }
#miyabi-site-v12 .m-div--fan svg { position:relative; width:128px; height:76px; }
#miyabi-site-v12 .m-div--fan .rib { transform-box:view-box; transform-origin:64px 66px; transform:rotate(0deg); transition:transform .9s cubic-bezier(.25,1.2,.4,1); }
#miyabi-site-v12 .m-div--fan.is-in .rib { transform:rotate(var(--a)); }
#miyabi-site-v12 .m-div--fan.is-in .ln { transform:none; }

/* 雲取り：下のセクションから、和柄の生地をはめ込んだ雲が立ち上がる */
#miyabi-site-v12 .m-div--cloud { top:-30px; height:31px; overflow:hidden; }
#miyabi-site-v12 .m-div--cloud i { position:absolute; inset:0; background:var(--tex) center/150px; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='31'%3E%3Cpath%20d='M0%2022%20C0%2014%2010%2010%2018%2013%20C22%204%2038%202%2044%2012%20C50%208%2060%209%2062%2016%20C70%2011%2084%2013%2086%2021%20C94%2015%20108%2014%20112%2021%20C118%209%20140%207%20146%2017%20C154%2013%20168%2015%20170%2021%20C175%2019%20180%2020%20180%2022%20V31%20H0Z'/%3E%3C/svg%3E") repeat-x left bottom/180px 31px; mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='31'%3E%3Cpath%20d='M0%2022%20C0%2014%2010%2010%2018%2013%20C22%204%2038%202%2044%2012%20C50%208%2060%209%2062%2016%20C70%2011%2084%2013%2086%2021%20C94%2015%20108%2014%20112%2021%20C118%209%20140%207%20146%2017%20C154%2013%20168%2015%20170%2021%20C175%2019%20180%2020%20180%2022%20V31%20H0Z'/%3E%3C/svg%3E") repeat-x left bottom/180px 31px; transform:translateY(100%); transition:transform 1.2s cubic-bezier(.2,.7,.2,1); }
#miyabi-site-v12 .m-div--cloud b { position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='31'%3E%3Cpath%20d='M0%2022%20C0%2014%2010%2010%2018%2013%20C22%204%2038%202%2044%2012%20C50%208%2060%209%2062%2016%20C70%2011%2084%2013%2086%2021%20C94%2015%20108%2014%20112%2021%20C118%209%20140%207%20146%2017%20C154%2013%20168%2015%20170%2021%20C175%2019%20180%2020%20180%2022'%20fill='none'%20stroke='%23c9a55a'%20stroke-width='1.6'/%3E%3C/svg%3E") repeat-x left bottom/180px 31px; transform:translateY(100%); transition:transform 1.2s .1s cubic-bezier(.2,.7,.2,1); }
#miyabi-site-v12 .m-div--cloud.is-in i, #miyabi-site-v12 .m-div--cloud.is-in b { transform:none; }

/* 手毬：転がってきて中央で止まる */
#miyabi-site-v12 .m-div--temari { height:58px; transform:translateY(-50%); }
#miyabi-site-v12 .m-div--temari .ln { position:absolute; top:50%; left:0; right:0; height:1.5px; background:#c9a55a; transform:scaleX(0); transform-origin:left; transition:transform 1.6s cubic-bezier(.2,.7,.2,1); }
#miyabi-site-v12 .m-div--temari .ball { position:absolute; left:50%; top:2px; width:54px; height:54px; margin-left:-27px; transform:translateX(-60vw) rotate(-720deg); opacity:0; transition:transform 1.6s cubic-bezier(.2,.75,.25,1),opacity .2s; }
#miyabi-site-v12 .m-div--temari.is-in .ln, #miyabi-site-v12 .m-div--temari.is-in .ball { transform:none; opacity:1; }

/* 確認用の切り替えボタン（compare のときだけ表示） */
#miyabi-site-v12 .m-div-switch { position:fixed; z-index:60; left:0; right:0; margin:0 auto; width:fit-content; max-width:calc(100% - 16px); bottom:calc(var(--bottom-nav-height,76px) + 10px + env(safe-area-inset-bottom,0px)); display:flex; align-items:center; gap:4px; padding:5px; border-radius:999px; background:#fff; box-shadow:0 6px 24px #3b262126; overflow-x:auto; }
#miyabi-site-v12 .m-div-switch span { flex:none; padding:0 6px 0 10px; font-size:11px; font-weight:700; color:var(--muted); }
#miyabi-site-v12 .m-div-switch button { flex:none; min-height:40px; padding:0 12px; border:0; border-radius:999px; background:transparent; color:var(--ink); font:700 13px/1 var(--maru); }
#miyabi-site-v12 .m-div-switch button[aria-pressed="true"] { background:var(--shu); color:#fff; }
@media (prefers-reduced-motion:reduce) { #miyabi-site-v12 .m-div * { transition:none !important; } }