@charset "UTF-8";
/* CSS Document */
/* clearfix */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* for macIE \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

.pNav{
    font-size: 14px;
}

ul#newsList {
  margin: 0 0 15px;
  padding: 0;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul#newsList li {
  color: #666;
  font-size: 18px;
  margin: 0;
  padding: 30px 0 40px;
  margin-bottom: 3px;
  border-bottom: solid 1px #1A405F;
  line-height: 120%;
  list-style-type: none;
}
ul#newsList li:last-child {
  border: none;
  padding-bottom: 80px;
}
ul#newsList li .thumbNailWrap img{
    width: 100%;
    max-width: 310px;
}



a {
  color: #36F;
  text-decoration: underline;
}

a:hover {
  color: #039;
  text-decoration: none;
}

.catName {
  display: inline-block;
  /*	padding:0 8px;*/
/*  letter-spacing: .2em;*/
  min-width: 7em;
  text-align: center;
  background: #335A73;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  margin: 0 2px;
  margin-right: 15px;
}

.newMark {
  display: inline-block;
  border: 1px solid #F00;
  padding: 1px 4px;
  font-size: 11px;
  line-height: 100%;
  background: #F00;
  color: #fff;
  box-shadow: 1px 1px 1px #999;
  border-radius: 8px;
  font-style: italic;
}

#news-ichiran .logo_stl,#news-detail .logo_stl{
    padding-top: 80px;
    margin-bottom: 60px;
}
#news-ichiran .title {
  width: 65%;
  display: block;
  padding-bottom: 30px;
  font-size: 110%;
  font-weight: bold;
}
#news-ichiran .title a {
  color: #4CA1C5;
}
#news-detail h1{
    padding-left: 1rem;
}

.flex_box {
  display: flex;
  justify-content: space-between;
}

.comment {
  display: block;
  width: 70%;
  padding: 3px 0;
  padding-right: 40px;
  float: left;
  overflow: hidden;
}

.thumbNailWrap {
  display: block;
  height: auto;
  margin-top: -50px;
  width: 30%;
  float: left;
  overflow: hidden;
}

/* Pager style（外部化可） */
.pager {
  text-align: right;
  padding: 10px;
  clear: both;
}

/*ページャーボタン*/
.pager a {
  border: 1px solid #999;
  border-radius: 5px 5px 5px 5px;
  color: #333;
  font-size: 12px;
  padding: 3px 7px 2px;
  text-decoration: none;
  margin: 0 1px;
}

/*現在のページのボタン*/
.pager a.current {
  background: #999;
  border: 1px solid #999;
  border-radius: 5px 5px 5px 5px;
  color: #fff;
  font-size: 12px;
  padding: 3px 7px 2px;
  margin: 0 1px;
  text-decoration: none;
}

.pager a:hover {
  background: #999;
  color: #fff;
}

.overPagerPattern {
  padding: 0 2px;
}

#news_area, .news-detail{
/*    max-width: 1200px;*/
    border-top: solid 16px #231815;
    padding-top: 0;
    margin-top: 0;
}
#news_area h2 {
    font-size: 220%;
    margin-top: 30px;
    margin-bottom: 80px;
    text-align: center;
}
#news_area h3 {
/*  font-family: 'Hina Mincho', serif;*/
  border-bottom: solid 1px #1A405F;
  position: relative;
  padding-left: 5px;
  padding-bottom: 24px;
    font-size: 220%;
    font-family: 'Hina Mincho', serif;
    margin-top: 80px;
    color: #1A405F;
}
#news_area h3 span {
  padding-right: 5em;
}
#news_area h3 span:after {
  content: "";
  position: absolute;
  width: 12em;
  left: 0;
  bottom: 0;
  border-bottom: solid 10px #0F385B;
}
#news_area .list_date {
  margin-bottom: 20px;
}
#news_area .comment span {
  font-size: 18px !important;
}
#news_area .comment * {
  font-size: 18px !important;
}
.news_area h1{
    
}
.logo_stl img{
    max-width: 80%;
    width: 100px!important;
}


.btn_ichiran {
  text-align: center;
  margin-bottom: 4em;
}
.btn_ichiran a {
  display: inline-block;
  background: #1A405F;
  border: solid 1px #1A405F;
  padding: 10px 40px;
  color: #fff;
  transition: all .1s ease-in-out;
}
.btn_ichiran a:hover {
  color: #1A405F;
  background: #fff;
}

.cat-0 .catName{
    background: #C1272D;
}
.cat-1 .catName{
    background: #333333;
}
.cat-2 .catName{
    background: #333333;
}
.cat-3 .catName{
    background: #333333;
}
.cat-4 .catName{
    background: #333333;
}

footer .copy{
    margin-top: -1.3em;
}

.luxbar-fixed{
    box-shadow: 1px 1px 5px #eee!important;
}

@media screen and (max-width: 768px) {
    
    #news-detail h1{
        padding-left: 0;
    }
    #news_area, .news-detail{
        border-top: solid 12px #231815;
    }
    #news_area h2 {
        font-size: 190%;
    }
    #news_area h3 {
        font-size: 24px;
    }
  #news_area .comment span {
    font-size: 16px !important;
  }
  #news_area .comment * {
    font-size: 16px !important;
  }
  .news_area{
      padding-top: 80px;
  }
  #news-ichiran .title {
    width: 100%;
  }
  ul#newsList li .flex_box {
    flex-direction: column;
  }
  ul#newsList li .comment {
    width: 100%;
/*    margin-bottom: 40px;*/
    padding-right: 0;
  }
  ul#newsList li .thumbNailWrap {
    width: 100%;
    margin-top: 0;
    text-align: center;
    margin-top: 2em;
  }
  ul#newsList li .thumbNailWrap img {
    width: 80%;
    max-width: 100%;
  }
  #news-detail .news_area{
      padding: 0 1rem;
  }
  #news-detail .contents-box{
      padding: 0;
  }
}
@media screen and (max-width: 480px) {
  #news-ichiran .title {
    font-size: 100%;
    font-size: 16px;
    padding-bottom: 10px;
  }
  #news-ichiran .logo_stl,#news-detail .logo_stl{
      padding-top: 55px;
  }
  #news_area .comment span,#news_area .comment * {
    font-size: 14px !important;
  }
  #news_area h3 span:after {
    width: 8em;
  }

  #news_area h3 span {
    padding-left: .7em;
  }

  .btn_ichiran a {
    padding-left: 20px;
    padding-right: 20px;
  }
  .catName{
      vertical-align: bottom;
  }
}

/* font size */

#news-detail #detail *{
    font-size: 18px!important;
}

@media screen and (max-width: 1179px) {
/*    font-size: 18px～16px */
  #news-detail #detail *{
    font-size: calc(1.125rem + ((1vw - 13px) * 0.3759))!important;
    min-height: 0vw;
  }
}
@media (max-width: 677px) {
/*    font-size: 18px～16px */
  #news-detail #detail *{
    font-size: calc(1.125rem + ((1vw - 6.4px) * 0.7))!important;
    min-height: 0vw;
  }
}
@media (max-width: 380px) {
  #news-detail #detail *{
    font-size: 14px!important;
  }
}
/*# sourceMappingURL=style_news.css.map */