@charset "UTF-8";


html{
background-color: rgba(144,255,158,1.00);
background-image: url("../images/shopbackground.svg");
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
body{

}







h10{
width: 75%;
height: auto;
margin: 70px auto 0;
}
h10 video{
width: 75%;
height: auto;
margin: 70px auto 0;
text-align: center;
display: flex;
}



article{

margin: 75px 0 0 0;
}
article h1{
font-size: 1.5em;
width: 70%;
text-align: left;
margin: 0 auto 0;
}


article h2{
font-size: 1.2em;
width: 70%;
text-align: left;
margin: 20px auto 0;
}
article h2 p{
margin: 10px 0 0;
line-height: 30px;
}
article h2 a{
color: black;
}



div{
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 0 0;
}
h4{
font-size: 1.3em;
margin: 0 auto 0;
}


li{
list-style: none;
width: 50%;
margin: 80px auto 0px;
text-align: center;
}
li img{
width: 100%;
}
li p{
font-size: 0.9em;
margin: 0px auto 0px;

font-weight: 600;
line-height: 20px;
}
li p span{
font-weight: 100;
font-size: 1.2em;
}



h7{
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 30px auto 0px;
text-align: center;
}
h7 p{
width: 50%;
font-size: 1.1em;
line-height: 10px;
}


h3{
font-size: 1.8em;
margin: 100px auto 50px;
text-align: center;
}
h3 img{
width: 100%;
margin: -70px auto 0px;
text-align: center;
}


footer{
margin: 0px auto 100px;
text-align: center;
}
footer p{
font-size: 1.2em;
line-height: 30px;
}
footer a{
color: black;
}




/*============================================
横幅1024px以上
想定端末　:iPadproのportrait
============================================
*/
@media screen and (min-width:1024px){

div{
width: 55px;
margin: 155px auto 0 35px;
}

div{
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 0 0;
}
h4{
font-size: 1.5em;
margin: 0 auto 0;
}


h10{
width: 40%;
height: auto;
margin: 70px auto 0;
}
h10 video{
width: 40%;
height: auto;
margin: 70px auto 0;
text-align: center;
display: flex;
}




article{

margin: 75px 0 0 0;
}
article h1{
font-size: 1.5em;
width: 70%;
text-align: center;
margin: 0 auto 0;
}


article h2{
font-size: 1.2em;
width: 70%;
text-align: center;
margin: 20px auto 0;
}
article h2 p{
margin: 10px 0 0;
line-height: 30px;
}
article h2 a{
color: black;
}



li{
list-style: none;
width: 50%;
margin: 80px auto 0px;
text-align: center;
}
li img{
width: 60%;
}
li p{
font-size: 0.9em;
margin: 0px auto 0px;

font-weight: 600;
line-height: 20px;
}
li p span{
font-weight: 100;
font-size: 1.2em;
}
h3{
font-size: 1.8em;
margin: 100px auto 50px;
text-align: center;
}
h3 img{
width: 50%;
margin: 0px auto 0px;
text-align: center;
}

}