@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* ムービー */

/* common setting */
* {
    margin:0;
    padding:0;
}

body {
    overflow-y:hidden;
}
/* common setting END */


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/

/* main contents */
#main {
    overflow:hidden;
    width:100%;
    margin:0 auto;
    padding:30px 0 0;
    font-family:"Noto Sans CJK JP","Noto Sans","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    text-align:center;
}


/* font */
#main h1 {
    display:block;
    width:calc(100% - 50px);
    background:#131313;
    margin:auto;
    padding:1em 10px;
    font-size:1.2em;
    color:#fff;
    box-sizing:border-box;
}

/* movie */
#movie_wrapper {
    width:100%;
    margin:0 auto 20px;
}
#movie {
    overflow:hidden;
    position:relative;
    width:100%;
    width:calc(100% - 50px);
    height:0;
    margin:auto;
    padding-bottom:56.25%;
    padding-top:0;
}

#movie iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;
    background:#fff;
}


/* 949px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 949px) {

img, object, embed, video {
    max-width:100%;
    height:auto;
}

/* main contents */
#main {
    width:100%;
}


}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



/* 667px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 667px) {

/* main contents */
#main {
    width:100%;
}


/* font */
#main h1 {
    font-size:0.8em;
}


}
/*-------------------------------------------------------------------------------------------*/
/* 667px以下 END */