#cmn_story { 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_story a { cursor: default; pointer-events: none;}
#contents .nkm { background-image: url(../../img/st/st_s-story.jpg);}
#movie .nojsmovie .nojstxt { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; margin-top: -7px; display: none;}
#con .wa dt { color: rgba(46, 156, 236, 0.75);}
#con .wa dt .maru { background-color: rgba(0, 143, 247, 0.1); text-align: center;}
.mainsp { width: 100%; height: 0; padding-top: 56.25%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}
.mainsp .cover { width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0;}

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

#con .wa .spsp { width: 100%; max-width: 360px; margin: 0 auto;}
#con .wa #spsp1 { margin: 10px auto;}
#con .wa .spsp .sppall { width: 100%; height: 0; padding-top: 66.66666666666666666667%; position: relative; background-color: rgba(0, 143, 247, 0.1);}
#con .wa .spsp .spp { width: 100%; height: 0; padding-top: 66.66666666666666666667%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}
#con .wa .spsp .cover { width: 100%; height: 0; padding-top: 66.66666666666666666667%; position: absolute; top: 0; left: 0;}
.teasersp { box-sizing: border-box; width: 100%; margin: 10px 0 5px 0; background-color: rgba(0, 143, 247, 0.1); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px; text-align: center;}
.teasersp:before, .teasersp:after { content: ""; display: table;}
.teasersp:after { clear: both;}
.teasersp h3 { width: 25%; float: left; font-size: 90%; font-weight: bold; padding-top: 10px;}
.teasersp .lnksp { width: 70%; float: left; background: rgba(255, 255, 255, 1.0); padding: 3px 0;}
.teasersp .lnksp:before, .teasersp .lnksp:after { content: ""; display: table;}
.teasersp .lnksp:after { clear: both;}
.teasersp .lnksp li { width: 49%; float: left; padding: 5px 0; font-weight: bold;}
#archive { background: rgba(111, 181, 240, .1); border-top: 2px dotted rgba(111, 181, 240, .5); border-bottom: 8px solid rgba(111, 181, 240, .4);}
#archive dt { background: url(../../img/backnumber.png) no-repeat;}

/*_spot_s*/
.spot_s { width: 98%; max-width: 360px; margin: 0 auto 5px auto;}
.spot_s:first-child { margin: 15px auto 5px auto;}
.spot_s .spotsp { width: 100%; height: 0; padding-top: 56.25%; position: relative; background: rgba(46, 156, 236, .1); box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px;}
.spot_s .nspot { width: 92%; max-width: 480px; margin: 20px auto 10px auto;}
.spot_s .nspotsp { width: 100%; height: 0; padding-top: 56.25%; position: relative; background: rgba(46, 156, 236, .1); box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px;}
.spot_s .moviesp { width: 100%; position: absolute; top: 0; left: 0;}
.spot_s .movie { width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0;}
.spot_s .movie iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0;}
.spot_s .m_nojs { width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.spot_s .movie .nojsmovie { width: 100%; height: 100%; background: rgba(0, 0, 0, 1.0); position: absolute; top: 0; left: 0;}
.spot_s .movie .nojsmovie .nojstxt { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; margin-top: -7px; color: rgba(255, 255, 255, 1.0);}

/*for_W640-*/
@media all and (min-width: 640px) {
#contents .nkm { background-image: url(../../img/st/st_story.jpg);}
#con .wa dt { color: rgba(46, 156, 236, 0.75);}
#con .wa .spsp { width: 49%; max-width: 360px; margin: 10px 0;}
#con .wa #spsp1 { float: left;}
#con .wa #spsp2 { float: right;}
.teasersp .lnksp li { letter-spacing: 0.2em;}
#con .wa dt { box-sizing: border-box; width: 100%; padding-right: 55%;}
#con .wa dt .onairtxt { text-align: right;}
/*_spot_s*/
.s_spotsp:before, .s_spotsp:after { content: ""; display: table;}
.s_spotsp:after { clear: both;}
.spot_s { width: 48%; max-width: 360px; margin: 10px 0; float: left;}
.spot_s:last-child { float: right;}
.spot_s:first-child { margin: 10px 0;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
#con .wa dt .maru #s11sp { width: 100%; display: block; padding-top: 10px;}
#con .wa dt .maru #s11sp .plustxt { padding-top: 10px; font-size: 30%; letter-spacing: 0.1em;}
}