body {
  background-color: #000;
  color: #fff;
  padding-top: 10px; }

/* main_image */
.main_image {
  max-width: 580px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .main_image .copy {
    color: #FF0;
    font-size: 1.8rem; }
  @media only screen and (min-width: 992px) {
    .main_image .copy {
      font-size: 2.3rem; } }

/* main */
.news h2 {
  border-bottom: 2px solid;
  padding-bottom: 15px;
  margin-bottom: 25px; }
  .news h2 span {
    font-size: 1.8rem; }
  .news h2 a {
    color: #fff;
    text-decoration: underline;
    font-size: 1.6rem;
    position: relative;
    display: block; }
    .news h2 a::before {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      left: -14px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      border-top: 5px solid transparent;
      border-left: 5px solid #fff;
      border-bottom: 5px solid transparent;
      border-right: 5px solid transparent; }

.news #news_content {
  height: 400px;
  overflow: hidden; }
  .news #news_content ul li {
    width: 100%; }

@media only screen and (min-width: 768px) {
  .news h2 span {
    font-size: 2.5rem; }
  .news #news_content ul {
    margin-bottom: 10px; }
    .news #news_content ul li:nth-child(1) {
      max-width: 140px;
      margin-right: 20px; }
    .news #news_content ul li:nth-child(2) {
      max-width: 810px; } }

/* greeting */
.greeting h2 {
  font-size: 2.3rem;
  text-align: center;
  margin-bottom: 30px; }

@media only screen and (min-width: 768px) {
  .greeting h2 {
    font-size: 3.2rem; } }

/* main_r */
.door {
  display: block;
  max-width: 120px;
  width: 100%;
  margin: 0 auto; }
  @media only screen and (min-width: 992px) {
    .door {
      max-width: 160px; } }

.check_wrapper {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#21085a+0,6b3139+49,b55210+100 */
  background: #21085a;
  /* Old browsers */
  background: -moz-linear-gradient(top, #21085a 0%, #6b3139 49%, #b55210 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #21085a 0%, #6b3139 49%, #b55210 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#21085a), color-stop(49%, #6b3139), to(#b55210));
  background: -o-linear-gradient(top, #21085a 0%, #6b3139 49%, #b55210 100%);
  background: linear-gradient(to bottom, #21085a 0%, #6b3139 49%, #b55210 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21085a', endColorstr='#b55210',GradientType=0 );
  /* IE6-9 */ }
  .check_wrapper ul li {
    width: 39.5%;
    margin-right: 7%; }
    .check_wrapper ul li:nth-child(1) {
      margin-left: 7%; }
    .check_wrapper ul li a {
      font-size: 3rem;
      color: #fff;
      font-weight: bold;
      text-align: center;
      display: block;
      background-color: #8c8c8c;
      width: 100%; }



/* news */
/*.news_wrapper .main h2 ul li:nth-child(1) {
  width: 57px; }

.news_wrapper .main h2 ul li:nth-child(2) {
  width: 313px; }

.news_wrapper .main h2 ul li:nth-child(3) {
  width: 123px; }*/

.news_wrapper .main .news_data .fixed {
  background-color: #f5f5f5;
  padding: 15px; }
  .news_wrapper .main .news_data .fixed section {
    margin-bottom: 10px;
    margin-left: 15px; }
    .news_wrapper .main .news_data .fixed section:last-child {
      margin-bottom: 0; }

.news_wrapper .main .news_data .last_update {
  font-size: 1.6rem;
  color: navy; }

.news_wrapper .main .news_data .wa_data section {
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dotted #ccc;
  display: block; }



  .news_wrapper .main .news_data .wa_data section .article_left {
    display: block;
    min-width: 80px;
    background-color: #f7f7f7;
    border: 1px solid #d9d9d9;
    margin-right: 25px;
    margin-top: 4px;
    font-size: 12px;
    text-align: center;
color: #313131 !important;}
  .news_wrapper .main .news_data .wa_data section .article_right {
    display: block;
    color: #FFF; }
  .news_wrapper .main .news_data .wa_data section a .article_right {
    text-decoration: underline;
	  color: #EEE !important;}

@media only screen and (min-width: 992px) {
  .news_wrapper .main .news_data .wa_data section .article_left {
    margin-right: 35px; } }


/* news 詳細 */
.news_detail .main img {
  max-width: 100% !important;
  height: auto !important; }


@media only screen and (max-width: 768px) {
  .news_detail .main p,
  .news_detail .main font {
    font-size: 2.2rem;
  }
}



.news_detail .main .link_wrapper {
  margin-left: -1.5%;
  margin-right: -1.5%; }
  .news_detail .main .link_wrapper li {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%; }
    .news_detail .main .link_wrapper li a {
      display: block;
      background-color: #30ae99;
      color: #fff;
      text-align: center;
      padding: 15px;
      width: 100%;
      height: 100%;
      position: relative; }
/*------------------------------*/