@charset "UTF-8";

div#subete{
	width: 414px;
	background-image: url("image/index.png");
}

div#home{
    background-color: #DB3941;
    display: grid;
    grid-template-columns: 158px 60px 60px 60px 60px;
    grid-template-rows: 60px;
    width: 414px;
}

h1{
    color: #FFFFFF;
    font-size: 24pt;
    margin-left: 8px;
    margin-top: 7px;
}

img.IconImage1{
    grid-column: 2;
	width: 60px;
}

img.IconImage2{
	grid-column: 3;
	width: 60px;
}

img.IconImage3{
	grid-column: 4;
	width: 60px;
}

img.IconImage4{
	grid-column: 5;
	width: 60px;	
}

h2{
    background-color: aliceblue;
    font-size: 30px;
	text-align: center;
	margin-top: 40px;
	margin-left: 70px;
	margin-right: 70px;
}

div#sake1{
	display: grid;
	grid-template-columns: 40% 28% 32%;
	grid-template-rows: 130px 30px 48px 18px;
}

.red1{
    position: relative;
    width: 180px;
    height: 190px;
    background: #DB3941;
}


img.SakeImage1{
	width: 240px;
	margin-left: 3%;
	grid-column: 1;
	grid-row: 1;
	position: relative;
}



ul.sozai1{
    color: #FFFFFF;
    list-style: none;
    font-size: 10px;
	grid-column: 2;
	grid-row: 1;
	margin-top: 40px;
}

ul.sozai2{
	color: aliceblue;
	list-style: none;
	font-size: 10px;
	grid-column: 3;
	grid-row: 1;
	margin-top: 40px;
	margin-left: -40px;
}

p.name1{
    color: aliceblue;
    font-size: 42px;
    grid-column: 3;
    grid-row: 2;
    margin-left: -85px;
    text-decoration: underline;
}

p.ginnjousyu{
    grid-column: 3;
    grid-row: 4;
    color: aliceblue;
    margin-left: -30px;
    font-size: 22px;	
}

p.nedann1{
    display: flex;
    list-style: none;
    color: aliceblue;
    grid-column: 3;
    grid-row: 5;
    margin-left: -65px;
	margin-top: 35px;
    font-size: 15px;	
}

p.setsumei{
	color: aliceblue;
	margin-left: 11%;
	margin-right: 11%;
	line-height: 1.8rem;
	margin-top: 25px;
	margin-bottom: 20px;
}

div#sake2{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows:  80px 90px 35px;
}

.red2{
    position: relative;
    width: 194px;
    height: 170px;
    background: #DB3941;
    margin-left: 220px;
	margin-top: 50px;
}

p.name2{
	color: aliceblue;
	font-size: 42px;
	margin-left: 30%;
	text-decoration: underline;
	grid-row: 2;
}

img.SakeImage2{
	width: 220px;
	grid-column: 2;
	grid-row: 1;
	margin-left: -30px;
	position: relative;
}

p.nedann2{
	color: aliceblue;
	grid-column: 2;
	grid-row: 3;
	margin-left: -160px;
	font-size: 15px;
}

div#sake3{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: 60px 90px 60px;
}

.red3{
	position: relative;
    width: 180px;
    height: 160px;
    background: #DB3941;
	margin-left: -207px;
	margin-top: 60px;
}

img.SakeImage3{
	width: 160px;
	grid-column: 1;
	grid-row: 1;
	margin-left: 20%;
	position: relative;
}

p.name3{
	color: aliceblue;
	font-size: 42px;
	text-decoration: underline;
	grid-column: 2;
	grid-row: 2;
	margin-left: -10px;
}

p.nedann3{
	color: aliceblue;
	grid-column: 2;
	grid-row: 3;
	font-size: 15px;
	margin-left: 10px;
}

div#sake4{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: 40px 90px 35px;
}

.red4{
	position: relative;
    width: 194px;
    height: 140px;
    background: #DB3941;
	margin-left: 220px;
	margin-top: 20px;
}

p.name4{
	color: aliceblue;
	font-size: 42px;
	text-decoration: underline;
	grid-column: 1;
	grid-row: 2;
	margin-left: 45%;
}

img.SakeImage4{
	width: 160px;
	grid-column: 2;
	grid-row: 1;
	margin-left: -18px;
	margin-top: -30px;
	position: relative;
}

p.nedann4{
	color: aliceblue;
	font-size: 15px;
	grid-column: 2;
	grid-row: 3;
	margin-left: -150px;
}

div#sake5{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: 80px 1px 50px 100px;
}

.red5{
	position: relative;
    width: 180px;
    height: 70px;
    background: #DB3941;
	grid-column: 1;
	margin-top: -10px;
}

img.SakeImage5{
	width: 150px;
	margin-left: 18%;
	margin-top: -20px;
	position: relative;
	grid-column: 1;
	grid-row: 1;
}

p.name5{
	color: aliceblue;
	font-size: 42px;
	text-decoration: underline;
	grid-column: 2;
	grid-row: 2;
	margin-left: -5px;
	margin-top: -50px;
}

p.nedann5{
	color: aliceblue;
	grid-column: 2;
	grid-row: 3;
	margin-left: 3px;
}

p.sekkensetsumei{
	color: aliceblue;
	line-height: 1.8rem;
	margin-top: 15px;
	margin-bottom: 20px;
	grid-column: 2;
	grid-row: 4;
	margin-left: -170px;
	
}