#cmn_present { 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_present a, .cmn_present a { cursor: default; pointer-events: none;}
#contents .nkm { background-image: url(../../img/st/st_s-present.jpg); position: relative;}
#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: 5px auto 0 auto; display: block; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 167, 208, .1); color: rgba(0, 93, 116, 1.0);}
#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;}
.prepall { width: 96%; max-width: 780px; margin: 0 auto 5px auto;}
.prepsp { width: 100%; height: 0; padding-top: 41.025641025641026%; position: relative;}
.prep { width: 100%; height: 0; padding-top: 41.025641025641026%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#con .wa0 { box-sizing: border-box; width: 98%; max-width: 780px; margin: 5px auto; padding: 0; font-size: 85%; line-height: 180%; letter-spacing: 0.05em; border: 1px solid rgba(111, 181, 240, .2); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: rgba(111, 181, 240, .1); background-color: rgba(0, 219, 222, .01); background-image: linear-gradient(90deg, rgba(111, 181, 240,.03) 50%, transparent 50%), linear-gradient(90deg, rgba(111, 181, 240,.01) 50%, transparent 50%), linear-gradient(90deg, transparent 50%, rgba(111, 181, 240,.02) 50%), linear-gradient(90deg, transparent 50%, rgba(111, 181, 240,.005) 50%); background-size: 3%, 1%, 8%, 20%;}
.kkm { box-sizing: border-box; width: 97%; margin: 8px auto; padding: 5px; background: rgba(146, 238, 233, .15);}
.kkm .kkms { box-sizing: border-box; width: 100%; padding: 10px; background: rgba(255, 255, 255, 1.0); letter-spacing: 0.1em;}
.kkm .kkms:first-letter { font-size: 200%; font-weight: bold; color: rgba(0, 167, 208, .5);}
/*btn*/
#tokosp { width: 100%; height: 40px; margin: 0 auto 5px auto;}
#tokosp #toko a { width: 160px; height: 30px; display: inline-block; padding: 0.5em 1em; text-decoration: none; border-radius: 4px; color: rgba(255, 255, 255, 1); font-size: 120%; font-weight: bold; background: rgba(0, 175, 212, 1.0); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); border-bottom: solid 2px rgba(55, 165, 188, 0.8); position: relative; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}
#tokosp #toko a:hover { -ms-transform: translateY(4px); -webkit-transform: translateY(4px); transform: translateY(4px); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15); border-bottom: none; color: rgba(163, 255, 252, 1); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1;}
#tokosp #toko .btntxt { width: 100%; position: absolute; top: 12px; left: 0;}
.infotxt { box-sizing: border-box; width: 95%; margin: 5px auto 8px auto; padding: 10px; text-align: left; font-size: 95%; line-height: 140%; background: rgba(255, 255, 255, 1.0); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: rgba(0, 167, 208, 1.0);}
.finishtxt { font-size: 110%; line-height: 130%; padding: 10px 0; color: rgba(0, 183, 180, 1.0);}
.anctxt { box-sizing: border-box; width: 95%; margin: 5px auto 8px auto; padding: 10px; text-align: center; font-size: 150%; line-height: 140%; background: rgba(255, 255, 255, 1.0); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: rgba(0, 183, 180, 1.0); letter-spacing: 0.1em;}
.anctxt:first-letter { font-size: 120%; font-weight: bold; color: rgba(0, 183, 180, .3);}

/*archive*/
#archive { background: rgba(0, 167, 208, .1); border-top: 2px dotted rgba(0, 167, 208, .5); border-bottom: 8px solid rgba(0, 167, 208, .4);}
#archive dt { background: url(../../img/backnumber_g.png) no-repeat;}

/*for_W640-*/
@media all and (min-width: 640px) {
#contents .nkm { background-image: url(../../img/st/st_present.jpg);}
#con .wa { font-size: 95%; line-height: 190%; letter-spacing: 0.1em; margin: 0 auto;}
.bgt { font-size: 110%;}
.kkm .kkms { padding: 15px; font-size: 110%;}
#tokosp { width: 100%; height: 40px; margin: 0 auto 10px auto;}
.infotxt { text-align: center; padding: 15px 10px;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
#con .wa { letter-spacing: 0.2em; line-height: 200%; padding-bottom: 20px;}
.kkm { margin: 10px auto 5px auto; padding: 15px;}
.shime { padding: 15px 0 10px 0;}
.anctxt { padding: 15px 10px; font-size: 160%;}
}

#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;}