@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;
}

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

ul#newsList li {
  color: #000;
  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;
  margin-bottom: 5px;
}

#news-ichiran .title {
  width: 65%;
  display: block;
  padding-bottom: 30px;
  font-size: 110%;
  font-weight: bold;
}
#news-ichiran .title a {
  color: #113142;
}

.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{
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 100px;
/*    padding-top: 40px;*/
}
#news_area h2 {
    font-size: 220%;
    margin-top: 30px;
    margin-bottom: 80px;
    text-align: center;
    color: #8F2626;
    font-family: 'Mukta', sans-serif;
}
#news_area h3 {
/*  font-family: 'Hina Mincho', serif;*/
  font-size: 26px;
  border-bottom: solid 1px #1A405F;
  position: relative;
  padding-left: 5px;
  padding-bottom: 24px;
  font-family: 'Mukta', sans-serif;
}
#news_area h3 span {
  padding-right: 5em;
  font-weight: bold;
}
#news_area h3 span:after {
  content: "";
  position: absolute;
  width: 12em;
  left: 0;
  bottom: 0;
  border-bottom: solid 10px #113142;
}
#news_area .list_date {
  margin-bottom: 20px;
}
#news_area .comment span {
  font-size: 18px !important;
}
#news_area .comment * {
  font-size: 18px !important;
}


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

.catName{
    background: #333333;
    vertical-align: bottom;
}
/*.cat-0 .catName{
    background: #DA768A;
}
.cat-1 .catName{
    background: #4CA1C5;
}
.cat-2 .catName{
    background: #00B683;
}
.cat-3 .catName{
    background: #00B683;
}
.cat-4 .catName{
    background: #00B683;
}
.cat-5 .catName{
    background: #EE87B4;
}*/
#news-ichiran footer article h2.f_logo{
    margin-bottom: 0;
}
#news-ichiran footer .f_bottom .f_menu{
    margin-bottom: 28px;
}
footer .copy{
    margin-top: -1.3em;
}

.luxbar-fixed{
    background: rgba(255,255,255,.8);
}


#news-detail .news_area{
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 100px;
}
#news-detail .pNav{
    margin-bottom: 40px;
}
#news-detail #up_ymd{
    margin-bottom: 10px;
}
#news-detail .catName{
    vertical-align: middle;
}
#news-detail h2.detail{
    margin-bottom: 60px;
    font-weight: bold;
}
#news-detail #detail{
    margin-bottom: 80px;
}
#news-detail .detailUpfile img{
    width: auto;
    margin-top: 2em;
}


@media screen and (max-width: 1023px) {
    #news_area{
        margin-top: 60px;
    }
}
@media screen and (max-width: 768px) {
    #news_area h2 {
        font-size: 190%;
    }
    #news_area h3 {
        font-size: 20px;
    }
  #news_area .comment span {
    font-size: 16px !important;
  }
  #news_area .comment * {
    font-size: 16px !important;
  }
  .news_area{
      padding-top: 0;
  }
  #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;
  }
  ul#newsList li .thumbNailWrap img {
    width: 80%;
    max-width: 100%;
  }
  #news-detail .news_area{
      margin-top: 60px;
  }
}
@media screen and (max-width: 480px) {
  #news-ichiran .title {
    font-size: 100%;
    font-size: 16px;
    padding-bottom: 10px;
  }

  #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 */
.pNav {
    font-size: 14px;
}
#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 */