@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 .logo_site_title a{
            align-items: center;
        }

        header > .box_inner .logo_site_title a .logo{
            width: 3rem;
            margin-right: 0.5rem;
        }

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

        header > .box_inner .logo_site_title a .site_title .lbl{
            font-size: 0.8em;
        }

    .contents{
        padding-top: 16vw;
    }

    footer{
        padding: 1.5rem 5vw;
    }

        footer > .box_inner{
            display: block;
            margin-bottom: 1em;
        }

            footer > .box_inner .f_addr_contact > dl > dt{
                flex-direction: row;
                justify-content: center;
                margin-bottom: 1em;
            }

                footer > .box_inner .f_addr_contact > dl > dt .f_logo{
                    margin-bottom: 0;
                    margin-right: 1rem;
                }

                footer > .box_inner .f_addr_contact > dl > dt .lbl{
                    margin-bottom: 0;
                    font-size: 1.05em;
                }

                footer > .box_inner .f_addr_contact > dl > dd .f_addr{
                    flex-direction: row;
                    justify-content: center;
                }

                    footer > .box_inner .f_addr_contact > dl > dd .f_addr .lbl_zip{
                        margin-right: 0.5em;
                    }

                    footer > .box_inner .f_addr_contact > dl > dd .f_contact dl{
                        justify-content: center;
                    }

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

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

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

        .menu-trigger,
        .small_header .menu-trigger{
            padding-bottom: 0.75rem;
        }

            .menu-trigger .lines{
                margin-bottom: 0.5rem;
                width: 2rem;
                height: 1.5rem;
            }

            .menu-trigger .lines span{
                width: 2rem;
            }

            .menu-trigger.active .lines span:nth-of-type(3) {
                transform: translateY(-0.85rem) rotate(315deg);
            }
    

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

        .side_site_search{
            display: block;
            background: #f3f3f3;
            padding: 0.75rem 1rem;
            border-radius: 0.25rem;
            margin: 0 6vw 1.5rem;
        }

            .side_site_search .input_submit_box{
                display: flex;
            }

                .side_site_search .input_submit_box .input_box{
                    height: 2rem;
                    flex: 1;
                }

                    .side_site_search .input_submit_box .input_box input[type="search"]{
                        box-sizing: border-box;
                        border: 1px solid #ccc;
                        width: 100%;
                        height: 100%;
                        padding: 0.2em;
                    }

                .side_site_search .input_submit_box .submit_box{
                    width: 4rem;
                    height: 2rem;
                }

                    .side_site_search .input_submit_box .submit_box input[type="submit"]{
                        height: 100%;
                        width: 100%;
                        font-size: 0.96em;
                        background: #3a388c;
                        color: #fff;
                    }
         


        .side_nav .side_global_nav{
            padding: 0 6vw 6vw 6vw;
        }
    
        .side_nav .side_global_nav > ul{
            width: 100%;
        }
    
            .side_nav .side_global_nav > ul > li{
                width: 100%;
                margin-right: 0;
                position: relative;
            }

            .side_nav .side_global_nav > ul > li:first-child{
                border-top: 1px dotted #aaa;
            }

                .side_nav .side_global_nav > ul > li > .oc{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 12vw;
                    height: 12vw;
                    background: rgba(0,128,103,0.1);
                    position: absolute;
                    top: 0.28em;
                    right: 0;
                    z-index: 2;
                }

                .side_nav .side_global_nav > ul > li > .oc::before{
                    font-family: FontAwesome;
                    content:"\f078";
                    line-height: 1;
                    display: inline-block;
                    color: rgba(0,128,103,0.7);
                    transition: .5s all ease;
                }

                .side_nav .side_global_nav > ul > li > .oc.close::before{
                    transform: rotate(180deg);
                }
    
                .side_nav .side_global_nav > ul > li > a{
                    padding: 1em 0.5em;
                    position: relative;
                    z-index: 1;
                }
    
                    .side_nav .side_global_nav > ul > li > a:before{
                        content: none;
                    }

                    .side_nav .side_global_nav > ul > li .child_nav{
                        display: none;
                        padding-bottom: 0.5em;
                    }

                    .side_nav .side_global_nav > ul > li .child_nav > ul{
                        line-height: 1.4;
                        display: flex;
                        flex-wrap: wrap;
                    }

                        .side_nav .side_global_nav > ul > li .child_nav > ul > li{
                            margin: 0 1em 0.3em 0;
                            width: calc((100% - 1em) / 2);
                        }

                        .side_nav .side_global_nav > ul > li .child_nav > ul > li:nth-child(2n){
                            margin-right: 0;
                        }

                            .side_nav .side_global_nav > ul > li .child_nav > ul > li > a{
                                text-decoration: none;
                                color: #333;
                                padding: 0.5em;
                                font-size: 0.9em;
                            }

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

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

    .entry_list_box ul{
        flex-direction: column;
        margin: 0 ;
    }

        .entry_list_box ul li{
            width: 100%;
            margin-right: 0;
            margin-bottom: 0.5rem;
        }

            .entry_list_box ul li a{
                padding: 0.5rem;
                flex-direction: row;
            }

            .entry_list_box ul li a .entry_fig{
                width: 40%;
            }

            .entry_list_box ul li a .entry_text{
                padding-left: 1em;
            }

                .entry_list_box ul li a .entry_text .entry_date{
                    font-size: 0.84em;
                }

                .entry_list_box ul li a .entry_text .entry_category .lbl{
                    font-size: 0.8em;
                    width: auto;
                    height: 1.25rem;
                    padding: 0 1em;
                }

                .entry_list_box ul li a .entry_text .entry_title{
                    font-size: 0.9em;
                    padding-top: 0.5em;
                }

}