@charset "utf-8"; /* =================================================== カラー =================================================== */ @colorMain: #187528; //メインカラー @colorSub: #8b2c2c; //サブカラー 詳細ボタンなど @colorBorder: #c9c9c9; //ボーダーカラー @colorLightBG: #f6f6f6; //薄い背景色 bodyの背景と同化はNG  フォームやテーブルの見出し背景,カテゴリー背景 @colorPager:#cccccc;//ページャー背景 @colorPagerCurrent:#939393;//ページャー背景current /* =========================================================================================== 基準のline-height =========================================================================================== */ @BaseLineHeight: 1.6; /* =========================================================================================== フォント 設定 =========================================================================================== */ @tfMincho: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; .tf-mincho { font-family: @tfMincho; } body { font-size: 16px; line-height: @BaseLineHeight; color: #333333; font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" ,"Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "MS Pゴシック" , "MS PGothic" , sans-serif; font-weight: 500; } a, a:active, a:link, a:visited { color: #333333; } /* =========================================================================================== ボタン 設定 =========================================================================================== */ .moreBtn { a { display: inline-block; background: @colorMain; padding: 8px 72px; color: #fff; border-radius: 20px; } } /* =========================================================================================== メインイメージ設定 =========================================================================================== */ .mainImgArea { width: 100%; margin: 0 0 20px; background: #f6f6f6; .mainImgContent { max-width: 100%; margin: 0 auto; text-align: center; background-repeat: no-repeat; background-position: center center; display: flex; justify-content: center; align-items: center; } .mainImgContent p { width: @contentWidth; font-weight: bold; font-size: 24px; color: #fff; font-family: @tfMincho; } } /* =========================================================================================== 見出し設定 =========================================================================================== */ /*== h2はビルダー・システムで共通とする =======================*/ .h2LaySets { font-size: 28px; font-weight: bold; padding-bottom: 10px !important; text-align: center; background: url(../images/bg_h02.png) center bottom / 148px 6px no-repeat; font-family: @tfMincho; } .fl-module-heading h2.fl-heading { // ビルダーのH2 .h2LaySets; } h2.pageTitle { // アーカイブ・シングルシステムページの見出し .h2LaySets; margin-bottom: 30px; } /*== h3 =======================*/ .h3LaySets { font-size: 24px; color: @colorMain; font-weight: bold; font-family: @tfMincho; } .fl-module-heading h3.fl-heading { // ビルダーのH3 .h3LaySets; } /*== h4 =======================*/ .h4LaySets { font-size: 20px; font-weight: bold; padding-left: 24px !important; border-bottom: 1px solid #d2d2d2; font-family: @tfMincho; position: relative; &::before { width: 14px; height: 14px; position: absolute; top: 9px; left: 0; border: 4px solid @colorMain; border-radius: 50%; content: ""; } } .fl-module-heading h4.fl-heading { // ビルダーのH4 .h4LaySets; } /*== h5 =======================*/ .h5LaySets { font-size: 18px; font-weight: bold; color: @colorSub; font-family: @tfMincho; } .fl-module-heading h5.fl-heading { // ビルダーのH5 .h5LaySets; } /*== h6 =======================*/ .h6LaySets { font-size: 16px; font-weight: bold; color: #1c4b24; font-family: @tfMincho; } .fl-module-heading h6.fl-heading { // ビルダーのH6 .h6LaySets; } /* =========================================================================================== コンタクトバナー =========================================================================================== */ .c_banner { width: 700px; .c_tel{ line-height: 1; a { color: inherit; } } .c_btn a{ position: static !important; top:0 !important; } }