#cmn_gallery { filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5; filter: opacity(50%); -webkit-filter: opacity(50%); -moz-filter: opacity(50%); -o-filter: opacity(50%);} /*none_lnk*/
#cmn_gallery a, .cmn_gallery a { cursor: default; pointer-events: none;}
#contents .nkm { background-image: url(../../img/st/st_s-gallery.jpg); position: relative;}
.nkm h3 { width: 98%; margin: 0 auto; color: rgba(192, 0, 63, 1.0); text-align: center; padding-top: 3%; line-height: 130%;}
#con .wa { width: 98%; margin: -2% auto 0 auto; padding: 0; font-size: 92%; line-height: 180%;}
#con .wa dt { padding-left: 0; padding-bottom: 10px; text-align: center;}
#con .wa dt .maru0 { width: 60px; height: 60px; margin: 0 auto; display: block; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; display: flex; align-items: center; justify-content: center; color: rgba(192, 0, 63, .75); background-color: rgba(192, 0, 63, .1);}
#con .wa dt .maru0 .wanb { font-size: 200%; font-weight: bold;}
#con .wa dt .onairtxt0 { padding: 2px 0 5px 0; font-size: 90%; letter-spacing: 0.1em; display: block;}
.loader { width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -5px; display: none;}

#con .wa dt .maru0 #s11sp { text-align: center; padding-top: 5px;}
#con .wa dt .maru0 #s11sp .plustxt { display: block; font-size: 45%;}

#gallerysn:before, #gallerysn:after { content: ""; display: table;}
#gallerysn:after { clear: both;}
#gallerysn li { box-sizing: border-box; width : 31%; margin: 0 1% 1% 1%; background: rgba(192, 0, 63, .2); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 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; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: none;}
#gallerysn .spp a, #gallerysn .spp img { width:100%; height:100%; display: block; background: rgba(192, 0, 63, 0); position: absolute; top: 0; left: 0; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#gallerysn .spp a:hover { background: rgba(192, 0, 63, 0.1);}

.lbg-pics { background-color: none !important; box-shadow:none !important;}
/*archive*/
#archive { background: rgba(255, 75, 104, .1); border-top: 2px dotted rgba(255, 75, 104, .5); border-bottom: 8px solid rgba(255, 75, 104, .3);}
#archive dt { background: url(../../img/backnumber_p.png) no-repeat;}
#archive li .at { background-color: rgba(230, 85, 123, 1.0); position: relative;}
#archive li .at a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background-color: rgba(255, 255, 255, 0);}
#archive li .at a:hover { -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background-color: rgba(255, 255, 255, 0.3);}
#archive li .at .wanb { font-size: 200%; font-weight: bold; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255, 255, 255, 1.0);}
#archive .lnkon .at .wanb { color: rgba(255, 255, 255, 1.0);}
#archive .lnkon .at { background-color: rgba(171, 134, 62, 1.0);}
#archive .lnkof .at { background-color: rgba(200, 200, 200, 1.0); filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; filter: opacity(60%) saturate(30%); -webkit-filter: opacity(60%) saturate(30%); -moz-filter: opacity(60%) saturate(30%); -o-filter: opacity(60%) saturate(30%);}
#archive .lnkof .at a { cursor: default; pointer-events: none;}

/*for_W640-*/
@media all and (min-width: 640px) {
#contents .nkm { background-image: url(../../img/st/st_gallery.jpg);}
#con .wa { width: 90%; font-size: 95%; line-height: 190%; letter-spacing: 0.1em; margin: 0 auto;}
.nkm h3 { font-size: 120%;}
.bgt { font-size: 110%;}
#con .wa dt .maru0 { margin: -15% 0 10px 78%;}
#gallerysn { margin-top: -3%;}
#gallerysn li { width : 22.7%; margin: 1%;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
#con .wa { width: 75%; letter-spacing: 0.2em; line-height: 200%; padding-bottom: 20px;}
.nkm h3 { font-size: 130%; letter-spacing: 0.1em;}
#con .wa dt .maru0 { margin: -140px 0 10px 435px;}
#gallerysn { margin-top: -80px;}
}

#a1set #a1t .at { background-color: rgba(200, 200, 200, 1.0); filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; filter: opacity(60%) saturate(30%); -webkit-filter: opacity(60%) saturate(30%); -moz-filter: opacity(60%) saturate(30%); -o-filter: opacity(60%) saturate(30%);}
#a1set #a1t .at a { cursor: default; pointer-events: none;}
#a2set #a2t .at { background-color: rgba(200, 200, 200, 1.0); filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; filter: opacity(60%) saturate(30%); -webkit-filter: opacity(60%) saturate(30%); -moz-filter: opacity(60%) saturate(30%); -o-filter: opacity(60%) saturate(30%);}
#a2set #a2t .at a { cursor: default; pointer-events: none;}
#a3set #a3t .at { background-color: rgba(200, 200, 200, 1.0); filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; filter: opacity(60%) saturate(30%); -webkit-filter: opacity(60%) saturate(30%); -moz-filter: opacity(60%) saturate(30%); -o-filter: opacity(60%) saturate(30%);}
#a3set #a3t .at a { cursor: default; pointer-events: none;}
#a4set #a4t .at { background-color: rgba(200, 200, 200, 1.0); filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; filter: opacity(60%) saturate(30%); -webkit-filter: opacity(60%) saturate(30%); -moz-filter: opacity(60%) saturate(30%); -o-filter: opacity(60%) saturate(30%);}
#a4set #a4t .at a { cursor: default; pointer-events: none;}
#a5set #a5t .at { background-color: rgba(200, 200, 200, 1.0); filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; filter: opacity(60%) saturate(30%); -webkit-filter: opacity(60%) saturate(30%); -moz-filter: opacity(60%) saturate(30%); -o-filter: opacity(60%) saturate(30%);}
#a5set #a5t .at a { cursor: default; pointer-events: none;}
#a6set #a6t .at { background-color: rgba(200, 200, 200, 1.0); filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; filter: opacity(60%) saturate(30%); -webkit-filter: opacity(60%) saturate(30%); -moz-filter: opacity(60%) saturate(30%); -o-filter: opacity(60%) saturate(30%);}
#a6set #a6t .at a { cursor: default; pointer-events: none;}
#a7set #a7t .at { background-color: rgba(200, 200, 200, 1.0); filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; filter: opacity(60%) saturate(30%); -webkit-filter: opacity(60%) saturate(30%); -moz-filter: opacity(60%) saturate(30%); -o-filter: opacity(60%) saturate(30%);}
#a7set #a7t .at a { cursor: default; pointer-events: none;}
#a8set #a8t .at { background-color: rgba(200, 200, 200, 1.0); filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; filter: opacity(60%) saturate(30%); -webkit-filter: opacity(60%) saturate(30%); -moz-filter: opacity(60%) saturate(30%); -o-filter: opacity(60%) saturate(30%);}
#a8set #a8t .at a { cursor: default; pointer-events: none;}
#a9set #a9t .at { background-color: rgba(200, 200, 200, 1.0); filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; filter: opacity(60%) saturate(30%); -webkit-filter: opacity(60%) saturate(30%); -moz-filter: opacity(60%) saturate(30%); -o-filter: opacity(60%) saturate(30%);}
#a9set #a9t .at a { cursor: default; pointer-events: none;}
#a10set #a10t .at { background-color: rgba(200, 200, 200, 1.0); filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; filter: opacity(60%) saturate(30%); -webkit-filter: opacity(60%) saturate(30%); -moz-filter: opacity(60%) saturate(30%); -o-filter: opacity(60%) saturate(30%);}
#a10set #a10t .at a { cursor: default; pointer-events: none;}
#a11set #a11t .at { background-color: rgba(200, 200, 200, 1.0); filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6; filter: opacity(60%) saturate(30%); -webkit-filter: opacity(60%) saturate(30%); -moz-filter: opacity(60%) saturate(30%); -o-filter: opacity(60%) saturate(30%);}
#a11set #a11t .at a { cursor: default; pointer-events: none;}