/* 記事ページ・記事一覧（色や部品の土台はプラグインの yoikatsu.css） */

/* 本文 */
.yk-post{font-size:15px;line-height:1.9;color:#2b2b2b}
.yk-post-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:#777;margin:0 0 12px}
.yk-post-eye{margin:0 0 16px}
.yk-post-eye img{width:100%;height:auto;display:block;border-radius:6px}
.yk-post h2{font-size:18px;margin:36px 0 14px;padding:10px 12px;background:#FFF4F7;border-left:5px solid #E8336F;border-radius:4px;line-height:1.5}
.yk-post h3{font-size:16px;margin:28px 0 10px;padding:0 0 6px 10px;border-left:3px solid #E8336F;border-bottom:1px solid #F7C6D6;line-height:1.5}
.yk-post h2,.yk-post h3{scroll-margin-top:70px}
.yk-post p{margin:0 0 14px}
.yk-post ul,.yk-post ol{margin:0 0 14px;padding-left:1.4em}
.yk-post li{margin:0 0 4px}
.yk-post a{color:#D0245E}
.yk-post img{max-width:100%;height:auto}
.yk-post figure.wp-block-table{margin:0 0 18px;overflow-x:auto}
.yk-post table{width:100%;border-collapse:collapse;font-size:13px}
.yk-post .wp-block-table table{min-width:480px}
.yk-post th,.yk-post td{border:1px solid #eee;padding:8px;text-align:left;vertical-align:top}
.yk-post th{background:#FFF4F7;white-space:nowrap}

/* 目次 */
.yk-toc{margin:20px 0 24px;border:2px solid #F7C6D6;border-radius:8px;background:#FFFAFC}
.yk-toc summary{cursor:pointer;padding:10px 14px;font-weight:900;font-size:15px}
.yk-toc ol{margin:0;padding:0 14px 12px 2.2em;font-size:14px;line-height:1.7}
.yk-toc ol ol{padding:2px 0 4px 1.2em;font-size:13px;list-style:disc}
.yk-toc a{color:#333;text-decoration:none}
.yk-toc a:hover{color:#E8336F;text-decoration:underline}

/* 店舗カード [yk_shop] */
.yk-ashop{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0 22px;padding:12px;border:1px solid #F0D4D4;border-radius:8px;background:#fff}
@media(min-width:640px){.yk-ashop{grid-template-columns:220px 1fr}}
.yk-ashop__img img,.yk-ashop__img .yk-noimg{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;display:block}
.yk-ashop__name{margin:0 0 4px!important;font-weight:900;font-size:16px}
.yk-ashop__name a{color:#2b2b2b!important;text-decoration:none}
.yk-ashop__catch{margin:0 0 6px!important;font-size:13px;color:#555}
.yk-ashop__point{margin:0 0 8px!important;padding:6px 10px;background:#FFF4F7;border-radius:4px;font-size:13px;font-weight:700}
.yk-ashop__tbl{font-size:12.5px!important;margin:0 0 10px}
.yk-ashop__tbl th{width:6em}
.yk-ashop__btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.yk-ashop__btns .yk-btn{color:#fff!important;text-decoration:none;min-height:40px}
.yk-ashop__sns{font-size:12px;padding:6px 10px;border:1px solid #ddd;border-radius:999px;color:#333!important;text-decoration:none}

/* 記事掲載店（店舗DBにない店）の確認日 */
.yk-ashop__date{margin:0 0 10px!important;font-size:11.5px;color:#888;line-height:1.6}

/* よくある質問 [yk_faq] */
.yk-faq{margin:0 0 20px}
.yk-faq__item{border:1px solid #F0D4D4;border-radius:6px;margin:0 0 8px;background:#fff}
.yk-faq__item summary{cursor:pointer;padding:10px 12px;font-weight:700;display:flex;gap:8px;align-items:flex-start}
.yk-faq__a{padding:0 12px 12px;display:flex;gap:8px}
.yk-faq__q{flex:0 0 24px;height:24px;border-radius:50%;background:#E8336F;color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center}
.yk-faq__q--a{background:#4a1747}

/* ポイント枠・こんな人におすすめ・本文の画像 */
.yk-post .yk-point{margin:0 0 22px;padding:12px 14px 4px;border:2px solid #F7C6D6;border-radius:8px;background:#FFFAFC}
.yk-post .yk-point__ttl{margin:0 0 6px;font-weight:900;color:#D0245E}
.yk-post .yk-point ul{margin:0 0 8px}
.yk-post ul.yk-for{list-style:none;margin:0 0 12px;padding:8px 12px;border-radius:6px;background:#F7F3FA;font-size:14px}
.yk-post ul.yk-for li{position:relative;padding-left:1.4em}
.yk-post ul.yk-for li::before{content:"✓";position:absolute;left:0;color:#E8336F;font-weight:900}
.yk-post figure.wp-block-image{margin:0 0 18px}
.yk-post figure.wp-block-image img{border-radius:8px;display:block}
.yk-post figure.wp-block-image figcaption{margin:4px 0 0;font-size:12px;color:#888;text-align:center}

/* 編集部ボックス */
.yk-author{display:flex;gap:12px;align-items:flex-start;margin:28px 0 0;padding:14px;border-radius:8px;background:#FFF4F7}
.yk-author img{width:56px;height:56px;border-radius:50%;flex:0 0 56px}
.yk-author p{margin:0;font-size:13px;line-height:1.7}
.yk-author b{display:block;font-size:14px;margin-bottom:2px}

/* エリア導線 */
.yk-areacta{margin:24px 0 0;padding:14px;border:2px solid #E8336F;border-radius:8px;background:#fff}
.yk-areacta p{margin:0 0 10px;font-weight:900}
.yk-areacta .yk-chips{display:flex;flex-wrap:wrap;gap:6px}

/* 掲載したいお店の方へ */
.yk-ownercta{margin:16px 0 0;padding:14px;border:1px dashed #D9A7B8;border-radius:8px;background:#fff;text-align:center}
.yk-ownercta__h{margin:0 0 6px!important;font-weight:900;color:#4a1747}
.yk-ownercta p{font-size:13px;line-height:1.7}
.yk-ownercta .yk-btn{display:inline-block;width:auto;padding:8px 18px;color:var(--pink,#E8336F)!important;text-decoration:none}

/* 記事カード */
.yk-artlist{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:640px){.yk-artlist{grid-template-columns:1fr 1fr}}
.yk-art{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid #F0D4D4;border-radius:8px;background:#fff;color:#2b2b2b!important;text-decoration:none}
.yk-art img,.yk-art .yk-art__noimg{width:120px;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px;flex:0 0 120px;background:#FFE3EC}
.yk-art b{font-size:13.5px;line-height:1.5;display:block}
.yk-art small{font-size:11px;color:#888}

/* ヨイちゃん：編集部ボックス・掲載の案内・404 */
.yk-author .yk-yoi{width:64px;height:auto;border-radius:0;flex:0 0 64px}
.yk-ownercta{position:relative;padding-top:58px;margin-top:56px}
.yk-ownercta .yk-yoi--cta{position:absolute;left:50%;top:-44px;width:84px;margin-left:-42px}
.yk-404{text-align:center}
.yk-404 .yk-yoi--404{width:140px;margin:6px auto 0}
.yk-404__say{margin:4px 0 14px!important;font-weight:900;color:var(--pink,#E8336F)}
