@charset "utf-8";
/*
 * WP/Cocoon 環境向けの上書き（Step1 移植用・sogaini / sogaini-gallery 専用）。
 *
 * 旧 sogaini は素の HTML だったが、WP では次の 3 点が効いて旧サイトとずれる:
 *  1) Cocoon 外側ラッパー（#content の上マージン・#main のパディング）で本文が下にずれる。
 *     → レイアウト主導モード（body.is-layout-driven）の余白解放を sogaini にも適用する。
 *        ※ 他ページは legacy common.css 経由で同等ルールを得ているが、sogaini は独立スタックで
 *          legacy common.css を読み込まないため、ここで等価ルールを補う。
 *  2) Cocoon の body クラス（.fz-18px / .ff-hiragino）が sogaini の bare な body 指定
 *     （font-size:16px / 游明朝）に詳細度で勝ち、本文フォントが変わって折返し・高さがずれる。
 *     → body.is-layout-driven（0,1,1）で詳細度を上げて sogaini 基準（16px / SP 15px・游明朝）を復元する。
 *        値は sogaini/common.css の body 指定と一致させること。
 *  3) Cocoon 共通CSSの .video-container { max-width: 640px; } が message 動画レイヤーに当たり、
 *     PC 幅でも動画・黒背景が左半分だけになる。
 *     → sogaini の message 配下だけ幅制限を解除する。
 *
 * sogaini の enqueue スタックの最後に読み込む（sakurao_enqueue_sogaini）。
 */

body.is-layout-driven #content { margin-top: 0; }
body.is-layout-driven #content-in { width: 100%; margin-left: 0; margin-right: 0; }
/* Cocoon の #main は白背景。sogaini は body の beige を全面に透過させたい
 * （message / jw-transition のピン領域など本文が透明な箇所で旧=beige / 新=白の食い違いが出るため）。
 * このCSSは sogaini 系ページでのみ enqueue されるので #main 透過は他ページに影響しない。 */
body.is-layout-driven #main { padding: 0; border: 0; background: transparent; }

body.is-layout-driven .message .video-container {
	max-width: none;
}

body.is-layout-driven {
	font-size: 16px;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",メイリオ,Meiryo,serif;
}

@media only screen and (max-width:768px) {
	body.is-layout-driven { font-size: 15px; }
}