/* ニュースアーカイブの背景色を白に */ .news-archive { background-color: #ffffff; } .single-news { background-color: #ffffff; } .page-id-472 .main { border: none !important; /* ボーダー削除 */ } /* コーポレートサイト専用の背景設定 */ .page-id-6, /* 会社概要 */ .page-id-24, /* 建設事業 */ .page-id-26, /* 環境整備事業 */ .page-id-3, /* SDGs */ .page-id-182, /* お問い合わせ */ .page-id-18, /* 会社概要 */ .page-id-20, /* 建設事業 */ .page-id-22, /* 環境整備事業 */ .page-id-305 { /* プライバシーポリシー */ background-color: #ffffff !important; /* 背景色を白に */ } .page-id-472 { background-color: #121212 !important; } /*1023px以下*/ @media screen and (max-width: 1023px){ .header-container-in.hlt-top-menu { display:none; } .mobile-header-menu-buttons { display: flex; bottom: auto; top: 0; } .header_seconds, .header_second { top: 50px; /* モバイルナビゲーションの高さに合わせる */ }/*必要ならばここにコードを書く*/ } /* 見出しリセット */ /*見出しデザインリセット*/ .article h2, .article h3, .article h4, .article h5, .article h6 { color:initial; background-color:initial;/*背景色リセット*/ border:initial;/*上下左右の枠線リセット*/ border-radius:initial;/*角の丸みリセット*/ } #navi .navi-in a:hover { background-color: transparent; } /******************************* トップページの説明のテキストスタイル ********************************/ #home_business > p.Text { font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; font-size: 16px !important; line-height: 1.5 !important; letter-spacing: 0.5px !important; color: #6d6259 !important; } @media screen and (min-width: 980px) { .ListLinkMenu li .Box .Text { color: #6d6259; font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; } #home_business > p.Text { font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; color: #6d6259 !important; } } @media screen and (max-width: 980px) { .ListLinkMenu li .Box .Text { color: #6d6259; font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; } #home_business > p.Text { font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important; font-size: 1.25rem !important; line-height: 1.7 !important; color: #6d6259 !important; } } @media screen and (max-width: 834px) { .page-id-6 main.main, div.sidebar {        padding-right: 20px !important;        padding-left: 20px !important; margin: 12px 0 !important; border-width: 0 !important; } } .l_footer .cont p span { font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; letter-spacing: 0.5px !important; color: #6d6259 !important; } @media screen and (max-width: 767px) { .l_footer .cont p span { font-size: 0.875rem !important; } } /******************************* 指定した固定ページのみヘッダーロゴを変える ********************************/ .page-id-6 .logo > a img { visibility: hidden; } .page-id-6 .logo > a .site-name-text { display: inline-block; background: url("https://sansei-japan.com/wp-content/uploads/2024/05/logo_header-1.png") no-repeat; background-size: contain; background-position: center; } body.page-id-20 .article ul li, body.page-id-20 .article ol li { margin: 0 !important; /* マージンを解除 */ } body.page-id-22 .article ul li, body.page-id-22 .article ol li { margin: 0 !important; /* マージンを解除 */ } body.page-id-24 .article ul li, body.page-id-24 .article ol li { margin: 0 !important; /* マージンを解除 */ } body.page-id-24 .article ul { list-style-type: none!important; } .content { margin-top: 360px ; } /* いまこっこいまこっこいまこっこいまこっこいまこっこいまこっこ */ .article h1 { background: #008000; /*背景色*/ padding: 0em;/*文字周りの余白*/ color: white;/*文字を白に*/ border-radius: 0.5em;/*角の丸み*/ } /* スマートフォン用のスタイル */ /* PC用は通常表示 */ #sp.bg-slider { display:none; } /*スクロールバーの幅分調整*/ html, body { overflow-x: hidden; /*要素からはみ出た部分を表示しない*/ } .header_seconds,{background: url(https://sansei-japan.com/wp-content/uploads/2025/03/桐の花ヘッダー.png) no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;} .header_seconds h1{color: #fff;font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','游明朝','Yu Mincho',serif;text-align: center;} .header_seconds, .header_second{background: url(../images/bg_header_second.jpg) no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;} .header_seconds, .header_second h1{color: #fff;font-family: 'ヒラギノ明朝 Pro W3','Hiragino Pro','HiraMinProN-W3','游明朝','Yu Mincho',serif;text-align: center;　 } .header_seconds,{background: url(https://sansei-japan.com/wp-content/uploads/2025/03/桐の花ヘッダー.png) no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;} .header_seconds h1{color: #fff;font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','游明朝','Yu Mincho',serif;text-align: center;} .header_seconds, .header_second{background: url(../images/bg_header_second.jpg) no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;} .header_seconds, .header_second h1{color: #fff;font-family: 'ヒラギノ明朝 Pro W3','Hiragino Pro','HiraMinProN-W3','游明朝','Yu Mincho',serif;text-align: center;　 } /* ニュースアーカイブの背景色を白に */ .news-archive { background-color: #ffffff; } .single-news { background-color: #ffffff; } .page-id-472 .main { border: none !important; /* ボーダー削除 */ } /* コーポレートサイト専用の背景設定 */ .page-id-6, /* 会社概要 */ .page-id-24, /* 建設事業 */ .page-id-26, /* 環境整備事業 */ .page-id-3, /* SDGs */ .page-id-182, /* お問い合わせ */ .page-id-18, /* 会社概要 */ .page-id-20, /* 建設事業 */ .page-id-22, /* 環境整備事業 */ .page-id-305 { /* プライバシーポリシー */ background-color: #ffffff !important; /* 背景色を白に */ } .page-id-472 { background-color: #121212 !important; } /*1023px以下*/ @media screen and (max-width: 1023px){ .header-container-in.hlt-top-menu { display:none; } .mobile-header-menu-buttons { display: flex; bottom: auto; top: 0; } .header_seconds, .header_second { top: 50px; /* モバイルナビゲーションの高さに合わせる */ }/*必要ならばここにコードを書く*/ } /* 見出しリセット */ /*見出しデザインリセット*/ .article h2, .article h3, .article h4, .article h5, .article h6 { color:initial; background-color:initial;/*背景色リセット*/ border:initial;/*上下左右の枠線リセット*/ border-radius:initial;/*角の丸みリセット*/ } #navi .navi-in a:hover { background-color: transparent; } .article h1 { background: #008000; /*背景色*/ padding: 0em;/*文字周りの余白*/ color: white;/*文字を白に*/ border-radius: 0.5em;/*角の丸み*/ } /* スマートフォン用のスタイル */ /* PC用は通常表示 */ #sp.bg-slider { display:none; } /******************************* トップページの説明のテキストスタイル ********************************/ #home_business > p.Text { font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; font-size: 16px !important; line-height: 1.5 !important; letter-spacing: 0.5px !important; color: #6d6259 !important; } @media screen and (min-width: 980px) { .ListLinkMenu li .Box .Text { color: #6d6259; font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; } #home_business > p.Text { font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; color: #6d6259 !important; } } @media screen and (max-width: 980px) { .ListLinkMenu li .Box .Text { color: #6d6259; font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; } #home_business > p.Text { font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important; font-size: 1.25rem !important; line-height: 1.7 !important; color: #6d6259 !important; } } @media screen and (max-width: 834px) { .page-id-6 main.main, div.sidebar {        padding-right: 20px !important;        padding-left: 20px !important; margin: 12px 0 !important; border-width: 0 !important; } } .l_footer .cont p span { font-family: -apple-system, BlinkMacSystemFont, "HiraKakuProN W6", Arial, Roboto, "Droid Sans", "Helvetica Neue", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important; font-size: 16px !important; line-height: 1.5 !important; letter-spacing: 0.5px !important; color: #6d6259 !important; } @media screen and (max-width: 767px) { .l_footer .cont p span { font-size: 0.875rem !important; } } /******************************* 指定した固定ページのみヘッダーロゴを変える ********************************/ .page-id-6 .logo > a img { visibility: hidden; } .page-id-6 .logo > a .site-name-text { display: inline-block; background: url("https://sansei-japan.com/wp-content/uploads/2024/05/logo_header-1.png") no-repeat; background-size: contain; background-position: center; } body.page-id-20 .article ul li, body.page-id-20 .article ol li { margin: 0 !important; /* マージンを解除 */ } body.page-id-22 .article ul li, body.page-id-22 .article ol li { margin: 0 !important; /* マージンを解除 */ } body.page-id-24 .article ul li, body.page-id-24 .article ol li { margin: 0 !important; /* マージンを解除 */ } body.page-id-24 .article ul { list-style-type: none!important; } .content { margin-top: 360px ; } /******************************* ここまでOKここまでOKここまでOKここまでOK ********************************/ /******************************* フルワイド ********************************/ /* 背景色を横幅いっぱいに */ /* フルワイドカスタマイズ---------------------------------------------- */ .section-wrap{ margin: 0 calc(50% - 50vw); /*左右の余白調整*/ padding:0 calc(50vw - 50%);/*左右の内側余白調整*/ padding-top:5em;/*セクションの上部余白（ここはお好みで調整可能）*/ padding-bottom:5em;/*セクションの下部余白（ここはお好みで調整可能）*/ } .section-wrap{ padding-left: calc(50vw - 50%); /*左の内側余白調整*/ padding-right: calc(50vw - 50%); /*右の内側余白調整*/ } .section-wrap{ padding-left: 36px; /*左の内側余白調整*/ padding-right: 36px; /*右の内側余白調整*/ } .article{ /*padding-left: 0; /*左の内側余白調整*/ /*/*padding-right: 0; /*右の内側余白調整*/ } .entry-content { margin-top: 0; margin-bottom: 0; /*padding-left: 0px; /*左の内側余白調整*/ /*/*padding-right: 0px; /*右の内側余白調整*/ } .main{ /*margin: 0 calc((100% - 100vw) / 2);*/ /*padding:0 calc((100% - 100vw) / 2);左右の内側余白調整*/ /*padding-top:5em;/*セクションの上部余白（ここはお好みで調整可能）*/ /*padding-bottom:5em;/*セクションの下部余白（ここはお好みで調整可能）*/ } .color-section-1{ background:#eee;/*背景色1をここで設定します*/ } .color-section-2{ background:#121212;/*背景色2をここで設定します*/ } .color-section-3{ background:#fff;/*背景色3をここで設定します*/ } /*スクロールバーの幅分調整*/ html, body { overflow-x: hidden; /*要素からはみ出た部分を表示しない*/ } /*スクロールバーの幅分調整*/ html, body { overflow-x: hidden; /*要素からはみ出た部分を表示しない*/ } /******************************* ここまでOKここまでOKここまでOKここまでOK ********************************/