/* KEA 共通上部固定メニュー
   明るい木目調 / PC 1段 / スマホ 4列×2段
*/
.kea-fixed-top-nav{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:42px;
  z-index:100000;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(120,72,18,.08) 0px,
      rgba(120,72,18,.08) 1px,
      rgba(255,255,255,.05) 1px,
      rgba(255,255,255,.05) 3px
    ),
    repeating-linear-gradient(
      90deg,
      #f6c86a 0px,
      #f2ba55 18px,
      #f7cf7d 36px,
      #edb04a 58px,
      #f5c66c 82px
    );
  box-shadow:0 2px 7px rgba(0,0,0,.18);
}
.kea-fixed-top-nav-inner{
  width:max-content;
  max-width:100%;
  height:42px;
  margin:0 auto;
  display:flex;
  align-items:stretch;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  white-space:nowrap;
}
.kea-fixed-top-nav-inner::-webkit-scrollbar{display:none;}
.kea-fixed-top-nav a{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  height:42px;
  padding:0 13px;
  color:#1f1f1f;
  border-right:1px solid rgba(79,63,35,.22);
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  line-height:1;
}
.kea-fixed-top-nav a:hover{
  background:rgba(168,104,20,.18);
  color:#1f1f1f;
}
.kea-fixed-top-nav a.current{
  background:#31421f;
  color:#ffffff;
}
.kea-fixed-top-spacer{height:42px;}

@media screen and (max-width:640px){
  .kea-fixed-top-nav{height:68px;}
  .kea-fixed-top-nav-inner{
    width:100%;
    height:68px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-template-rows:34px 34px;
    overflow:visible;
    white-space:normal;
  }
  .kea-fixed-top-nav a{
    min-width:0;
    height:34px;
    padding:0 2px;
    border-right:1px solid rgba(79,63,35,.22);
    border-bottom:1px solid rgba(79,63,35,.22);
    text-align:center;
    font-size:10px;
    line-height:1;
    white-space:nowrap;
    letter-spacing:-.04em;
    box-sizing:border-box;
  }
  .kea-fixed-top-spacer{height:68px;}
}