@charset "utf-8";
/*--京base_sp.css--*/

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
    html{
        font-size: 3.6vw;
        min-width: auto;
    }

    body {
        min-width:initial;
        min-width:auto;
        overflow-y: scroll;
    }

    #container{
        min-width:initial;
        min-width:auto;
    }

    header > .box_inner,
    .small_header header > .box_inner{
        height: 16vw;
        padding-right: 16vw;
        align-items: center;
    }

        header > .box_inner .site_title a,
        .small_header header > .box_inner .site_title a{
            flex-direction: column;
            align-items: flex-start;
            gap: 0.25rem;
        }

            header > .box_inner .site_title a .fig{
                width: 6rem;
            }

            header > .box_inner .site_title a br{
                display: none;
            }

        header > .box_inner .global_nav{
            display: none;
        }

        header > .box_inner .navs .btn_mypage{
            width: 16vw;
        }

            header > .box_inner .navs .btn_mypage a .lbl{
                font-size: 0.8rem;
            }
    
    .contents{
        padding-top: 16vw;
    }

    footer > .box_inner{
        padding: 1rem;
    }

    .nav_oc,
    .small_header .nav_oc{
        width: 16vw;
        height: 16vw;
    }

        .menu-trigger .lbl{
            font-size: 0.8rem;
        }

    .side_nav{
        width: 63%;
        top: 16vw;
    }

        .side_global_nav ul li{
            font-size: 1.2rem;
        }
    
    /*ページトップ*/
    .pagetop{
        width:16vw;
        height:16vw;
        bottom:18vw;
        right:4vw;
    }

    /*モーダル*/
    .mypage_login_box > dl > dd{
        width: 100%;
    }

    .mypage_login_box > dl > dd .input_box dl dd{
        width: 100%;
    }

    .mypage_login_box > dl > dd .input_box dl input[type="text"],
    .mypage_login_box > dl > dd .input_box dl input[type="password"]{
        width: 100%;
    }
    
    
    /*改行のPC,SPでの表示切替*/
    br.pc,
    img.pc,
    span.pc{
        display:none;
    }

    br.sp,
    img.sp,
    span.sp{
        display:inline;
    }
    
    a[href^="tel:"]{
        pointer-events: initial;
    }
}