@charset "utf-8";
div { }
body .domMobile { display: none; }
.video-iframe { display: none; width: 750px; height: 562px; margin: 0 auto; }
@media screen and (max-width:768px) {
body .domMobile { display: block; }
.domPC { display: none !important; }
}
 @media screen and (max-width: 768px) {
.logoarea #banner { display: inline-block; vertical-align: middle; width: 100%; }
#banner a { display: inline-block; padding-top: 10px; line-height: 100%; vertical-align: middle; }
#container,  .w979,  #center,  #content { width: 96%; margin-left: auto; margin-right: auto; }
#container { width: 100%; margin-top: 0; }
.w979 { border: none; }
#center { float: none; padding-top: 0; padding-left: 0; padding-bottom: 18px; }
#title { color: #575757; font-size: 20px; font-weight: 500; margin: 10px 0; text-align: left; }
.info { color: #9d9c9c; font-size: 12px; }
.from { padding-bottom: 4px; }
#center #pubtime { color: #9d9c9c; font-size: 12px; height: 40px; line-height: 40px; text-align: left; float: right; }
#center #pubtime a,  #center #pubtime a:visited { color: #9d9c9c; text-decoration: none; }
#center #pubtime a:hover,  #pubtime a:active { color: #0057E8; text-decoration: underline; }
#center #from { color: #9d9c9c; float: left; height: 40px; line-height: 40px; text-align: left; font-size: 12px; }
#center #from a { color: #9d9c9c; text-decoration: none; }
.video-iframe { width: 100%; height: 220px; }
.pageVideo{ width:100%; height:200px; }
}