// ---------------------- // 各種設定 // ---------------------- // フォントファミリー $font: 'Open Sans', "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; $font-ms: 'Open Sans', "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; // フォントサイズ $font-size: 15; // フォントウェイト $font-thin: 300; $font-normal: 400; $font-thick: 600; // 行の高さ $line-height: 1.7em; // ベースカラー $base-color: #005194; $effect-color: #d50d18; // フォントカラー $font-color: #393939; $font-warning-color: #cc0000; $font-color-light:#fff; // リンクカラー $link-color: #d50d18; $link-color-hover: lighten( $link-color, 20% ); $link-color-active: lighten( $link-color, 20% ); $link-color-visited: darken( $link-color, 20% ); $link-color2: #005194; $link-color2-hover: lighten( $link-color, 20% ); $link-color2-active: lighten( $link-color, 20% ); $link-color2-visited: darken( $link-color, 20% ); $my-navi-color: #f5f5f5; $my-font-color: $base-color; $my-font-color2: $font-color; $my-btn-color1: #fff; $my-btn-color2: $base-color; $my-btn-color3: #d50d18; // その他の色 $facebook-color: #3b5998; $twitter-color: #43bfe1; // 最大画面幅 $container-width: 100%; $container-width-pc: 1000px; // ブレイクポイント $break-pc: 1000px; $break-tb: 768px; $break-sp: 540px; // ページ左右の余白 $padding-pc: 0; $padding-tb: 0 20px; $padding-sp: 0 10px; // renew2022 $second-color:#005194; $accent-color:#cc0000; // ブレイクポイント $newbreak-pc: 999px; $newbreak-tb: 768px; $newbreak-sp: 540px;