@charset "UTF-8";

/**
 * 全体で使うscss用変数
 */

.notice_area {
  margin: 30px auto 0;
  width: 90%;
}

@media screen and (min-width: 960px) {
  .notice_area {
    width: 900px;
  }
}

@media screen and (max-width: 599px) {
  .notice_area {
    margin: 20px auto 0;
  }
}

.notice_area .notice_list {
  border-bottom: 1px solid #000;
  margin-top: 20px;
  padding-bottom: 20px;
}

.notice_area .notice_list .notice_link {
  display: block;
  margin-top: 5px;
}

.notice_content_area {
  margin: 30px auto 0;
  width: 90%;
}

@media screen and (min-width: 960px) {
  .notice_content_area {
    width: 900px;
  }
}

@media screen and (max-width: 599px) {
  .notice_content_area {
    margin: 20px auto 0;
  }
}

.notice_content_area .notice_create_date {
  text-align: right;
}

.notice_content_area .notice_content {
  margin-top: 20px;
}

.select_notice_area {
  display: none;
}