@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ===========================
   LPテンプレの標準レイアウトを安定化
   =========================== */
.lp-template .l-main { padding: 0; }

/* 標準コンテンツ幅（通常の固定ページと同じ感覚に） */
.lp-template .post_content.entry-content{
  max-width: 900px;      /* 好みで 860〜980px あたり。SWELL既定に近い値 */
  margin: 0 auto;
  padding: 0 16px;
}

/* 「ワイド」幅 */
.lp-template .post_content .alignwide{
  max-width: 1200px;     /* ワイド幅 */
  margin-left: auto;
  margin-right: auto;
}

/* 「フル幅」 */
.lp-template .post_content .alignfull{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* 画像・iframeの基本 */
.lp-template .post_content img,
.lp-template .post_content iframe,
.lp-template .post_content video{
  max-width: 100%;
  height: auto;
  display: block;
}

/* ── YouTube 等の埋め込みを 16:9 でリサイズ ──
   （編集画面と同じ比率で前面でも表示されるように） */
.lp-template .post_content .wp-block-embed.is-type-video .wp-block-embed__wrapper{
  position: relative;
  padding-bottom: 56.25%;  /* 16:9 */
  height: 0;
}
.lp-template .post_content .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* 旧式の .wp-has-aspect-ratio にも対応 */
.lp-template .post_content .wp-has-aspect-ratio .wp-block-embed__wrapper{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.lp-template .post_content .wp-has-aspect-ratio .wp-block-embed__wrapper iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* チェック付きリストなど装飾リストの余白を微調整（任意） */
.lp-template .post_content .is-style-check ul,
.lp-template .post_content .is-style-check li{ margin-left: 0; }

/* 「こんにちは、Kanakoです」セクションのはみ出し対策 */
.lp-template .wp-block-columns {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px; /* SWELL標準の本文幅と揃える */
  overflow: hidden; /* 微妙なズレを防ぐ */
}