@charset "utf-8";
body{
    background:#fff;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
    position: absolute;;
}
*{
    margin:0;
    padding:0;
}
html{
    overflow-y:scroll;
}
img{
    border: 0;
}

h1{
    font-size: 0;
}

h2,h3{
    font-size: 1rem;
    text-align: center;
}

p{
    font-size:0.8rem;
}


.header-inner{
	width:94%;
	height:auto;
	display: flex;
    padding:0.4% 3%;
}

.cart{
    width:14%;
    padding: 2% 0%;
}

.cart img{
    width:100%;
    vertical-align: bottom;
}

.brand_logo{
    display:inline;
    margin:0 auto;
}
.brand_logo img{
	width:70%;
}


.mv{
    background-image: url(./img/1.jpg);
    background-position:top center;                     /* 画像の表示位置を指定 */
    background-size:cover;   
    background-repeat:  no-repeat;                                /* 画像のサイズを指定  */
    width:100%;                                            /* 横幅のサイズを指定  */
    height:88vh; 
    position:relative;
}

.shop_btn{
    width:100%;
}
.shop_btn img{
    width:50%;
}

.concept{
    width:90%;
    margin:10% auto;
    text-align: center;
}

.shop_bnr{
    margin:0 auto;
    text-align: center;
}

.shop_bnr a{
    font-size: 0.8rem;
	background-color:#131313;
	padding:4% 3%;
	color:#ffffff;
	margin-right:1%;
	text-align: center;
    text-decoration:none;
}
.shop_bnr a:hover{
	opacity:0.6;
	transition:0.6s;
}

.footer{
    background-color:#131313;
    color:#fff;
    text-align: center;
    line-height: 1.2;
    height:14vh;
    position: relative;
    bottom: 0;
    margin-top:10%;
}
.footer img{
    width:8%;
    margin:5% auto 0 auto;
}
.instagram_logo {
    width:100%;
    text-align: center;
    margin:0 auto;
}


@media screen and (min-width: 481px){ 
    body{
        margin:0;
        padding:0;
        width:100%;
        max-width:1920px;
        text-align: center;
    }
    main{
        margin:0 auto;
    }


    h2,h3{
        font-size: 2rem;
        text-align: center;
        margin: 2% 0%;
    }


    p{
        font-size:1rem;
    }

    

    .header-inner{
        width:94%;
        height:auto;
        display: flex;
        padding:0.4% 3%;
    }
    
    .cart{
        width:5%;
        padding: 1% 0% 0% 0%;
    }
    
    .cart img{
        width:100%;
        vertical-align: bottom;
    }
   
    .brand_logo{
        display:inline;
        margin:1% auto;
    }
    .brand_logo img{
        width:50%;
    }
    
    .mv{
        background-image:url(./img/mv_pc.jpg);
        background-position:top center;        /* 画像の表示位置を指定 */
        background-size:cover;
        background-repeat:  no-repeat;                                /* 画像のサイズを指定  */
        width:100%;                                          /* 横幅のサイズを指定  */
        height: 100vh;
        position: relative;

    }
    .mv h1{
        font-size: 0;
    }

    .concept{
        height:100%;
        width:50%;
        margin:6% auto;
        text-align: center;
    }
    .concept img{
        width: 50%;
    }


    .shop_bnr{
        margin:0,auto;
        text-align: center;
    }
    
    .shop_bnr a{
        background-color:#131313;
        padding:2% 3%;
        color:#ffffff;
        text-align: center;
        text-decoration:none;
    }
    .shop_bnr a:hover{
        opacity:0.6;
        transition:0.6s;
    }
    

    .footer{
        background-color:#131313;
        color:#fff;
        text-align: center;
        line-height: 1.2;
        height:10vh;
        position: relative;
        padding-bottom:8vh;
        bottom: 0;
        margin-top:5%;
    }

    .instagram_logo {
        width:30%;
        text-align: center;
        margin:0 auto;
    }


}