/* =========================================================
   Mother.N 共通CSS（背景・ヘッダー・フッター）
   ここを直すと、読み込んでいる全ページに反映されます
   ========================================================= */
html{background:#fdf8e9;}
body{background:#fdf8e9 url(../images/motherN_bg.png) repeat;background-size:600px auto;}

.header{position:relative;z-index:10;padding:14px 20px 0;letter-spacing:normal;font-family:"Kosugi Maru","Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1100px;margin:0 auto;}
.header a,.site-footer a{color:#4b3a2f;text-decoration:none;}
.header-logo{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 46px;line-height:normal;}
.header-logo::before,.header-logo::after{content:'';position:absolute;top:50%;height:52px;transform:translateY(-50%);background:center/contain no-repeat;}
.header-logo::before{left:0;width:36px;background-image:url(../images/motherN01-logo-left.png);}
.header-logo::after{right:0;width:40px;background-image:url(../images/motherN01-logo-right.png);}
.header-logo-main{font-family:"Libre Baskerville",serif;font-size:2.25rem;font-style:italic;font-weight:bold;line-height:1.1;color:#5a3a26;}
.header-logo-sub{font-size:.8125rem;letter-spacing:.4em;line-height:1.6;}
.gnav ul{display:flex;gap:40px;margin:0;padding:0;list-style:none;}
.gnav a{position:relative;display:block;padding:8px 2px;font-size:1rem;letter-spacing:.1em;line-height:1.6;}
.gnav a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:#e08a4a;transform:scaleX(0);transition:transform .2s;}
.gnav a:hover::after,.gnav .is-current a::after{transform:scaleX(1);}
.header-toggle{display:none;}

.site-footer{padding:2.5rem 20px 2.25rem;letter-spacing:normal;color:#4b3a2f;font-family:"Kosugi Maru","Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;font-size:.875rem;line-height:1.6;text-align:center;}
.footer-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 32px;}
.footer-logo .header-logo-main{font-size:1.75rem;}
.footer-logo .header-logo-sub{font-size:.6875rem;}
.footer-logo::before,.footer-logo::after{height:40px;}
.footer-nav ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;}
.footer-nav li+li::before{content:'|';margin:0 12px;color:#c9b8a0;}
.footer-nav a{font-size:.9375rem;letter-spacing:.06em;}
.footer-note{margin:1rem 0 0;color:#75675f;font-size:.8125rem;}
.footer-extra{margin:.75rem 0 0;color:#75675f;font-size:.8125rem;}
.footer-extra a{color:#75675f;}
.footer-copy{margin:.25rem 0 0;color:#75675f;font-size:.8125rem;}

@media (max-width:999px){
.gnav ul{gap:22px;}
}
@media (max-width:599px){
.header{padding:8px 12px 0;}
.header-logo{padding:0 34px;}
.header-logo::before{width:26px;height:40px;}
.header-logo::after{width:30px;height:40px;}
.header-logo-main{font-size:1.75rem;}
.header-logo-sub{font-size:.6875rem;}
.header-toggle{position:relative;display:block;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer;}
.header-toggle span,.header-toggle::before,.header-toggle::after{content:'';position:absolute;left:8px;right:8px;height:3px;border-radius:2px;background:#5a3a26;transition:transform .2s,opacity .2s;}
.header-toggle span{top:50%;transform:translateY(-50%);}
.header-toggle::before{top:12px;}
.header-toggle::after{bottom:12px;}
.header.is-open .header-toggle span{opacity:0;}
.header.is-open .header-toggle::before{transform:translateY(8px) rotate(45deg);}
.header.is-open .header-toggle::after{transform:translateY(-8px) rotate(-45deg);}
.gnav{position:absolute;top:100%;left:12px;right:12px;display:none;padding:8px 16px;background:#fffaf0;border:1px solid #efe0c8;border-radius:16px;box-shadow:0 8px 20px rgba(90,58,38,.12);}
.header.is-open .gnav{display:block;}
.gnav ul{flex-direction:column;gap:0;}
.gnav li+li{border-top:1px dashed #ead9bf;}
.gnav a{padding:12px 4px;}
.gnav a::after{display:none;}
.gnav .is-current a{color:#d27a3c;}
.footer-nav li+li::before{margin:0 8px;}
}
@media print{body{background:#fff;}.header{display:none;}}