#con_sp { padding: 0 0 2em 0; background-image: url(/um/img/cover.png);}
/*_txt*/
#gl_txtall { width: 100%; text-align: center; padding-top: .5em;}
#gl_onair { font-size: 150%; font-weight: lighter; font-family: 'Noto Serif JP', serif; letter-spacing: .05em; padding-bottom: .5em;}
.gl_info { font-size: 90%; letter-spacing: .05em; text-align: center; padding: 1.2em 0 .3em 0; position: relative; z-index: 10000;}
/*_photo*/
.photos { padding: 15px 0 5px 0;}
#gallerysn { width: 100%; max-width: 800px; margin: 0 auto; text-align: left;}
#gallerysn:before, #gallerysn:after { content: ""; display: table;}
#gallerysn:after { clear: both;}
#gallerysn::after { content: ""; display: block; clear: both;}
#gallerysn li { box-sizing: border-box; width : 47%; margin: 0 0.9% 8px 1.9%; background: rgba(255, 255, 255, 1); float: left; box-shadow: rgba(100, 100, 100, .1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(100, 100, 100, .1) 0px 1px 2px 2px; -moz-box-shadow: rgba(100, 100, 100, .1) 0px 1px 2px 2px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.sppsp { width: 100%; height: 0; padding-top: 66.5625%; padding-top: -webkit-calc(213 / 320 * 100%); padding-top: calc(213 / 320 * 100%); position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.spp { width: 100%; height: 0; padding-top: 66.5625%; padding-top: -webkit-calc(213 / 320 * 100%); padding-top: calc(213 / 320 * 100%); position: absolute; top: 0; left: 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.spp img { width:100%; height:100%; display: block; position: absolute; top: 0; left: 0;}
.spp a { width:100%; height:100%; display: block; position: absolute; top: 0; left: 0;}
.spp a:hover { background: rgba(255, 255, 255, .2);}
.lbg-pics { background-color: none !important; box-shadow:none !important;}
/*for_W480-*/
@media screen and (min-width: 480px) {
#gallerysn li { box-sizing: border-box; width : 31.4%; margin: 0 0.9% 10px 0.9%;}
}
/*for_W768-*/
@media screen and (min-width: 768px) {
.photos { padding-top: 25px;}
#gallerysn li { box-sizing: border-box; width : 22.5%; margin: 0 1.1% 15px 1.1%;}
}

/*_archives*/
.archives_list li { width: 16%; margin: 0 0 .5em 2.5%; float: left;}
.archives_list li .p_sp { width: 100%; height: 0; padding-top: 100%; position: relative;}
.archives_list li .s_p { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top center; -webkit-background-position: top center; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
.archives_list li a { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; display: block; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
.archives_list li a:hover { background-color: rgba(255, 255, 255, .2); border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
.archives_list li .wa0 { width: 100%; padding: .3em 0; position: absolute; bottom: 0; left: 0; background: rgba(255, 255, 255, 0); text-align: center; font-size: 90%; font-weight: lighter; color: rgba(231, 75, 150, 1);}

/*9*/
.archives_list { max-width: 1000px; margin: 1em auto 0 auto;}
.archives_list li { width: 17%; margin: 0 0 .5em 2.5%; float: left;}
.archives_list li:nth-child(6) { margin: 0 0 .5em 12.5%;}
@media all and (min-width: 768px) {
.archives_list li { width: 10%; margin: 0 0 .5em 1%; float: left;}
.archives_list li:nth-child(6) { margin: 0 0 .5em 1%;}
}