/* ===== ABAT Menu Module ===== */

.abat-menu{
  margin:0 -20px 20px;
}

/* メインタブ */

.abat-main-tabs{
  display:flex;
  background:#ddd;
  border-bottom:2px solid #666;
}

.abat-main-tabs .abat-tab-btn{
  flex:1;
  padding:12px 0;
  background:#e0e0e0;
  border:none;
  border-right:1px solid #aaa;
  cursor:pointer;
  font-size:15px;
  text-align:center;
}

.abat-main-tabs .abat-tab-btn:last-child{
  border-right:none;
}

.abat-main-tabs .abat-tab-btn.active{
  background:#fff;
  font-weight:bold;
}

/* サブメニュー */

.abat-sub-menu{
  display:none;
  flex-wrap:wrap;
  gap:10px;
  padding:15px 20px;
  background:#f9f9f9;
  border-bottom:1px solid #ccc;
}

.abat-sub-menu a{
  padding:6px 12px;
  background:#f0f0f0;
  text-decoration:none;
  color:#000;
  border:1px solid #ccc;
  border-radius:4px;
  font-size:14px;
}

.abat-sub-menu a:hover{
  background:#ddd;
}

.abat-sub-menu.active{
  display:flex;
}

/* スマホ */
/*
@media (max-width:700px){

  .abat-main-tabs{
    flex-wrap:wrap;
  }

  .abat-main-tabs .abat-tab-btn{
    flex:1 1 50%;
  }

  .abat-sub-menu{
    flex-direction:column;
  }

  .abat-sub-menu a{
    width:100%;
  }
}*/