/*infoエリアをはじめは非表示*/
#info {
    display: none;
}

/*モーダルの横幅を変更したい場合*/
.modaal-container {
    max-width: 600px;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after,
.modaal-close:before {
    background: #fff;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
    background: #666;
}


.modaal-outer-wrapper {
    /* background: #B8A468; */
    background: none;
    /* opacity: 0.7; */
}

.modaal-container div.flex {
    justify-content: space-around;
}

.modaal-container div.flex img {
    width: 150px;
}


/* #info .modaal-content-container div.flex a {
    width: 150px;
    height: 150px;
} */