@layer page {
  .shop-house {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .shop-house img.is-main {
    max-width: none;
    width: 115.5555555556svh;
    transform: translateX(14%);
  }
  .shop-house img.is-chara {
    position: absolute;
    inset: 0;
    max-width: none;
    width: 43.3333333333svh;
    translate: -29% 62%;
  }
  .shop-house img.is-msg {
    position: absolute;
    inset: 0;
    max-width: none;
    width: 38.8888888889svh;
    translate: 85% 235%;
  }
  .shop-house__inner {
    position: relative;
  }
  .shop-house__note {
    position: absolute;
    bottom: -3.3333333333svh;
    left: 26.6666666667svh;
    color: #673421;
    font-size: 1.3333333333svh;
  }
  .shop-link {
    width: 100svh;
    display: block;
    position: absolute;
    opacity: 0;
    background: #fff;
    left: 27.3333333333svh;
    top: 16.2222222222svh;
    aspect-ratio: 10/2.4;
    width: 65.4444444444svh;
    transition: 0.25s opacity;
  }
  .shop-link.is-2 {
    aspect-ratio: 10/2.38;
    width: 66.5555555556svh;
    left: 39.3333333333svh;
    top: 34.4444444444svh;
  }
  @media (hover: hover) {
    .shop-link:hover {
      opacity: 0.2;
    }
  }
}