#homepage .newspage h2.title {
    font-family: Oswald Bold,Arial,Helvetica,sans-serif
}

.news-homepage .cta-paging {
    display: none
}

.news-homepage .row-news-page .all-newslist,.news-homepage .row-news-page .titles {
    padding-left: 20px;
    padding-right: 20px
}

.news-homepage .row-news-page .base-news-ralated {
    padding-left: 10px;
    padding-right: 20px
}

.news-homepage .row-news-page .base-news-ralated .news-items {
    padding-left: 10px;
    padding-right: 0
}

.news-homepage .base-news-homepage {
    padding: 0 20px 0 10px;
    margin: 0
}

.news-homepage .base-news-homepage .news-items {
    padding-left: 10px;
    padding-right: 0
}

.news-list,.newspage {
    font-family: Noto Sans JP,Arial,Helvetica,sans-serif;
    margin: 30px 0 50px
}

.news-list .name h2,.newspage .name h2 {
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    word-break: break-word;
    margin: 15px 0
}

@media(max-width: 1199.98px) {
    .news-list .name h2,.newspage .name h2 {
        margin:0 0 5px;
        padding: 0;
        font-size: 16px;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.news-list .desc,.newspage .desc {
    font-family: Noto Sans JP,Arial,Helvetica,sans-serif;
    margin-bottom: 15px;
    min-height: 42px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box;          /* フレックスのような挙動 */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media(max-width: 1199.98px) {
    .news-list .desc,.newspage .desc {
        font-size:13px;
        margin-bottom: 5px;
        line-height: normal
    }
}

.news-list .date-tags-news,.newspage .date-tags-news {
    color: #64686b;
    text-transform: uppercase;
    word-break: break-word;
    margin: 0;
    font-size: 14px;
    font-family: Oswald Bold,Noto Sans JP Bold,Arial,Helvetica,sans-serif
}

@media(max-width: 1199.98px) {
    .news-list .date-tags-news,.newspage .date-tags-news {
        font-size:12px;
        line-height: normal
    }
}

.news-list .date-tags-news .date,.newspage .date-tags-news .date {
    padding-right: 10px
}

.news-list .row-news-page,.newspage .row-news-page {
    display: flex;
    flex-wrap: wrap
}

.news-list .titles,.newspage .titles {
    margin-bottom: 15px
}

@media(max-width: 1199.98px) {
    .news-list .titles,.newspage .titles {
        margin-bottom:30px
    }
}

.news-list .titles h2,.newspage .titles h2 {
    margin: 0
}

@media(max-width: 1199.98px) {
    .news-list .list-item,.newspage .list-item {
        display:flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-start
    }
}

@media(max-width: 1199.98px) {
    .news-list .tile-img-top,.newspage .tile-img-top {
        width:50%;
        padding-right: 10px
    }
}

@media(max-width: 1199.98px) {
    .news-list .news-desc,.newspage .news-desc {
        width:50%
    }
}

.news-list h2,.newspage h2 {
    font-family: Noto Sans JP,Arial,Helvetica,sans-serif;
    font-weight: 700
}

.news-list h2.title,.newspage h2.title {
    font-size: 30px
}

.news-list .cta-see-all,.newspage .cta-see-all {
    font-size: 16px
}

@media(max-width: 1199.98px) {
    .news-list .cta-see-all,.newspage .cta-see-all {
        font-size:12px
    }
}

.news-list .cta-see-all span,.newspage .cta-see-all span {
    color: #000;
    text-decoration: underline
}

.news-list .experience-component.experience-commerce_assets-news,.newspage .experience-component.experience-commerce_assets-news {
    display: flex;
    flex-wrap: wrap
}

.news-list .content,.newspage .content {
    text-align: left;
    padding-bottom: 60px;
    line-height: 1.7
}

.news-list .related-stories-header,.newspage .related-stories-header {
    font-family: Noto Sans JP,Arial,Helvetica,sans-serif;
    font-size: 26px;
    text-align: center;
    margin-bottom: 25px
}

.news-list .main-content-newsdetail p,.newspage .main-content-newsdetail p {
    font-family: Noto Sans JP,Arial,Helvetica,sans-serif
}

.news-list img,.newspage img {
    width: 100%;
}

.news-detail-items {
    font-family: Noto Sans JP,Arial,Helvetica,sans-serif
}

@media(max-width: 1199.98px) {
    .list-news-online {
        margin:0
    }
}

.news-items {
    margin-bottom: 50px
}

@media(max-width: 1199.98px) {
    .news-items {
        margin-bottom:30px
    }
}
.news-items .tile-img-top img{
    width: 100%;
    aspect-ratio: 33 / 20;
    object-fit: cover;
}

.news-breadcrumb {
    text-align: center
}

.news-breadcrumb .breadcrumb-heading {
    margin-top: 85px;
    margin-bottom: 52px
}

@media(max-width: 1199.98px) {
    .news-breadcrumb .breadcrumb-heading {
        margin-top:50px;
        margin-bottom: 50px
    }
}

.news-breadcrumb .breadcrumb-heading h1 {
    font-family: Oswald Bold,Arial,Helvetica,sans-serif;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 0;
    padding-top: 5px
}

.news-breadcrumb .breadcrumb-heading button {
    text-decoration: underline
}

.news-breadcrumb .breadcrumb-collapse {
    background-color: #f0f0f0;
    padding: 20px 0 25px
}

.news-breadcrumb .breadcrumb {
    padding: 0;
    margin: 0 auto;
    display: inline-block
}

@media(max-width: 1199.98px) {
    .news-breadcrumb .breadcrumb {
        padding:0 15px
    }
}

.news-breadcrumb .breadcrumb .breadcrumb-item {
    margin-top: 10px;
    display: none
}

.news-breadcrumb .breadcrumb .breadcrumb-item .cta-outline:hover {
    background-color: #000;
    color: #fff;
    transition: all .25s ease-out
}

.news-breadcrumb .breadcrumb .breadcrumb-item.js-active-tags {
    display: inline-block
}

.news-breadcrumb .breadcrumb button {
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    padding: 9px 12px;
    height: 40px;
    line-height: 21px;
    margin-bottom: 0;
    text-transform: uppercase;
    min-width: 99px;
    font-family: Oswald Bold,Noto Sans JP Bold,Arial,Helvetica,sans-serif!important
}

@media(max-width: 1199.98px) {
    .news-breadcrumb .breadcrumb button {
        min-width:105px
    }
}

.news-breadcrumb #loadMoreTags {
    font-family: Oswald Bold,Noto Sans JP Bold,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    margin-top: 25px;
    display: initial;
    width: 100%
}

.news-breadcrumb #loadMoreTags.js-hide-tags {
    display: none
}

#news .news-list {
    margin-top: 100px
}

@media(max-width: 1199.98px) {
    #news .news-list {
        margin-top:60px
    }
}

#news .news-list .row.justify-content-left {
    display: block
}

.cta-outline {
    border: 1px solid;
    border-color: #1c1c1c;
    color: #1c1c1c
}

.cta-outline.active {
    background-color: #1c1c1c;
    color: #fff
}

.cta-outline.active:hover {
    background-color: #c41230;
    color: #fff!important
}

.news-detail,.news-detail.news-detail-items {
    margin-top: 85px
}

@media(max-width: 1199.98px) {
    .news-detail,.news-detail.news-detail-items {
        margin-top:60px
    }
}

.news-detail.news-detail-items .news-name-tags h2,.news-detail .news-name-tags h2 {
    margin-bottom: 8px;
    font-size: 26px
}

@media(max-width: 1199.98px) {
    .news-detail.news-detail-items .news-name-tags h2,.news-detail .news-name-tags h2 {
        font-size:24px
    }
}

.news-detail.news-detail-items .news-name-tags .date-tags-news,.news-detail .news-name-tags .date-tags-news {
    margin-bottom: 20px
}

@media(max-width: 1199.98px) {
    .news-detail.news-detail-items .related-article,.news-detail .related-article {
        margin-bottom:30px
    }
}

.news-detail .back-newslist,.news-detail.news-detail-items .back-newslist {
    margin-top: 55px;
    margin-bottom: 45px
}

@media(max-width: 1199.98px) {
    .news-detail .back-newslist,.news-detail.news-detail-items .back-newslist {
        margin-top:0
    }
}

.news-detail .back-newslist a,.news-detail.news-detail-items .back-newslist a {
    min-width: 395px;
    padding: 20px 0;
    margin: 0
}

@media(max-width: 1199.98px) {
    .news-detail .back-newslist a,.news-detail.news-detail-items .back-newslist a {
        min-width:100%
    }
}

.news-detail .back-newslist.back-newslist-items a,.news-detail.news-detail-items .back-newslist.back-newslist-items a {
    background-color: #000;
    border: 0
}

.news-detail .back-newslist.back-newslist-items a span,.news-detail.news-detail-items .back-newslist.back-newslist-items a span {
    color: #fff
}

.breadcrumb-item+.breadcrumb-item:before {
    display: none
}

.cta-paging {
    height: 60px;
    display: flex;
    vertical-align: middle;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 45px;
    margin-bottom: 50px
}

@media(max-width: 1199.98px) {
    .cta-paging {
        height:57px;
        margin-top: 45px
    }
}

.cta-paging .slick-number-news {
    height: 60px;
    padding: 0 105px;
    display: flex;
    align-items: center;
    font-family: Noto Sans JP,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 700
}

@media(max-width: 1199.98px) {
    .cta-paging .slick-number-news {
        height:57px;
        padding: 0 80px
    }
}

.cta-paging button#slick-prev-news {
    background-image: url("../../images/page-designer/news-prev-pc.png");
    background-repeat: no-repeat;
    width: 55px;
    height: 60px
}

@media(max-width: 1199.98px) {
    .cta-paging button#slick-prev-news {
        background-image:url("../../images/page-designer/news-prev-mb.png");
        background-repeat: no-repeat;
        width: 40px;
        height: 57px
    }
}

.cta-paging button#slick-next-news {
    background-image: url("../../images/page-designer/news-next-pc.png");
    background-repeat: no-repeat;
    width: 55px;
    height: 60px
}

@media(max-width: 1199.98px) {
    .cta-paging button#slick-next-news {
        background-image:url("../../images/page-designer/news-next-mb.png");
        background-repeat: no-repeat;
        width: 40px;
        height: 57px
    }
}

.cta-paging button.slick-arrow-news.disabled {
    opacity: .5
}

.cta-paging button .text {
    display: none
}

.newspage {
    margin: 30px 0 50px;
    font-family: SemplicitaPro-Regular
}

.newspage .news-heading {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    padding: 20px 0 40px
}

.newspage .description {
    font-size: 18px;
    margin-bottom: 32px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 16px;
    text-align: center;
    font-weight: 600
}

@media(max-width: 768.98px) {
    .newspage .description {
        display:flex;
        flex-direction: column;
        text-align: left!important
    }
}

.newspage .content {
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding-bottom: 60px;
    line-height: 1.7;
    margin-bottom: 32px
}

.newspage a {
    color: #eb8102!important;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.newspage .back-newslist {
    text-align: center;
    margin-top: 50px;
}

.newspage .back-newslist a {
    color: #fff!important
}

@media(max-width: 768.98px) {
    .newspage .back-newslist a {
        display:inline-block;
        text-decoration: none;
        background: #e8e8e8;
        border-radius: 6px;
        padding: 8px 15px;
        font-size: 14px;
        min-width: 220px;
        text-align: center
    }
}

.newspage #date-detail {
    font-size: 12px;
    position: relative;
    bottom: -1px
}

.slide-up .carousel-inner .carousel-item a {
    color: #eb8102!important
}

#date-data {
    display: none
}

#listnews {
    margin: 50px 0;
}

#listnews .news-wrap .header {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    padding: 20px 0 60px
}

#listnews .news-wrap .list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px 12px 8px;
    border-bottom: 1px solid #ccc;
    flex-wrap: nowrap
}

#listnews .news-wrap .list-item .date {
    padding-left: 5px
}

#listnews .paging {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

#listnews .paging .steps:not(:last-child) {
    margin-right: 5px
}

#listnews .paging .steps.active a {
    color: #eb8102!important
}
#listnews .navipage_.bottom_{
    margin-top: 50px;
}

.container.news-breadcrumb .breadcrumb {
    border-bottom: none;
    display: block;
    padding-top: 10px;
    text-align: left
}

.container.news-breadcrumb .breadcrumb .breadcrumb-item {
    display: inline
}

.container.news-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

/*リニューアル*/
.news-lists .news-breadcrumb .breadcrumb .breadcrumb-item{
    margin: 0;
}
.news-lists .news-breadcrumb .breadcrumb .breadcrumb-item input{
    opacity: 0;
    position: absolute;
}
.news-lists .news-breadcrumb .breadcrumb .breadcrumb-item label{
  margin: 0;
}
.news-lists .news-breadcrumb .breadcrumb .breadcrumb-item input[name="genre_item"] + .news-tags{
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  padding: 9px 12px;
  height: 40px;
  line-height: 21px;
  margin-bottom: 0;
  text-transform: uppercase;
  min-width: 99px;
  font-family: Oswald Bold,Noto Sans JP Bold,Arial,Helvetica,sans-serif!important
}
.news-lists .news-breadcrumb .breadcrumb .breadcrumb-item input[name="genre_item"]:checked + .news-tags{
  background-color: #1c1c1c;
  color: #fff;
}