@charset "UTF-8";
/*------------------------------------------------------------------------------- 地域別FV（?pref=大阪） -------------------------------------------------------------------------------*/
/* 設定: setData/set-pref.php / 処理: functions.php「地域の表記」・html/fv.php
   文字を消したFV画像の茶色リボンの上に、元の「2026年最新版」と同じ書体・大きさ・位置で文字を乗せる。
   数値は画像幅780pxでの実寸を cqw（画像幅に対する%）に直したもの。PCでもSPでも画像と同じ比率で縮む。
   リボンの中央そろえなので、2文字（大阪）でも3文字（鹿児島）でも中央に収まる。 */

/* 画像内の文字と同じ書体（M PLUS Rounded 1c Medium / SIL OFL 1.1）。
   FVで使う文字（数字・「年最新版」・47都道府県名）だけを抜き出したもの。
   set-pref.php に都道府県以外の地域名を足したときは、その文字もフォントに追加が必要 */
@font-face{
  font-family: "PrefFvRounded";
  src: url("../fonts/mplus-rounded1c-medium-fv.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}
.prefFv__frame{
  display: block;
  position: relative;
  max-width: 780px;
  margin: 0 auto;
  container-type: inline-size;
}
.prefFv__frame img{
  display: block;
  width: 100%;
  height: auto;
}
.prefFv__label{
  position: absolute;
  top: 58.4cqw;   /* リボンの文字の中心 y=455px */
  left: 31.8cqw;  /* 同 x=248px */
  transform: translate(-50%, -50%);
  white-space: nowrap;
  color: #fff;
  font-family: "PrefFvRounded", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN", sans-serif;
  font-weight: 500;
  font-size: 4.87cqw;  /* 38px */
  letter-spacing: .026em;
  line-height: 1;
  pointer-events: none;
}

/* 地域ありのとき：文字を少し大きく、文字間を広げて読みやすくする */
.prefFv__label:has(.prefFv__mark){
  font-size: 5.4cqw;
  letter-spacing: .14em;
  text-indent: .14em;  /* 文字間で右に寄る分を戻して中央に保つ */
}

/* 見出し(mainH2)の地域名。FVの見出しと同じ珊瑚色 */
.prefH2{
  color: #fb6464;
  font-weight: bold;
}