@charset "utf-8";
/* CSS Document */
.wpd_lowerhead{
  margin-bottom: clamp(1.5rem, 0.397rem + 4.1vw, 2.5rem);/* 24-40 430-820 */
}
.wpd_lowerhead h2{
  margin-top: clamp(1.5rem, 0.397rem + 4.1vw, 2.5rem);/* 24-40 430-820 */
  color:#009844;
  font-size:2.25em;
  font-weight:bold;
  text-align: center;
}
.wpd_lowerhead span:not(.wpd_spbr){
  display:block;
  margin-top: 8px;
  font-size: clamp(0.875rem, 0.73rem + 0.54vw, 1rem);/*14-16 430-800*/
  color:#009844;
  font-weight:bold;
  text-align: center;
  line-height:calc(26/16);
}


/* .wpd_yearTtl */
.wpd_yearTtl {
  font-size: 2.25em;
  font-weight: bold;
  color: #009844;
  margin: clamp(1.5rem, 0.397rem + 4.1vw, 2.5rem) auto 24px;
  text-align: center;
}


/* 年代選択セクション */
.wpd_yearlist{
  margin-bottom: clamp(1.5rem, -0.154rem + 6.15vw, 3rem);/* 24-48 430-820 */
}
.wpd_yearlist ul{
  display:flex;
  flex-wrap: wrap;
  gap:clamp(0.5rem, -0.051rem + 2.05vw, 1rem);/* 8-16 430-820 */
  margin-inline: auto;
  width:fit-content;
}
.wpd_yearlist ul li a{
  font-size:clamp(0.75rem, 0.4744rem + 1.0256vw, 1rem);/* 12-16 430-820 */
  color: #545454;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: #545454;
  transition: text-decoration-color 0.2s ease;
}


/* 画像ギャラリー */
.wpd_backnumberList{
  max-width: 1200px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3, fit-content(380px));
  gap: clamp(1rem, -0.103rem + 4.1vw, 2rem) clamp(0.75rem, -0.628rem + 5.13vw, 2rem);/* 16-32 430-820 *//* 12-32 430-820 */
}
.wan_wrap_main_list {
  max-width: 380px;
}
.wan_pic a{
  aspect-ratio: 380 / 214;
  display: block;
}
.wan_pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 日付 */
.wan_postinfo{
  margin-top: 8px;
}
.wan_post,
.wan_reportdate{
  display: block;
  font-size:clamp(0.625rem, 0.3494rem + 1.0256vw, 0.875rem);/* 10-14 430-820 */
  color: #5E5E5E;
  font-weight: bold;
}
.wan_reportdate{
  margin-top: 8px;
}

/* 緑色のタイトル ギャラリー横に3つ並び */
.wan_titlegreen{
  margin-top: 8px;
}
.wan_titlegreen a{
  font-size: clamp(0.75rem, 0.4744rem + 1.0256vw, 1rem);/* 12-16 430-820 */
  color:#009E41;
  font-weight:bold;
  line-height:1.375;
}
/* 緑色のタイトル ギャラリー横に4つ並び */
.wan_reporttitle {
  padding-top: 4px;
  font-size: clamp(0.75rem, 0.4744rem + 1.0256vw, 1rem);
  color:#009E41;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: underline;
  text-decoration-color: #009844;
  transition: text-decoration-color 0.2s ease;
}

/* テキスト説明部分 */
.wan_wrap_main_list dd{
  font-size:clamp(0.75rem, 0.6122rem + 0.5128vw, 0.875rem);/* 12-14 430-820 */
  line-height:1.375;
  margin-top:8px;
}


@media screen and (min-width:801px){
  .wan_reporttitle:hover{
    text-decoration-color: transparent;
  }
  .wpd_yearlist ul li a:hover{
    text-decoration-color: transparent;
  }
}

@media screen and (max-width:820px){
  .wpd_backnumberList{
    grid-template-columns: repeat(2, 1fr);
  }
}