body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;

}

.header{
    height: 70px;
    text-align: center;
    background-color: #eee;
}
.content{
    margin: 10px 0 10px 0;
    display: flex;
	flex-wrap: wrap;
	background-image: url(../img/waku.png);
	background-size: 2%;
}

.image{
    width: 20%;
    height: 210px;
    background-color: #eee;
    text-align: center;
    margin: 10px;
    border: 5px outset #f7b357;
}

img {
  pointer-events: none;
}

.image:active {
    border: 5px inset #ff0000;
}

.footer{
    height: 70px;
    text-align: center;
    background-color: #eee;
}

h1 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #ff9c00;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}