@charset "UTF-8"; /* ========================================================================== 注文住宅トップ「暮らし方提案」：背景の全幅化 ＋ PC4カラム化 2026-07-27 追加 ・styles.css は変更していません。このファイルは styles.css の「後ろ」に 読み込むことで上書きが効きます（index.html の で読み込み済み）。 ・対象は .block-top-lifestyle の1つ目の .block-wrapper のみ。 直下の「空気質改善」ブロック（.block-wrapper.is-modify）は :not() で除外。 ・styles.css 側の .list-top-introduction .list-item { width: 33.3333333333%; }（2416行目付近） は「空気質改善」ブロックと共有しているため、書き換えないでください。 ・1400px以上＝4カラム1段、768〜1399px＝2カラム2段、767px以下＝従来どおり1カラム。 ========================================================================== */ @media print, (min-width: 768px) { /* グレー帯を画面幅いっぱいに広げる */ .block-top-lifestyle .block-wrapper:not(.is-modify) { max-width: none; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); border-left: 0; border-right: 0; padding: 120px 40px 100px; } /* 中身は中央寄せにして幅で制御する */ .block-top-lifestyle .block-wrapper:not(.is-modify) .block-introduction, .block-top-lifestyle .block-wrapper:not(.is-modify) .list-top-introduction { max-width: 1000px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } /* 1399px以下：2カラム×2段 */ .block-top-lifestyle .block-wrapper:not(.is-modify) .list-top-introduction .list-item { width: 50%; } } /* 1400px以上：4カラム1段 */ @media print, (min-width: 1400px) { .block-top-lifestyle .block-wrapper:not(.is-modify) .block-introduction, .block-top-lifestyle .block-wrapper:not(.is-modify) .list-top-introduction { max-width: 1420px; } .block-top-lifestyle .block-wrapper:not(.is-modify) .list-top-introduction .list-item { width: 25%; } }