/*
Theme Name: Ginger（脱毛サロンジンジャー）
Theme URI: https://ginger-nara.com/
Author: 合同会社ビッスキー
Description: 奈良県香芝市の都度払い脱毛サロン「脱毛サロンジンジャー」のオリジナルテーマ（1ページ構成）。
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: All rights reserved
Text Domain: ginger
*/
body{margin:0;background:#fffdf8}
a{color:#8a6420}a:hover{color:#5e4415}
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
@keyframes gKen{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes gUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes gLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes gScroll{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
@keyframes gMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes gFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.g-ken{animation:gKen 9s cubic-bezier(.2,.6,.2,1) both;transform-origin:65% 35%}
.g-up{animation:gUp 1.2s cubic-bezier(.2,.7,.2,1) both}
.g-line{animation:gLine 1.4s .6s cubic-bezier(.2,.7,.2,1) both;transform-origin:left}
.g-scroll{animation:gScroll 2.2s ease-in-out infinite}
.g-marq{animation:gMarq 40s linear infinite}
.g-float{animation:gFloat 3s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.g-ken,.g-up,.g-line,.g-scroll,.g-marq,.g-float{animation:none;opacity:1}}

html{scroll-behavior:smooth;scroll-padding-top:90px}
img{max-width:100%}
.g-mbar{display:none}
@media (max-width: 900px){
 .g-navlink{display:none}
}
@media (max-width: 640px){
 .g-nav{display:none !important}
 .g-herotitle{font-size:27px !important;letter-spacing:0.02em !important}
 #top{min-height:auto !important;align-items:flex-end !important}
 #top > div:nth-child(2){padding:300px 16px 32px !important}
 .g-heropanel{background:rgba(255,255,255,0.92) !important;padding:28px 22px !important}
 #top img.g-ken{width:100% !important;object-position:60% 15% !important;height:420px !important;-webkit-mask-image:none !important;mask-image:none !important}
 body{padding-bottom:64px}
 .g-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid #efe4cf}
 .g-mbar a{flex:1;text-align:center;padding:14px 4px;font-weight:700;text-decoration:none;color:#9a6f28;font-size:14px}
 .g-mbar a.g-mbar-main{background:#9a6f28;color:#fff}
}
@media (max-width: 640px){ #top > div:last-child{display:none} }
/* 下層ページ（お知らせ等） */
.g-simple{max-width:860px;margin:0 auto;padding:48px 20px 96px}
.g-simple-head{border-bottom:1px solid #efe4cf;background:#fff}
.g-simple-head a{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;text-decoration:none;color:#3f3833;font-family:'Shippori Mincho',serif;font-weight:700}
.g-simple h1,.g-simple h2{font-family:'Shippori Mincho',serif}
.g-simple article{padding:24px 0;border-bottom:1px solid #efe4cf}