@charset "UTF-8";
.container {
    display: inline-flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
a {
    text-decoration: none;
}
.container img {
    width: 100%;
    align-self: flex-start;
}
.item {
    text-align: center;
    margin: 10px;
    background-color: lavender;
    padding: 10px;
    display: block;
}
.btn-square {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #668ad8; /*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.btn-square:active {
    /*ボタンを押したとき*/
    -webkit-transform: translateY(4px);
    transform: translateY(4px); /*下に動く*/
    border-bottom: none; /*線を消す*/
}
@media screen and (min-width: 481px) {
    .item {
        max-width: 30%;
    }
    @media screen and (max-width: 480px) {
        .item {
            width: 100%;
            margin: 10px 0px;
        }
    }