#cmn_blog { 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_blog a { cursor: default; pointer-events: none;}
#contents .nkm { background-image: url(../../img/st/st_s-blog.jpg);}
.nkm h3 { width: 98%; margin: 0 auto; color: rgba(192, 0, 63, 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, 215, 219, .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, 215, 219, .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, 0, 61, 1.0); font-size: 90%; display: none;}
.bgt { box-sizing: border-box; width: 95%; margin: 5px auto; padding: 20px 0 0 0; color: rgba(88, 43, 60, 1.0);}
/*archive*/
#archive { background: rgba(255, 75, 104, .1); border-top: 2px dotted rgba(255, 75, 104, .4); border-bottom: 8px solid rgba(255, 75, 104, .3);}
#archive dt { background: url(../../img/backnumber_p.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, 85, 123, 1.0); font-size: 90%; display: block;}
#archive .lnkon a .titletxt { color: rgba(187, 32, 134, 1.0); font-size: 95%; display: block; padding-left: 10px;}
#archive .lnkon a:hover .onairtxt { color: rgba(230, 85, 123, 0.7);}
#archive .lnkon a:hover .titletxt { color: rgba(197, 42, 144, 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, 95, 120, 0.7); font-size: 90%; display: block;}
#archive .lnkof a .titletxt { color: rgba(171, 62, 134, 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_blog.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;}
}