@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: 18vw;
        margin: 0 1.5rem;
    }

    header > .box_inner > .site_title{
        width: 12rem;
    }
    
    header > .box_inner .navs{
        display:none;
    }
    
    .nav_oc {
        display: block;
        width: 18vw;
        height: 18vw;
        top: 0;
        right: 0;
    }

    footer{
        padding: 2em 0 4.25em 0;
    }

    footer > .box_inner{
        justify-content: center;
    }

    footer > .box_inner .f_navs{
        display: none;
    }

    /*ページトップ*/
    .pagetop{
        width:16vw;
        height:16vw;
        bottom:16vw;
        right:4vw;
    }
    
    .side_nav{
        display: block;
        width: 80vw;
    }

    .side_nav .side_global_nav{
        padding: 18vw 0 0 0;
    }
    
    
    /*改行のPC,SPでの表示切替*/
    br.pc,
    img.pc,
    span.pc{
        display:none;
    }

    br.sp,
    img.sp,
    span.sp{
        display:inline;
    }
    
    .tel_no{
        display: none;
    }
}