@CHARSET "UTF-8";

@media screen and (max-width: 768px){
    .header h1 {
        padding-left: 55px;
        margin-bottom: 10px;
    }

    .header h1 .logo {
        width: 50px;
    }

    .header h1 p.site-title {
        font-size: 18px;
        padding-left: 60px;
        text-shadow: 0.3px 0.3px 0 #fff, -0.3px 0.3px 0 #fff, 0.3px -0.3px 0 #fff, -0.3px -0.3px 0 #fff;
    }
    p.security {
        padding: 15px 5px 15px 0;
        font-size: 12px;
    }
    .poster-lists.subpage {
        position: relative;
        width: 100%;
        top: 0;
        right: 0;
    }
    .poster-lists.subpage .row {
        margin-right: 0;
        margin-left: 0;
    }
    .poster-lists.subpage .row div[class^=col-] {
        padding-right: 0;
        padding-left: 0;
    }
    .events-wrap th, .events-wrap td {
        display: block;
        width: 100%;
    }
    .header.area h1 {
        top: 8.2vw;
        z-index: 2;
    }
    .header.area h1 p.site-title span.top {
        font-size: 2vw;
    }
    .header.area h1 p.site-title span.bottom {
        font-size: 2.4vw;
    }
    .header.area .area-description-wrap {
        position: relative;
        top: 5px;
        left: 5px;
    }
    .header.area .area-poster {
        top: 1vw;
        right: 1vw;
        width: 10vw;
        z-index: 0;
    }
    .header.area .area-description-wrap th {
        width: 100px;
    }
    .header.area .area-description-wrap table {
        width: 100%;
    }
    .menu-trigger {
        top: 7.7vw;
    }
    .greeting-contents-wrap .return-link a {
        padding-left: 0;
    }
    .greeting-box.about.hybrid th, .greeting-box.about.hybrid td {
        display: block!important;
        width: 100%!important;
        font-size: 16px!important;
    }
    .in-page-menu-wrap .main-menu .sub-menu a {
        font-size: 13px;
    }
    .web-movie-button-wrap {
        position: relative;
        width: 100%;
        bottom: 0;
        right: 0;
        margin-top: -15px;
    }
}

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

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

@media screen and (max-width: 480px){
    p.security {
        font-size: 10px;
    }
    .menu-trigger {
        top: 7vw;
    }
    .header.area h1 {
        top: 4.8vw;
    }
    .header.area h1 p.site-title span.top {
        font-size: 2.8vw;
    }
    .header.area h1 p.site-title span.bottom {
        font-size: 3.4vw;
    }
    .header.area .area-poster {
        top: 21vw;
        right: 1vw;
        width: 13vw;
        z-index: 0;
    }
    .greeting-contents-wrap .master-greeting .master-image {
        width: 150px;
    }
    .greeting-wrap .greeting-box .greeting p.master-name {
        font-size: 12px;
    }
    .greeting-wrap .greeting-box .greeting a.greeting-link {
        font-size: 12px;
    }
    .wrap {
        width: 96%;
    }
    .header .header-image img {
        min-height: 74px;
    }
    .header.area .area-description-wrap th, .area-description-wrap td {
        font-size: 10px;
    }
    .header h1 {
        padding: 0 10px;
    }
}

@media screen and (max-width: 400px){
    .greeting-wrap .greeting-box .about-wrap th,
    .greeting-wrap .greeting-box .about-wrap td {
        font-size: 12px;
    }
    .greeting-wrap .greeting-box .about-wrap th {
        width: 4em;
    }
}