#cmn_interview { 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%);}
#contents .nkm { background-image: url(../../img/st/st_s-interview.jpg);}
#con .wa { margin: -1% auto 0 auto;}
.viewpall { width: 96%; max-width: 680px; margin: 0 auto 10px auto;}
.viewpsp { width: 100%; height: 0; padding-top: 60%; position: relative; background: rgba(46, 156, 236, .05);}
.viewp { width: 100%; height: 0; padding-top: 60%; position: absolute; top: 0; left: 0; box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.kkm0 { box-sizing: border-box; width: 98%; max-width: 680px; background: rgba(111, 181, 240, .1); background-color: rgba(0, 115, 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%; padding: 5px; margin: 5px auto 0 auto;}
.kkm { box-sizing: border-box; width: 100%; padding: 5px; background: rgba(146, 204, 238, .15); -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.kkm h4 { text-align: left; line-height: 130%; font-size: 95%; padding: 5px; color: rgba(46, 156, 236, 1.0); font-weight: bold; letter-spacing: 0.1em;}
.kkm h4 span { color: rgba(46, 156, 236, 0.5); font-size: 200%;}
.kkm .kkms { box-sizing: border-box; width: 100%; padding: 10px; background: rgba(255, 255, 255, 1.0); font-size: 95%;}
.kkm .kkms:before, .kkm .kkms:after { content: ""; display: table;}
.kkm .kkms:after { clear: both;}
.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%;}
.sviewpall { width: 96%; max-width: 360px; margin: 10px auto;}
.sviewpsp { width: 100%; height: 0; padding-top: 66.666666666666667%; position: relative; background: rgba(46, 156, 236, .05);}
.sviewp { width: 100%; height: 0; padding-top: 66.666666666666667%; position: absolute; top: 0; left: 0; box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(46, 156, 236, 0.1) 0px 1px 2px 2px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#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: 100%; text-align: center; margin: 2px 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: 15px; background: rgba(255, 255, 255, 1.0);}
#archive .lnkon a:hover { background: rgba(255, 255, 255, 0.8);}
#archive .lnkon a .onairtxt { font-size: 90%;}
#archive .lnkon a .titletxt { color: rgba(19, 118, 215, 1.0); font-size: 120%; padding-left: 10px; letter-spacing: 0.2em;}
#archive .lnkon a:hover .titletxt { color: rgba(14, 184, 122, 0.7);}
#archive .lnkof a { box-sizing: border-box; width: 100%; height: 100%; display: block; padding: 15px; background: rgba(255, 255, 255, .6); cursor: default; pointer-events: none;}
#archive .lnkof a .onairtxt { font-size: 90%;}
#archive .lnkof a .titletxt { color: rgba(19, 118, 215, 0.7); font-size: 120%; padding-left: 10px; letter-spacing: 0.2em;}

/*for_W640-*/
@media all and (min-width: 640px) {
#contents .nkm { background-image: url(../../img/st/st_interview.jpg);}
#con .wa { width: 90%; margin-bottom: 10px; margin: -5% auto 5% auto;}
.viewpsp { background: rgba(46, 156, 236, 0);}
.kkm .kkms { padding: 15px;}
#archive ul { margin-top: 3%;}
#archive li { width: 48%; margin: 2px 0 2px 1.5%; float: left;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
#con .wa { width: 80%; font-size: 108%;}
.sviewpall { width: 46%; margin: 5px 0; float: right;}
.kkm .kkms { padding: 25px 20px;}
.kkm .kkmt { width: 52%; float: left;}
.kkm .kkmt span, .kkm .kkms span { border-bottom: 2px dotted rgba(46, 156, 236, .15); line-height: 200%;}
.kkm .kkmt .f110 { font-size: 120%;}
#archive li { width: 32%; margin: 3px 6px; float: left;}
}

#sp1acv #a1t { background-color: rgba(220, 220, 220, 1.0); filter: alpha(opacity=85); -moz-opacity: .85; -khtml-opacity: .85; opacity: .85; filter: opacity(85%) saturate(30%); -webkit-filter: opacity(85%) saturate(30%); -moz-filter: opacity(85%) saturate(30%); -o-filter: opacity(85%) saturate(30%); border: 1px solid rgba(255, 255, 255, 1);}
#sp1acv #a1t a { cursor: default; pointer-events: none;}
#sp2acv #a2t { background-color: rgba(220, 220, 220, 1.0); filter: alpha(opacity=85); -moz-opacity: .85; -khtml-opacity: .85; opacity: .85; filter: opacity(85%) saturate(30%); -webkit-filter: opacity(85%) saturate(30%); -moz-filter: opacity(85%) saturate(30%); -o-filter: opacity(85%) saturate(30%); border: 1px solid rgba(255, 255, 255, 1);}
#sp2acv #a2t a { cursor: default; pointer-events: none;}
#sp3acv #a3t { background-color: rgba(220, 220, 220, 1.0); filter: alpha(opacity=85); -moz-opacity: .85; -khtml-opacity: .85; opacity: .85; filter: opacity(85%) saturate(30%); -webkit-filter: opacity(85%) saturate(30%); -moz-filter: opacity(85%) saturate(30%); -o-filter: opacity(85%) saturate(30%); border: 1px solid rgba(255, 255, 255, 1);}
#sp3acv #a3t a { cursor: default; pointer-events: none;}
#sp4acv #a4t { background-color: rgba(220, 220, 220, 1.0); filter: alpha(opacity=85); -moz-opacity: .85; -khtml-opacity: .85; opacity: .85; filter: opacity(85%) saturate(30%); -webkit-filter: opacity(85%) saturate(30%); -moz-filter: opacity(85%) saturate(30%); -o-filter: opacity(85%) saturate(30%); border: 1px solid rgba(255, 255, 255, 1);}
#sp4acv #a4t a { cursor: default; pointer-events: none;}
#sp5acv #a5t { background-color: rgba(220, 220, 220, 1.0); filter: alpha(opacity=85); -moz-opacity: .85; -khtml-opacity: .85; opacity: .85; filter: opacity(85%) saturate(30%); -webkit-filter: opacity(85%) saturate(30%); -moz-filter: opacity(85%) saturate(30%); -o-filter: opacity(85%) saturate(30%); border: 1px solid rgba(255, 255, 255, 1);}
#sp5acv #a5t a { cursor: default; pointer-events: none;}
#sp6acv #a6t { background-color: rgba(220, 220, 220, 1.0); filter: alpha(opacity=85); -moz-opacity: .85; -khtml-opacity: .85; opacity: .85; filter: opacity(85%) saturate(30%); -webkit-filter: opacity(85%) saturate(30%); -moz-filter: opacity(85%) saturate(30%); -o-filter: opacity(85%) saturate(30%); border: 1px solid rgba(255, 255, 255, 1);}
#sp6acv #a6t a { cursor: default; pointer-events: none;}
#sp7acv #a7t { background-color: rgba(220, 220, 220, 1.0); filter: alpha(opacity=85); -moz-opacity: .85; -khtml-opacity: .85; opacity: .85; filter: opacity(85%) saturate(30%); -webkit-filter: opacity(85%) saturate(30%); -moz-filter: opacity(85%) saturate(30%); -o-filter: opacity(85%) saturate(30%); border: 1px solid rgba(255, 255, 255, 1);}
#sp7acv #a7t a { cursor: default; pointer-events: none;}