#miyako-nature-about{overflow:clip}
#miyako-nature-about .useful-nav{position:sticky;top:0;z-index:20;background:#e9e7dbf5;color:#233b31;backdrop-filter:blur(12px);border-bottom:1px solid #233b3126}
#miyako-nature-about .useful-nav-inner{max-width:1180px;margin:auto;display:flex;align-items:center;gap:30px;padding:0 0;min-height:56px;overflow-x:auto;scrollbar-width:none}
#miyako-nature-about .useful-nav-inner a{position:relative;flex:0 0 auto;font-size:11px;letter-spacing:.05em;padding:20px 0;opacity:.6;transition:opacity .25s}
#miyako-nature-about .useful-nav-inner a[aria-current=location]{opacity:1}
#miyako-nature-about .useful-nav-inner a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
#miyako-nature-about .useful-nav-inner a[aria-current=location]::after{transform:scaleX(1)}
#miyako-nature-about .useful-progress{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#8a9164;transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}
#miyako-nature-about .useful-nav{padding-inline:6%}
#miyako-nature-about .intro,#miyako-nature-about #myk-nature-origins,#miyako-nature-about .process,#miyako-nature-about .social,#miyako-nature-about .useful-faq{scroll-margin-top:72px}
#miyako-nature-about .origin figure,#miyako-nature-about .process-photo{position:relative}
#miyako-nature-about .useful-photo-button{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;border-radius:0;color:#fff}
#miyako-nature-about .useful-photo-button::after{content:'';position:absolute;right:12px;bottom:12px;width:24px;height:24px;border-radius:50%;background:#182e297a;backdrop-filter:blur(4px);transition:background .25s}
#miyako-nature-about .useful-photo-button i{position:absolute;right:19px;bottom:19px;width:10px;height:10px;border:1px solid #fff;border-radius:50%;z-index:1}
#miyako-nature-about .useful-photo-button i::before{content:'';position:absolute;left:3px;top:1px;width:1px;height:5px;background:#fff}
#miyako-nature-about .useful-photo-button i::after{content:'';position:absolute;top:3px;left:1px;width:5px;height:1px;background:#fff}
#miyako-nature-about .useful-photo-button:hover::after{background:#182e29c9}
#miyako-nature-about .useful-photo-button:focus-visible{outline:2px solid #f0f0df;outline-offset:-6px}
#miyako-nature-about .useful-dialog{width:min(820px,92vw);max-height:88dvh;border:0;padding:26px;background:#e9e7db;color:#233b31;overflow:auto;border-radius:3px;box-shadow:0 30px 100px #0005}
#miyako-nature-about .useful-dialog::backdrop{background:#10251fbd;backdrop-filter:blur(6px)}
#miyako-nature-about .useful-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;font-size:10px;letter-spacing:.08em}
#miyako-nature-about .useful-dialog button{background:transparent;border:0;color:inherit;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px}
#miyako-nature-about .useful-dialog .useful-close{font-size:24px;line-height:1;font-family:Arial,sans-serif}
#miyako-nature-about .useful-dialog .useful-full-photo{height:min(56dvh,480px);width:100%;object-fit:contain;background:#d9d9cc}
#miyako-nature-about .useful-photo-caption{font:24px/1.3 Georgia,serif;text-align:center;margin:18px 0 8px;min-height:32px;text-wrap:balance}
#miyako-nature-about .useful-dialog-controls{display:flex;justify-content:space-between;align-items:center;font-size:10px}
#miyako-nature-about .useful-dir{width:18px;height:1px;background:currentColor;position:relative;display:block}
#miyako-nature-about .useful-dir::after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
#miyako-nature-about .useful-prev .useful-dir{rotate:180deg}
#miyako-nature-about .useful-faq{background:#e9e7db;color:#233b31;padding:64px 6%}
#miyako-nature-about .useful-faq-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}
#miyako-nature-about .useful-faq h2{font:400 clamp(30px,3.6vw,44px)/1.15 Georgia,serif;margin-top:14px;max-width:12ch;text-wrap:balance}
#miyako-nature-about .useful-faq details{border-bottom:1px solid #233b312b}
#miyako-nature-about .useful-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:21px 0;font-size:14px;line-height:1.6;cursor:pointer}
#miyako-nature-about .useful-faq summary::-webkit-details-marker{display:none}
#miyako-nature-about .useful-faq summary::after{content:'+';font:300 21px/1 Arial,sans-serif;transition:rotate .3s}
#miyako-nature-about .useful-faq details[open] summary::after{rotate:45deg}
#miyako-nature-about .useful-faq details p{font-size:13px;line-height:1.9;padding:0 32px 20px 0;max-width:58ch;animation:useful-answer .3s ease}
#miyako-nature-about .useful-faq a{display:inline-flex;align-items:center;gap:12px;font-size:11px;border-bottom:1px solid #233b3166;padding-bottom:7px;margin-top:24px}
@keyframes useful-answer{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:749px){#miyako-nature-about .useful-nav-inner{min-height:50px;gap:22px}#miyako-nature-about .useful-nav-inner a{font-size:10px;padding:18px 0}#miyako-nature-about .useful-faq{padding:38px 6%}#miyako-nature-about .useful-faq-inner{grid-template-columns:1fr;gap:20px}#miyako-nature-about .useful-faq h2{max-width:none;font-size:30px}#miyako-nature-about .useful-faq summary{font-size:13px;padding:18px 0}#miyako-nature-about .useful-faq details p{font-size:12px}#miyako-nature-about .useful-dialog{padding:14px;max-height:86dvh}#miyako-nature-about .useful-photo-caption{font-size:21px}#miyako-nature-about .useful-dialog .useful-full-photo{height:48dvh}}
@media(prefers-reduced-motion:reduce){#miyako-nature-about .useful-nav a::after,#miyako-nature-about .useful-faq summary::after{transition:none}#miyako-nature-about .useful-faq details p{animation:none}}