/*
Theme Name: EM Hayashi
Description: EMクリーニング ハヤシ専用テーマ。/cleaning/ と同じヘッダー・フッター・配色で新着情報と記事を表示する。ヘッダー等の共通部品は /cleaning/script/ から読み込む。
Version: 1.1.1
Author: インフィード合同会社
Text Domain: em-hayashi
*/

/* 記事ページ */
.em-article{max-width:820px;margin:0 auto;padding:0 20px 48px}
.em-crumb{max-width:1120px;margin:0 auto;padding:18px 20px 0;font-size:13px;color:#9a8d7b;line-height:1.7}
.em-crumb a{color:inherit;text-decoration:underline}
.em-crumb span+span::before{content:"›";margin:0 6px}
.em-article__head{padding:28px 0 20px}
.em-article__title{margin:12px 0 0;font-size:28px;font-weight:700;line-height:1.5;color:var(--text-color)}
.em-article__eye{position:relative;overflow:hidden;margin:0 0 28px;border-radius:12px;background:#f3efe7;text-align:center}
.em-article__eye::before{content:"";position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background:var(--tn-img) center/cover no-repeat;filter:blur(24px) saturate(1.1);opacity:.55}
.em-article__eye img{position:relative;display:block;width:auto;max-width:100%;height:auto;max-height:560px;margin:0 auto}
.em-entry{padding:32px;border-radius:12px;background:#fff;color:var(--text-color);font-size:16px;line-height:1.95;overflow-wrap:anywhere}
.em-entry>*:first-child{margin-top:0}
.em-entry>*:last-child{margin-bottom:0}
.em-entry p{margin:0 0 1.2em}
.em-entry h2{margin:2em 0 .8em;padding:0 0 .4em;border-bottom:2px solid var(--main-color);font-size:22px;font-weight:700;line-height:1.5}
.em-entry h3{margin:1.8em 0 .7em;font-size:19px;font-weight:700;line-height:1.5}
.em-entry h4{margin:1.5em 0 .6em;font-size:17px;font-weight:700}
.em-entry ul{margin:0 0 1.2em;padding-left:1.5em;list-style:disc}
.em-entry ol{margin:0 0 1.2em;padding-left:1.5em;list-style:decimal}
.em-entry li{margin:.3em 0}
.em-entry a{color:#5f8200;text-decoration:underline}
.em-entry img{max-width:100%;height:auto}
.em-entry div,.em-entry section{max-width:100%;box-sizing:border-box}
.em-entry figure{max-width:100%;margin:0 0 1.2em}
.em-entry iframe,.em-entry video,.em-entry embed{max-width:100%}
.em-entry .wp-block-embed iframe,.em-entry iframe[src*="youtube"]{display:block;width:100%;aspect-ratio:16/9;height:auto}
.em-entry table{max-width:100%;border-collapse:collapse;margin:0 0 1.2em}
.em-entry th,.em-entry td{padding:8px 10px;border:1px solid #e3ddd2}
.em-entry blockquote{margin:0 0 1.2em;padding:12px 18px;border-left:4px solid var(--main-color);background:#faf8f3}
.em-entry .aligncenter{display:block;margin-left:auto;margin-right:auto}
.em-entry .alignleft{float:left;margin:0 1.2em 1em 0}
.em-entry .alignright{float:right;margin:0 0 1em 1.2em}
.em-entry::after{content:"";display:block;clear:both}
.em-old-notice{margin:0 0 24px!important;padding:12px 16px;border-left:4px solid #e9781e;background:#fdf4ec;font-size:14px;line-height:1.7}
.em-adjacent{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 0}
.em-adjacent a{display:block;padding:14px 16px;border-radius:10px;background:#fff;color:var(--text-color);font-size:14px;font-weight:700;line-height:1.55}
.em-adjacent small{display:block;margin-bottom:4px;color:#9a8d7b;font-weight:500}
.em-adjacent .is-next{text-align:right}
.em-related{padding:24px 0 8px}
.em-related .f-base__contentsttl{margin-bottom:24px}
.em-comments{margin-top:24px;padding:24px 32px;border-radius:12px;background:#fff}
.em-comments textarea,.em-comments input[type=text],.em-comments input[type=email],.em-comments input[type=url]{width:100%;padding:8px;border:1px solid #d9d2c6;border-radius:6px}
.em-comments input[type=submit]{padding:10px 22px;border:0;border-radius:999px;background:var(--main-color);color:#fff;font-weight:700}
.em-comments ol{padding:0;list-style:none}
@media screen and (max-width:768px){.em-article{padding:0 14px 32px}.em-article__title{font-size:22px}.em-entry{padding:20px 16px;font-size:15px}.em-entry h2{font-size:19px}.em-entry h3{font-size:17px}.em-adjacent{grid-template-columns:1fr}.em-comments{padding:18px 16px}}