@charset "UTF-8"; /* --------------------------------------------------------------------------------- Variable 変数一覧 --------------------------------------------------------------------------------- */ /* ----------------------------------------- 書体 ----------------------------------------- */ /* ----------------------------------------- の書体プロジェクトで使用する書体を、上記で指定した $ff-sans / $ff-serif から選んでください。 ----------------------------------------- */ /* ----------------------------------------- bodyのフォントサイズ ----------------------------------------- */ /* ----------------------------------------- bodyのフォントウェイト ----------------------------------------- */ /* ----------------------------------------- 見出しのフォントサイズ ----------------------------------------- */ /* ----------------------------------------- 背景色 ----------------------------------------- */ /* ----------------------------------------- 通常の文字色 ----------------------------------------- */ /* ----------------------------------------- 見出しの文字色 ----------------------------------------- */ /* ----------------------------------------- 通常のボーダー色 ----------------------------------------- */ /* ----------------------------------------- 通常の背景色 ----------------------------------------- */ /* ----------------------------------------- プロジェクトのメインカラー ※ l1/l2/d1/d2は、色コードを指定するか、lighten/darkenを使う ※ 使用しない場合はコメントアウト ----------------------------------------- */ /* ----------------------------------------- プロジェクトのサブカラー ※ l1/l2/d1/d2は、色コードを指定するか、lighten/darkenを使う ※ 使用しない場合はコメントアウト ----------------------------------------- */ /* ----------------------------------------- プロジェクトのヘルプカラー ※ サブカラーほどの使用頻度がない色 ※ 使用しない場合はコメントアウト ----------------------------------------- */ /* ----------------------------------------- カラーリスト ※ 上記で作成した色変数でカラーリストを作成 ※ アンコメント・コメントアウトでリストを調整する ----------------------------------------- */ /* ----------------------------------------- ブレイクポイントブレイクポイントであり、containerの幅でもあります。 ----------------------------------------- */ /* ----------------------------------------- Radius 角丸を使う場合（c-card/c-btnなど） ----------------------------------------- */ /* ----------------------------------------- Border ----------------------------------------- */ /* ----------------------------------------- Transition ----------------------------------------- */ /* ----------------------------------------- .colと.col間の余白（厳密にはパディング） ----------------------------------------- */ /* ----------------------------------------- Margin ----------------------------------------- */ /* ----------------------------------------- padding ----------------------------------------- */ /* ----------------------------------------- .ebox間のマージン ----------------------------------------- */ /* ----------------------------------------- .ebox.is-bg間の上下パディング ----------------------------------------- */ /* --------------------------------------------------------------------------------- Mixin --------------------------------------------------------------------------------- */ /* ----------------------------------------- media ----------------------------------------- */ /* ----------------------------------------- roop ----------------------------------------- */ /* ----------------------------------------- clearfix ----------------------------------------- */ /* ----------------------------------------- mgn ----------------------------------------- */ /* ----------------------------------------- mgn ----------------------------------------- */ /* ------------------------------------------------ related -------------------------------------------------- */ #related { /* ---------------------------------------- ul ---------------------------------------- */ } @media screen and (max-width: 599px) { #related ul li { padding-right: 1em; } } #related ul li a { text-decoration: underline !important; } @media screen and (max-width: 599px) { #related ul li a { display: block; } } /* ---------------------------------------- name ---------------------------------------- */ .name { padding-right: 10px; } /* ---------------------------------------- yakusyoku ---------------------------------------- */ .yakusyoku, .houjin { font-size: 1.2rem; color: #999999; }