/* オリジナルのカスタマイズ（original-style.css） */

/*
    SWELLのテーマとは異なるオリジナルのCSSを追加します。(ver.1.0.0)
*/


/* 無料プレゼントのバナーの高さ　*/
.present-banner img{
	height:200px;
	width:auto;
}



/* 折りたたみボックス（続きを読む）の基本スタイル */
.wp-block-group.is-row.is-nowrap.is-layout-flex.wp-container-1 {
    gap: 2em; /* コンテナ間の隙間を設定 */
}

/* 折りたたみボックス（続きを読む）のスタイル */
.oritatami-box {
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  max-height: 500px; /* ボタンを押す前の表示高さ */
  position: relative;
}

/* 折りたたみボックス（続きを読む）のデフォルト表示テキスト */
.oritatami-box::after {
  content: "もっと見る";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  background-color: #b18e37;
  width: 100%;
  text-align: center;
  pointer-events: none;
  padding: 10px 0;
}

/* 折りたたみボックス（続きを読む）が展開された時のスタイル */
.oritatami-box.expanded {
  max-height: none; /* コンテンツ全体を表示 */
}

/* 折りたたみボックス（続きを読む）の展開時の表示テキスト */
.oritatami-box.expanded::after {
  content: "閉じる";
}