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

#wrap{
	width: 100%;
  height: 100%;
}

.damimg{
	background:url(../images/dam.png);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}



@media screen and (orientation: landscape) {

#mainWarning{
	display:none;
}

}

@media screen and (orientation: portrait) {

#mainWarning{
	background: #fff url(../images/top/warning.png) no-repeat center;
	background-size:300px auto;
	width:100%;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:100;
}

}


@media screen and (max-width : 1500px){
}

@media screen and (min-width : 1501px){
}


@media screen and (min-width : 1701px){
}


/*

main

*/

#content{
width: 100%;
height: 100%;
min-width: 1300px;
min-height: 750px;
position: relative;
overflow: hidden;
}

#imgAll{
width: 100%;
height: 83%;
position: absolute;
top: 10px;
left: 0;
z-index: 1;
}


#imgLine01{
background: #fff;
width: 89%;
height: 10px;
position: absolute;
top: 77%;
left: 0;
z-index: 2;
}

#imgLine02{
background: #fff;
width: 10px;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

#imgLine03{
background: #fff;
width: 10px;
height: 100%;
position: absolute;
top: 0;
right: 11%;
z-index: 3;
}


#imgBlok01{
width: 80%;
height: 77%;
position: absolute;
top: 0;
left: 10%;
z-index: 1;
}

#imgBlok02All{
width: 85%;
height: 23%;
position: absolute;
bottom: 0;
right: 11%;
z-index: 1;
}

@-webkit-keyframes translate {
    from { transform: translateX(50px); }
    to   { transform: translateX(0px); }
}

@-ms-keyframes translate {
    from { transform: translateX(50px); }
    to   { transform: translateX(0px); }
}


@keyframes translate {
    from { transform: translateX(50px); }
    to   { transform: translateX(0px); }
}

#imgBlok02{
background: #000 url(../images/top/img_car.jpg) no-repeat right;
background-size: auto 100%;
width: 100%;
height: 100%;
animation: translate 5s;
}

#redplate{
background: #E50011;
width: 10%;
max-width: 160px;
height: 23%;
position: absolute;
bottom: 0;
left: 10px;
z-index: 1;
opacity: 0.5;
filter: alpha(opacity=50);  
}

#imgBlok03{
background: url(../images/top/img_sub.jpg) no-repeat center;
background-size: auto 100%;
width: 11%;
height: 100%;
position: absolute;
top: 0;
right: 10px;
z-index: 3;
pointer-events: none;
}

#imgBlok03white{
background: #fff;
width: 11%;
height: 100%;
position: absolute;
top: 0;
right: 10px;
z-index: 2;
}


#imgKimuraAll{
width: 50.5%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3;
overflow: hidden;
pointer-events: none;
}

#imgNinomiyaAll{
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 2;
overflow: hidden;
pointer-events: none;
}

@-webkit-keyframes scale {
    from { transform: scale(1.5, 1.5); }
    to   { transform: scale(1.0, 1.0); }
}

@-ms-keyframes scale {
    from { transform: scale(1.5, 1.5); }
    to   { transform: scale(1.0, 1.0); }
}

@keyframes scale {
    from { transform: scale(1.5, 1.5); }
    to   { transform: scale(1.0, 1.0); }
}

#imgKimura{
background: url(../images/top/img_kimura.jpg) no-repeat center top;
background-size: cover;
width: 100%;
height: 100%;
animation-name: scale;
animation-duration: 4s;
}

#imgNinomiya{
background: url(../images/top/img_ninomiya.jpg) no-repeat center top;
background-size: cover;
width: 100%;
height: 100%;
animation-name: scale;
animation-duration: 4s;
}




/*

logo

*/

#logo{
background: url(../images/top/logo.png) no-repeat center;
background-size: contain;
width: 140px;
height: 83%;
position: absolute;
top: 0;
left: 50%;
margin-left: -70px;
z-index: 11;
}

#catch{
background: url(../images/top/catch1b.png) no-repeat right bottom;
background-size: contain;
width: 28%;
max-width: 350px;
height: 8%;
position: absolute;
bottom: 20px;
right: 4%;
z-index: 11;
}

#catch2{
background: url(../images/top/catch2b.png) no-repeat left;
background-size: contain;
width: 47%;
max-width: 300px;
height: 50%;
position: absolute;
top: 25%;
left: 11%;
z-index: 20;
}

#roadshow{
background: url(../images/top/roadshow.png) no-repeat center;
background-size: contain;
width: 11%;
min-width: 160px;
height: 80px;
position: absolute;
bottom: 85px;
left: 0;
z-index: 30;
}

#roadshow2{
background: url(../images/top/roadshow2.png) no-repeat center;
background-size: contain;
width: 11%;
min-width: 160px;
height: 80px;
position: absolute;
bottom: 60px;
left: 0;
z-index: 30;
}

#roadshow3{
background: url(../images/top/roadshow3.png) no-repeat center;
background-size: contain;
width: 11%;
min-width: 160px;
height: 80px;
position: absolute;
bottom: 60px;
left: 0;
z-index: 30;
}

#roadshow3 a{
width: 100%;
height: 100%;
display: block;
}

#roadshow3:hover{
filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}

#ticket{
	background: #E50011 url(../images/bnr_s_ticket.png) no-repeat center;
	background-size: 150px auto;
	width: 11%;
	min-width: 160px;
	height: 28px;
	position: absolute;
	bottom: 55px;
	left: 0;
z-index: 30;
}

#ticket a{
width: 150px;
height: 30px;
	display: block;
}


/*

bnr

*/

#bnrLall{
	width: 100%;
	height: 15%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 20;
}

#bnrL{
	width: 100%;
	height: 60px;
	text-align: center;
	line-height: 0;
	position: absolute;
	top: 50%;
	margin-top: -57px;
	left: 0;
	z-index: 1;
}

#bnrL img{
	margin: 0 2px;
}

#bnr01{
width: 150px;
position: absolute;
bottom: 70px;
left: 50%;
margin-left: -75px;
z-index: 20;
}

#bnr02{
width: 150px;
position: absolute;
bottom: 230px;
left: 50%;
margin-left: -75px;
z-index: 20;
}


#bnr01b{
width: 150px;
position: absolute;
bottom: 165px;
left: 50%;
margin-left: -75px;
z-index: 20;
}

#bnr02b{
width: 150px;
position: absolute;
bottom: 310px;
left: 50%;
margin-left: -75px;
z-index: 20;
}

#bnr01c{
width: 150px;
position: absolute;
bottom: 145px;
left: 50%;
margin-left: -75px;
z-index: 20;
}

#bnr02c{
width: 150px;
position: absolute;
bottom: 290px;
left: 50%;
margin-left: -75px;
z-index: 20;
}



#udcast{
width: 220px;
height: 40px;
position: absolute;
bottom: 8%;
right: 10px;
z-index: 30;
	line-height: 0;
	text-align: right;
}

#udcast img{
	margin: 2px 0 0 0;
}





/*

red

*/

#redAll{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
mix-blend-mode: multiply;
}



#redLine01{
background: #E50011;
width: 140px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: -70px;
z-index: 2;
filter:alpha(opacity=80); /* IE 6,7*/
-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
}

@supports (-ms-ime-align:auto) {
#redLine01 {
    opacity:0.8;
  }
}

/*

menu

*/

#menuPlate{
background: #fff;
width: 11%;
min-width: 160px;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}

#menuArea{
	width:130px;
	height:300px;
	text-align:center;
	position:absolute;
	top:9%;
	left: 50%;
  margin-left: -65px;
	z-index:10;
}

#menuArea2{
	width:130px;
	height:300px;
	text-align:center;
	position:absolute;
	top:16%;
	left: 50%;
  margin-left: -65px;
	z-index:10;
}


#menuArea ul,#menuArea2 ul {
    list-style: none outside none;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

#menuArea ul li,#menuArea2 ul li {
	width:160px;
    float: left;
    margin: 0 0 19px;
    position: relative;
	line-height:1;
	text-align: left;
}

#menuArea ul li.btnabout,
#menuArea2 ul li.btnabout{
	width:160px;
	height:42px;
    float: left;
    margin: 0 0 30px;
    position: relative;
	line-height:1;
	text-align: left;
}


/*

credit

*/

.closeBtn{
	width:50px;
	height:50px;
	position:absolute;
	top:10px;
	right:10px;
	z-index:2;
}

#creditAll{
	background:#fff;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:60;
	display:none;
}

#creditImg{
	background:url(../images/top/img_credit.png) no-repeat center;
	background-size:contain;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
  display: none;
}




/*

sns btn

*/

#twitterBtn{
	width:24px;
	height:24px;
	position:absolute;
	top:82%;
	left:12%;
	z-index:30;
}

#snsBtn{
	width:11%;
  min-width: 160px;
	height:10px;
	position:absolute;
	line-height:0;
	text-align: center;
	top:10px;
	left: 0;
	z-index:10;
}

/*

bnr S

*/

#bnrSall{
	background: #000000;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 30;
}

#bnrSmain{
	width: 100%;
	height: 40px;
	margin:10px auto 0;
	overflow:hidden;
	position:absolute;
	bottom:5px;
	left:0;
	z-index:20;
	text-align: center;
}

#bnrSmain img{ margin: 0 1px;}


/*
#idMediaWrap{
	width: 668px;
	height: 40px;
	margin:10px auto 0;
	overflow:hidden;
	position:absolute;
	bottom:5px;
	left:50%;
	margin-left:-334px;
	z-index:20;
}

#lineupItem{
	width:648px;
	width:462px;
	float:left;
	text-align:left;
}

#lineupItem li{
	float:left;
	display:inline;
	margin: 0;
	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;
}

*/

#bnrL{
	width: 100%;
	height: 57px;
	text-align: center;
	line-height: 0;
	position: absolute;
	top: 50%;
	margin-top: -55px;
	left: 0;
	z-index: 1;
}

#idMediaWrap{
	width: 988px;
	height: 57px;
	margin:10px auto 0;
	overflow:hidden;
	position:absolute;
	top:50%;
	margin-top: -55px;
	left:50%;
	margin-left:-488px;
	z-index:1;
}

#lineupItem{
	width:968px;
	float:left;
	text-align:left;
}

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





/*

footer

*/


#copyright{
background:url(../images/top/copyright.png) no-repeat right;
background-size: contain;
width: 11%;
min-width: 160px;
height: 8px;
position: absolute;
bottom: 7%;
right: 15px;
z-index: 30;
}