@CHARSET "UTF-8";

@media screen and (max-width: 768px){
    .header h1 {
    }

    .header h1 .logo {
    width: 14vw;
    }

    .header h1 p.site-title {
        font-size: 16px;
        padding-left: 62px;
        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;
        position: relative;
        top: 5px;
    }
    p.security {
        padding: 15px 5px 15px 0;
        font-size: 12px;
    }
    .poster-lists.subpage {
        position: relative;
        width: 100%;
        top: -2vw;
        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 {
    }
    .greeting-box.about.hybrid th, .greeting-box.about.hybrid td {
        display: block!important;
        width: 100%!important;
        font-size: 16px!important;
    }
    .contents .news-wrap ul li a span {
        display: block;
        margin: 0;
        margin-bottom: 2px;
    }
    .contents .news-wrap {
        margin: 10px 0;
        min-height: 100px;
    }
    .contents .news-wrap ul li a {
        display: block;
        width: 100%;
    }
    .header h1 {
        margin: 0;
        left: 5px;
        width: 86vw;
    }
    .menu-trigger {
        top: 3vw;
    }
    .poster-lists {
        margin-top: -2vw;
    }
    .header.subpage h1, .header.area h1 {
        margin: 0;
        left: 5px;
        position: absolute;
        margin: 0;
        top: 2vw;
    }
    .subpage-contents table.dot-table th,
    .subpage-contents table.dot-table td {
        display: block;
        width: 100%;
    }
    .subpage-contents table.dot-table.about th {
        width: 100%;
    }
    .subpage-contents .to-branch-greeting a {
        width: 7em;
        margin-left: auto;
        order: 2;
        display: block;
    }
    .subpage-contents .to-branch-greeting span {
        order: 1;
        margin-bottom: 10px;
    }
    .subpage-contents .to-branch-greeting {
        display: flex;
        flex-direction: column;
    }
    .live-table table thead th, .live-table table tbody th, .live-table table tbody td {
        display: table-cell!important;
        width: auto!important;
    }
    .live-table table tbody td {
        font-size: 80%;
    }
    .time-table-wrap {
        overflow-x: scroll;
    }
    .time-table-wrap table {
        min-width: 1000px;
    }
    .time-table-wrap table th {
        width: auto!important;
    }
    .floating-menu {
        position: relative;
        top: auto;
        right: auto;
        padding: 10px;
        width: 100%;
        padding-bottom: 0;
    }
    .subpage .floating-menu {
        top: auto;
        margin-bottom: 10px;
    }
}

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

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

@media screen and (max-width: 480px){
    p.security {
        font-size: 10px;
    }
    .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: 18vw;
        right: 1vw;
        width: 14vw;
        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 {
    }
    .header.area .area-description-wrap th, .area-description-wrap td {
        font-size: 10px;
    }
    .yusyu-endai-list-wrap {
        overflow-x: scroll;
    }
    .yusyu-endai-list-wrap table {
        min-width: 800px;
    }
}

@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;
    }
}