* { box-sizing: border-box; }
body { margin: 0; background: #FBF5F1; }
a { color: #B0757F; text-decoration: none; }
a:hover { color: #8f5b64; }

@keyframes awafloat  { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-14px) } }
@keyframes awafloat2 { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-22px) } }
@keyframes awareveal { from { opacity: 0; transform: translateY(28px) } to { opacity: 1; transform: none } }

/* スクロール連動の出現アニメ (対応ブラウザのみ) */
@supports (animation-timeline: view()) {
  .reveal { animation: awareveal both; animation-timeline: view(); animation-range: entry 0% cover 26%; }
}

/* アコーディオン (details/summary) の見た目 */
details.awa summary { list-style: none; cursor: pointer; }
details.awa summary::-webkit-details-marker { display: none; }
details.awa summary .awa-sign { transition: transform .25s ease; }
details.awa[open] summary .awa-sign { transform: rotate(45deg); }

/* 言語切り替えドロップダウン (JS不要・details/summary) */
.awa-lang { position: relative; flex: none; }
.awa-lang > summary {
  list-style: none; cursor: pointer;
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 14px; border: 1px solid #E4CFC9; border-radius: 999px;
  background: #FFFDFB; color: #33302E;
  font-size: 12.5px; letter-spacing: .02em; white-space: nowrap;
}
.awa-lang > summary::-webkit-details-marker { display: none; }
.awa-lang > summary .awa-caret { font-size: 9px; color: #8a7d78; transition: transform .2s ease; }
.awa-lang[open] > summary .awa-caret { transform: rotate(180deg); }
.awa-lang-menu {
  position: absolute; top: calc(100% + 8px); right: 0;
  display: flex; flex-direction: column; gap: 2px;
  min-width: 132px; padding: 6px;
  background: #FFFDFB; border: 1px solid #E4CFC9; border-radius: 14px;
  box-shadow: 0 12px 28px rgba(51,48,46,.14); z-index: 60;
}
.awa-lang-menu a {
  border-radius: 999px; padding: 9px 14px;
  font-size: 13px; letter-spacing: .02em; color: #8a7d78; white-space: nowrap;
}
.awa-lang-menu a:hover { background: #F5EBE4; color: #33302E; }
.awa-lang-menu a[aria-current="true"] { background: #33302E; color: #FBF5F1; }