/* ==========================================
   Brain Web Manager Ver1.4
   Common header / menu / page-top / footer
========================================== */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;color:#3e372f;font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic ProN",sans-serif;line-height:1.7}
a{color:inherit}
img{max-width:100%;height:auto;border:0}

.site-header{position:relative;z-index:50;width:100%;background:#fff;border-bottom:1px solid #d9c9a6;box-shadow:0 6px 18px rgba(69,52,28,.08)}
.site-header::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:linear-gradient(90deg,transparent,#c4aa70 18%,#c4aa70 82%,transparent);opacity:.72}
.site-header__inner{width:1200px;max-width:100%;margin:0 auto}
.site-logo{display:flex;min-height:84px;align-items:center;justify-content:center;padding:9px 18px 8px;text-decoration:none;background:#fff}
.site-logo img{display:block;width:100%;max-width:1160px;height:auto;object-fit:contain}
.pc-nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:100%;background:#C8BB9B}
.pc-nav a{display:flex;min-height:64px;align-items:center;justify-content:center;padding:8px 4px;border-left:1px solid rgba(72,58,37,.18);color:#fff;text-decoration:none;font-size:12px;font-weight:700;line-height:1.45;text-align:center;transition:background-color .25s ease,color .25s ease}
.pc-nav a:last-child{border-right:1px solid rgba(72,58,37,.18)}
.pc-nav a:hover,.pc-nav a:focus,.pc-nav a[aria-current="page"]{background:#C4AA70;color:#f6ff02}
.pc-nav a[aria-current="page"]{box-shadow:inset 0 -4px 0 rgba(246,255,2,.82)}
.sp-menu,#spMenuCheck{display:none}

.page-top-button{display:flex;width:max-content;align-items:center;gap:9px;margin:25px auto 0;padding:9px 19px 9px 11px;border:1px solid rgba(196,170,112,.62);border-radius:999px;background:#fff;color:#5a4a31;text-decoration:none;font-size:12px;font-weight:700;box-shadow:0 7px 18px rgba(70,55,30,.12);transition:transform .3s ease,background-color .3s ease,color .3s ease}
.page-top-button__icon{display:flex;width:27px;height:27px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#C8BB9B,#A98B50);color:#fff;font-size:16px}
.page-top-button:hover{transform:translateY(-3px);background:#C8BB9B;color:#fff}
.site-footer{padding:25px 15px 30px;background:#fff;border-top:1px solid #e7dfd0;text-align:center;color:#665d52;font-size:11px;box-shadow:0 -5px 16px rgba(70,55,30,.05)}
.site-footer p{margin:0;line-height:1.6}

@media(max-width:760px){
  .site-header__inner{width:100%}
  .site-logo{min-height:0;padding:8px 10px 6px}
  .site-logo img{width:100%;max-width:none}
  .pc-nav{display:none}
  .sp-menu{display:block;padding:7px 0 10px;background:#fff}
  .sp-menu__button{display:block;width:88%;margin:0 auto;padding:11px 10px;border-radius:6px;background:#C8BB9B;color:#fff;font-size:13px;font-weight:700;text-align:center;cursor:pointer;transition:.25s}
  .sp-menu__button:hover{background:#C4AA70;color:#f6ff02}
  .sp-menu__box{display:none;width:88%;margin:6px auto 0}
  .sp-menu__box a{display:block;padding:11px 10px;border-radius:6px;background:#C8BB9B;color:#fff;text-align:center;text-decoration:none;font-size:13px;font-weight:700}
  #spMenuCheck:checked~.sp-menu__box{display:block}
}