/* AOYAMA Glanzarriva v17.10 — Riva guide placements */
.riva-page-guide,
.riva-home-guide{
  position:relative;
  z-index:5;
  display:flex;
  align-items:flex-end;
  gap:12px;
  pointer-events:none;
}
.riva-page-guide{
  width:min(1120px,calc(100% - 48px));
  margin:-48px auto 26px;
  justify-content:flex-end;
}
.riva-home-guide{
  margin:18px 0 0;
  justify-content:flex-end;
}
.riva-page-guide--left,
.riva-home-guide--left{justify-content:flex-start}
.riva-page-guide--bubble-left,
.riva-home-guide--bubble-left{flex-direction:row-reverse}
.riva-guide__mascot{
  display:block;
  width:108px;
  height:auto;
  flex:0 0 auto;
  filter:drop-shadow(0 12px 18px rgba(14,45,89,.16));
}
.riva-guide__bubble{
  position:relative;
  max-width:235px;
  margin-bottom:9px;
  padding:11px 16px;
  border:1px solid #cbdcf1;
  border-radius:22px;
  background:rgba(255,255,255,.98);
  color:#15365f;
  box-shadow:0 9px 22px rgba(18,51,94,.11);
  font-size:13px;
  font-weight:900;
  line-height:1.55;
  text-align:center;
}
.riva-guide__bubble::before{
  content:"";
  position:absolute;
  left:-7px;
  bottom:15px;
  width:13px;
  height:13px;
  border-left:1px solid #cbdcf1;
  border-bottom:1px solid #cbdcf1;
  background:#fff;
  transform:rotate(45deg);
}
.riva-page-guide--bubble-left .riva-guide__bubble::before,
.riva-home-guide--bubble-left .riva-guide__bubble::before{
  left:auto;
  right:-7px;
  transform:rotate(225deg);
}
.riva-mini-deco{
  display:flex;
  justify-content:flex-end;
  margin:8px 2px -6px 0;
  pointer-events:none;
}
.riva-mini-deco img{
  display:block;
  width:88px;
  height:auto;
  filter:drop-shadow(0 10px 16px rgba(14,45,89,.13));
}
/* Keep Riva small enough to complement GRAN rather than compete with the content. */
.portal-home .riva-guide__mascot{width:92px}
.portal-home .riva-guide__bubble{box-shadow:none}

@media(max-width:900px){
  .riva-page-guide{margin:-30px auto 20px}
  .riva-guide__mascot{width:94px}
  .riva-guide__bubble{max-width:205px;font-size:12.5px;padding:10px 14px}
}
@media(max-width:620px){
  .riva-page-guide,
  .riva-home-guide,
  .riva-page-guide--left,
  .riva-home-guide--left{
    width:min(100% - 28px,560px);
    margin:12px auto 18px;
    justify-content:center;
    gap:9px;
  }
  .riva-home-guide{width:100%;margin:16px 0 0}
  .riva-guide__mascot,.portal-home .riva-guide__mascot{width:76px}
  .riva-guide__bubble{max-width:165px;font-size:11.5px;padding:9px 11px;border-radius:18px}
  .riva-mini-deco{justify-content:center;margin:12px 0 0}
  .riva-mini-deco img{width:74px}
}
@media(prefers-reduced-motion:no-preference){
  .riva-guide__mascot,.riva-mini-deco img{animation:rivaFloat 4.2s ease-in-out infinite}
  .riva-page-guide:nth-of-type(even) .riva-guide__mascot{animation-delay:.45s}
}
@keyframes rivaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}