/*
Theme Name: 愛を編むこねこ
Description: 静的HTMLをもとにしたオリジナルテーマ。トップの横スクロールと画像メニューに対応。
Version: 1.2.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: iamkoneko
*/

.page-content{max-width:960px;margin:0 auto;padding:48px 28px 80px;line-height:1.9;overflow-wrap:anywhere;color:#292929;min-height:60vh}
.page-content a{color:inherit}.page-content img{height:auto}.page-content iframe{max-width:100%}.page-content .alignwide{max-width:100%}.page-content .alignfull{margin-left:-28px;margin-right:-28px}.menu-item span{font-size:24px;color:#292929}
.global-menu__inner{overflow-y:auto}.global-menu__nav{min-height:100%}.global-menu__koneko{position:fixed;bottom:30px;left:max(25px,calc((100vw - 750px)/2 + 25px))}
.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:10px;left:10px;padding:10px;background:white;z-index:2000}
:focus-visible{outline:2px solid #825c41;outline-offset:5px}
.admin-bar .global-menu{top:32px}
@media(min-width:768px){.global-menu__koneko{left:25px}}
@media(max-width:782px){.admin-bar .global-menu{top:46px}}
@media(max-width:767px){.page-content{padding:28px 20px 60px}.global-menu__koneko{left:26px;bottom:29px}.menu-item span{font-size:19px}}

.about-visual{margin:0 0 36px}.about-visual img{width:100%;height:auto}.about-copy{max-width:760px;margin:0 auto}
.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;margin-top:32px}.event-card{border-bottom:1px solid #ded8d1;padding-bottom:24px}.event-card a{text-decoration:none}.event-card h2{font-size:21px;margin:8px 0 12px;line-height:1.5}.event-card time,.event-detail time{font-size:14px;color:#776b61}.event-card__image{margin-bottom:16px}.event-card__image img{width:100%;aspect-ratio:4/3;object-fit:cover}.event-card p{font-size:15px;margin:0}.event-pagination{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:40px}.page-numbers{padding:6px 12px}.page-numbers.current{background:#eee7df}.event-detail__image{margin:24px 0}.event-detail__image img{width:100%;height:auto}.event-back{margin-top:48px}
.koneko-contact-form{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:18px}.koneko-contact-form p{margin:0 0 28px}.koneko-contact-form input[type=text],.koneko-contact-form input[type=email],.koneko-contact-form input[type=tel]{width:100%;max-width:490px}.koneko-contact-form input[type=text],.koneko-contact-form input[type=email],.koneko-contact-form input[type=tel],.koneko-contact-form textarea{font:inherit;padding:10px 12px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#292929;box-sizing:border-box}.koneko-contact-form textarea{width:100%;min-height:240px}.contact-topics{border:0;padding:0;margin:8px 0 28px}.contact-topics .wpcf7-list-item{margin:0 20px 10px 0}.contact-topics label{display:inline-flex;align-items:center;gap:8px}.contact-topics input{width:20px;height:20px;accent-color:#3478c6}.koneko-contact-form input[type=submit]{font:inherit;background:#292929;color:#fff;border:0;border-radius:4px;padding:12px 36px;cursor:pointer}.wpcf7-not-valid-tip{font-size:14px}.contact-page{max-width:1100px}
@media(max-width:767px){.event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.event-card h2{font-size:18px}.koneko-contact-form{font-size:16px}.contact-topics .wpcf7-list-item{display:block}}
@media(max-width:420px){.event-grid{grid-template-columns:1fr}}

/* cocilaelle2.life/about と同じフォントスタック */
:root{
  --koneko-serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  --koneko-sans:"Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
}
body,.page-content,.koneko-contact-form{font-family:var(--koneko-sans)}
.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6,.menu-item span{font-family:var(--koneko-serif);font-weight:400}
input,textarea,select,button{font-family:inherit}

/* 店舗一覧 */
.shoplist-regions{margin-top:36px;max-width:760px}
.shoplist-region{padding:24px 0;border-bottom:1px solid #ded8d1}
.shoplist-region h2{font-size:22px;margin:0 0 12px}
.shoplist-region ul{list-style:none;padding:0;margin:0}
.shoplist-region li+li{margin-top:12px}
.shoplist-region a{text-underline-offset:5px}
.voice-card p{line-height:1.9}

/* ページタイトルと画像メニューの余白調整 */
.global-menu__nav{gap:28px}
.global-menu__nav .menu-item{flex-shrink:0}
@media(max-width:767px){
  .page-content h1{font-size:clamp(20px,5.2vw,26px);line-height:1.5;margin:0 0 28px;letter-spacing:0;word-break:normal;overflow-wrap:break-word}
  .global-menu__nav{gap:20px;padding-top:40px;padding-bottom:110px}
}