@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- news_content :通常記事の本文（the_content）の表示（段階03でWP用に追加）

静的原本 news/detail/index.html の本文は、見本のためにクラス付きの部品
（news-detail__lead / __txt / __link など）で組まれている。WPの通常記事は
管理画面で書いた素のHTML（p / h1〜h6 / img / table / ul / a など）になるため、
destyle でリセットされた要素を読める状態へ戻す。

- 対象は `.news-detail__content` の内側だけ。TOP・固定ページ・マガジン・ACCの本文へ出さない。
- 文字の大きさ・行送り・色・リンク色は、見本の本文（news-detail__txt / __link）に合わせる。
- 本文を書き換えて表示を合わせない（記事側のHTMLはそのまま表示する）。
- 生成：asset/scss で `node build.cjs news_content`（news_content.css を出力）。
-------------------------*/
/* 見出し（news_detail.scss $nd_black） */
/* 本文（$nd_txt） */
/* リンク（$nd_link） */
/* 表の罫線（$nd_line） */
/* 表見出し・引用の地（$nd_box） */
/* 本文コンテンツ幅（$nd_body_w） */
.news-detail__content {
  max-width: 844px;
  margin: 60px auto 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #666666;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 768px) {
  .news-detail__content {
    margin-top: 40px;
  }
}
.news-detail__content {
  /* アイキャッチが無い記事は、本文を見出しの直後から始める */
}
.news-detail__content:first-child {
  margin-top: 0;
}
.news-detail__content > :first-child {
  margin-top: 0;
}
.news-detail__content p {
  margin-top: 16px;
}
.news-detail__content h1,
.news-detail__content h2,
.news-detail__content h3,
.news-detail__content h4,
.news-detail__content h5,
.news-detail__content h6 {
  margin-top: 48px;
  font-weight: 700;
  color: #1D1D1F;
}
@media screen and (max-width: 768px) {
  .news-detail__content h1,
  .news-detail__content h2,
  .news-detail__content h3,
  .news-detail__content h4,
  .news-detail__content h5,
  .news-detail__content h6 {
    margin-top: 36px;
  }
}
.news-detail__content h1 {
  font-size: 28px;
  line-height: 42px;
}
@media screen and (max-width: 768px) {
  .news-detail__content h1 {
    font-size: 24px;
    line-height: 36px;
  }
}
.news-detail__content h2 {
  font-size: 24px;
  line-height: 38px;
}
@media screen and (max-width: 768px) {
  .news-detail__content h2 {
    font-size: 22px;
    line-height: 34px;
  }
}
.news-detail__content h3 {
  font-size: 22px;
  line-height: 36px;
}
@media screen and (max-width: 768px) {
  .news-detail__content h3 {
    font-size: 20px;
    line-height: 32px;
  }
}
.news-detail__content h4 {
  font-size: 20px;
  line-height: 34px;
}
@media screen and (max-width: 768px) {
  .news-detail__content h4 {
    font-size: 18px;
    line-height: 30px;
  }
}
.news-detail__content h5 {
  font-size: 18px;
  line-height: 32px;
}
@media screen and (max-width: 768px) {
  .news-detail__content h5 {
    font-size: 17px;
    line-height: 28px;
  }
}
.news-detail__content h6 {
  font-size: 16px;
  line-height: 28px;
}
.news-detail__content a {
  color: #0099D7;
  text-decoration: underline;
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .news-detail__content a:hover {
    text-decoration: none;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .news-detail__content a:hover {
    text-decoration: none;
  }
}
.news-detail__content strong,
.news-detail__content b {
  font-weight: 700;
}
.news-detail__content em,
.news-detail__content i {
  font-style: italic;
}
.news-detail__content ul,
.news-detail__content ol {
  margin-top: 16px;
  padding-left: 1.5em;
}
.news-detail__content ul {
  list-style: disc;
}
.news-detail__content ol {
  list-style: decimal;
}
.news-detail__content img {
  max-width: 100%;
  height: auto;
}
.news-detail__content figure,
.news-detail__content .wp-caption {
  max-width: 100%;
  margin-top: 24px;
}
.news-detail__content figcaption,
.news-detail__content .wp-caption-text {
  margin-top: 8px;
  font-size: 14px;
  line-height: 24px;
}
.news-detail__content .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.news-detail__content .alignleft {
  float: left;
  margin: 8px 24px 16px 0;
}
.news-detail__content .alignright {
  float: right;
  margin: 8px 0 16px 24px;
}
.news-detail__content::after {
  content: "";
  display: block;
  clear: both;
}
.news-detail__content table {
  width: 100%;
  margin-top: 24px;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .news-detail__content table {
    display: block;
    overflow-x: auto;
  }
}
.news-detail__content th,
.news-detail__content td {
  padding: 8px 12px;
  border: 1px solid #D9D9DC;
  text-align: left;
  vertical-align: top;
}
.news-detail__content th {
  background: #F6F6F8;
  font-weight: 500;
  color: #1D1D1F;
}
.news-detail__content blockquote {
  margin-top: 24px;
  padding: 16px 20px;
  border-left: 4px solid #D9D9DC;
  background: #F6F6F8;
}
.news-detail__content hr {
  margin-top: 32px;
  border: 0;
  border-top: 1px solid #D9D9DC;
}