@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap');
/* Shared header and footer, based on the latest TOP CSS. */

:is(.wm-top,.wm-results-page) .wm-header{height:88px;min-height:88px;padding:0 4.5%;gap:28px}

:is(.wm-top,.wm-results-page) .wm-logo{font-family:Arial,sans-serif;font-size:22px;letter-spacing:-.04em;gap:18px}

:is(.wm-top,.wm-results-page) .wm-logo small{font-size:8px;letter-spacing:.12em;color:#171717;font-weight:bold}

:is(.wm-top,.wm-results-page) .wm-mark{display:block;width:34px;height:45px;color:#74301b}
:is(.wm-top,.wm-results-page) .wm-mark svg{width:100%;height:100%}

:is(.wm-top,.wm-results-page) .wm-nav{gap:30px;font-size:12px;color:#111}

:is(.wm-top,.wm-results-page) .wm-outline{padding:15px 20px;border:1px solid #111;border-radius:30px}
:is(.wm-top,.wm-results-page) .wm-footer{padding:45px 0 35px}
:is(.wm-top,.wm-results-page) .wm-footer-top{position:relative;border-bottom:1px solid var(--wm-brown);padding-bottom:42px}
:is(.wm-top,.wm-results-page) .wm-footer-top>p{font-size:11px;margin-left:auto;margin-right:42px}
:is(.wm-top,.wm-results-page) .wm-up{border:1px solid var(--wm-brown);width:55px;height:55px}
:is(.wm-top,.wm-results-page) .wm-footer-links{margin:55px 0 60px;gap:70px}
:is(.wm-top,.wm-results-page) .wm-footer-links b{font-size:12px}
:is(.wm-top,.wm-results-page) .wm-footer-links a,:is(.wm-top,.wm-results-page) .wm-footer-links button{font-size:11px;margin-top:10px}
:is(.wm-top,.wm-results-page) .wm-footer-links b+a,:is(.wm-top,.wm-results-page) .wm-footer-links b+button{margin-top:25px}
:is(.wm-top,.wm-results-page) .wm-copyright{gap:30px;border-color:var(--wm-brown);padding-top:24px}
:is(.wm-top,.wm-results-page) .wm-copyright small{margin-right:auto}

@media(max-width:1200px) and (min-width:801px){:is(.wm-top,.wm-results-page) .wm-nav{gap:14px;font-size:10px}
}

@media(max-width:800px){:is(.wm-top,.wm-results-page) .wm-header{height:72px;min-height:72px;padding:12px 20px}
:is(.wm-top,.wm-results-page) .wm-logo{font-size:20px;gap:10px}
:is(.wm-top,.wm-results-page) .wm-mark{width:28px;height:36px}
:is(.wm-top,.wm-results-page) .wm-nav{font-size:13px;gap:18px}
:is(.wm-top,.wm-results-page) .wm-outline{padding:10px 18px}
:is(.wm-top,.wm-results-page) .wm-footer{padding:25px 0}
:is(.wm-top,.wm-results-page) .wm-footer-top{flex-wrap:wrap;gap:20px;padding-bottom:25px}
:is(.wm-top,.wm-results-page) .wm-footer-top>p{order:3;width:100%;margin:0;font-size:10px}
:is(.wm-top,.wm-results-page) .wm-up{margin-left:auto;width:42px;height:42px}
:is(.wm-top,.wm-results-page) .wm-footer-links{gap:25px;margin:30px 0}
:is(.wm-top,.wm-results-page) .wm-copyright{flex-wrap:wrap;gap:12px;font-size:9px}
:is(.wm-top,.wm-results-page) .wm-copyright small{width:100%}
}


/* 操作部分・補足情報：Noto Sans JP */
:is(.wm-top,.wm-results-page) .wm-search-box,
:is(.wm-top,.wm-results-page) .wm-button,
:is(.wm-top,.wm-results-page) .wm-white-button,
:is(.wm-top,.wm-results-page) .wm-menu,
:is(.wm-top,.wm-results-page) .wm-tags,
:is(.wm-top,.wm-results-page) .wm-search-note,
:is(.wm-top,.wm-results-page) .wm-copyright {
  font-family: "Noto Sans JP", sans-serif;
}

/* 元の横線を消す */
:is(.wm-top,.wm-results-page) .wm-footer-top {
  position: relative;
  border-bottom: 0;
}


:is(.wm-top,.wm-results-page) .wm-copyright {
  position: relative;
  border-top: 0;
}


/* 画面幅いっぱいの横線 */
:is(.wm-top,.wm-results-page) .wm-footer-top::after,
:is(.wm-top,.wm-results-page) .wm-copyright::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 100vw;
  height: 1px;
  background: var(--wm-brown);
  transform: translateX(-50%);
  pointer-events: none;
}


:is(.wm-top,.wm-results-page) .wm-footer-top::after {
  bottom: 0;
}


:is(.wm-top,.wm-results-page) .wm-copyright::before {
  top: 0;
}

.wm-results-page{--wm-orange:#ff7410;--wm-brown:#703407;--wm-cream:#fcf3e0;--wm-peach:#fad4aa;--wm-ink:#28291f;letter-spacing:.03em}
:is(.wm-top,.wm-results-page) .wm-header,:is(.wm-top,.wm-results-page) .wm-footer{font-family:"Zen Maru Gothic",sans-serif}
:is(.wm-top,.wm-results-page) .wm-footer .wm-container{width:min(1168px,calc(100% - 80px))}
:is(.wm-top,.wm-results-page) .wm-copyright,:is(.wm-top,.wm-results-page) .wm-menu{font-family:"Noto Sans JP",sans-serif}
@media(max-width:800px){:is(.wm-top,.wm-results-page) .wm-footer .wm-container{width:calc(100% - 40px)}}
/* ヘッダーの下側を角丸＋影に */
:is(.wm-top, .wm-results-page) .wm-header {
  position: relative;
  z-index: 10;
  border-radius: 0 0 24px 24px;
  box-shadow: 0 6px 18px rgba(70, 45, 20, 0.12);
}