body {
    background-image: url(../assets/full/img/about/modal_bg_ptn.png);
}

/* header */

.header {
    background: url(../assets/full/img/about/intro_bg_pc.jpg) bottom no-repeat;
    background-size: 100%;
    padding: 26px 0 50px 0;
}

.header-logo {
    width: 268px;
    margin: 0 auto;
}

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

    .header {
        padding: 7% 0 10% 0;
    }

    .header-logo {
        width: 200px;
    }

}

/* media */

.media {
    margin: -48px 0 0 0;
}

.media-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.media-heading {
    width: 156px;
    margin: 0 auto 60px auto;
}

.media-nav {
    display: flex;
    justify-content: center;
    margin: 0 0 26px 0;
}

.media-nav-item {
    display: block;
    max-width: 185px;
    margin: 0 10px;
}

.media-nav-item img {
    transition: 0.3s;
}

.media-nav-item.-current img {
    transform: scale(1.07);
}

.media-nav-item:hover img {
    transform: scale(1.1);
}

.media-info {
    margin: 0 0 40px 0;
}

.media-info-heading {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin: 0 0 16px 0;
}

.media-info-update {
    font-size: 15px;
    text-align: center;
}

.media-item {
    display: none;
}

.media-item.-current {
    display: block;
}

.media-list-wrap {
    display: flex;
    margin: 0 0 2px 0;
}

.media-list-wrap.-header {
    margin: 0 0 4px 0;
}

.media-list-col {
    text-align: center;
    margin: 0 2px 0 0;
    background-color: rgba(255,255,255,0.7);
    font-size: 14px;
    padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.media-list-col:last-child {
    margin: 0;
}

.-header .media-list-col {
    background-color: transparent;
    font-size: 16px;
    color: #fff;
}

.-tv .-header .media-list-col {
    background-image: url(img/media_tv_bg.jpg);
}

.-tv .media-list-date {
    width: 86px;
}

.-tv .media-list-time {
    width: 90px;
}

.-tv .media-list-station {
    width: 120px;
}

.-tv .media-list-name {
    width: 333px;
}

.-tv .media-list-detail {
    /* width: 100%; */
    width: 274px;
}

.-magazine .-header .media-list-col {
    background-image: url(img/media_magazine_bg.jpg);
}

.-magazine .media-list-date {
    width: 98px;
}

.-magazine .media-list-name {
    width: 253px;
}

.-magazine .media-list-detail {
    width: 545px;
}

.-web .-header .media-list-col {
    background-image: url(img/media_web_bg.jpg);
}

.-web .media-list-date {
    width: 98px;
}

.-web .media-list-name {
    width: 253px;
}

.-web .media-list-detail {
    width: 545px;
}

.-web .media-list-detail a {
    text-decoration: underline;
    color: #b81c22;
}

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

    .media {
        margin: -10% 0 0 0;
    }

    .media-heading {
        margin: 0 auto 5% auto;
        width: 140px;
    }

    .media-nav {
        margin: 0 0 5% 0;
        flex-wrap: wrap;
    }

    .media-nav-item {
        width: 46%;
        margin: 0 2% 2% 2%;
    }

    .media-wrapper {
        padding: 0 4%;
    }

    .media-info {
        margin: 0 0 4% 0;
    }

    .media-info-heading {
        font-size: 16px;
        margin: 0 0 2% 0;
    }

    .media-info-update {
        font-size: 13px;
    }

    .media-list-wrap {
        flex-wrap: wrap;
        margin: 0 0 5% 0;
    }

    .media-list-wrap.-header {
        display: none;
    }

    .media-list-col {
        width: 100% !important;
        text-align: left;
        margin: 0 0 1px 0;
        font-size: 13px;
        padding: 2%;
        justify-content: flex-start;
    }

    .media-list-col:before {
        text-align: center;
        content: "";
        display: inline-block;
        padding: 0 10px;
        color: #fff;
        margin: 0 5px 0 0;
        font-size: 11px;
        width: 4em;
    }

    .media-list-col.-empty {
        display: none;
    }

    .-header .media-list-col {
        font-size: 13px;
    }

    .-tv .media-list-col:before {
        background-image: url(img/media_tv_bg.jpg);
    }

    .-tv .media-list-date:before {
        content: "放送日";
    }

    .-tv .media-list-time:before {
        content: "放送時間";
    }

    .-tv .media-list-station:before {
        content: "放送局";
    }

    .-tv .media-list-name:before {
        content: "番組名";
    }

    .-tv .media-list-detail:before {
        content: "内容";
    }

    .-magazine .media-list-col:before {
        background-image: url(img/media_magazine_bg.jpg);
    }

    .-magazine .media-list-date:before {
        content: "発売日";
    }

    .-magazine .media-list-name:before {
        content: "媒体名";
    }

    .-magazine .media-list-detail:before {
        content: "内容";
    }

    .-web .media-list-col:before {
        background-image: url(img/media_web_bg.jpg);
    }

    .-web .media-list-date:before {
        content: "発売日";
    }

    .-web .media-list-name:before {
        content: "媒体名";
    }

    .-web .media-list-detail:before {
        content: "内容";
    }

}

/* footer */

.footer {
    /* border-bottom: #d70c18 10px solid; */
    padding: 98px 0 20px 0;
}

.footer-btn {
    display: flex;
    justify-content: center;
    margin: 0 0 25px 0;
}

.footer-btn-item {
    display: block;
    width: 185px;
    cursor: pointer;
}

.footer-btn-item img {
    transition: 0.3s;
}

.footer-btn-item:hover img {
    transform: scale(1.1);
}
.footer-copyright {
    text-align: center;
    font-size: 12px;
}
@media screen and (max-width:768px) {

    .footer {
        padding: 5% 0 3% 0;
    }
    
    .footer-btn {
        margin: 0 0 3% 0;
    }
    
    .footer-btn-item {
        display: block;
        width: 140px;
    }

}