/* フォントの設定 */
/* 全体のベース（本文など） */
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500; /* Medium */
  font-size: 16px;
  line-height: 1.75;
  color: #333;
}

/* 見出し !フォント確定次第設定すること！*/
/* *{
} */

/*headerのgap調整*/
header .is-layout-flex {
	gap: 1rem!important;
}

/*カバーブロックの画像比率固定*/
.h-fixed {
  padding:0 0 calc(1307/2005*100%) !important;
  min-height: 0 !important;
}
.h-fixed .wp-block-cover__inner-container{
  position: absolute;
  padding: 0;
}

/* 幅広ブロックを中央に調整 .test-center クラスを付与した wp-block-group にだけ適用 */
.wp-block-group.test-center {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  position: relative; /* 親要素に対して相対的に配置 */
  left: 50%; /* 50%の位置に移動 */
  transform: translateX(-50%); /* 50%分だけ左に戻す */
}

/*アイコンと見出しの間の余白をなくす*/
.icon-heading {
  display: flex;
  align-items: center;        /* 垂直位置も中央揃えに */
  gap: 0;                     /* gapが余白になるなら0に */
}
.icon-heading i {
  margin-right: 0;            /* iタグのデフォルトmarginを削除 */
}
.icon-heading h2 {
  margin: 0;                  /* h2のデフォルトmarginを削除 */
}

/*ご利用の流れブロックとヒーロー*/
/* 初期状態：PC用を表示、モバイル用を非表示 */
.PConly {
  display: block;
}
.MBonly {
  display: none;
}

/* 画面幅が428px以下の場合（スマホ） */
@media screen and (max-width: 428px) {
  .PConly {
    display: none;
  }
  .MBonly {
    display: block;
  }
	h3 {
	font-size: 1.3rem
  }
}

/* テーブルのセルサイズ調整 */
 table tr td:nth-child(1) {
    width: 30%;
  }
  table tr td:nth-child(2) {
    width: 70%;
  }

/*ご利用の流れMB角丸に*/
.smb-tabs__tabs {
	border-radius: 12px 12px 0 0;
}

/* Snow Monkey Blocks タブの見出し（ラベル）の文字サイズを変更 */
.smb-tabs__tab {
  font-size: 1.25rem; /* 大きめに */
}

/* 星を表示するコンテナ */
.star-falling-container {
  position: relative;
  width: 100%; /* 横幅 */
  overflow: hidden; 
  /* はみ出し要素を隠す */
}
/* 星を表示するコンテナ */
.star-falling-container2 {
  position: relative;
  width: 50%; /* 横幅 */
  overflow: hidden; 
  /* はみ出し要素を隠す */
}
/* 星のスタイル */
.petal {
  position: absolute;
  font-size: 20px;
  color: gold;
  animation: animate-petal 10s linear;
}
.petal::after {
  content: "★";
  display: block;
  width: 100%;
  height: 100%;
}
/* 星が降るアニメーション */
@keyframes animate-petal {
  0% {
    top: 0;
    opacity: 0;
    transform: rotateY(0deg);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 100vh;
    transform: rotateY(1080deg);
  }
}

/*上に戻るボタンカスタマイズ*/
.page_top_btn {
  /*ボタンの大きさ*/
  width: 60px;
  height: 58px;

  /*ボタンの背景色*/
  background:#ff914d;

  /*ボタンの丸み*/
  border-radius: 10px;

  /*ボタンの中の画像（デフォルトのもの）*/
  background-image: url("https://kawanishi-syuro.center/wp-content/uploads/2025/06/pagetop2.png");

  /*↑あらかじめメディアにアップロードした画像のURLをコピーしておき、画像のURLのところに貼り付けます*/

  /*ボタンの中の画像サイズと位置など*/
  background-size:90%;
  background-repeat: no-repeat;
  background-position: center;
  /*シャドウ効果なし*/
  box-shadow: none;
}

/*liの黒点消し・デフォルトでかかっている余白をリセット*/
.cat-item {
	list-style-type: none;
}
main ul {
	padding-left:0!important;
}
.code_none{
	display:block;
}