@charset "UTF-8";
/* SWELL標準記事領域の保護 */
body.single-post #main_content,
body.single-column #main_content,
body.single-medical-column #main_content,
body.page #main_content,
body.single-post .l-content,
body.single-column .l-content,
body.single-medical-column .l-content,
body.page .l-content {
  overflow: visible;
}

body.single-post .post_content,
body.single-column .post_content,
body.single-medical-column .post_content,
body.page .post_content {
  text-align: initial;
}

body.single-post .post_content ul,
body.single-column .post_content ul,
body.page .post_content ul {
  list-style: disc;
  padding-left: 1.5em;
}

body.single-post .post_content ol,
body.single-column .post_content ol,
body.page .post_content ol {
  list-style: decimal;
  padding-left: 1.5em;
}

body.single-post .post_content li,
body.single-column .post_content li,
body.page .post_content li {
  list-style: inherit;
}

body.single-post .post_content a,
body.single-column .post_content a,
body.page .post_content a {
  color: var(--color_link, #1176d4);
  text-decoration: underline;
}

body.single-post .post_content input[type="checkbox"],
body.single-post .post_content input[type="radio"],
body.single-column .post_content input[type="checkbox"],
body.single-medical-column .post_content input[type="checkbox"],
body.single-column .post_content input[type="radio"],
body.single-medical-column .post_content input[type="radio"],
body.page .post_content input[type="checkbox"],
body.page .post_content input[type="radio"] {
  display: inline-block;
  appearance: auto;
}

/*
 * 医療コラム（medical-column）はリンク・リストの強制指定を行いません。
 * 上の「.post_content a / ul / ol / li」の指定は詳細度が高く、SWELLボタン
 * （文字色・下線）やSWELLのリスト装飾を上書きしてしまうため、SWELL本体のCSSに任せます。
 */

/*
 * 横はみ出し対策（このCSSはSWELL標準記事の画面でのみ読み込まれます）。
 * body が display:flex（縦並び）で、SWELLの .l-container は左右 margin:auto のため、
 * 記事エリアが「中身の幅」に合わせて広がり、横スクロール表などがあるとスマホで
 * ページ全体が画面幅を超えていました。幅を画面に固定し、表は表の中だけでスクロールさせます。
 */
body > .l-content,
body > .p-breadcrumb {
  width: 100%;
  min-width: 0;
}