/* ガイド記事（fat_guide）専用 CSS。header.php から is_singular("fat_guide") のときだけ読み込む。
   module.css に追記しない理由: SP の module.css は 999 行目付近の gradient( の閉じ括弧漏れで以降の CSS が無視されるため */
/* ---- ガイド記事（fat_guide / andtopics report 連携）PC ---- */
.fat-guide .main_photo img { width: 100%; height: auto; }
.fat-guide .cont h3 { font-size: 20px; line-height: 1.5em; margin: 1.5em 0 0.8em; padding-left: 10px; border-left: 4px solid #258e9f; }
.fat-guide .cont ul, .fat-guide .cont ol { margin: 0 0 2em 1.5em; font-size: 16px; line-height: 1.7em; }
.fat-guide .cont ul li { list-style: disc; }
.fat-guide .cont ol li { list-style: decimal; }
.fat-guide .cont table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; border-collapse: collapse; margin: 0 0 2em; font-size: 15px; line-height: 1.6em; }
.fat-guide .cont table th, .fat-guide .cont table td { border: 1px solid #ddd; padding: 8px 12px; vertical-align: top; text-align: left; min-width: 8em; }
.fat-guide .cont table thead th { background: #f3f6f7; white-space: nowrap; }
.fat-guide .cont figure { margin: 0 0 2em; text-align: center; }
.fat-guide .cont figure img { max-width: 100%; height: auto; }
.fat-guide .cont figcaption { font-size: 12px; color: #777; text-align: center; margin-top: 6px; }
.fat-guide .cont p.fat-ota { margin: 24px 0; padding-bottom: 0; text-align: center; }
.fat-guide .cont p.fat-ota a { display: inline-block; min-width: 280px; max-width: 100%; box-sizing: border-box; padding: 14px 24px; border-radius: 6px; background: #258e9f; color: #fff !important; font-weight: 600; text-decoration: none !important; }
.fat-guide .cont p.fat-ota a:hover { opacity: 0.85; color: #fff !important; text-decoration: none !important; }

/* よくある質問（andtopics_faq） */
.fat-guide .cont .fat-faq { margin-top: 2em; }
.fat-guide .cont .fat-faq__item { border: 1px solid #ddd; border-radius: 6px; margin: 0 0 10px; background: #fff; }
.fat-guide .cont .fat-faq__item summary { cursor: pointer; padding: 14px 16px; font-size: 16px; font-weight: 600; line-height: 1.5em; list-style: none; position: relative; padding-right: 36px; }
.fat-guide .cont .fat-faq__item summary::-webkit-details-marker { display: none; }
.fat-guide .cont .fat-faq__item summary::after { content: "+"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: #258e9f; font-size: 20px; font-weight: 400; }
.fat-guide .cont .fat-faq__item[open] summary::after { content: "\2212"; }
.fat-guide .cont .fat-faq__answer { padding: 0 16px 4px; }
.fat-guide .cont .fat-faq__answer p { padding-bottom: 1em; }