#cmn_report { 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_report a { cursor: default; pointer-events: none;}
#contents .nkm { background-image: url(../../img/st/st_s-report.jpg);}
.nkm h3 { width: 98%; margin: 0 auto; color: rgba(192, 23, 0, 1.0); text-align: center; padding-top: 3%; line-height: 130%;}
#con .wa { width: 98%; margin: 2% auto 0 auto; padding: 0 0 10px 0; font-size: 92%; line-height: 180%;}
.spsp_y { width: 95%; max-width: 540px; margin: 0 auto; background: rgba(255, 228, 215, .2); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.spsp_y .sppall { width: 100%; height: 0; padding-top: 66.666666666666666666666667%; position: relative; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.spsp_y .spp { width: 100%; height: 0; padding-top: 66.666666666666666666666667%; 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;}
.spsp_t { width: 95%; max-width: 360px; margin: 0 auto; background: rgba(255, 228, 215, .2); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.spsp_t .sppall { width: 100%; height: 0; padding-top: 150%; position: relative; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.spsp_t .spp { width: 100%; height: 0; padding-top: 150%; 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;}
.caption { box-sizing: border-box; width: 100%; padding: 5px; text-align: center; color: rgba(143, 48, 0, 1.0); font-size: 90%; display: none;}
.bgt { box-sizing: border-box; width: 95%; margin: 5px auto; padding: 10px 0; color: rgba(78, 43, 25, 1.0);}
/*archive*/
#archive { background: rgba(255, 117, 48, .1); border-top: 2px dotted rgba(255, 117, 48, .4); border-bottom: 8px solid rgba(255, 117, 48, .3);}
#archive dt { background: url(../../img/backnumber_o.png) no-repeat;}
#archive 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;}
#archive ul:before, #archive ul:after { content: ""; display: table;}
#archive ul:after { clear: both;}
#archive li { box-sizing: border-box; width: 100%; text-align: left; margin: 0 auto 5px auto; line-height: 130%; border: 1px solid rgba(255, 255, 255, 0.5);}
#archive .lnkon a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(255, 255, 255, 1.0);}
#archive .lnkon a:hover { background: rgba(255, 255, 255, 0.8);}
#archive .lnkon a .onairtxt { color: rgba(230, 123, 85, 1.0); font-size: 90%; display: block;}
#archive .lnkon a .titletxt { color: rgba(187, 134, 32, 1.0); font-size: 95%; display: block; padding-left: 10px;}
#archive .lnkon a:hover .onairtxt { color: rgba(230, 123, 85, 0.7);}
#archive .lnkon a:hover .titletxt { color: rgba(197, 144, 42, 0.7);}
#archive .lnkof a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; background: rgba(250, 250, 250, 0.4); cursor: default; pointer-events: none;}
#archive .lnkof a .onairtxt { color: rgba(193, 120, 95, 0.7); font-size: 90%; display: block;}
#archive .lnkof a .titletxt { color: rgba(171, 134, 62, 0.7); font-size: 95%; display: block; padding-left: 10px;}
#archive ul { margin-top: 3%;}
#archive .plust ul { margin-top: 0;}
#archive .plust { display: none;}
#archive .more { box-sizing: border-box; width: 100%; height: 40px; border: 2px solid rgba(255, 255, 255, .8); position: relative; font-size: 85%; font-weight: bold; color: rgba(227, 24, 28, 1.0); padding-top: 10px; margin: 5px auto;}
#archive .more .moretxt { box-sizing: border-box; width: 100%; letter-spacing: 0.1em; padding: 0 15px;}
#archive .more::after { position: absolute; top: 55%; right: 10px; display: block; content: ''; width: 4px; height: 4px; margin-top: -5px; border-top: 2px solid rgba(227, 24, 28, 1.0); border-right: 2px solid rgba(227, 24, 28, 1.0); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);}
#archive .more:hover { background: rgba(245, 241, 55, 0.1); cursor: pointer;}

/*for_W640-*/
@media all and (min-width: 640px) {
#contents .nkm { background-image: url(../../img/st/st_report.jpg);}
#con .wa { width: 90%; font-size: 95%; line-height: 190%; letter-spacing: 0.1em;}
.nkm h3 { font-size: 120%;}
.bgt { font-size: 110%;}
#archive li { width: 48%; margin: 0 0 5px 1.5%; float: left;}
#archive .more { box-sizing: border-box; width: 97.5%; height: 40px; font-size: 90%; padding-top: 10px; margin: 2px 0 2px 1.5%;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
#con .wa { width: 75%; letter-spacing: 0.2em; line-height: 200%;}
.nkm h3 { font-size: 130%; letter-spacing: 0.1em;}
.caption { font-size: 95%;}
#archive li { width: 32%; margin: 0 0 10px 1%;}
#archive .plust { display: block;}
#archive .more { display: none;}
}