.ctitle { background-image: url(../img/title.png);}

#contents .contxt { max-width: 760px; margin: 30px auto 15px auto;}
#gallerysn { width: 100%;}
#gallerysn:before, #gallerysn:after { content: ""; display: table;}
#gallerysn:after { clear: both;}
#gallerysn li { box-sizing: border-box; width : 30%; margin: 1.5%; background: rgba(192, 0, 28, .2); box-shadow: rgba(218, 23, 23, .5) 0 0 5px 1px; -webkit-box-shadow: rgba(218, 23, 23, .5) 0 0 5px 1px; -moz-box-shadow: rgba(218, 23, 23, .5) 0 0 5px 1px; float: left;}
#gallerysn .sppsp { width: 100%; height: 0; padding-top: 66.666666666666667%; position: relative;}
#gallerysn .spp { width: 100%; height: 0; padding-top: 66.666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#gallerysn .spp a, #gallerysn .spp img { width:100%; height:100%; display: block; background: rgba(192, 0, 28, 0); position: absolute; top: 0; left: 0;}
#gallerysn .spp a:hover { background: rgba(192, 0, 28, 0.1);}

.lbg-pics { background-color: none !important; box-shadow:none !important;}

/*for_W640-*/
@media all and (min-width: 640px) {
#contents .contxt { margin: 30px auto 0 auto;}
#gallerysn li { box-sizing: border-box; width : 29%; margin: 12px 2%;}
}