@charset "UTF-8";
/* ==========================
    ベースカラーの設定 
=============================*/
/*トップページnavの色*/
/* ==========================
    Compass、Sass各種設定
=============================*/
/*768以上はPC表示*/
/*767以下はスマホ表示・bootstrapはsm*/
/* ===========================
    Layout(boxの設定)
==============================*/
.information-box {
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .information-box {
    margin-top: 80px;
  }
}

.information_left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .information_left {
    width: 810px;
    float: left;
  }
}

@media screen and (min-width: 768px) {
  .information_right {
    width: 220px;
    float: right;
    margin: 0;
  }
}

/* ===========================
   Module(見た目の設定)
==============================*/
.information-year {
  margin-bottom: 20px;
  font-weight: 200;
  font-size: 22px;
}
@media screen and (min-width: 768px) {
  .information-year {
    margin-bottom: 50px;
    font-size: 40px;
  }
}

/* トップページ（style.css）の設定を流用しつつ、打ち消し　*/
@media screen and (min-width: 768px) {
  .info-category {
    left: 0;
  }
}

@media screen and (min-width: 768px) {
  .info-day {
    left: 140px;
  }
}

@media screen and (min-width: 768px) {
  .info-txt {
    width: 560px;
    margin: 0 0 0 250px;
  }
}

/*# sourceMappingURL=information.css.map */