/*======================================
// PC版
======================================*/

main {
    font-family: 'Noto Sans JP', sans-serif;
    padding-top: 20.8rem;
    background-image: url('../img/live/background.svg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 66rem;
    background-position: top -18.5rem right -30.7rem;
}


.wrapper {
    width: 112.2rem;
    margin: 0 auto;
}
.pc_only {
    display: block;
}

.sp_only {
    display: none;
}

.title {
    text-align: center;
    font-size: 5rem;
    font-weight: 700;
    font-family: "Noto Sans", sans-serif;
    color: #2B4A7F;
    margin-bottom: 11.5rem;
}

.article-title {
    font-size: 3rem;
    font-weight: 400;
    color: #333;
    text-align: center;
    margin-bottom: 2rem;
}

.btn_area {
    text-align: center;
    margin: 6rem auto 21.5rem;
}

.blogic_image {
    margin: 0 auto;
}

.blogic_image img{
    width: 100%;
    height: auto;
    margin-bottom: 3rem;
}

.blogic_image a {
    border: none;
}

/* 画像リンクをブロック化して画像を幅いっぱいにする */
.blogic_image a.blog-img-link {
    display: block;
}

.no-image{
    width: 30rem;
    margin: 2rem auto;
}

.blogic a {
    color: #0282C1;
    font-size: 2rem;
    border-bottom: 1px solid #0282C1;
}

/* 画像リンクは下線（青線）を消す */
.blogic a.blog-img-link {
    border-bottom: none;
}

a.archive-page_btn {
    display: inline-block;
    background-color: #0282C1;
    padding: 1rem 3rem;
    font-size: 1.8rem;
    color: #FFFFFF;
    border-radius: 0.9rem;
    font-weight: 300;
}

.wp-block-embed.wp-block-embed-youtube,
.wp-block-embed.wp-block-embed-youtube iframe {
        width: 100%;   /* 好きな幅 */
        height: 100%;
    }
.wp-block-embed__wrapper {
        aspect-ratio: 16 / 9; /* 縦横比維持 */
    }



/*======================================
// SP版
======================================*/

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

    main {
        width: 37.5rem;
        background-image: none;
        padding-top: 17rem;
    }
    .pc_only {
        display: none;
    }

    .sp_only {
        display: block;
    }
    .wrapper {
        width: 36rem;
    }

    .title {
        font-size: 3.2rem;
        margin-bottom: 7rem;
    }

    .article-title {
        text-align: left;
        font-size: 1.6rem;
    }

    .btn_area {
    margin-bottom: 15rem;
    }

    .archive-page_btn {
    padding: 1rem 3rem;
    margin: 1rem auto;
}

}