/*gallery*/
.bg_blue p { text-align: center;}
.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%;}
}
/*onair_txt*/
.onair_txt { font-size: 100%;}
/*for_W768-*/
@media all and (min-width: 768px) {
.onair_txt { font-size: 120%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
.onair_txt { font-size: 140%;}
}

/*archives*/
.archives { box-sizing: border-box; width: 96%; padding: 1em;}
.archives h2 { display: block; font-size: 110%; letter-spacing: .1em; padding-bottom: .5em;}
.archives ul { width: 100%; margin: 0 auto;}
.archives ul:before, .archives ul:after { content: ""; display: table;}
.archives ul:after { clear: both;}
.archives ul::after { content: ""; display: block; clear: both;}
.archives li { width: 17%; margin: 10px 2.5% 0 0; float: left;}
.archives .lisp { width: 100%; height: 0; padding-top: 100%; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background-color: rgba(255, 255, 255, 1); overflow: hidden; position: relative;}
.archives .lisp a { width: 100%; height: 100%; display: block; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; position: absolute; top: 0; left: 0;}
.archives .lisp .watxt { font-size: 180%; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); opacity: .75; line-height: 100%;}
#a1t #l1t .watxt, #a2t #l2t .watxt, #a3t #l3t .watxt, #a4t #l4t .watxt, #a5t #l5t .watxt, #a6t #l6t .watxt, #a7t #l7t .watxt, #a8t #l8t .watxt, #a9t #l9t .watxt, #a10t #l10t .watxt { opacity: .8;}
.archives .lisp a:hover .watxt { opacity: .3;}

/*10*/
.archives ul { width: 100%; max-width: 680px;}
.archives li { width: 17.5%; margin: 10px 2.5% 0 0;}
@media all and (min-width: 560px) {
.archives li { width: 8.5%; margin: 10px 1.5% 0 0;}
}