@charset "utf-8";

/* 色 */
.baseorange {
  background-color: #ff6633;
}

.dark {
  background-color: #666;
}

/* font関係 */
body {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;

  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.body-style 
{
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;

  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}



#main-container { /* _Layoutのコンテンツ表示領域 ※今後変更予定-このコンテナはbody幅に揃える */
    margin: 0 auto;
    width: fit-content;
    padding: 20px; /* 基本の余白。変更する場合は各コンテンツのcssで上書きする */
    /* 良い方法ではないが、強制的にヘッダー幅に合わせる */
    max-width: var(--site-header-width); /* --site-header-width は _Layout.cshtmlのjavascriptで設定される */
    /*background-color: #f7f7f7;*/
}


#container { /* #main-containerへ読み込みされる各コンテンツのメインブロック  */
    display: block;
    /*width: 100%;
    padding: 20px;*/ /* 基本の余白。変更する場合は各コンテンツのcssで上書きする */

    /*margin: 0 auto;
    width: fit-content;*/
}

/* Thin */
.font100 {
  font-weight: 100;
}

/* ExtraLight */
.font200 {
  font-weight: 200;
}

/* Light */
.font300 {
  font-weight: 300;
}

/* Regular */
.font400 {
  font-weight: 400;
}

/* Medium */
.font500 {
  font-weight: 500;
}

/* SemiBold */
.font600 {
  font-weight: 600;
}

/* Bold */
.font700 {
  font-weight: 700;
}

/* ExtraBold */
.font800 {
  font-weight: 800;
}

/* Black */
.font900 {
  font-weight: 900;
}

/* 768px以下に適用されるCSS（タブレット・スマホ用） */
@media screen and (max-width: 768px) {
  body {
    max-width: 768px;
    width: 100%;
  }
  .body-style {
    max-width: 768px;
    width: 100%;
  }
}