@charset "utf-8";
/*====================================================================
  page__ttl
=====================================================================*/
.page__ttl{
  width: 100%;
  height: 130px;
  padding-top: 54px;
  background-color: #000;
  /*background: url(../images/pages/news/ttl_bg.jpg) center center #000 no-repeat;*/
}
  .page__ttl span{
    display: block;
    width: 1090px;
    height: 0;
    margin: 0 auto;
    padding-top: 23px;
    overflow: hidden;
    background: url(../images/pages/news/news_ttl.png) left center no-repeat;
  }


/*====================================================================
  news
=====================================================================*/

.news{
  width: 1090px;
  margin: 0 auto 130px auto;
  border: 1px solid #acacac;
}

/*-----------------------------------
  news__ttl (お知らせ用タイトル)
-----------------------------------*/
.news__ttl{
  width: 1090px;
  height: 80px;
  line-height: 80px;
  color: #fff;
  font-size: 2rem;
  padding: 0 26px;
  background-color: #4d4d4d;
}

/*-----------------------------------
  news__archive
-----------------------------------*/
.news__archive {
  padding-top: 10px;
  padding-bottom: 10px;
}

  .news__archive li{
    width: 1016px;
    min-height: 87px;
    /*background-color:#f1f5f6;*/
    border-bottom: 1px solid #ccc;
    position: relative;
    margin: 0 auto;
  }

  .news__archive li:last-child{
    border-bottom: 0;
  }


  .news__archive li a {
    width: 100%;
    /*min-height: 87px;*/
    display: block;
    text-decoration: none;
    /*padding-top: 18px;*/
    padding-bottom: 10px;
    overflow: hidden;
    color: #000;
  }

    .news__archive li time {
      font-size: 1.4rem;
      color: #cc1d25;
      text-decoration: none;
      padding-top: 10px;
      display: block;
    }

    .news__archive li p{
      padding-bottom: 10px;
    }
  .news__archive li a:hover {
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity=60);
  }

  /*.news__archive li a:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 19px;
    width: 8px;
    height: 8px;
    border-top: solid 2px #900;
    border-right: solid 2px #900;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }*/





/*-----------------------------------
  photo__list
-----------------------------------*/
.photo__list{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.photo__list li {
  width: 325px;
  margin-right: 20px;
  margin-bottom: 0;
  margin-left: 0;
  border: 0;
  float: left;
}

.photo__list li img{
  width: 325px!important;
  height: auto!important;
}

.photo__list li:nth-child(3n){
  margin-right: 0;
}







/*====================================================================
  news__entry
=====================================================================*/
.news__entry {
  width: 1090px;
  margin: 0 auto 80px auto;
}
  .news__entry a { color: #a40035;}

  .news__entry--ttl {
    padding-bottom: 20px;
    font-size:2rem;
    line-height: 3.0rem;
    border-bottom:1px solid #ccc;
    margin-bottom: 30px;
  }
    .news__entry--ttl time {
      font-size: 1.6rem;
      color: #cc1d25;
    }

  .news__entry--ttl + * {margin-top: 0;}

  .news__entry--body {
    width: 100%;
  }
.news__entry .news__youtube{
  width: 560px;
  margin: 0 auto;
}

  .news__entry--body img{
    display: block;
    max-width: 1090px;
    width: auto !important;
    width: 600px;
    height: auto;
    margin: 0 auto 30px auto;
  }

    .news__entry--body h2,
    .news__entry--body h3,
    .news__entry--body h4,
    .news__entry--body h5,
    .news__entry--body h5 { margin-top: 2.0em; }

    .news__entry--body h2 {
      padding: 0.6em 1.0em;
      background-color: #333;
      border-left: 20px solid #cc1d25;
      font-weight: bold;
      color: #fff;
    }
    
    .news__entry--body h3 {
      border: 2px solid #900;
      border-left: 20px solid #cc1d25;
      padding: 0.5em 1.0em;
      color:#900;
      font-weight: bold;
    }
    
    .news__entry--body h4 {
      border-left: 10px solid #cc1d25;
      padding: 0 0.6em;
      font-weight: bold;
    }
    
    .news__entry--body h5 {
      color:#cc1d25;
      font-weight: bold;
    }
    
    .news__entry--body h6 { font-weight: bold; }

    .news__entry--body p { margin: 1.0em 0; }

/* articlenavi */

.articlenavi {
  width: 598px;
  margin: 100px auto 120px auto;
  min-height: 60px;
  line-height: 60px;

}

.articlenavi li {
  width: 200px;
  color: #cc1d25;
  border: 1px solid #cc1d25;
}

.articlenavi li a {
    line-height: 80px;
    height: 80px;
    color: #cc1d25;
    font-size: 100%;
    text-align: center;
    text-decoration: none;
    outline: none;
    display: block;
}

.articlenavi li a:hover {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
  background-color: #ffddea;
}

.articlenavi .prev {
    float: left;
  position:relative;

}

.articlenavi .prev a:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 19px;
    width: 8px;
    height: 8px;
    border-bottom: solid 2px #cc1d25;
    border-left: solid 2px #cc1d25;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.articlenavi .next {
    float: right;
  position:relative;
}

.articlenavi .next a::after {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 2px #cc1d25;
    border-right: solid 2px #cc1d25;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto 0;
    position: absolute;
    top: 0;
    right: 17px;
    bottom: 0;
}

.articlenavi .return {
    margin: 0 auto;
}

.articlenavi li.prev .fa,
.articlenavi li.return .fa {
    margin-right: 0.5em;
}

.articlenavi li.next .fa {
    margin-left: 0.5em;
}