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

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
  /* ── Layout ── */
    :root {
        --container-max:  90vw;
        --header-h:       3.2rem;
    }

    br.sp{
        display: block;
    }

    html{
        font-size: 3.6vw;
        min-width: auto;
        -webkit-text-size-adjust: 100%;
    }

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

    .container{
        padding-inline: 0;
    }

    .drawer{
        width: 95vw;
    }

    /*ヘッダー*/
    .site-header{
        gap: 1rem;
        padding: 0.5rem;
    }

    .site-header__white{
        border-radius: 0.3rem;
    }

    .site-header__logo{
        padding: 0 0.5rem;
        flex: unset;
    }

    .site-header__logo-img{
        height: 2.4rem;
    }

    .site-header__titles{
        padding: 0;
    }

    .site-header__title-ja{
        height: 2.3rem;
    }

    .hamburger{
        border-radius: 0.3rem;
    }

    /*フッター*/
    .footer-banners__inner{
        gap: 1rem;
        flex-wrap: wrap;
    }

    .footer-banner-item{
        width: calc((100% - 1rem) / 2);
    }

    .footer-banner-item__img{
        height: auto;
    }

    .footer-body{
        padding: 3rem 0 0;
    }

    .footer-copyright p{
        padding: 0;
        text-align: center;
    }

    /*ページトップ*/
    .pagetop{
        width:14vw;
        height:14vw;
        bottom: 21vw;
        right: 2vw;
    }

    .pagetop a::before {
        font-size: 2rem;
    }

}