#cmn_guest, .cmn_guest { 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_guest a, .cmn_guest a { cursor: default; pointer-events: none;}
#contents .nkm { background-image: url(../../img/st/st_s-guest.jpg); color: rgba(192, 23, 0, 1.0);}
#con .wa { padding-top: 0; max-width: 980px;}
#con .wa dt { padding-left: 0; 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, 23, 0, 0.75); background-color: rgba(192, 23, 0, 0.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;}
#con .wa .onairtxt1 { padding: 10px 0 0 0; font-size: 90%; letter-spacing: 0.1em; display: block; text-align: center;}
#con .wa dd:before, #con .wa dd:after { content: ""; display: table;}
#con .wa dd:after { clear: both;}
#con .wa .babys { width: 100%; margin: 5px auto 0 auto;}
#con .wa .ppset { box-sizing: border-box; width: 100%; text-align: center;}
#con .wa .pp { box-sizing: border-box; width: 48%; max-width: 360px; margin: 1%; background-color: rgba(255, 228, 215, .5); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding-bottom: 5px; float: left; border: 1px solid rgba(255, 228, 215, .5);}
#con .wa .pp_center { float: none; margin: 1% auto;}
#con .wa .pp .sppall { width: 100%; height: 0; padding-top: 100%; position: relative; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#con .wa .pp .spp { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: none;}
#con .wa .pp .cover { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0;}
#con .wa .ppset .nme { box-sizing: border-box; width: 90%; margin: 5px auto 0 auto; padding: 3px; background: rgba(255, 255, 255, 1.0); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 90%; text-align: center; letter-spacing: 0.1em;}

#con .wa ul { display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#con .wa ul:before, #con .wa ul:after { content: ""; display: table;}
#con .wa ul:after { clear: both;}
#con .wa li { box-sizing: border-box; width: 100%; max-width: 430px; margin: 5px auto; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: rgba(255, 228, 215, .5); border: 1px solid rgba(255, 228, 215, .5);}
#con .wa li .gpall { box-sizing: border-box; width: 100%; max-width: 430px;}
#con .wa li .gpsp { width: 100%; height: 0; padding-top: 69.767441860465116%; position: relative;}
#con .wa li .gp { width: 100%; height: 0; padding-top: 69.767441860465116%; position: absolute; top: 0; left: 0; -ms-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#con .wa li .infotxt { box-sizing: border-box; width: 96%; margin: 5px auto; padding: 2px 5px 10px 5px; background: rgba(255, 255, 255, 1.0); -ms-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; font-size: 90%; text-align: left; letter-spacing: 0.1em;}
#con .wa li .infotxt dt { box-sizing: border-box; width: 100%; border-bottom: 2px dotted rgba(255, 228, 215, 1.0); padding-bottom: 3px;}
#con .wa li .infotxt dt .lh110 { line-height: 110%; display: block;}
#con .wa li .infotxt dd { font-size: 100%; padding: 5px 10px;}
#con .wa .mark { padding: 25px 0; margin: 0 auto; text-align: center; background: rgba(255, 255, 255, 1.0); filter: alpha(opacity=75); -moz-opacity: .75; -khtml-opacity: .75; opacity: .75; filter: opacity(75%); -webkit-filter: opacity(75%); -moz-filter: opacity(75%); -o-filter: opacity(75%); border: 0;}

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

#archive { background: rgba(240, 181, 111, .1); border-top: 2px dotted rgba(240, 181, 111, .5); border-bottom: 8px solid rgba(255, 117, 48, .3);}
#archive dt { background: url(../../img/backnumber_o.png) no-repeat;}
#archive li .at { background-color: rgba(255, 117, 48, .7); 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_W480-*/
@media all and (min-width: 480px) {
#archive li { width: 7.8%; margin: 2% 0 0.5% 0.5%; float: left;}
}

/*for_W640-*/
@media all and (min-width: 640px) {
#contents .nkm { background-image: url(../../img/st/st_guest.jpg);}
#con .wa .babys { width: 80%; margin: 0 auto;}
}

/*for_W768-*/
@media all and (min-width: 768px) {
#con .wa .babys { width: 90%; margin: 0 auto;}
#con .wa .pp { width: 31%;}
#con .wa li:before, #con .wa li:after { content: ""; display: table;}
#con .wa li:after { clear: both;}
#con .wa li { max-width: 670px;}
#con .wa li .gpall { box-sizing: border-box; width: 50%; float: left;}
#con .wa li .gp { -ms-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;}
#con .wa li .infotxt { box-sizing: border-box; width: 47.5%; height: 94.5%; margin: 1%; float: left; -ms-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;}
#con .wa .mark { padding: 35px 0;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
#con .wa { padding-top: 15px;}
#con .wa .mark { padding: 40px 0;}
}


#acv0sp #a0t .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%);}
#acv0sp #a0t .at a { cursor: default; pointer-events: none;}
#acv1sp #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%);}
#acv1sp #a1t .at a { cursor: default; pointer-events: none;}
#acv2sp #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%);}
#acv2sp #a2t .at a { cursor: default; pointer-events: none;}
#acv3sp #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%);}
#acv3sp #a3t .at a { cursor: default; pointer-events: none;}
#acv4sp #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%);}
#acv4sp #a4t .at a { cursor: default; pointer-events: none;}
#acv5sp #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%);}
#acv5sp #a5t .at a { cursor: default; pointer-events: none;}
#acv6sp #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%);}
#acv6sp #a6t .at a { cursor: default; pointer-events: none;}
#acv7sp #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%);}
#acv7sp #a7t .at a { cursor: default; pointer-events: none;}
#acv8sp #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%);}
#acv8sp #a8t .at a { cursor: default; pointer-events: none;}
#acv9sp #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%);}
#acv9sp #a9t .at a { cursor: default; pointer-events: none;}
#acv10sp #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%);}
#acv10sp #a10t .at a { cursor: default; pointer-events: none;}
#acv11sp #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%);}
#acv11sp #a11t .at a { cursor: default; pointer-events: none;}
