@charset "utf-8"; /*================================================================================================== | |基本設定 | |■ベースカラー：#009ce5 , #e7f5fd |■コンテンツ横幅：1000px(padding-left:16px;含む) |■見出し（h2,h3,h4）に連番で番号を付けたい場合、該当要素の外枠にclass（.counter_increment）を付ける |■リスト表示（ul li）ページ共通スタイル | 1.右向き くの字--- | [ul.angle_right li] | class名：main#style ul.angle_right li | Font Awesome名：fa-angle-right（Unicode: f105） | 使い所：文章のリスト表示など | | 2.右向き 三角--- | [ul.caret_right li] | class名：main#style ul.caret_right li | Font Awesome名：fa-caret-right（Unicode: f0da） | 使い所：リンクのリスト表示など | |■side_column内リスト表示 | ---右向き 三角--- | Font Awesome名：fa-caret-right（Unicode: f0da） | 使い所：サイドメニュー | |■hover時のopacity設定：0.6とする | ==================================================================================================*/ /* ブラウザのデフォルトスタイルをリセットする */ @import url('html5reset-1.6.1.css'); /* 共通class */ @import url('/vc/base/usr/docs/css/common.css'); /* Google Fonts読み込み */ @import url('/vc/base/usr/docs/fonts/notosans_cjk/css/font.css'); /* Icon Fonts読み込み */ @import url('/vc/base/usr/docs/css/fontawesome_ver4.css'); @import url('/vc/base/usr/docs/css/fontawesome_ver5.css'); @import url('/vc/base/usr/docs/css/fontawesome_ver6.css'); /* スクロールヒント読み込み */ @import url('/vc/base/usr/docs/css/scroll-hint.css'); /* CSS変数設定 */ :root { --base_color: #009ce5; --base_width: 1200px; } * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } html { font-size: 62.5%; /* sets the base font to 10px for eaiser math */ } body { background: #fff; color: #535353; font-size: 16px; font-size: 1.6rem; font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; letter-spacing: 0.03em; line-height: 1.6; /*min-width: 1000px; /* スマホ画面表示の場合にコンテンツが2重縮尺（Viewportの影響）となり期待する表示にならない事の回避のため、最少表示サイズを設定 */ -webkit-text-size-adjust: 100%; padding-top: 80px; /* #header の height */ } /* html5用 */ article,aside,canvas,details,figcaption,figure, header,footer,main,menu,nav,section,summary { display: block; } br { letter-spacing: normal; } a { color: #03c; outline: none; text-decoration: none; } a:hover { color: orangered; text-decoration: underline; } label { cursor: pointer; } /* a:hover img { opacity設定は親要素の設定を強制的に引き継ぐため、広範囲にわたる設定としては使わないこと filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0.6; } */ p { margin-bottom: 1em; } img { vertical-align: bottom; max-width: 100%; } /*================================================================================================== ▼サイトの構造 #header ┗.container ┗

┗.header_navi main#main_top main#main ┗.breadcrumbs ┗#one_column ┗#one_column.narrow ┗#two_column ┗.main_column ┗.side_column #footer ┗.footer_menu ┗.container ┗

┗