.news-section {
  padding: 60px 0 80px;
}

.news-section h1 {
  text-align: center;
  margin-bottom: 70px;
}

.news-section .news-nav {
  background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/news_nav_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 30px 10px 25px;
  margin-bottom: 60px;
}

.news-section .news-nav > ul {
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.news-section .news-nav > ul > li {
  width: 22.19512%;
  margin: 1.21951%;
  display: inline-block;
}

.news-section .news-nav > ul > li > a {
  display: block;
  padding-top: 31.86813%;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.news-section .news-nav > ul > li > a:hover {
  opacity: 0.8;
}

.news-section .news-nav > ul > li.all > a {
  background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/news_btn_all.png);
}

.news-section .news-nav > ul > li.all.on > a {
  background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/news_btn_all_on.png);
}

.news-section .news-nav > ul > li.info > a {
  background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/news_btn_info.png);
}

.news-section .news-nav > ul > li.info.on > a {
  background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/news_btn_info_on.png);
}

.news-section .news-nav > ul > li.goods > a {
  background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/news_btn_goods.png);
}

.news-section .news-nav > ul > li.goods.on > a {
  background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/news_btn_goods_on.png);
}

.news-section .news-nav > ul > li.event > a {
  background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/news_btn_event.png);
}

.news-section .news-nav > ul > li.event.on > a {
  background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/news_btn_event_on.png);
}

.news-section .news-list {
  margin-bottom: 60px;
}

.news-section .news-list ul > li {
  width: 25%;
  float: left;
}

@media screen and (min-width: 768px) {
  .news-section .news-list ul > li:nth-of-type(n+5) {
    margin-top: 0.5%;
  }
}

.news-section .news-pager .pagination-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.news-section .news-pager .pagination-inner > .page-numbers {
  margin: 0 5px;
}

.news-pager .pagination-wrapper .pagination-inner > .page-numbers {
  display: block;
  width: 58px;
  height: 54px;
  padding-top: 18px;
  background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/news_pager.png);
  background-repeat: no-repeat;
  background-size: contain;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
}

.news-section .news-pager .pagination-inner > .page-number:hover {
  opacity: 0.8;
}

.news-section .news-pager .pagination-inner > .page-numbers.current {
  background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/news_pager_on.png);
  color: #fff;
}

.news-section .news-detail-container .detail-box {
  margin-bottom: 60px;
}

.news-section .news-detail-container .detail-box > img {
  width: 100%;
}

.news-section .news-detail-container .detail-box > div {
  background-image: url(/wp-content/themes/ikemen/title/genji/original/images/common/frame_body.png);
  background-size: 100% auto;
  padding: 40px 70px;
}

.news-section .news-detail-container .detail-box > div > dl > dt {
  line-height: 1.5;
  padding-bottom: 25px;
  margin-bottom: 50px;
  border-bottom: 1px solid #d6d6cf;
}

.news-section .news-detail-container .detail-box > div > dl > dt p {
  margin-bottom: 20px;
}

.news-section .news-detail-container .detail-box > div > dl > dt p time {
  display: inline-block;
  margin-right: 20px;
  font-size: 1.6rem;
  line-height: 20px;
  vertical-align: bottom;
}

.news-section .news-detail-container .detail-box > div > dl > dt h2 {
  font-size: 2.4rem;
}

.news-section .news-detail-container .detail-box > div > dl > dd .news-layout {
  margin-bottom: 40px;
}

.news-section .news-detail-container .detail-box > div > dl > dd .news-layout:last-of-type {
  margin-bottom: 0;
}

.news-section .news-detail-container .detail-box > div > dl > dd .news-layout > li.layout-img-center {
  text-align: center;
}

.news-section .news-detail-container .detail-box > div > dl > dd .news-layout > li img {
  max-width: 100%;
}

.news-section .news-detail-container .detail-box > div > dl > dd .news-layout > li p {
  font-size: 1.8rem;
  line-height: 2;
}

.news-section .news-detail-container .detail-box > div > dl > dd .news-layout > li p:not(:last-child) {
  margin-bottom: 40px;
}

.news-section .news-detail-container .detail-box > div > dl > dd .news-layout.left > li {
  float: left;
  width: 49%;
}

.news-section .news-detail-container .detail-box > div > dl > dd .news-layout.left > li:last-of-type {
  float: right;
}

.news-section .news-detail-container .detail-box > div > dl > dd .news-layout.right > li {
  float: right;
  width: 49%;
}

.news-section .news-detail-container .detail-box > div > dl > dd .news-layout.right > li:last-of-type {
  float: left;
}

.news-section .news-detail-container .detail-box > div > dl > dd .news-layout.bottom > li:last-of-type, .news-section .news-detail-container .detail-box > div > dl > dd .news-layout.top > li:last-of-type {
  margin-top: 30px;
}

.news-section .news-detail-container .news-btn {
  display: block;
  width: 390px;
  margin: 0 auto;
}

.news-section .nolist {
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 0.01em;
  margin: 50px auto 0;
}

@media screen and (max-width: 767px) {
  .news-section {
    padding: 30px 0 60px;
  }
  .news-section h1 {
    width: 200px;
    margin: 0 auto 30px;
  }
  .news-section .news-nav {
    padding: 10px 10px 5px;
    margin-bottom: 30px;
  }
  .news-section .news-nav > ul > li {
    width: 23.33333%;
    margin: 0.83333%;
  }
  .news-section .news-nav > ul > li > a {
    padding-top: 48.57143%;
  }
  .news-section .news-nav > ul > li.all > a {
    background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/sp/news_btn_all.png);
  }
  .news-section .news-nav > ul > li.all.on > a {
    background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/sp/news_btn_all_on.png);
  }
  .news-section .news-nav > ul > li.info > a {
    background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/sp/news_btn_info.png);
  }
  .news-section .news-nav > ul > li.info.on > a {
    background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/sp/news_btn_info_on.png);
  }
  .news-section .news-nav > ul > li.goods > a {
    background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/sp/news_btn_goods.png);
  }
  .news-section .news-nav > ul > li.goods.on > a {
    background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/sp/news_btn_goods_on.png);
  }
  .news-section .news-nav > ul > li.event > a {
    background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/sp/news_btn_event.png);
  }
  .news-section .news-nav > ul > li.event.on > a {
    background-image: url(/wp-content/themes/ikemen/title/genji/original/images/news/sp/news_btn_event_on.png);
  }
  .news-section .news-list {
    margin-bottom: 30px;
  }
  .news-section .news-list ul > li {
    width: 50%;
  }
  .news-section .news-list ul > li:nth-of-type(n+3) {
    margin-top: 2%;
  }
  .news-section .news-pager ul > li {
    margin: 0 2px;
  }
  .news-section .news-pager ul > li > a {
    width: 38px;
    height: 35px;
    padding-top: 11px;
    font-size: 1.2rem;
  }
  .news-section .news-detail-container .detail-box {
    margin-bottom: 30px;
  }
  .news-section .news-detail-container .detail-box > div {
    padding: 20px;
  }
  .news-section .news-detail-container .detail-box > div > dl > dt {
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .news-section .news-detail-container .detail-box > div > dl > dt p {
    margin-bottom: 10px;
  }
  .news-section .news-detail-container .detail-box > div > dl > dt p time {
    margin-right: 10px;
    font-size: 1.4rem;
    line-height: 20px;
  }
  .news-section .news-detail-container .detail-box > div > dl > dt h2 {
    font-size: 1.4rem;
  }
  .news-section .news-detail-container .detail-box > div > dl > dd .news-layout {
    margin-bottom: 20px;
  }
  .news-section .news-detail-container .detail-box > div > dl > dd .news-layout > li p {
    font-size: 1.2rem;
  }
  .news-section .news-detail-container .detail-box > div > dl > dd .news-layout.left > li {
    float: none;
    width: 100%;
  }
  .news-section .news-detail-container .detail-box > div > dl > dd .news-layout.left > li:last-of-type {
    margin-top: 15px;
    float: none;
  }
  .news-section .news-detail-container .detail-box > div > dl > dd .news-layout.right > li {
    float: none;
    width: 100%;
  }
  .news-section .news-detail-container .detail-box > div > dl > dd .news-layout.right > li:last-of-type {
    margin-top: 15px;
    float: none;
  }
  .news-section .news-detail-container .detail-box > div > dl > dd .news-layout.bottom > li:last-of-type, .news-section .news-detail-container .detail-box > div > dl > dd .news-layout.top > li:last-of-type {
    margin-top: 15px;
  }
  .news-section .news-detail-container .news-btn {
    width: 240px;
  }
}

/* YouTubeサムネイル表示 (SPで見切れないように対応) */
iframe {
  width: 100%!important;
  max-width: 640px!important;
  aspect-ratio: 16 / 9!important;
  display: block;
  margin: 0 auto;
  border: none;
}

.news-section .breadcrumb_wrap{
  margin-right: auto;
  margin-left: auto;
  width: 1100px;
}
@media screen and (max-width: 750px){
  .news-section .breadcrumb_wrap{
    width: 90%;
    padding-bottom: 0.5em;
  }
}