:root {

  /*
   * font
   * http://mw-s.jp/2017css-font-win-mac/
   * http://silight.hatenablog.jp/entry/2015/07/02/214601
   */
  --fontFamily:  'Noto Sans JP', '游ゴシック Medium', 'YuGothic', 'YuGothicM', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif;
  --fontFamily-notosans: 'Noto Sans JP', sans-serif;
  --fontFamily-barlow: 'Barlow Semi Condensed', sans-serif;

  --fontWeight-normal: 500;
  --fontWeight-semiBold: 600;
  --fontWeight-bold: 700;

  /*
   * line-height
   */
  --line-loose: 2;
  --line-relax: 1.75;
  --line-normal: 1.5;
  --line-tight: 1.25;
  --line-none: 1;


  /*
   * famous layouts
   */
  --size-ipad-long: 1024px;
  --size-ipad-short: 768px;
  --size-ipadPro10inch-long: 1112px;
  --size-ipadPro10inch-short: 834px;

  --textColor: #303030;
  --baseColor: #FDF1E8;
  --white: #ffffff;
  --border: #E0E0E0;
  --gray: #F8F8F8;
  --orange: #FF7206;
  --brown: #CC5B04;
  --green: #228B22;

  /* in osaka */
  --baseColor02: #e7f7f7;
  --aqua: #2EC0CF;
  --darkAqua: #23969b;
  --orange02: #FF8C00;

  --smooth: cubic-bezier(0.11, 0.85, 0.14, 1);
}