/*
Theme Name: inv_hp_new
*/

/* お知らせ一覧 */
.spL {
    margin-top: 0;
}
#news-list {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
}
#news-list li {
    border-top: 0px;
    border-bottom: solid 1px #e6e2e2;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
#news-list li a {
    padding: 0.4rem 1rem;
    display: flex;
}
#news-list li a:hover {
    text-decoration: none;
}
#news-list li a:hover .info-title span {
    color: #ff4b1e;
    text-decoration: underline;
}
#news-list li .info-header {
    width: 28%;
    display: flex;
}
#news-list li .info-header .date {
    width: 12rem;
    font-size: 1.4rem;
    color: #636363;
    display: flex;
    align-items: center;     /*上下中央揃え*/
}
#news-list li .info-header .label {
    width: 15rem;
    display: flex;
    justify-content: center; /*左右中央揃え*/
    align-items: center;     /*上下中央揃え*/
}
#news-list li .info-header .label span,
#news-post .date-category .category span {
    font-size: 1.2rem;
    padding: 0rem 0.6rem;
    border-radius: 50px;
    background: #ffffff;
    color: #2b2b2b;
    border: solid 1px #797979;
    height: 2.4rem;
    width: 12rem;
    text-align: center;
}
#news-list li .info-header .label .info,
#news-post .date-category .category .info {
    background: #ffffff;
    color: #2b2b2b;
    border: solid 1px #797979;
}
#news-list li .info-header .label .important,
#news-post .date-category .category .important {
    background: #ff0000;
    color: #ffffff;
    border: solid 1px #ff0000;
}
#news-list li .info-header .label .campaign,
#news-post .date-category .category .campaign {
    background: #ffffff;
    color: #2b2b2b;
    border: solid 1px #797979;
}
#news-list li .info-header .label .maintenance,
#news-post .date-category .category .maintenance {
    background: #ffffff;
    color: #00afd6;
    border: solid 1px #00afd6;
}
#news-list li .info-header .label .tafx,
#news-post .date-category .category .tafx {
    background: #ff4b1e;
    color: #ffffff;
    border: solid 1px #ff4b1e;
}
#news-list li .info-header .label .etf,
#news-post .date-category .category .etf {
    background: #ff007d;
    color: #ffffff;
    border: solid 1px #ff007d;
}
#news-list li .info-header .label .st24,
#news-post .date-category .category .st24 {
    background: #0A2459;
    color: #ffffff;
    border: solid 1px #0A2459;
}
#news-list li .info-header .label .click365,
#news-post .date-category .category .click365 {
    background: #06AC49;
    color: #ffffff;
    border: solid 1px #06AC49;
}
#news-list li .info-header .label .maimate,
#news-post .date-category .category .maimate {
    background: #09578e;
    color: #ffffff;
    border: solid 1px #09578e;
}
#news-list li .info-header .label .triauto,
#news-post .date-category .category .triauto {
    border: solid 1px #fa4e2c;
    color: #ffffff;
    background: linear-gradient(to bottom right, #fa4e2c 40%, #ff007d);
}
#news-list li .info-header .label .moneyhatch,
#news-post .date-category .category .moneyhatch {
    background: #3fbebd;
    color: #ffffff;
    border: solid 1px #3fbebd;
}


#news-list li .info-title {
    width: 72%;
    padding: 0.6rem 0 0.2rem 0;
}
#news-list li .info-title .newest {
    font-size: 1.4rem;
    color: #ff0000;
    margin-right: 0.6rem;
    font-weight: 700;
}
#news-list li .info-title span {
    font-size: 1.8rem;
    color: #333333;
}

.history-btn-box {
    text-align: center;
    margin: 4rem 0 8rem 0;
}
.history-btn-box a {
    padding: 2rem 4rem;
    border: solid 1px #a9a9a9;
    border-radius: 50px;
    color: #424242;
    transition: all 0.3s ease 0s;
}
.history-btn-box a:hover {
    background: #797979;
    color: #ffffff;
    text-decoration: none;
}

.more-btn-box {
    text-align: center;
    margin: 6rem 0 4rem 0;
}
.more-btn-box a {
    padding: 2rem 4rem;
    border: solid 1px #a9a9a9;
    border-radius: 50px;
    color: #424242;
    transition: all 0.3s ease 0s;
}
.more-btn-box a:hover {
    background: #797979;
    color: #ffffff !important;
    text-decoration: none;
}

@media screen and (max-width: 1100px) {
    #news-list li .info-header {
        width: 40%;
    }
    #news-list li .info-title {
        width: 60%;
    }
}
@media screen and (max-width: 900px) {
    #news-list li .info-header {
        width: 50%;
    }
    #news-list li .info-title {
        width: 50%;
    }
}
@media screen and (max-width: 800px) {
    #news-list li {
        margin-bottom: 1.5rem;
    }
    #news-list li a {
        display: block;
    }
    #news-list li .info-header {
        width: 100%;
    }
    #news-list li .info-title {
        width: 100%;
        line-height: 2.4rem;
    }
    #news-list li .info-header .label span,
    #news-post .date-category .category span {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #news-list li .info-header .date {
        /* width: 11rem; */
    }
}

@media screen and (max-width: 600px) {

}

/* ページャー */
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0;
    position: relative;
    font-size: 14px;
}

.pagination span, .pagination a {
    display: block;
    /* width: auto; */
    margin: 4px;
    padding: 8px;
    border: 1px solid #c1c1c1;
    background-color: #fff;
    text-decoration: none;
    text-align: center;
    /* line-height: 16px; */
    color: #797979 !important;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50px;
}

/* ページ番号 */
.pagination .pager{
    
}

/* ホバー時 & 現在のページ */
.pagination a:hover,
.pagination .current  {
    color: #fff !important;
    border-color: #fb8b21;
    background-color: #fb8b21;
    border-radius: 50px !important;
}

/* 前へ */
.pagination a.prev {
    margin-right: 16px;
}
/* 次へ */
.pagination a.next {
    margin-left: 16px;
}
/* 最初へ */
.pagination a.first {}
/* 最後へ */
.pagination a.last {}

/* Page x / y */
.pagination span.page_num {
    display: none;
}





/* お知らせ記事投稿 */
#news-post h1 {
    font-size: 2.7rem;
    font-weight: 200;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
#news-post .title {
    border-bottom: 2px solid #ff4b1e;
}
#news-post h2 {
    font-size: 2.4rem;
    padding: 10px 0 10px 25px;
    position: relative;
    background: #fff2cc;
    border-radius: 5px;
    margin-top: 6rem;
}
#news-post h2:before {
    position: absolute;
    top: 20%;
    left: 10px;
    width: 6px;
    height: 50%;
    content: '';
    opacity: .5;
    -ms-filter: "alpha(opacity=20)";
    border-radius: 3px;
    background: #ff4b1e;
}
#news-post h3 {
    font-weight: 700;
}

#news-post .date-category {
    display: flex;
}
#news-post .date-category .date {
    width: 14rem;
    font-size: 1.6rem;
    color: #717171;
}
#news-post .date-category .category {
    width: 70%;
}
#news-post .date-category .category .post-categories {
    display: flex;
    margin: 0;
    padding: 0;
}


#news-post .thumbnail {
    margin: 3rem 0;
    text-align: center;
}
.news__mv--block img,
#news-post .thumbnail img {
    max-width: 600px;
    width: 100%;
    border: solid 1px #c1c1c1;
    background-color: #ffffff;
    padding: 2px;
    height: auto !important;
    box-sizing: border-box
}
#news-post p {
    font-size: 1.6rem;
}
#news-post .wp-block-image {
    position: relative;
}
#news-post .wp-block-image figcaption {
    text-align: center;
}
#news-post .wp-block-image img {
    height: auto !important;
}
#news-post .content {
    margin-bottom: 10rem;
}

@media screen and (max-width: 800px) {
    #news-post h1 {
        font-size: 2.4rem;
        line-height: 2.7rem;
    }
    #news-post h2 {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 600px) {

}


/* table */
table {
    border-color: #cccccc !important;
}
table tr th {
    border-color: #cccccc !important;
}
table tr td {
    border-color: #cccccc !important;
}





/*----------------------------------------------------
 追加
----------------------------------------------------*/
.footer__logo {
    background-image: url(/triauto/assets/css/img/logo/logo-footer.svg) !important;
}

.section__filter--block .filter__dropdown::after {
    background-image: url(img/icon-down.svg);
}

/* btn */
.btn__primary:link {
    color: #fff;
}

/* news-post */
#news-post {
    line-height: 1.6;
    word-break: break-word;
    overflow-wrap: anywhere;
}

#news-post .pages__section--block a {
    color: #0D6BBD;
}

#news-post h2 {
    margin-bottom: 0.83em;
}

#news-post h3 {
    font-size: 121%;
    margin-top: 1em;
    margin-bottom: 1em;
}

#news-post h4 {
    margin-top: 1.33em;;
    margin-bottom: 1.33em;;
}

#news-post p {
    margin-top: 1em;
    margin-bottom: 1em;
}

#news-post table {
    border-collapse: collapse;
    width: 100%;
}

#news-post table td,
#news-post table th {
    border: 1px solid;
    padding: .5em
}


/*list */
.filter__detail--list span {
    opacity: .5;
}

.filter__detail--list a {
    color: inherit;
    text-decoration: none;
}

.news__view .news__item {
    text-decoration: none;
}