#album li {width: calc((100% / 4) - 25px);display: inline-block;vertical-align: top;margin: 10px;}
#album li .mofd { position:relative; }
#album li .photo {background: no-repeat 50% / auto 100%;transition: transform .8s cubic-bezier(.16,1,.3,1);}
#album li .photo a { display: block; }
#album li .photo a img { width: 100%; }
#album li h3 {padding: 10px;}
#album li h3 a {padding: 5px 0;display: block;font-weight: 400;font-size: 15px;text-align: center;letter-spacing: 1px;}
#album li h3 a i {margin-right: 5px;width: 25px;height: 25px;background: #225c6d;border-radius: 50%;line-height: 25px;text-align: center;font-size: 15px;display: none;}
#album li { transition: all cubic-bezier(0.42, 0, 0, .97) .3s; -moz-transition: all cubic-bezier(0.42, 0, 0, .97) .3s; -ms-transition: all cubic-bezier(0.42, 0, 0, .97) .3s; -o-transition: all cubic-bezier(0.42, 0, 0, .97) .3s; -webkit-transition: all cubic-bezier(0.42, 0, 0, .97) .3s; }

/* album_list */
#album_list {display: grid;grid-template-columns: repeat(4, 1fr);}
#album_list >div {margin: 15px;height: 300px;}
#album_list >div img {width: auto;min-width: 100%;height: 300px;object-fit: cover;}
#describe article{margin-bottom: 30px;text-align: center;}

@media screen and (max-width:1280px){
	#bookBox .wall-column{width:50%}
}
@media screen and (min-width:1025px){
	#album li:hover .mofd#album li .photo a{transition:all cubic-bezier(0.42,0,0,.97) .3s;-moz-transition:all cubic-bezier(0.42,0,0,.97) .3s;-ms-transition:all cubic-bezier(0.42,0,0,.97) .3s;-o-transition:all cubic-bezier(0.42,0,0,.97) .3s;-webkit-transition:all cubic-bezier(0.42,0,0,.97) .3s}
	#album li:hover .mofd .photo{transform:rotate(2deg)}
	#album li:hover .photo a{background:rgba(52,53,61,0)}
}
@media screen and (max-width:1366px){
	#album li{width:calc((100% / 3) - 25px)}
}
@media screen and (max-width:1280px){
	#album li{width:calc((100% / 2) - 25px)}
}
@media screen and (max-width:1024px){
	#album_list{display:grid;grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:640px){
	#bookBox .wall-column{width:100%}
	#album li{width:100%;margin:0 0 10px}
}
@media screen and (max-width:480px){
	#album_list{display:grid;grid-template-columns:repeat(1,1fr)}
}