/* Roomie 2026-10-14 / Book15 confirmed corrections.
   This stylesheet deliberately comes AFTER all v6 rules. The approved
   MV-under CTA markup and presentation are intentionally untouched. */
:root{--roomie-v7-pink:#ff2f78;--roomie-v7-yellow:#fff34f}

/* TOP 03: blink ONLY the sparkling ornament beside uribou, not the mascot,
   not the headline's two diagonal slash decorations. */
@keyframes roomie-v7-sparkle-blink{0%,100%{opacity:1}50%{opacity:0}}
html body#index .sec01 .tt-sec01 .roomie-v2-sparkles{
 animation:roomie-v7-sparkle-blink 1.15s ease-in-out infinite!important;
 opacity:1;will-change:opacity;
}

/* COMMON: header uses the exact visual language and illustrations from the
   approved MV-under pair. Only scaled to the smaller header width. */
@media(min-width:1151px){
 html body header .h_inner{gap:10px!important}
 html body header .h_right{gap:6px!important}
 html body header .header-quick-actions{display:flex!important;gap:8px!important;align-items:center!important;flex:0 0 auto!important}
 html body header .header-quick-actions>a{
  position:relative!important;box-sizing:border-box!important;
  width:clamp(142px,11.1vw,180px)!important;min-width:0!important;
  height:70px!important;min-height:70px!important;
  border:2px solid #222!important;border-radius:12px!important;
  padding:7px 6px 7px 49px!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;text-align:left!important;line-height:1.18!important;
  box-shadow:none!important;overflow:visible!important;text-decoration:none!important;
 }
 html body header .header-quick-actions>a span.small{font-size:9px!important;font-weight:900!important;white-space:nowrap!important}
 html body header .header-quick-actions>a strong{font-size:clamp(11px,.94vw,14px)!important;font-weight:900!important;letter-spacing:-.04em!important;white-space:nowrap!important}
 html body header .header-quick-actions>a .cta-note{font-size:8px!important;font-weight:800!important;white-space:nowrap!important}
 html body header .header-quick-actions__buy{background:var(--roomie-v7-yellow)!important;color:#222!important;order:1!important}
 html body header .header-quick-actions__ai{background:var(--roomie-v7-pink)!important;color:#fff!important;order:2!important}
 html body header .header-quick-actions__ai>.small{color:var(--roomie-v7-yellow)!important}
 html body header .header-quick-actions__buy::before{
  content:''!important;position:absolute!important;left:5px!important;top:50%!important;
  width:39px!important;height:39px!important;transform:translateY(-50%)!important;
  background:url('../images/book8_land_10.png') center/contain no-repeat!important;
  filter:drop-shadow(1px 0 #fff) drop-shadow(-1px 0 #fff) drop-shadow(0 1px #fff) drop-shadow(0 -1px #fff)!important;
  pointer-events:none!important;
 }
 html body header .header-quick-actions__ai::before{
  content:'AI'!important;position:absolute!important;left:-5px!important;top:-8px!important;
  width:26px!important;height:26px!important;display:grid!important;place-items:center!important;
  font-size:12px!important;line-height:1!important;font-weight:900!important;
  color:#222!important;background:var(--roomie-v7-yellow)!important;
  border:1px solid #222!important;border-radius:50%!important;
  z-index:3!important;pointer-events:none!important;
 }
 html body header .header-quick-actions__ai::after{
  content:''!important;position:absolute!important;right:-6px!important;bottom:-8px!important;
  width:33px!important;height:33px!important;display:block!important;
  background:url('../images/u_ic_pick2.png') center/contain no-repeat!important;
  filter:drop-shadow(1px 0 #fff) drop-shadow(-1px 0 #fff) drop-shadow(0 1px #fff) drop-shadow(0 -1px #fff)!important;
  pointer-events:none!important;
 }
}
/* Navigation: only NON-LINKED parent of '対応物件' gets normal arrow.
   Its dropdown links remain hand cursor. */
html body header nav .nav_list>li.li_1>a.roomie-dropdown-trigger{cursor:default!important}
html body header nav .nav_list>li.li_1>.nav_dropdown a{cursor:pointer!important}
html body header nav .nav_list>li.li_2>a.roomie-dropdown-trigger{cursor:pointer!important}

/* COMMON footer: heading is now a clickable menu link with arrow. */
html body .site-footer .roomie-footer-nav-link{display:inline-flex!important;align-items:center;gap:.5em;
 color:inherit!important;text-decoration:none!important;font:inherit!important;cursor:pointer!important}
html body .site-footer .roomie-footer-nav-link:hover{text-decoration:underline!important}
html body .site-footer .roomie-footer-nav-link span{font-weight:900;color:#ed2870}
/* User gave exact manual breaks; don't compress into previous one-line layout. */
html body .site-footer .footer-brand .tt-ft1{line-height:1.85!important;white-space:normal!important}

/* COMMON: lower FIXED consultation banner (yellow phone + pink Web),
   explicitly NOT the footer row of CTA cards. */
@media(min-width:1151px){
 html body>.scroll_fixed .group_btn,html body .scroll_fixed>.info>.group_btn{gap:12px!important;flex:1 1 auto!important;min-width:0!important}
 html body .scroll_fixed>.info{max-width:1646px!important;gap:12px!important;padding-inline:12px!important;box-sizing:border-box!important}
 html body .scroll_fixed>.info>.group_btn .btn_fixed{flex:1 1 0!important;min-width:0!important;margin:0!important}
 html body .scroll_fixed>.info>.group_btn .btn_fixed:not(.btn_line) a{
  width:100%!important;min-width:235px!important;max-width:none!important;
  box-sizing:border-box!important;padding:0 28px 0 74px!important;
  justify-content:center!important;white-space:nowrap!important;
 }
}
/* On intermediate desktop widths, don't force a minimum that makes bar overflow. */
@media(min-width:769px) and (max-width:1350px){
 html body .scroll_fixed>.info>.group_btn .btn_fixed:not(.btn_line) a{min-width:0!important;font-size:clamp(14px,1.6vw,22px)!important;padding:0 12px 0 48px!important}
 html body .scroll_fixed>.info>.group_btn .btn_fixed a::before{width:38px!important;left:7px!important;top:50%!important;transform:translateY(-50%)!important}
}
/* COMMON mobile hamburger semantics: 5 choices navigates, its arrow is visible;
   '対応物件' has no misleading plus on the right. */
@media(max-width:1150px){
 html body header .nav_list>li.li_1>a.roomie-dropdown-trigger::after{content:none!important;display:none!important}
 html body header .nav_list>li.li_2>a.roomie-dropdown-trigger::after,
 html body header .nav_list>li.li_3>a::after,
 html body header .nav_list>li.li_4>a::after{
  content:'→'!important;display:inline-block!important;position:static!important;
  float:right!important;margin-left:12px!important;background:none!important;
  transform:none!important;width:auto!important;height:auto!important;
  font-size:20px!important;color:#fff!important;line-height:1!important;
 }
}
/* COMMON: on phones MV-under purchase CTA above AI CTA, stacked not squeezed.
   Footer and header action buttons have their own independent CSS scope. */
@media(max-width:768px){
 html body#index> #wrapper main>.mv-primary-actions .mv-primary-actions__inner{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:12px!important;padding:4px 8px 12px!important;max-width:520px!important;
 }
 html body#index> #wrapper main>.mv-primary-actions .mv-primary-action{width:100%!important;max-width:100%!important;margin:0!important;min-height:82px!important}
 html body#index> #wrapper main>.mv-primary-actions .mv-primary-action--buy{order:1!important}
 html body#index> #wrapper main>.mv-primary-actions .mv-primary-action--ai{order:2!important}
 /* Same specified order in mobile offcanvas mini-CTA, using existing markup. */
 html body .mobile-menu-cv .mv-primary-actions__inner{display:flex!important;flex-direction:column!important;gap:10px!important}
 html body .mobile-menu-cv .mv-primary-action--buy{order:1!important}
 html body .mobile-menu-cv .mv-primary-action--ai{order:2!important}
}
/* Normal hover reveal on desktop and motion-safe intro on supported TOP areas. */
@media(hover:hover) and (min-width:769px){
 html body#index .ct_info_sec01>.item{transition:transform .23s ease-out!important}
 html body#index .ct_info_sec01>.item:hover{transform:translateY(-5px)!important}
 html body header .header-quick-actions>a{transition:filter .22s ease-out!important}
 html body header .header-quick-actions>a:hover{filter:brightness(1.04)!important}
}
@media(prefers-reduced-motion:reduce){
 html body#index .sec01 .tt-sec01 .roomie-v2-sparkles{animation:none!important;will-change:auto!important}
 html body#index .ct_info_sec01>.item,html body header .header-quick-actions>a{transition:none!important}
}

/* 261014 offline screenshot QA: fit the complete header purchase label into its resized card.
   Only the HEADER card is affected; the approved MV-under pair is untouched. */
@media (min-width:1151px){
 html body header .header-quick-actions__buy strong{white-space:normal!important;line-height:1.13!important;overflow-wrap:normal!important;}
 html body header .header-quick-actions__buy{padding-left:47px!important;}
}