/*-----------
reset
-----------*/
* {margin: 0;padding: 0;}

.cf { zoom: 1; }
.cf:before,.cf:after { content: ""; display: table;}
.cf:after { clear: both;}

/*-----------
body
-----------*/
body{position: absolute; background: #000; font-size: 25px; width: 100%;/*background-size: 100% auto;*/}
img{height: auto;}
@media screen and (max-width: 767px){
body{width: 100%; min-width: 100%; font-size: 1em;}
img{width: 100%;}
}

/* sns */

.sns{
width:140px;
margin:50px auto;
text-align:center;
}

.sns ul{
padding:0;
}

.sns li{
float:left;
}

.sns li:first-child{
margin-right:20px;
}

/*-----------
header
-----------*/

nav{display: flex; justify-content: center;}
nav .btn{border: 2px solid #fff; background: #000; color: #fff; border-radius: 5px; padding: 0.4em 0.5em 0.3em; line-height: 1em; display: block;}
nav .btn:nth-child(2n){margin: 0 1em;}
nav .btn.active,nav .btn:hover{border: 2px solid #000; background: #fff; color: #000;}
nav .btn:hover{cursor: pointer;}

article {width: 100%; overflow: hidden;text-align: center; position: relative; margin-top: -80px; margin: 0 auto;}

.zh,.en,.ko{display:none;}

@media screen and (max-width: 767px){
article {min-width:100%; margin-top: 0;}
article iframe{width: 100%;height: 1900px;}
article .zh iframe{width: 100%;height: 1800px;}
article .ko iframe{width: 100%;height: 1800px;}

#top {width: 100%; max-width: 767px;}

}

@media screen and (max-width: 560px){
article iframe{width: 100%;height: 2000px;}
article .en iframe{width: 100%;height: 1950px;}
article .zh iframe{width: 100%;height: 1900px;}
article .ko iframe{width: 100%;height: 2000px;}
}

@media screen and (max-width: 415px){
article iframe{width: 100%;height: 2200px;}
article .en iframe{width: 100%;height: 2200px;}
article .zh iframe{width: 100%;height: 2100px;}
article .ko iframe{width: 100%;height: 2100px;}
}

@media screen and (max-width: 767px){
.banner{width: 98%;}
}

/*-----------
main_area
-----------*/

.main_area{
/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
background: url(../images/img_main.jpg) 0 no-repeat #000;
background-size: contain;
position:relative;
padding-top: 36.45%;
width:100%;
margin-bottom:100px;
}

.main_area_inner{
position:absolute;
top: 0px;
width:100%;
}

.img-main-01{
position: absolute;
width:37%;
right:1%;
margin-top:0%;
}

/*-----------
footer
-----------*/
footer{position: relative; color: #fff; padding: 30px 0 10px;}
footer .inner_footer{ width: 98%; max-width: 640px;  margin: 0 auto; display: flex; justify-content: space-between;}

@media screen and ( max-width:767px) {
footer{min-width: 100%; padding: 5% 0 10%;}

.main_area{
/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
padding-top:149.80%;
background: url(../images/img_main_sp.jpg) 0 no-repeat #000;
background-size: contain;
position:relative;
margin-bottom:50px;
width: 100%;
}

.img-main-01{
width: 98%;
right:2%;
margin-top:-3%;
display: block;
}

#basicheader {
height: auto
}

span.title {
display: none
}
	
}