@charset 'utf-8';

/* nav
------------------------------------------------ */
.news-nav { display: flex; justify-content: center; align-items: center; }
.news-nav li { position: relative; padding: 0 26px; font-size: 1.4rem; font-weight: 500; line-height: 1.2; }
.news-nav li:not(:first-child)::after { content: ''; position: absolute; top: 50%; left: 0; margin-top: -6px; width: 1px; height: 12px; background-color: #999; }
.news-nav li > a { display: block; white-space: nowrap; opacity: 0.2; }
.news-nav li > a.is-selected { opacity: 1; }
.news-nav .tag > a { text-indent: -9999px; overflow: hidden; }
.news-nav .tag > a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
.news-nav .brand-pasdecalais > a { width: 88px; height: 15px; }
.news-nav .brand-pasdecalais > a::after { background-image: url(../img/logo_pasdecalais.svg); }
.news-nav .brand-sagedecret > a { width: 98px; height: 10px; }
.news-nav .brand-sagedecret > a::after { background-image: url(../img/logo_sagedecret.svg); }

@media screen and (max-width: 768px) {
  .news-nav { margin: 0 -10px 45px; width: calc(100% + 20px); }
}

@media screen and (min-width: 769px) {
  .news-nav { margin-bottom: 50px; }
  .news-nav li { padding: 0 30px; }
}

/* result
------------------------------------------------ */
.news-result { position: relative; }

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
  .news-result { margin: 0 auto; max-width: 1000px; }
}

/* detail
------------------------------------------------ */
.news-detail { position: relative; }
.news-detail .date { margin: 0 0 10px; font-size: 1.4rem; line-height: 1.71428571429; }
.news-detail .title { margin: 0 0 50px; font-size: 1.8rem; font-weight: 400; line-height: 1.33333333333; }
.news-detail .content { font-size: 1.4rem; line-height: 1.6; }

@media screen and (max-width: 768px) {

}

@media screen and (min-width: 769px) {
  .news-detail .date { margin-bottom: 20px; font-size: 1rem; letter-spacing: 0.1em; line-height: 2; }
  .news-detail .title { font-size: 2rem; letter-spacing: 0.1em; }
}