#cmn_news { 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_news a { cursor: default; pointer-events: none;}
#contents .nkm { background-image: url(../../img/st/st_s-news.jpg); border-bottom: 8px solid rgba(0, 167, 208, .3);}
#con .wa { box-sizing: border-box; width: 98%; margin: 5px auto; padding: 0 0 10px 0; font-size: 92%; 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%;}
#con .wa h3 { box-sizing: border-box; width: 100%; margin: 0; padding: 4px; text-align: center; padding-top: 1%; line-height: 130%; font-size: 140%; letter-spacing: 0.2em; letter-spacing: 0.1em; background: rgba(111, 181, 240, .5); -ms-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background-color: rgba(0, 219, 222, .8); background-image: linear-gradient(90deg, rgba(111, 181, 240,.2) 50%, transparent 50%), linear-gradient(90deg, rgba(111, 181, 240,.1) 50%, transparent 50%), linear-gradient(90deg, transparent 50%, rgba(111, 181, 240,.1) 50%), linear-gradient(90deg, transparent 50%, rgba(111, 181, 240,.2) 50%); background-size: 3%, 1%, 8%, 20%; color: rgba(0, 167, 208, 2); color: rgba(255, 255, 255, 1.0); font-weight: bold;}
#con .wa h3 span { margin: 5px 0; display: block;}
.spsp_y { width: 95%; max-width: 540px; margin: 15px auto 5px auto; background: rgba(111, 181, 240, .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: 15px auto 5px auto; background: rgba(111, 181, 240, .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;}
.spsp_ysall { box-sizing: border-box; width: 94%; max-width: 540px; margin: 5px auto;}
.spsp_ysall:before, .spsp_ysall:after { content: ""; display: table;}
.spsp_ysall:after { clear: both;}
.spsp_ys { box-sizing: border-box; width: 50%; margin: 0; background: rgba(111, 181, 240, .2); float: left;}
.spsp_ys .sppall { width: 100%; height: 0; padding-top: 66.666666666666666666666667%; position: relative;}
.spsp_ys .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; display: none;}
.spsp_tsall { box-sizing: border-box; width: 80%; max-width: 540px; margin: 5px auto;}
.spsp_tsall:before, .spsp_tsall:after { content: ""; display: table;}
.spsp_tsall:after { clear: both;}
.spsp_ts { box-sizing: border-box; width: 50%; margin: 0; background: rgba(111, 181, 240, .2); float: left;}
.spsp_ts .sppall { width: 100%; height: 0; padding-top: 150%; position: relative;}
.spsp_ts .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; display: none;}
.caption { box-sizing: border-box; width: 100%; padding: 10px; text-align: center; color: rgba(0, 77, 142, 1.0); font-size: 95%; line-height: 130%; margin-bottom: 10px; display: none;}
.bgt { box-sizing: border-box; width: 95%; margin: 5px auto; padding: 5px 10px; background: rgba(255, 255, 255, .8);}
.kkm { box-sizing: border-box; width: 95%; margin: 5px auto; padding: 5px; background: rgba(146, 238, 233, .15);}
.kkm h4 { font-weight: bold; text-align: center; line-height: 130%;}
.kkm .kkms { box-sizing: border-box; width: 100%; padding: 5px; background: rgba(255, 255, 255, 1.0);}
#n_bansen .kkm .kkms .bansenset:not(:first-child) { border-top: 2px dotted rgba(109, 148, 173, 0.3); padding-top: 10px;}
.subtxt { font-size: 90%; line-height: 140%; margin: 5px 0; color: rgba(109, 148, 173, 1.0);}
.psubtxt { font-size: 90%; line-height: 140%; margin: 0; color: rgba(109, 148, 173, 1.0); padding: 10px; background: rgba(109, 148, 173, 0.05);}
.pname { padding: 10px 0; font-size: 120%; font-weight: bold;}
.poatxt { padding: 0 10px 5px 10px; color: rgba(79, 147, 175, 1.0);}
.pnkmtxt { padding: 0 10px; font-size: 105%; line-height: 140%;}
.udl { padding-bottom: 3px; border-bottom: 2px dotted rgba(0, 167, 208, .3);}
/*btn*/
#tokosp { width: 100%; height: 40px; margin: 10px auto; padding: 10px 0;}
#tokosp #toko a { width: 200px; height: 40px; display: inline-block; padding: 0.5em 1em; text-decoration: none; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 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); -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); -moz-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); -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15); border-bottom: none; color: rgba(163, 255, 255, 1); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1;}
#tokosp #toko .btntxt { width: 100%; position: absolute; top: 15px; left: 0; font-size: 130%;}
#tokosp #toko .subtxt { font-size: 55%; font-weight: lighter; color: rgba(255, 255, 255, 1.0); display: block; margin-top: -2px;}

/*for_W640-*/
@media all and (min-width: 640px) {
#contents .nkm { background-image: url(../../img/st/st_news.jpg);}
#con .wa { width: 90%; font-size: 95%; letter-spacing: 0.1em; margin-bottom: 10px;}
#con .wa:first-child { margin-top: -5%;}
#con .wa h3 { font-size: 150%;}
.kkm h4 { padding-bottom: 5px;}
.kkm .kkms { padding: 10px;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
#con .wa { width: 80%; font-size: 108%;}
#con .wa h3 { font-size: 130%; letter-spacing: 0.1em;}
.bgt { width: 90%; margin: 10px auto; padding: 15px;}
.kkm { width: 90%; margin: 10px auto 5px auto; padding: 15px;}
.caption { font-size: 95%;}
}