#cmn_intro { 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%);} /*none_lnk*/
#cmn_intro a { cursor: default; pointer-events: none;}
#contents .nkm { background-image: url(../../img/st/st_s-intro.jpg); border-bottom: 8px solid rgba(255, 117, 48, .3);}
#catchsp { width: 100%; max-width: 780px; margin: 0 auto;}
#catch { width: 100%; height: 0; padding-top: 76.9230769230769%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/catch.png);}
#con .wa { width: 98%; margin: 0 auto; padding: 0 0 10px 0; font-size: 92%; line-height: 180%; letter-spacing: 0.05em;}
.crd { width: 100%; margin: 0 auto 20px auto; text-align: center;}
.bgo { box-sizing: border-box; width: 100%; margin: 10px auto; background: rgba(255, 228, 215, .2); padding: 20px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color: rgba(78, 43, 25, 1.0);}
.bgo0 { font-size: 110%; text-align: center; padding: 5px 0; color: rgba(143, 48, 0, 1.0);}
.bgo1 { color: rgba(192, 23, 0, 1.0);}
.spsp { width: 100%; max-width: 512px; margin: 5px auto; background: rgba(255, 228, 215, .2); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.spsp .sppall { width: 100%; height: 0; padding-top: 62.5%; position: relative; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.spsp .spp { width: 100%; height: 0; padding-top: 62.5%; 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;}
.spspsp { width: 100%; max-width: 512px; margin: 5px auto; background: rgba(255, 228, 215, .2); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.spspsp .sppall { width: 100%; height: 0; padding-top: 70.3125%; position: relative; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.spspsp .spp { width: 100%; height: 0; padding-top: 70.3125%; 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;}
.kkm { box-sizing: border-box; width: 100%; margin: 5px auto; padding: 5px; background: rgba(255, 228, 215, .4); color: rgba(143, 48, 0, 1.0);}
.kkm h4 { font-weight: bold; text-align: center; color: rgba(192, 23, 0, 1.0);}
.kkm .kkms { box-sizing: border-box; width: 100%; padding: 5px; margin: 5px 0 0 0; background: rgba(255, 255, 255, 1.0);}
.subtxt { line-height: 140%; margin: 10px 0 0 0; color: rgba(173, 158, 149, 1.0);}


/*for_W640-*/
@media all and (min-width: 640px) {
#contents .nkm { background-image: url(../../img/st/st_intro.jpg);}
#catchsp { width: 90%; margin: -10% 0 0 7%;}
#con .wa { width: 90%; font-size: 95%; letter-spacing: 0.1em; margin:-20px auto 20px auto;}
.crd { font-size: 110%; letter-spacing: 0.1em; line-height: 180%; margin: 0 auto 20px auto;}
.bgo { font-size: 110%;}
.bgo0 { font-size: 120%; letter-spacing: 0.1em;}
.kkm h4 { padding-bottom: 5px;}
.kkm .kkms { padding: 10px;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
#catchsp { width: 660px; margin: -130px 0 0 180px;}
#con .wa { width: 75%;}
.crd { font-size: 140%; letter-spacing: 0.2em; line-height: 200%; margin:-20px auto 20px auto;}
.bgo0 { font-size: 130%;}
.kkm { margin: 5px auto; padding: 15px;}
}