/* 全ページ共通部分のスタイル */
/* 各種CSSファイルにインポートして使用 */

/* Google font Icon */
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

:root {
  /* グラデーション */
  --main-color-gradient: linear-gradient(to right, #217dc3, #005fa7);
  --hover-color-gradient: linear-gradient(to right, #0bb8d5, #00c9eb);
  /* 文字色（ブルー） */
  --blue-color: #005fa7;
  /* フォントサイズ */
  --font-body-size: 15px;
  --font-article-size: 18px;
  --font-sub-size: 13px;

  /* パディング */
  --side-padding: 0 10px;

  scroll-behavior: smooth;

  /* 全体の幅 */
  --lawer-wrapper: 940px;
}

/* タブレット表示 */
@media screen and (max-width: 1119px) {
  :root {
    --side-padding: 0 15px;
    --font-article-size: 15px;
  }
}

/* スマホ表示 */
@media screen and (max-width: 599px) {
  :root {
    --font-body-size: 13px;
    --side-padding: 0 20px;
  }
}