/* 2025年度対応スタイル */

/* デスクトップ表示時はリンク付き画像を非表示 */
div#box2 div#phone div.a2 .mobile-phone-link {
    display: none;
}

@media screen and (max-width: 820px) { 
        div#contents-R div#contents-footer {
        width: 720px;
        margin: 0 22px;
    }
}

@media screen and (max-width: 768px) { 
    div#contents-R div#contents-footer {
        width: 720px;
        margin: 0 3px;
    }
}

/* スマホ閲覧時のレスポンシブスタイル */
@media screen and (max-width: 600px) {    
    .boder-r-none, div#classmenu .menulist-long.small, div#classmenu .menulist-ro {
        border-right: solid 1px #1E50A2 !important;
    }
    
    div#classmenu div.menulist-long {
        height: 50px !important;
    }
    
    div#classmenu div.menulist-end {
        height: 45px !important;
    }
    
    div#contents-R div#contents-body div#contents-inner {
        width: 100%;
    }
    
    div#box1 {
        width: 100%;
    }
    
    div#box1 div.a2 {
        float: none;
        text-align: center;
        padding-right: 15px;
    }
    
    div#box1 div.a2 img {
        width: 200px;
    }
    
    div#box2 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    
    div#box2 p {
        margin-left: 0;
    }
    
    div#box2 div#phone {
        height: auto;
        margin-left: 0;
        margin-bottom: 30px;
    }
    
    div#box2 div#phone div.a2 img {
        margin-left: 0;
    }
    
    /* スマホ閲覧時のみリンク付き画像を表示 */
    div#box2 div#phone div.a2 > img {
        display: none;
    }
    
    div#box2 div#phone div.a2 .mobile-phone-link {
        display: block;
    }
    
    div#box2 div#phone div.a1 .phone-text-line1 {
        display: block;
        margin-bottom: 5px;
    }
    
    div#box2 div#phone div.a1 br {
        display: none;
    }
    
    div#box3 {
        width: 100%;
        padding-left: 0;
    }
    
    div#box3 div#txt4 {
        margin-bottom: 30px;
    }
    
    div#box3 div#tag2 {
        margin-bottom: 50px;
    }
    
    div#box3 div#txt6 div.a2 {
        margin-top: 50px;
        margin-left: 0;
    }
    
    div#box3 div#txt7 div.a2 {
        width: 100%;
        margin-left: 0;
    }
    
    div#box3 div#txt7 div.a1 {
        margin-bottom: 50px;
    }
    
    div#box3 div#txt8 div.sheet-header05 {
        width: 100%;
        margin-left: 0;
        background-image: none;
        background-color: #98c22e;
        color: white;
        font-size: 20px;
        padding: 15px;
        text-align: center;
        text-indent: 0;
        height: 130px;
    }
    
    div#box3 div#txt8 div.sheet-contents-frame {
        width: 100%;
        padding-right: 0;
    }
    
    div#box3 div#txt8 div.sheet-contents {
        width: 100%;
        padding: 10px;
    }
    
    div#box3 div#txt8 div.sheet-header05 .grade-label {
        background-color: white;
        color: #e80135;
        padding: 5px 15px;
        margin-right: 0;
        border-radius: 3px;
        font-weight: bold;
        display: block;
        margin-bottom: 10px;
    }
    
    div#box3 div#txt8 div.sheet-header05 .exam-label {
        display: block;
        margin-bottom: 5px;
    }
    
    div#box3 div#txt8 div.sheet-contents .target-label {
        display: block;
        margin-bottom: 10px;
    }
    
    div#box4 {
        width: 100%;
        padding: 0;
        margin: 40px 0;
    }
    
    div#box4 a {
        width: 100%;
    }
    
    div#box4 a.vicinty-btn {
        background: url(../img/link1_sp.jpg) no-repeat center top;
        background-size: contain;
    }
    
    div#box4 a.vicinty-btn:hover {
        background: url(../img/link1_sp.jpg) no-repeat center top;
        background-size: contain;
    }
    
    #txt2-1,
    #txt2-2 {
        display: none;
    }

}
