// Variables
@import "variables";
@import "variables_f";

// Bootstrap
@import '~bootstrap/scss/bootstrap';

// フォント
@import "jpserriffont";

// ロゴ
@import "logo";

// ナビバー
@import "navbar";

// サイドメニュー
@import "sidemenu";

// コンテンツ
@import "contents";

// スクロール
@import "scroll";

// コンポーネント
@import "conponent/badge";
@import "conponent/button";
@import "conponent/check";
@import "conponent/form";
@import "conponent/modal";
@import "conponent/select";

// テーブル
@import "conponent/table";

// その他
#app {
  font-family: monospace;
  font-size: large;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  margin-top: 48px;
  margin-left: 0px;
}

body {
  font-family: 'jpserriffont';
  text-align: center;
  color: $white1;
  background-color: $black1;
}

a { color: $suwa04; }
a:hover { color: $suwa03; }
// .new { background-color: $suwa09; margin: 10px auto; padding: 0; }
// .head > div { margin: 5px 0; }
// .new-head, .new-body { padding: 10px; }
// .new-head { border: 2px solid $suwa03; background-color: $suwa10; }
// .new-body { border-bottom: 2px solid $suwa03; border-left: 2px solid $suwa03; border-right: 2px solid $suwa03; }