/* サイト全体の文字組み(既存CSSの後に読み込む)
   フォント本体は common/top/page.min.css の指定の先頭に Noto Sans JP / Noto Serif JP を追加済み。
   ここでは太さ・行間・スマホの文字サイズを整える。 */
.l-body{font-weight:400;-webkit-font-smoothing:antialiased;line-break:strict}
h1,h2,h3,.c-ttl01__main{font-weight:600;letter-spacing:.06em;font-feature-settings:"palt"}

/* 本文の読みやすさ */
.p-top-method__txt,.p-top-method__txt span{font-size:15px;font-weight:500;line-height:2;letter-spacing:.04em}
.p-top-news__item-ttl{font-weight:500;line-height:1.8;letter-spacing:.03em}
.js--accordion-trigger{font-weight:500;line-height:1.7}

@media screen and (max-width:767px){
  .p-top-news__item-ttl{font-size:15px}
  .p-top-news__item-date{font-size:13px}
  .js--accordion-trigger,.js--accordion-trigger a,.p-top-qa dd,.p-top-qa dd a{font-size:15px}
  .c-ttl01__main{font-size:clamp(22px,6.2vw,30px);line-height:1.45}
}
@media screen and (min-width:768px){
  .p-top-method__txt,.p-top-method__txt span{font-size:16px}
  /* 「奄美キックボクシングジムについて」を1行に収める */
  .p-top-method__about{font-size:clamp(22px,2.6vw,38px);letter-spacing:.05em}
}

/* タブレット幅(768〜1199px)のヘッダー
   - ナビ8項目が幅に収まらず左右が切れていたので、文字サイズと余白を幅に合わせて縮める
   - SNSのサブメニュー(PC用の1100px幅)が画面の外にはみ出して横スクロールになっていたので、ナビの幅に収める */
@media screen and (min-width:768px) and (max-width:1199px){
  .s-gnav-list{font-size:clamp(11.5px,1.5vw,16px)}
  .s-gnav-list__item{padding:5px clamp(6px,1.4vw,30px)}
  .s-header-nav-pc_bottom{position:relative}
  .s-gnav-list__item:has(.js-gnav-sub){position:static}
  .s-gnav-list__sub{left:0;right:0;width:auto;box-sizing:border-box}
  .s-gnav-list__sub .l-inner1100{width:auto;max-width:100%}
}