@charset "UTF-8";
/* news.css */
main {
  background: url("../img/news_bg.jpg") center top/100% auto no-repeat;
}
@media only screen and (max-width: 768px) {
  main {
    background: url("../img/news_bg.jpg") center top/200% auto no-repeat;
  }
}
main .in-contents .breadcrumb {
  color: #000;
}
main .in-contents .breadcrumb a {
  color: #000;
}
main .in-contents article .cont-box .inner h2 {
  margin: 0 auto 3%;
}
main .in-contents article .cont-box.detail-box .inner {
  text-align: left;
}
main .in-contents article .cont-box.detail-box .inner h1 {
  margin: 6% auto 1%;
  padding: 0 0 1% 90px;
  font-size: 22px;
  font-weight: bold;
  border-bottom: #1fad24 2px solid;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box.detail-box .inner h1 {
    margin: 0 auto 2%;
    padding: 10% 0 2% 0;
    font-size: 4.67vw;
  }
}
main .in-contents article .cont-box.detail-box .inner h1 .category {
  width: 80px;
  height: 20px;
  margin: 0;
  padding: 0;
  font-size: 10px;
  text-align: left;
  line-height: 1;
  font-family: 'ns';
  position: absolute;
  top: 10%;
  left: 0;
}
main .in-contents article .cont-box.detail-box .inner h1 .category:after {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
main .in-contents article .cont-box.detail-box .inner h1 .category.cat1 {
  background: #b35b5b;
}
main .in-contents article .cont-box.detail-box .inner h1 .category.cat1:after {
  content: 'NEWS';
}
main .in-contents article .cont-box.detail-box .inner h1 .category.cat2 {
  background: #c28f2c;
}
main .in-contents article .cont-box.detail-box .inner h1 .category.cat2:after {
  content: 'イベント告知';
}
main .in-contents article .cont-box.detail-box .inner h1 .category.cat3 {
  background: #0c7694;
}
main .in-contents article .cont-box.detail-box .inner h1 .category.cat3:after {
  content: 'イベント報告';
}
main .in-contents article .cont-box.detail-box .inner h1 .category.cat4 {
  background: #4c527b;
}
main .in-contents article .cont-box.detail-box .inner h1 .category.cat4:after {
  content: '受賞・表彰';
}
main .in-contents article .cont-box.detail-box .inner h1 .category.cat5 {
  background: #4c527b;
}
main .in-contents article .cont-box.detail-box .inner h1 .category.cat5:after {
  content: '時評・エッセイ';
}
main .in-contents article .cont-box.detail-box .inner h1 .category.cat6 {
  background: #4c527b;
}
main .in-contents article .cont-box.detail-box .inner h1 .category.cat6:after {
  content: 'OBCラジオ';
}
main .in-contents article .cont-box.detail-box .inner h1 .category.cat7 {
  background: #4c527b;
}
main .in-contents article .cont-box.detail-box .inner h1 .category.cat7:after {
  content: '連携協定';
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box.detail-box .inner h1 .category {
    display: block;
    width: 37.34%;
    height: auto;
    margin: 0 0 2%;
    padding: 2.5% 0;
    font-size: 3.47vw;
    text-align: left;
    line-height: 1;
    position: relative;
  }
}
main .in-contents article .cont-box.detail-box .inner .date,
main .in-contents article .cont-box.detail-box .inner .txt-box {
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box.detail-box .inner .date,
  main .in-contents article .cont-box.detail-box .inner .txt-box {
    font-size: 3.2vw;
  }
}
main .in-contents article .cont-box.detail-box .inner .date {
  margin: 0 0 6%;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box.detail-box .inner .date {
    margin: 0 0 8%;
  }
}