body,
html {
    width: 100%;
    height: 100%;
    min-width: 1280px;
    min-height: 720px;
}
body {
    background: #000000
}
body .movie_content {
    width: 100%;
    height: 100%;
    position: relative
}
body .movie_content video {
    width: 100%;
    height: 100%
}
body .movie_content.opening .ended_content {
    margin: -360px 0 0 -640px;
    width: 1280px;
    height: 720px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    display: none;
    background: url("../image/opening/img_ended_content.png") no-repeat center center/contain
}
body .movie_content.opening .ended_content a {
    position: absolute;
    display: block;
    height: 46px;
}
body .movie_content.opening .ended_content a.jbo {
    left: 326px;
    bottom: 272px;
    width: 300px;
}
body .movie_content.opening .ended_content a.university {
    right: 326px;
    bottom: 272px;
    width: 300px;
}
body .movie_content.opening .ended_content a.ibo {
    left: 490px;
    bottom: 203px;
    width: 300px;
}
body .movie_content.opening .ended_content a.guide {
    left: 273px;
    bottom: 96px;
    width: 226px;
}
body .movie_content.opening .ended_content a.city {
    left: 528px;
    bottom: 96px;
    width: 226px;
}
body .movie_content.opening .ended_content a.visit {
    left: 783px;
    bottom: 96px;
    width: 226px;
}


		
body .movie_content.opening ul.lang{
	margin-right: -480px;
	position: absolute;
	top: 0;
	right: 50%;
	z-index: 10;
}
body .movie_content.opening ul.lang li{
	float: left;
}
body .movie_content.opening ul.lang li.ja{
	border-right: 1px solid #ffffff;
}
body .movie_content.opening ul.lang li.ja a{
	width: 100px;
    height: 30px;
    display: block;
    border: none;
    background-color: transparent;
    background-image: url(../image/opening/btn_lang_ja.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
	opacity: 0.3;
}
body .movie_content.opening ul.lang li.ja a:hover{
	opacity: 1;
}
body .movie_content.opening ul.lang li.en a{
    width: 100px;
    height: 30px;
    display: block;
    border: none;
    background-color: transparent;
    background-image: url(../image/opening/btn_lang_en.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}
body .movie_content.opening ul.lang li a span {
    height: 1px;
    width: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
}