@charset "UTF-8";
body{
    background-image: url(../image/back.jpg);
    background-repeat: repeat;
}
#main{
    padding: 3%;
}
#toptitle{
    padding: 1% 0;
}
section, #toptitle{
    max-width: 768px;
    display: block;
    margin: 0 auto;
}
.block{
    padding-bottom: 5%;
}
.itemlist{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.item{
    position: relative;
    width: 49%;
    height: 50%;
    padding-top: 2%;
}
.item img:hover{
    background-color: pink;
    opacity: 0.7;
}
footer{
    background: #999999;
    padding: 10px;
}
small{
    color: #ffffff;
    font-size: 12px;
    display: block;
    text-align: center;
}