@charset "UTF-8";
/* CSS Document */
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#Nav nav ul li.nav01 a{
background:url(../common/img/nav/navSPbg_on.png) center left no-repeat;
background-size:contain;
}
#main{
padding-top:0;
}
#top h1,
p.txt01,
p.txt02{
display:none;
height:0;
}

/*top only*/
#languagebutton{
display:block;
width:100%;
float:none;
background:#000;
text-align:center;
}
#languagebutton ul {
width:96%;
margin: 5px auto 10px;
}
#languagebutton ul li{
float:none;
display: -moz-inblock;
/display: inlinline-box;
display:inline-block;
/zoom: 1;
margin-left:0;
margin:0 5px;
}
#languagebutton .g-btn{
padding: 16px 20px;
}
#Nav .headerMenu {
position:absolute;
top:48px;
left:50%;
width: 60px;
height:60px;
margin-left:-30px;
z-index: 1000;
background: #3c4079;/*#F6AF5B*/
border-radius: 10%;
-moz-border-radius: 10%;
-webkit-border-radius: 10%;
}
#Nav .headerMenu {
top:90px;
}
#top{
margin-top:156px;
}
/**/
#conTop{
padding-top:150%;
background:url(img/SPmainIMG.jpg) center top no-repeat;
background-size:contain;
height:0;
}
#top .moviebox{
width:96%;
margin:0 auto 20px;
}
.movie-wrap {
position: relative;
padding-bottom: 56.25%; 
height: 0;
overflow: hidden;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
p.bnrSteam{
width:96%;
margin:0 auto 5px;
text-align:center;
}
p.bnrSteam a:hover{
opacity:0.6;
}
p.popUp{
display:none;
}
p.popUp02{
width:96%;
margin:0 auto 10px;
text-align:center;
}
.topBox{
width:96%;
background:#000;
margin:0 auto 30px;
border:3px solid #ffc747;
}
.topBox h2{
line-height:100%;
}
.topBox h2 img{
padding:0;	
margin:0;
}
.topBox .innerbox{
height:240px;
}
#newsbox.topBox .innerbox{
overflow:auto;
}
.topBox dl{
color:#fff;
margin:0;
padding:5px 10px;
}
.topBox dl dt{
margin:0;
padding:0;
}
.topBox dl dd{
margin:0;
padding:0 0 6px ;
border-bottom:2px solid #fff;
}
#conBottom p.bnrDL{
width:96%;
margin:10px auto;
}
#conBottom p.bnrDL a:hover{
opacity:0.6;
}
}

/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#Nav nav ul li.nav01 a{
background:url(../common/img/nav/navPC01_on.png) center center no-repeat;
}
#wrapper{
background:url(../top/img/PCmain.jpg) center 80px no-repeat,#3c4079;
}
#top{
/*height:1050px;*/
width:1280px;
margin:0 auto;
}
#conTop{
width:640px;
text-align:center;
}
#conTop p{
margin:0 auto;
}
#conTop p.txt01{
margin-top:20px;
}
#conBottom{
width:1140px;
margin:0 auto 40px;
position:relative;
}
.moviebox /*SPのみ*/{
display:none;
}
#conBottom p.bnrSteam{
position:absolute;
width:420px;
height:144px;
background:#fff;
border-radius:15px;
left:500px;
bottom:160px;
}
#conBottom p.popUp{
position:absolute;
width:420px;
height:144px;
background:#fff;
border-radius:15px;
left:500px;
bottom:10px;
}
#conBottom p.popUp02{
position:absolute;
width:420px;
height:120px;
background:#fff;
left:500px;
bottom:172px;
}
#conBottom p.bnrSteam a:hover,
#conBottom p.popUp a:hover,
#conBottom p.popUp02 a:hover{
opacity:0.6;
}
#conBottom p.bnrDL{
position:absolute;
width:360px;
height:160px;
background:#fff;
border-radius:15px;
left:500px;
bottom:160px;
}
#conBottom p.bnrDL img{
width:360px;
height:160px;
}
#conBottom p.bnrDL a:hover{
opacity:0.6;
}
.topBox{
width:480px;
border:3px solid #ffc747;
background:#000;
box-sizing:border-box;
margin:0 0 10px 10px;
}
.topBox h2{
height:29px;
}
.topBox .innerbox{
height:240px;
}
#newsbox.topBox .innerbox{
overflow:auto;
}
.topBox dl{
color:#fff;
margin:0;
padding:5px 10px;
}
.topBox dl dt{
margin:0;
padding:0;
}
.topBox dl dd{
margin:0;
padding:0 0 6px ;
border-bottom:2px solid #fff;
}
}