@charset "UTF-8";
/* ==========================================================================
   お知らせ — PC canvas 1366 x 1300.9
   header 0–85 | heading 196.6 | year tabs 266.5–316.5 | list 349–632
   footer 920.9–1300.9
   Note (designer): 年号ボタンはマウスホバーでグレーからピンク&白色文字に変化
   ========================================================================== */
.nw { position: absolute; left: 0; top: 0; width: 1366px; height: 1px; }
.nw > * { position: absolute; }

.nw__h {
  left: 423px; top: 192.1px;
  font-family: var(--mincho); font-weight: 700; font-size: 40px;
  line-height: 46.2px; letter-spacing: .2em; color: var(--pink); white-space: nowrap;
}

/* ------------------------------------------------------------ year tabs ---- */
.nw__years { left: 183px; top: 266.5px; display: flex; gap: 9.5px; }
.nw__year {
  width: 242.5px; height: 50px; background: #cccccc; color: var(--white);
  font-family: var(--gothic); font-weight: 500; font-size: 27px;
  line-height: 1; letter-spacing: .094em; text-indent: .094em;
  transition: background-color .3s var(--ease), color .3s var(--ease);
}
.nw__year:hover        { background: var(--pink); color: var(--white); }
.nw__year.is-on        { background: var(--pink); color: var(--white); }

/* ---------------------------------------------------------------- list ---- */
.nw__groups { left: 0; top: 0; width: 1366px; }
.nw__list { position: absolute; left: 0; top: 0; width: 1366px; }
.nw__item { position: absolute; left: 0; width: 1366px; }
.nw__list > li:nth-child(1) { top: 344.7px; }
.nw__list > li:nth-child(2) { top: 458.2px; }
.nw__list > li:nth-child(3) { top: 571.6px; }
.nw__date {
  position: absolute; left: 183px; top: 4.5px;
  font-family: var(--gothic); font-weight: 500; font-size: 17px;
  line-height: 18.5px; letter-spacing: .097em; color: var(--pink); white-space: nowrap;
}
.nw__ttl {
  position: absolute; left: 306.7px; top: 0;
  font-family: var(--noto); font-weight: 100; font-size: 16px;
  line-height: 29.45px; letter-spacing: .015em; white-space: nowrap;
}
.nw__body {
  position: absolute; left: 306.3px; top: 43.4px;
  font-family: var(--gothic); font-weight: 400; font-size: 15px;
  line-height: 16.3px; letter-spacing: .069em; white-space: nowrap;
}
/* years the client has not supplied content for yet — see README note 12 */
.nw__empty {
  position: absolute; left: 183px; top: 349.2px;
  font-family: var(--gothic); font-weight: 400; font-size: 16px;
  line-height: 1.8; letter-spacing: .045em; color: #7a7a7a;
}

/* ==========================================================================
   SP — canvas 390 x 920.8 | header 0–70 | heading 106.5 | tabs 135–157
   list 180.9–525 | footer 570.8
   ========================================================================== */
@media (max-width: 900px) {
  .nw { width: calc(39 * var(--u)); }
  .nw__h {
    left: 0; top: calc(10.2 * var(--u)); width: calc(39 * var(--u)); text-align: center;
    font-size: calc(2 * var(--u)); line-height: 1.16; letter-spacing: .1em; text-indent: .1em;
  }
  .nw__years { left: calc(5.25 * var(--u)); top: calc(13.5 * var(--u)); gap: calc(.35 * var(--u)); }
  .nw__year {
    width: calc(6.86 * var(--u)); height: calc(2.2 * var(--u));
    font-size: calc(1.3 * var(--u)); letter-spacing: .06em; text-indent: .06em;
  }
  .nw__groups, .nw__list, .nw__item { width: calc(39 * var(--u)); }
  .nw__list > li:nth-child(1) { top: calc(18.09 * var(--u)); }
  .nw__list > li:nth-child(2) { top: calc(28.83 * var(--u)); }
  .nw__list > li:nth-child(3) { top: calc(40.88 * var(--u)); }
  .nw__date { left: calc(5.25 * var(--u)); top: 0; font-size: calc(1.2 * var(--u)); letter-spacing: .06em; }
  .nw__ttl {
    left: calc(12.66 * var(--u)); top: calc(.06 * var(--u)); width: calc(21.5 * var(--u));
    font-size: calc(1.3 * var(--u)); line-height: 2.5; letter-spacing: .02em; white-space: normal;
  }
  .nw__body {
    left: calc(12.66 * var(--u)); top: calc(4.45 * var(--u)); width: calc(21.1 * var(--u));
    font-size: calc(1.2 * var(--u)); line-height: 2.6; letter-spacing: .02em; white-space: normal;
  }
  .nw__empty { left: calc(5.25 * var(--u)); top: calc(18.09 * var(--u)); font-size: calc(1.3 * var(--u)); }
}