@charset "utf-8";

body,div,ul,ol,li,h1,h2,h3,p,th,td {
padding: 0;
margin: 0;
}

img {
border: none;
vertical-align: bottom;
}

body {display:grid;
grid-template-columns:10px 10% 3% auto 3% 10% 10px;
grid-template-rows:auto auto auto auto auto;}

header {grid-column-start:2;grid-column-end: -2;grid-row-start:1;}
.container1 {grid-column-start:2;grid-column-end:3;grid-row-start:3;
background-image:url("https://wasabisan.com/wp-content/themes/wasabitheme/img/bg.jpg")
}
.container2 {grid-column-start:2;grid-column-end:3;grid-row-start:4;
background-image:url("https://wasabisan.com/wp-content/themes/wasabitheme/img/bg.jpg")
}
.container3 {grid-column-start:6;grid-column-end:7;grid-row-start:3;
background-image:url("https://wasabisan.com/wp-content/themes/wasabitheme/img/bg.jpg")
}
.container4 {grid-column-start:6;grid-column-end:7;grid-row-start:4;
background-image:url("https://wasabisan.com/wp-content/themes/wasabitheme/img/bg.jpg")
}
.container {grid-column-start:3;grid-column-end:-3;grid-row-start:3;padding:10px 0 0 0;
	border-left:solid 10px #000;
	border-right:solid 10px #000;
	border-top:solid 10px #000;
}
main {grid-column-start:3;grid-column-end:-3;grid-row-start:4;
padding-bottom: 20px;
padding-top: 20px;
border-left:solid 10px #000;
border-right:solid 10px #000;
border-bottom:solid 10px #000;
}
footer {grid-column-start:4;grid-row-start:5;}

.container h1{text-align:center;}

.container-box {display:flex;
flex-wrap:wrap;
justify-content:space-around;
box-sizing: border-box;
align-items:  flex-start;
gap: 30px 1%;	
}


.stocklists {display: grid;
	grid-template-columns: 10px 300px 10px;
	grid-template-rows: auto auto auto;}
.stocklists h2 {grid-column-start: 2;grid-row-start: 1;}
.stocklists img {grid-column-start: 2;grid-row-start: 2;}
.stocklists p {grid-column-start: 2;grid-row-start: 3;}

header img {width: 100%}
main img {width:100%;height:100%}
.stocklists {font-size:90%;}
.m-header {display:none;}


/*----------------480px以下---------------*/
@media screen and (max-width: 480px) {
	body {display:grid;
grid-template-columns:1px auto 1px;
grid-template-rows:auto auto auto auto auto;}
header {display:none;}
.m-header{display:grid;}	
.m-header {grid-column-start:2;grid-row-start:1;}
.container {grid-column-start:2;grid-row-start:2;}
main {grid-column-start:2;grid-row-start:3;}
footer {grid-column-start:2;grid-row-start:4;}
.container h1 {font-size:30px;}
	.m-header img {width:100%}
	.container h1 {font-size:20px;}
	
}