@charset "UTF-8";

*, *:before, *:after {
    min-height: 0;
    min-width : 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background: url("https://www.memai-navi.com/img/movie_bg.gif");
    margin: 0;
}
#top {
    background: url("./img/top_bg.png") no-repeat;
    height: 135px;
}
#contents {
    display: flex;
}
#movie-frame {
    flex: 0 0 640px;
    height: 525px;
    padding-left: 20px;
    padding-top: 10px;
}
#button-frame {
    flex: 0 0 240px;
}
#button-frame a {
    display: block;
    height: 50px;
}
#blackboard {
    background: url("./img/bb01-1.png");
    height: 176px;
}
#video02,
#video03,
#video04 {
    display: none;
}