body {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#000;
	width: 100%;
	height:100%;
	font-size:12px;
	line-height:1.5em;
	color:#fff;
	margin: 0px;
}

#wrap{
	width: 100%;
    height: 100%;
	min-width:1250px;
	min-height:750px;
	position:relative;
}

#logo{
	background: url(../images/top/logo.png) center no-repeat;
	background-size: contain;
	width: 50%;
    height: 25%;
	position:absolute;
	bottom:215px;
	left:25%;
	z-index:5;
}

#logo2{
	background: url(../images/top/logo2.png) center no-repeat;
	background-size: contain;
	width: 50%;
    height: 25%;
	position:absolute;
	bottom:215px;
	left:25%;
	z-index:5;
}

#logo3{
	background: url(../images/top/logo3.png) center no-repeat;
	background-size: contain;
	width: 50%;
    height: 22%;
	position:absolute;
	bottom:215px;
	left:25%;
	z-index:5;
}


#bnrSP{
	width: 1000px;
    height: 60px;
	position:absolute;
	bottom:150px;
	left:50%;
	margin-left:-500px;
	text-align:center;
	line-height:0;
	z-index:5;
}

#bnrSP img{
	margin:0 2px;
}


/*

credit

*/

#creditAll{
	background:url(../images/credit_bg.png);
	width:100%;
	height:100%;
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	z-index:60;
	display:none;
}

#creditClose{
	width:80px;
	height:80px;
	position:absolute;
	top:10px;
	right:10px;
	z-index:62;
	cursor:pointer;
}

#creditTxt{
	background: url(../images/img_credit.png) no-repeat center;
	background-size: contain;
	width:90%;
	height:90%;
	position:absolute;
	top:5%;
	left:5%;
	z-index:61;
}

/*

main

*/

#bg{
	background: #000;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#imgMain{
	background: url(../images/top/img_main4.jpg) center top no-repeat;
	background-size: cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

#imgMain2{
	background: url(../images/top/img_main4b.jpg) center top no-repeat;
	background-size: cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
}

#imgMain3{
	background: url(../images/top/img_main4a.png) center top no-repeat;
	background-size: cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:4;
}

#catch{
	background:url(../images/catch2.png) no-repeat top right;
	background-size:contain;
     width:10%;
     height:38%;
     position: absolute;
     top:2%;
     right:2%;
     z-index:20;
}



@media screen and (min-height : 850px){

}

/*

bnr

*/

#bnrWp{
     width:180px;
     height:180px;
     position: absolute;
     bottom:150px;
     left:5px;
     z-index:20;
}

#bnrRight1{
     width:210px;
     height:210px;
     position: absolute;
     bottom:100px;
     right:5px;
     z-index:20;
}


#bnrLeft1{
     width:180px;
     height:180px;
     position: absolute;
     bottom:100px;
     left:0px;
     z-index:20;
}

#bnrLeft1small{
     width:160px;
     height:160px;
     position: absolute;
     bottom:30px;
     left:5px;
     z-index:20;
}

#bnrLeft2small{
     width:160px;
     height:160px;
     position: absolute;
     bottom:190px;
     left:5px;
     z-index:20;
}

#bnrRight1small{
     width:160px;
     height:160px;
     position: absolute;
     bottom:30px;
     right:5px;
     z-index:20;
}

#bnrRight2small{
     width:160px;
     height:160px;
     position: absolute;
     bottom:190px;
     right:5px;
     z-index:20;
}




/*

bnr sub

*/

#bnrAll{
	width:660px;
	height:40px;
	text-align:center;
	position: absolute;
	bottom:40px;
	left:50%;
	margin-left:-330px;
	z-index:11;
}

#bnrAll img{
	margin:2px;
}


/*

menu

*/

#btntwitter{
	width:60px;
	height:50px;
	position:absolute;
	top:10px;
	left:10px;
	z-index:50;
}

#btnInsta{
	width:60px;
	height:50px;
	position:absolute;
	top:10px;
	left:75px;
	z-index:50;
}

#menuAll{
	background:url(../images/nav2/menubg2.png) center top no-repeat;
	background-size: auto 100%;
	width:100%;
	height:55px;
	position: absolute;
	bottom:85px;
	left:0;
	z-index:10;
}


#menuAll .list {
    padding: 0px;
    overflow: hidden;
    position: relative;
}

#menuAll .list ul {
    list-style: none outside none;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
}


#menuAll .list ul li {
	height:20px;
    float: left;
    margin: 0;
    padding: 17px 0px;
    position: relative;
	line-height:0;
    left: -50%;
}

#menuAll .list ul li.hart{
	padding:23px 10px 0;
}


/*

sns

*/


#footerAll{
	background: #000;
	width:100%;
	height:30px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;
	z-index:20;
}

#creditBtn{
	width:80px;
	height:30px;
	line-height:0;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}


#udcast{
	width:180px;
	height:30px;
	position:absolute;
	bottom:0;
	left:80px;
	z-index:2;
}

#snsall{
	width: 350px;
	height: 20px;
	line-height:0;
	position: absolute;
	left: 260px;
	bottom: 5px;
	z-index: 1;
}

#snsall #sns{
	display:inline;
	width:350px;
	height:20px;
	margin:0;
	float:left;
}

#snsall #sns li{
	display:inline;
	float:left;
	padding:0 0 0 0;
	margin-right:5px;
}

#mark30th{
	background:url(../images/30th.png) no-repeat left bottom;
	background-size:contain;
	width:25px;
	height:30px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:20;
}

#toho{
	width:20px;
	height:20px;
	position:absolute;
	top:5px;
	right:30px;
	z-index:20;
}

#warner{
	width:22px;
	height:20px;
	position: absolute;
	top:5px;
	right:57px;
	z-index:20;
}

#privacy{
	width:170px;
	height:10px;
	text-align:right;
	line-height:0;
	position: absolute;
	top:10px;
	right:90px;
	line-height:0;
	z-index:2;
}

#copyright{
	background:url(../images/copyright.png) no-repeat;
	background-size:100% auto;
	width:370px;
	height:7px;
	line-height:0;
	position: absolute;
	top:12px;
	right:270px;
	z-index:2;
}


/*

bnr

*/


#idMediaWrap{
	width: 830px;
	height: 40px;
	position: absolute;
	bottom:40px;
	left:50%;
	margin-left:-415px;
	z-index:11;
}
#lineupItem{
	width:810px;
	/*width:462px;*/
	float:left;
	text-align:left;
}

#lineupItem li{
	float:left;
	display:inline;
	margin:0 0px;
	width:162px;
	height:40px;
	text-align:center;
}
.prevBtn{
	float:left;
	width:10px;
	height:40px;
	text-align:center;
}
.prevBtn a:hover{
	width:10px;
	height:40px;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}
.nextBtn{
	float:right;
	width:10px;
	height:40px;
	text-align:center;
}
.nextBtn a:hover{
	width:10px;
	height:40px;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}

#lineupItem li a:hover{
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity:0.8;
}