@charset "UTF-8";

/*********************/ 
/*タブメニュー 
/*********************/ 
label.panel-label { 
  user-select: none; 
  display: block; 
  width: 100%; 
  cursor: pointer; 
  border: 1px solid #000;
  padding: 6px 0;
  font-size: 1.8rem;
  font-weight: 700;
  font-family: var(--mincho);
} 

label.panel-label:hover { 
  color: #fff; 
  background-color:var(--orange);
} 

#panels section > .story-box-inner { 
  display:none;
} 

#tab1:checked ~ #panels #panel-1 > .story-box-inner,
#tab2:checked ~ #panels #panel-2 > .story-box-inner,
#tab3:checked ~ #panels #panel-3 > .story-box-inner { 
  display:block;
} 

#tab1:checked ~ #tabs-list #li-for-panel-1,
#tab2:checked ~ #tabs-list #li-for-panel-2,
#tab3:checked ~ #tabs-list #li-for-panel-3 { 
  pointer-events: none; 
  cursor: default; 
} 

#tab1:checked ~ #tabs-list #li-for-panel-1 label.panel-label,
#tab2:checked ~ #tabs-list #li-for-panel-2 label.panel-label, 
#tab3:checked ~ #tabs-list #li-for-panel-3 label.panel-label { 
  background-color: var(--orange); 
  color: #fff; 
} 

#tabs-list { 
  display: flex;
  justify-content: space-between;
  list-style: none; 
  text-align: center; 
  margin: 20px 0 40px;
  padding: 0;
} 

ul#tabs-list li { 
  text-align: center; 
  background: #ccc;
  color: #fff;
  width: 32%; 
  position: relative; 
} 

.panel-radios { 
  display: none; 
} 

.story-box-inner {
  padding-top: 10px;
  margin-bottom: 20px;
}

.teaser-block .story-count {
  justify-content: center;
}

.teaser-block .story-count span {
  margin-left: 1em;
  font-size:1.2rem;
}

.teaser-block .story-title {
  font-size: 2.5rem;
  text-align: center;
  border-bottom: none;
}

.story-box-inner:not(:last-child) {
  border-bottom: 1px solid #333;
  padding-bottom: 50px;
}

.teaser-block .backnumber-ttl {
  background-color: var(--pink);
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  padding: 2px;
  text-align: center;
  margin-bottom: 10px;
}

/* .backnumber-inner {
  margin-top: 80px;
} */

.backnumber-inner ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

.backnumber-inner ul li {
  text-align: center;
}

.backnumber-inner ul li a {
  display: block;
}

.backnumber-inner ul li p {
  background-color: var(--blue);
  color: #fff;
  font-weight: 700;
  font-size: 1.2rem;
  padding: 2px;
}

/* ---------------------------------
SP用
--------------------------------- */
@media screen and (max-width: 992px) {
  .backnumber-inner ul {
    grid-template-columns: 1fr 1fr;
  }

  label.panel-label { 
    font-size: 1.6rem;
  }

  #tabs-list { 
    margin: 10px 0 20px;
  }

  /* .backnumber-inner {
    margin-top: 50px;
  } */

}