@charset "UTF-8";

.mv-catch {
    display:none;
}

.mv-catch {
    position: absolute;
    z-index: 10;
    width: 45vw;
    margin: 5vw 0 0 2vw;
}

.cc-indexpage .mv-catch {
    display: block;
}


.mv-catch img {
    width: 100%;
}



@media screen and (max-width: 768px) {
.mv-catch {
    width: 48vw;
}
}



@media screen and (max-width: 480px) {
.mv-catch {
    width: 60vw;
    margin: 3vw 0 0 2vw;
}
}


header {
    z-index: 200;
}



/*----- 読み込みブログ一覧（アイキャッチがない場合に崩れる問題を解消） -----*/
section.top-topics-feed.blog-feed.fullsize .j-module.n {
    max-width: 100%;
}

.j-blog.n.clearover.j-blogarticle {
    padding: 0 !important;
}

.top-topics-feed .j-blog.n.clearover.j-blogarticle #cc-matrix- {
    padding: 16px 8px;
}

.top-topics-feed .j-blog.n.clearover.j-blogarticle #cc-matrix- .j-hgrid {
    width: 100%;
}

.top-topics-feed .j-blog.n.clearover.j-blogarticle #cc-matrix-:first-child {
    padding-top: 16px !important;
}

.top-topics-feed .j-blog.n.clearover.j-blogarticle .cc-m-hgrid-column.last {
    padding: 0 !important;
}