#navigation, #sidebar, .footer__original {
  display: none;
}

/* レイアウト
---------------------------------------------*/

/* #content直下で最初に現れる Jimdo モジュールの上マージンを0に */
 #content .j-module {
  display: none;
}

/* コンテナ */
.container {
  margin: 0 auto;
  max-width: 750px;
  position: relative;
}

/* ボディ
---------------------------------------------*/

/* 各セクション画像配置 */
.img-full {
  display: block;
  width: 100%;
  height: auto;
}

/* ボタン中央寄せ用(絶対配置) */
.center-abs {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

/* ボタン位置調整用CSS(FV, 価格セクション) */
.cta {
  bottom: var(--cta-bottom, 3%); /* 画像下からの位置。既定は3% */
}

/* ボタン位置調整用CSS(最後にセクション) */
.section--message { --cta-bottom: 2%; }

/* ボタン間の間隔設定 */
.btn__kounyu {
  margin-bottom: 10px;
}

/* ボタンアニメーション用のCSS */
/* 購入ボタンのアニメーション */
.btn__kounyu {
  animation: glowPulse 3s ease-in-out infinite;
}

@keyframes glowPulse {
  0%, 100% { transform: scale(1); filter: brightness(1); }
  50%      { transform: scale(1.05); filter: brightness(1.2); }
}

/* 個別相談のボタンのアニメーション */
.btn__kobetsu {
  animation: subtleGlow 5s ease-in-out infinite;
}

@keyframes subtleGlow {
  0%, 100% { filter: brightness(1); }
  50%      { filter: brightness(1.5); }
}

/* 特定商取引法, プライバシーポリシー
---------------------------------------------*/

#page-tokusho,
#page-privacy {
  background-color: #f1ccca;
  /* 画面上全てに背景色が適用されるように指定。 */
  min-height: 100vh;
}

#page-tokusho h1,
#page-privacy h1 {
  color: #241814;
  font-size: 1.4em;
  padding-top: 30px;
  text-align: center;
}

#page-privacy p {
  margin-top: 15px;
  text-align: center;
}

#page-tokusho .wrap,
#page-privacy .wrap {
  width: 80%;
  margin: 0 auto;
  line-height: 1.6;
  text-align: left;
}

.tokusho__table,
.privacy__table {
  width: 100%;
  margin: 30px auto 30px;
  border-top: 1px solid rgba(62, 66, 77, 0.2);
  border-left: 1px solid rgba(62, 66, 77, 0.2);
}

.tokusho__table .title,
.privacy__table .title {
  border-bottom: 1px solid rgba(62, 66, 77, 0.2);
  border-right: 1px solid rgba(62, 66, 77, 0.2);
  color: #ffffff;
  padding: 6px;
  background-color: #f26d74;
  width: 35%;
}

.tokusho__table td,
.privacy__table td {
  border-bottom: 1px solid rgba(62, 66, 77, 0.2);
  border-right: 1px solid rgba(62, 66, 77, 0.2);
  padding: 6px;
  text-align: left;
  background-color: #FFFFFF;
  color: #241814;
}

#page-tokusho .copyright,
#page-privacy .copyright {
  text-align: center;
}

#page-tokusho a:link, 
#page-tokusho a:visited,
#page-privacy a:link,
#page-privacy a:visited {
  color: #241814;
  text-decoration: none;
}

#page-tokusho a:hover, 
#page-tokusho a:active,
#page-privacy a:hover,
#page-privacy a:active {
  color: #f26d74;
  text-decoration: none;
}

#page-tokusho .copyright p,
#page-privacy .copyright p {
  color: #241814;
  margin-top: 15px;
}

/* フッター
---------------------------------------------*/

.custom__footer {
  background-color: #f1ccca;
  font-size: 1.4em;
  margin: 0 auto;
  max-width: 750px;
  padding: 40px 0;
  text-align: center;
}

.custom__footer a:link, 
.custom__footer a:visited {
  color: #241814;
  text-decoration: none;
}

.custom__footer a:hover, 
.custom__footer a:active {
  color: #f26d74;
  text-decoration: none;
}

.custom__footer .copyright {
  padding-top: 10px;
}

.custom__footer .copyright p {
  color: #241814;
}

/* ===========================
   スマホ用（幅767px以下）
   =========================== */
@media (max-width: 767px) {

/* コンテナは横幅いっぱい */
 .container {
   max-width: 100%; 
 }

/* ボタン設定(FV・価格・メッセージセクション共通) */
.cta {
   left: 50%;
   transform: translateX(-50%);
   text-align: center;
   width: 100%;
 }

/* ボタン全体の扱い */
 .cta a {
   display: inline-block;   /* 横並びを防ぎ、中央に配置 */
   width: auto;
 }

/* 各ボタンの縦方向位置調整 */
 .section--fv, .section--price, .section--cta { --cta-bottom: 2.5%; }

/* 画像ボタンのサイズ調整 */
 .fv__cta img,
 .price__cta img,
 .message__cta img {
   width: clamp(260px, 80vw, 400px); /* 端末幅に追従＋上限下限あり */
   height: auto;
 }

/* ボタン間の余白を調整 */
 .btn__kounyu {
   margin-bottom: 5px;
 }

/* 特定商取引法
---------------------------------------------*/
 #page-tokusho .copyright p {
   margin-top: 10px;
 }

/* フッター
---------------------------------------------*/

.custom__footer {
  font-size: 0.9em;
  padding: 20px 0;
  width: 100%;
}

.copyright p {
  font-size: 0.9em;
}
}