#cmn_message { 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_message a { cursor: default; pointer-events: none;}
#contents .nkm { background-image: url(../../img/st/st_s-message.jpg); border-bottom: 8px solid rgba(111, 181, 240, .4);}
#archive { background: rgba(111, 181, 240, .1); border-top: 2px dotted rgba(111, 181, 240, .5); z-index: 2000;}
#archive dt { background: url(../../img/backnumber.png) no-repeat;}
.fm { box-sizing: border-box; width: 98%; margin: 0 auto; padding: 0;}
.iframesp iframe { width: 100%; padding: 0; margin: 0; border: 0; z-index: 1000;}

/*btn*/
#tokosp { width: 100%; height: 40px; margin: 0 auto; padding: 10px 0 30px 0;}
#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: 15px; left: 0;}
.infotxt { margin: 40px 0 10px 0; line-height: 140%;}
.finishtxt { font-size: 90%; padding: 10px; line-height: 130%;}
/*archive*/
#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;}
#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: 47.5%; text-align: left; margin-bottom: 5px; 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(111, 181, 240, 1.0); font-size: 90%; display: block; text-align: center;}
#archive .lnkon a:hover .onairtxt { color: rgba(111, 181, 240, 0.7);}
#archive .lnkof a { background-color: rgba(200, 200, 200, 0.5); 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%); box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 10px; cursor: default; pointer-events: none;}
#archive .lnkof a .onairtxt { color: rgba(100, 100, 100, 1.0); font-size: 90%; display: block; text-align: center;}
#archive .lnkof a { cursor: default; pointer-events: none;}

/*for_W640-*/
@media all and (min-width: 640px) {
#contents .nkm { background-image: url(../../img/st/st_message.jpg);}
.fm { width: 90%; padding: 0;}
.iframesp iframe { margin-top: -5%;}
#archive ul { margin-top: 3%; font-size: 110%;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
#archive li { width: 23%; margin: 3px 6px; float: left; font-size: 110%;}
}