/* enseitrip SWELL Fix — このCSSは mu-plugin が etrip_route 単一/アーカイブ
   でのみ条件付き enqueue する（PHP側 is_singular/is_post_type_archive）。
   ＝ ページ限定が保証されるので body クラスに依存しない（SWELL「body class空」
   落とし穴の影響を受けない）。プレーンセレクタで確実に効かせる。 */

/* 1) SWELL チロムの抑止（存在する要素だけ効く・無ければ無害） */
.l-mainVisual,.p-mainVisual,
.c-pageTitle,.p-pageTitle,
#breadcrumb,.p-breadcrumb,.c-breadcrumb,
.p-postThumbnail,.p-postEyecatch,.p-singleTitle,.p-articleHeader,
.p-postList--related,.p-relatedPosts,.p-postAuthor,.c-postShare,
.p-postTags,.p-toc{
  display:none !important;
}

/* 2) SWELL コンテナの幅・余白を解除（白い額縁の原因） */
#content,#content.l-content,#content.l-content.l-container,
.l-content.l-container,.l-mainArea,.l-mainArea .l-container,
.l-main,.l-mainArea__inner{
  max-width:100% !important;width:100% !important;
  padding-left:0 !important;padding-right:0 !important;
  margin-left:0 !important;margin-right:0 !important;
}
.l-content,.l-mainArea{padding-top:0 !important;padding-bottom:0 !important}

/* 3) 確実な全幅化：#etrip-root を viewport 幅へブレイクアウト
   （祖先 max-width/padding に依存しない・横スクロール抑止付き） */
html,body{overflow-x:hidden}
#etrip-root{
  position:relative !important;
  left:50% !important;right:50% !important;
  margin-left:-50vw !important;margin-right:-50vw !important;
  width:100vw !important;max-width:100vw !important;
}

/* 4) 残余の隙間が出ても白く見えないよう、土台を薄暮ダークに */
html,body,#page,#content,.l-mainArea,.l-content{background:#0a121f !important}

/* 5) サイドバー非使用（1カラム） */
.l-sidebar{display:none !important}