@charset 'utf-8';

/* archive
------------------------------------------------ */
.news-archive { position: relative; }
.news-archive-lists { position: relative; }
.news-archive-lists--item { position: relative; }
.news-archive-lists--item > a { display: block;  position: relative; width: 100%; }
.news-archive-lists--photo { position: relative; padding-bottom: 74.9253731343%; width: 100%; height: 0; overflow: hidden; }
.news-archive-lists--photo > img { position: absolute; top: 0; left: 0; }
.news-archive-lists__info { position: relative; margin-top: 16px; }
.news-archive-lists--new { position: absolute; top: -3px; left: 2px; padding: 3px 8px 2px; background-color: #fbeecd; font-family: 'Jost', sans-serif; font-size: 1.2rem; font-weight: 400; font-style: normal; line-height: 1.2; color: #ca9513; }
.news-archive-lists--date { text-align: right; font-family: 'Jost', sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.2; color: #999; }
.news-archive-lists--title { margin-top: 12px; padding-top: 10px; border-top: 1px solid #f4f4f4; font-size: 1.5rem; font-weight: 400; line-height: 1.68; }
.news-archive .fs-c-pagination { margin-top: 35px; }

@media screen and (max-width: 768px) {
  .news-archive-lists--item { margin-top: 45px; }
  .news-archive-lists--item:first-child { margin-top: 0; }
}

@media screen and (min-width: 769px) {
  .news-archive-lists { display: flex; flex-wrap: wrap; }
  .news-archive-lists--item { margin: 75px 5% 0 0; width: 30%; }
  .news-archive-lists--item:nth-of-type(-n+3) { margin-top: 0; }
  .news-archive-lists--item:nth-of-type(3n) { margin-right: 0; }
  .news-archive-lists__info { margin-top: 22px; }
  .news-archive-lists--new { top: -2px; left: 2px; padding: 3px 9px 2px; font-size: 1.3rem; }
  .news-archive-lists--date { font-size: 1.5rem; }
  .news-archive-lists--title { margin-top: 11px; padding-top: 15px; font-size: 1.8rem; line-height: 1.55555555556; }
  .news-archive .fs-c-pagination { margin-top: 85px; }
}

/* detail
------------------------------------------------ */
.news-detail { position: relative; }
.news-detail-hd { position: relative; margin-bottom: 30px; padding: 22px 0 12px; border-top: 2px solid #eee; border-bottom: 1px solid #eee; }
.news-detail-date { font-family: 'Jost', sans-serif; font-size: 1.4rem; font-weight: 700; line-height: 1.2; color: #999; }
.news-detail-new { padding: 3px 8px 2px; background-color: #fbeecd; font-family: 'Jost', sans-serif; font-size: 1.2rem; font-weight: 400; font-style: normal; line-height: 1.2; color: #ca9513; }
.news-detail-title { font-size: 1.8rem; font-weight: 400; line-height: 1.7222; }
.news-detail-content { font-size: 1.1rem; font-weight: 400; line-height: 1.7273; }
.news-detail-content p + p { margin-top: 1.7273em; }
.news-detail-content a { text-decoration: underline; }
.device-click .news-detail-content a:hover { text-decoration: none; }
.news-detail-content h2 { margin: 20px 0 12px; font-size: 1.4rem; font-weight: 700; line-height: 1.5; }
.news-detail-content img.aligncenter { display: block; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 768px) {
  .news-detail-date { text-align: right; }
  .news-detail-new { position: absolute; top: 20px; left: 2px; }
  .news-detail-title { margin-top: 15px; }
}

@media screen and (min-width: 769px) {
  .news-detail { margin: 0 auto; max-width: 1000px; }
  .news-detail-hd { display: flex; align-items: center; margin-bottom: 50px; padding: 20px 0; border-top-width: 3px; }
  .news-detail-date { width: 150px; white-space: nowrap; font-size: 1.6rem; }
  .news-detail-new { padding: 3px 9px 2px; white-space: nowrap; font-size: 1.3rem; }
  .news-detail-title { width: calc(100%  - 150px); font-size: 2.4rem; line-height: 1.5; }
  .news-detail-new + .news-detail-title { margin-left: 30px; width: calc(100%  - 230px); }
  .news-detail-content { font-size: 1.5rem; line-height: 1.8667; }
  .news-detail-content p + p { margin-top: 1.8667em; }
  .news-detail-content h2 { margin: 32px 0 28px; font-size: 1.8rem; line-height: 1.5556; }

}