@charset "UTF-8";
/* CSS Document */
html{font-size: 100%;}
body{
    text-align: center;
    font-family: "Sawarabi Gothic";
    font-weight: normal;
}
h1{color:#7fd9d2;font: bold;font-size: 140%}
h2{color:#7fd9d2;font:normal;font-size: 100%}
h3{color:#ff9933;font:normal;font-size: 100%}
a {text-decoration: none;}
img {max-width: 100%;}
    nav{margin: 20px;padding: 20px
}
.button{border:2px #FFFFFF solid;
	padding: 8px 20px;
	border-radius: 30px;
	color: #ffffff;
	text-decoration: none
}
.item {margin:auto;
	align-items:center;
    padding: 30px;
text-align:left;
background:none ;
border-radius: 20px;
width:80%;}
.container{ display: flex; text-align:left; justify-content: center;margin-bottom: 100px;}
.grid{
    font-size: 70%;
    display:grid;
grid-template-columns: repeat(auto-fit,minmax(340px,1fr));
        gap:50px;
margin-right: 10%;margin-left: 10%;
    margin-bottom: 100px;
}

.shop.seihon{
    font-size: 100%;
　　　margin-bottom: 100px;}