@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;
    }
    
    header > .box_inner .site_title a{
        font-size: 1.4em;
    }
    
    header > .box_inner .global_nav{
        display: none;
    }
    
    header > .box_inner .language{
        display: none;
    }
    
    
    .contents{
        padding-top: 16vw;
    }
    
    footer{
        padding: 2rem 4vw 0 4vw;
    }
    
    footer > .box_inner .footer_site_title{
        margin-bottom: 0;
    }
    
    footer > .box_inner .footer_nav{
        display: none;
    }
    
    footer > .box_footer{
        padding: 1em 0;
        font-size: 0.75rem;
    }
    
    .nav_oc {
        display: block;
        width: 16vw;
        height: 16vw;
    }
    


    /*ページトップ*/
    .pagetop{
        width:16vw;
        height:16vw;
        bottom:25vw;
        right:4vw;
    }
    
    
    .side_nav{
        padding-top: 20vw;
    }
    
        .side_nav .side_global_nav > ul{
            flex-direction: column;
        }
    
            .side_nav .side_global_nav > ul > li{
                width: 100%;
                margin-right: 0;
            }
    
                .side_nav .side_global_nav > ul > li > a{
                    padding-top: 1rem;
                    padding-bottom: 1rem;
                }
    
                    .side_nav .side_global_nav > ul > li > a:before{
                        top: 1rem;
                    }

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

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