@charset "utf-8";
.size-M {/*動画*/
    width: 440px;
}
.online-block {
    display: none;
    position: relative;
}
.frame {
    margin: auto;
    padding: 10px;
    background: #FFC93D;
    border-radius: 8px;
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,.2);
}
.video-height {
    height: 248px;
}
.video-contents, .videoimg-contents {
    border-radius: 4px 4px 0 0;
}
.video-contents, .videoimg-contents, .img-contents {
    width: 440px;
    vertical-align: bottom;
}
.ico-play {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 6%;
}
iframe{
    width: 440px;
    height: 246px;
    vertical-align: bottom;
}
@media screen and (max-width: 853px) {
.frame {
    padding: 8px;
}
}

@media screen and (max-width: 680px) {
.size-M {
    width: 338px;
    max-width: 320px;
}
.video-height {
    height: auto;
}
.video-contents, .videoimg-contents, .img-contents {
    width: 100%;
}
iframe {
    width: 320px;
    height: 180px;
}
}

@media screen and (max-width: 480px) {
.size-M {
    width: 250px;
}
iframe {
    width: 250px;
    height: 138px;
}
}