/* 	news
============================== */
#news-main {width:980px；margin:0px auto; background-color:#fff; padding:30px; }

#news-main h3 { margin:0 0 20px 0; padding:0.5em; color:#0050ff; font-size:140%; line-height:130%; }
#news-main h3:after {content:"";clear:both;display:block;}
#news-main h3 .date { display:inline-block; position:relative; top:-0.2em; margin-right:0.5em; padding:0.3em; line-height:100%; font-size:60%; color:#c71322; background-color:#fff; }

.mov_yt { width:800px; margin:0 auto 20px auto; }
.mov_yt_inner { position:relative; width:auto; height:0; padding-top:56.25%; }
.mov_yt_inner iframe { position:absolute; left:0; top:0; width:100%; height:100%; }

.nw-text { margin-bottom:20px; line-height:160%; }

.nw-pic-box { margin:0 auto 20px auto; text-align:center; }
.nw-pic { margin:auto; }
.nw-pic-inner { position:relative; width:100%; height:0; background-color:#efefef; }
.nw-pic-inner span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#nw-bknm h4 { padding:0.5em 0.7em; background-color:#c71322; color:#fff; font-size:120%; line-height:130%; }
#nw-bknm li { padding:0.5em; border-bottom:#efefef 1px solid; line-height:130%; }
#nw-bknm li a { color:#333; text-decoration:none; }
#nw-bknm li a:hover { text-decoration:underline; }nw-title
#nw-bknm li a .date { font-weight:bold; }

#nw-top-btn-more { width:17.0em; margin:0 auto 1.0em auto; text-align:center; font-size:120%; }
#nw-top-btn-more a { display:inline-block; position:relative; width:100%; padding:1.0em 0; border-radius:2.2em; line-height:130%; font-weight:bold; color:#fff; text-decoration:none; background:#c71322; transition: opacity 0.2s ease-out; }
#nw-top-btn-more a::before { display:inline-block; position:absolute; top:1.95em; left:2.2em; margin-right:0.7em; content:"▶︎"; font-size:50%; }
#nw-top-btn-more a:hover { opacity:0.5; }

@media all and (max-width: 767px) {

#news-main { padding:15px; }

#news-main h3 { font-size:110%; }

.mov_yt { width:auto; }

.nw-text { font-size:90%; }

.nw-pic { width:90%!important; margin:0 5% 20px 5%; }

#nw-bknm h4 { font-size:100%; }
#nw-bknm li { font-size:90%; }
#nw-top-btn-more { font-size:100%; }

}


#yoko .nw-pic { width:455px; }
#yoko .nw-pic-inner { padding-top:calc( 135% / 455 * 100 ); }

#yoko .nw-pic { width:800px; }
#yoko .nw-pic-inner { padding-top:calc( 500% / 800 * 100 ); }