/* ALL NEWS STARTS */
#news {
    padding: 0 17% 20vw;
}
#news .link-list{
    width: 100%;
}
#news .link-item{
    width: 100%;
    margin: 0 0 12vw 0;
}
#news .small-cta {
    opacity: 0.5;
}
#news .dash:before {
    opacity: 1;
}
#news .link-catch {
    margin: 10px 0;
    font-weight: normal;
    font-size: 1.15rem;
}
#news .venue-ttl {
    margin-bottom: 15px;
    line-height: 1.7em;
}
.news-img {
    width: 100%;
    height: 88vw;
    object-fit: cover;
}
#news .box-CTA {
    border: solid 1px #161616;
    padding: 15px 0;
    font-size: 0.85rem;
}
#news .box-CTA img {
    filter: none;
}
#news .flex-wrapper {
    flex-direction: column;
}

.page-num {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 3em;
    margin: 8vw 0 24vw;
}
.single .prev-page, .single .next-page {
    line-height: 1;
}
.prev-page, .next-page {
    line-height: 0;
    min-width: 80px
}
.prev-page a, .next-page a {
    display: inline-flex;
    align-items: center;
    font-family: 'SaolDisplay', 'Times New Roman',serif;
    font-size: 1.5rem;
    line-height: 1;
}
.prev-page img {
    transform: rotateZ(180deg);
    margin-right:10px;
}
.next-page img {
    margin-left:10px;
}
.prev-page img, .next-page img {
    width: 20px;
}
.blog .prev-page img, .blog  .next-page img {
    margin-top:5px;
}
.single .prev-page img, .single .next-page img {
    margin-bottom:5px;
}
.numbers {
    margin: 0 40px;
}
.numbers > a {
    display: none;
    font-size: 1.2rem;
    height: 100%;
    align-items: flex-end;
    line-height: 1.1;
}
.numbers > .cur-num {
    display: flex;
}
.categories-wrap {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 12vw;
}
#cat {
    padding: 0.5em 2em;
    border: none;
}

/* ALL NEWS END */

/* NEWS DETAIL START */
#article {
    background-color: #f5f5f5;
    width: 85vw;
    padding: 5vw 3.5vw;
    margin: auto;
}
#article img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
#article .sub-ttl {
    margin: 12vw 0 8vw;
}
.single p {
    margin: 16vw 0;
}
.single p:first-child {
    margin-top: 8vw;
}
.numbers .under-link {
    font-family: 'SaolDisplay', 'Times New Roman',serif;
    font-size: 1.3rem;
    padding-bottom: 0.2em;
    position: relative;
    bottom: -0.2em;
}
.wp-block-image {
    margin: 0;
    height: 60vw;
}
.article-ttl .venue-ttl {
    font-size: 0.7em;
}
.youtube-iframe {
    height: 48vw;
    width: 100%;
}
/* NEWS DETAIL END */

@media (min-width:1025px){
    #news {
        padding: 0 0 12vw;
        width: 85vw;
        margin: auto;
    }
    #news .link-list {
        width: 100%;
        justify-content: flex-start;
    }
    .categories-wrap {
        max-width: 80vw;
        margin: 0 auto 2vw;
    }
    #news .link-item {
        width: 21%;
        margin: 0 5.33% 6vw 0;
    }
    #news .link-item:nth-child(4n) {
        margin-right: 0;
    }
    #news .sub-ttl {
        width: 27%;
        text-align: left;
    }
    .news-img {
        height: 23.6vw;
        width: 100%;
    }
    #news .link-catch { 
        margin: 1.5vw 0 5px;
        font-size: 1rem;
    }
    #news .box-CTA {
        border: none;
        border-top: solid 1px #00000011;
        position: relative;
        margin-top: 3vw;
        justify-content: flex-end;
        align-items: center;
        padding: 1vw 0;
        letter-spacing: 4px;
    }
    #news .box-CTA img {
        position: static;
        margin: 5px 20px 0;
    }
    #news .box-CTA:before {
        content: '';
        position: absolute;
        width: 40px;
        height: 1px;
        background: #000;
        top: -1px;
        right: 0;
        opacity: 0.3;
        transition: width 0.5s ease-out, opacity 0.5s ease-out;
    }
    #news .box-CTA:hover::before {
        width: 100%;
        opacity: 1;
    }
    .numbers {
        display: flex;
        align-items: flex-end;
    }
    .numbers > a { 
        display: flex;
        margin: 0 10px;
    }
    .numbers .cur-num {
        opacity: 0.5;
        pointer-events: none;
    }
    .numbers > a, .prev-page, .next-page {
        cursor: pointer;
    }
    .page-num {
        margin: 4vw 0 8vw;
    }
    /* ALL NEWS END */

    .numbers .under-link {
        opacity: 1;
        pointer-events: all;
    }
    #article {
        width: 64vw;
        padding: 4vw 8vw;
    }
    #article .sub-ttl {
        margin: 6vw 0 4vw;
    }
    .article-txt {
        margin: 4vw;
    }
    .single p, .single p:first-child {
        margin: 4vw 0;
    }
    .wp-block-image {
        height: 100%;
    }
    .prev-page a, .next-page a{
        font-size: 2rem;
        width: 8vw;
        display: flex;
    }
    .prev-page a{
        justify-content: flex-end;
    }
    .next-page a{
        padding-left: 1vw;
    }
    .blog .prev-page:hover img {
        margin-right: 30px;
        width: 30px;
    }
    .blog .next-page:hover img {
        margin-left: 30px;
        width: 30px;
    }
    .numbers .under-link {
        font-size: 1.7rem;
        margin: 0 4vw
    }
    .youtube-iframe {
        height: 36vw;
    }
}

@media (max-height:800px) and (orientation:landscape){
    .news-img {
        height: 44vw;
    }
    #news .link-item {
        width: 48%;
        margin: 0 2% 12vw 0;
    }
    #news .link-item:nth-child(2n) {
        margin-right: 0;
    }
    #news .page-num {
        margin: 0;
    }
    #intro {
        display: flex;
        flex-direction: row-reverse;
    }
    .meta-wrap {
        width: 40%;
    }
    #intro .page-ttl {
        margin: 12vw 0 4vw;
    }
    #intro .article-ttl {
        margin: 0 0 8vw;
    }
    #intro .main-img {
        width: 60%;
        margin: 10vw auto 0;
    }
    #intro .main-img img {
        height: 50vw;
        width: 70%;
        margin-left: 20%;
    }
    .single p {
        margin: 5vw 0;
    }
}