/* -------------------------------------------------------------
   Article Tab  基本スタイル
------------------------------------------------------------- */
.at-tabs{
  margin:1.5em 0;
  display:block;
  position:relative;
}

/* ラジオボタン非表示 */
.at-tab-radio{ display:none; }

/* タブラベル */
.at-tab-label{
  order:1;
  flex:1 1 0;
  min-width:120px;
  display:block;
  text-align:center;
  background:#f1f1f1;
  padding:16px 4px;
  margin:0;
  cursor:pointer;
  border-bottom:none;
}
.at-tab-label:last-child{ margin-right:0; }


/* コンテンツ */
.at-tab-content{
  order:2;
  flex-basis:100%;
  display:none;
  padding:1em;
  border: 1px solid #eee;
}


/* Sticky Headers */
.at-tab-head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  position:sticky;
  top:60px; /* Adjust if header height differs */
  z-index:20;
  background:#fff;
  border-bottom:1px solid #eee;
}
.at-tab-body{ width:100%; }

/* レスポンシブ */
@media(max-width:600px){
  .at-tab-label{
    width:100%;
    margin-right:0;
  }
}