/*
    Theme Name : amiyahome;
    Version : 1.0;
*/


*{
    padding:0;
    margin:0;
}
body{
    font-size: 1.04vw;
    font-family: "Zen Old Mincho", serif;
    background-color: #001929;
}
.sp-br{
    display: none;
}

/*----------------------------------------------------------------------------
                                   ヘッダー
-----------------------------------------------------------------------------*/
header{
    width:100vw;
    height:10.21vw;
    position:fixed;
    top:0;
    left:50%;
    transform: translateX(-50%);
    z-index: 100;
}
.header-container{
    width:91.67vw;
    height:100%;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.3vw;
}
.header-container nav ul{
    display: flex;
}
.header-container nav li{
    list-style: none;
    font-family: "Cormorant", serif;
}
.header-container nav li:nth-of-type(2){
    margin:0 3.13vw;
}
.header-container nav a{
    color: white;
    text-decoration: none;
    transition: .3s;
}
.header-container nav a:hover{
    color:#C1AD5F;
}


/*ロゴ*/
h1{
    width:13.28vw;
    height:4.84vw;
}
h1 img{
    width:100%;
    height:100%;
}

/*インスタと電話番号*/
.number-sns{
    display: flex;
    align-items: center;
}
.number-sns .header-tel{
   border: solid 0.05vw white;
   border-radius: 2vw;
   margin-right:2.08vw;
}
.number-sns .header-tel a{
    display: inline-block;
    text-decoration: none;
    color:white;
    padding:0.52vw 1.56vw;
    transition: .3s;
}
.number-sns .header-tel a:hover{
    color:#C1AD5F;
}
.number-sns .header-tel:hover{
    border: solid 0.05vw #C1AD5F;
}
.number-sns .header-insta img{
    width:1.3vw;
    height:1.3vw;
}



/*レスポンシブ非表示*/
.sp-header{
    display: none;
}






/*----------------------------------------------------------------------------
                                   フッター
-----------------------------------------------------------------------------*/
footer{
    padding:7.29vw 0;
}
.footer-container{
    width:83.33vw;
    margin:0 auto;
    color: white;
    display: flex;
    justify-content: space-between;
}

.footer-top,
.footer-bottom{
    display: flex;
    justify-content: space-between;
    width:58.33vw;
    line-height:2vw;
}
.footer-bottom{
    margin-top:7.29vw;
}


/*住所とマップ*/

.footer-top .address a{
    text-decoration: none;
    color:white;
    display: flex;
    align-items: center;
    margin-top:2.08vw;
}
.footer-top .address a i{
    font-size: 1.56vw;
    margin-right:1.04vw;
}


/*フッターメニュー*/
.footer-bottom ul{
    display: flex;
    align-items: end;
}
.footer-bottom li{
    list-style: none;
    font-family: "Cormorant", serif;
    font-size: 1.2vw;
    margin-right:2.08vw;
}
.footer-bottom li a{
    text-decoration: none;
    color:white;
    transition: .3s;
}
.footer-bottom li a:hover{
    color:#C1AD5F;
}


.icon{
    width:1.56vw;
    height:1.56vw;
}
.icon img{
    width:100%;
    height:100%;
}







/*----------------------------------------------------------------------------
                                レスポンシブ
-----------------------------------------------------------------------------*/
@media(max-width:768px){

    body{
        overflow-y: visible;
        overflow-x: hidden;
        font-size:4.1vw;
    }

    .pc-br{
        display: none;
    }
    .sp-br{
        display: block;
    }


    /*----------------------------------------------------------------------------
                                   ヘッダー
    -----------------------------------------------------------------------------*/
    .pc-menu,
    .number-sns,
    .header-insta{
        display: none;
    }

    .sp-header{
        display: block;
    }



    header{
        height:24.87vw;
    }
    .header-container{
        width:89.74vw;
        font-size: 1.3vw;
    }

    /*ロゴ*/
    h1{
        width:26.15vw;
        height:9.49vw;
    }

    /*ハンバーガーメニュー*/
    .hamburger{
        width:9.49vw;
        height:9.49vw;
        background-color: transparent;
        border:none;
        position: relative;
        cursor: pointer;
        z-index: 100;
    }
    .hamburger span{
        display: block;
        width:6.41vw;
        height:0.26vw;
        background-color: white;
        position: absolute;
        left:50%;
        transition: .5s;
    }
    .hamburger span:first-child{
        top:3.5vw;
        transform: translateX(-50%);
    }
    .hamburger span:last-child{
        top:6vw;
        transform: translateX(-50%);
    }


    /*headerナビ*/
    .sp-menu{
        width:84.62vw;
        height:100vh;
        background-color: #001929;
        position: fixed;
        top:0;
        right:-84.62vw;
        z-index: 50;
        transition: 1s;
        opacity: 0;
        overflow-y: scroll;
    }

    .sp-menu-content{
        position: absolute;
        top:29.23vw;
    }
    .sp-menu-content ul{
        display: flex;
        flex-flow: column;
        text-align: center;
    }
    .sp-menu-content li{
        font-size: 7.69vw;
    }
    .sp-menu-content nav li:nth-of-type(2){
        margin:15.38vw 0 15.38vw 0;
    }


    /*電話番号とインスタ*/
    .sp-header-tel{
        width:84.62vw;
        text-align: center;
        margin:15.38vw 0 10.26vw 0;
    }
    .sp-header-tel a{
        text-align: center;
        display: inline-block;
        text-decoration: none;
        color:white;
        padding:3.85vw 12.82vw;
        border:solid white 0.26vw;
        border-radius: 7vw;
    }
    .sp-header-tel p{
        font-size:4.1vw;
    }

    .sp-header-insta{
        text-align: center;
    }
    .sp-header-insta img{
        width:6.41vw;
        height:6.41vw;
    }

    /*ハンバーガーメニューopen時*/
    .hamburger.open span:first-child{
        top:4.5vw;
        transform: translateX(-50%)rotate(45deg);
    }
    .hamburger.open span:last-child{
        top:4.5vw;
        transform: translateX(-50%)rotate(-45deg);
    }
    .sp-menu.open{
        right:0;
        opacity: 1;
    }
    body.open{
        overflow-y: hidden;
    }





    /*----------------------------------------------------------------------------
                                   フッター
    -----------------------------------------------------------------------------*/
    footer{
        padding:10.26vw 0 5.13vw 0;
    }
    .footer-container{
        width:84.62vw;
        flex-flow: column;
    }

    /*ロゴ*/
    .footer-container h1{
        width:34.1vw;
        margin:0 auto;
    }
    .footer-container h1 img{
        width:100%;
        height:12.56vw;
    }

    .footer-top,
    .footer-bottom{
        flex-flow: column;
        width:100%;
        line-height:8vw;
    }
    .footer-top{
        width:61.54vw;
        margin:15.38vw auto 0 auto;
        text-align: center;
    }
    .footer-bottom{
        margin-top:15.38vw;
    }


    /*住所とマップ*/

    .footer-top .address a{
        margin-top:5.13vw;
        justify-content: center;
    }
    .footer-top .address a i{
        font-size: 5.13vw;
        margin-right:3.85vw;
    }
    .tel-time{
        margin-top:15.38vw;
    }


    /*フッターメニュー*/
    .footer-bottom ul{
        flex-flow: column;
        align-items: center;
    }
    .footer-bottom li{
        font-size: 5.13vw;
        margin-right:0;
    }
    .footer-bottom li:nth-of-type(2){
        margin:7.69vw 0;
    }
    .footer-bottom li a:hover{
        color:white;
    }

    .icon{
        width:7.69vw;
        height:7.69vw;
        margin:15.38vw auto 0 auto;
    }

    .copy-right{
        font-size:3.33vw;
        text-align: center;
        margin-top:15.38vw;
    }



}