@charset "utf-8";

/* CSS Document */



#header, h1 {

	top: -225px;

}



#contents {

	width: 4852px;

	left: 950px;

	top: 167px;

	display: none;

}



#opening {

	width: 728px;

	height: 42px;

	position: relative;

	left: 111px;

}

.moji, .kigou {

	position: absolute;

	

	filter: alpha(opacity=0);

	-moz-opacity:0;

	opacity:0;

}

.moji_up {

	top: -20px;

}

.moji_down {

	top: 30px;

}

/* .kigou {

	position: absolute;

	top: 0;

} */

#moji1 {left: 0;}

#moji2 {left: 46px;}

#moji3 {left: 157px;}

#moji4 {left: 204px;}

#moji5 {left: 252px;}

#moji6 {left: 371px;}

#moji7 {left: 419px;}

#moji8 {left: 465px;}

#moji9 {left: 588px;}

#moji10 {left: 637px;}

#moji11 {left: 688px;}

#kigou1 {left: 97px;}

#kigou2 {left: 311px;}

#kigou3 {left: 523px;}



.tsuri_plate {

	float: left;

	position: relative;

	margin-top: 683px;

}

#main_image {

	width: 790px;

	height: 528px;

	padding-right: 10px;

}

#main_image a {

  -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -ms-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
       -o-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);

}

#main_image a:hover {

	opacity: 0.85;

}

.main_bnr {
	position: absolute;
    z-index: 100;
    top: 14px;
    right: 24px;
    width: 150px;
  -webkit-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
     -moz-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -ms-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
       -o-transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.main_bnr:hover {
	opacity: 0.85;
}

.main_bnr a {
	display: block;
    width: 100%;
    height: 100%;
}

.main_bnr img {
	width : 100%;
    height: auto;
}

#main_yokoku {

	position: absolute;

	top: 356px;

	left: 581px;

}

#main_yokoku_thumb {

	position: absolute;

	top: 420px;

	left: 556px;

	background-color: #fff;

	cursor: pointer;

}



#main_hari1 {left: 85px;}

#main_hari2 {left: 698px;}

#news {

	width: 300px;

	height: 528px;

	background: url(../img/top/news_waku.png) no-repeat;

	padding-right: 20px;	

}

#news_wrap {

	padding: 112px 0 0;

}

#news dl {

	width: 246px;

	height: 380px;

	margin: 0 auto;

}

#news dt {

	padding: 0 0 3px 25px;

	background: url(../img/top/news_point.png) left top no-repeat;

	line-height: 14px;

}

#news dd {

	padding: 0 0 13px 25px;

}

#twitter {

	width: 300px;

	height: 528px;

	background: url(../img/top/twitter_waku.png) no-repeat;

}

#tl {

	width: 265px;

	height: 410px;

	padding: 100px 0 0 23px;

}

.twtr-hd, .twtr-ft {

	display: none;

}

#character {

	width: 345px;

	height: 573px;

	margin: 0 0 0 -6px;

}

#chara_hari {

	left: 172px;

	top: -1643px;

}

#ahiru {

	width: 169px;

	height: 231px;

	margin: 50px 0 0 5px;

}

#ahiru_hari {

	top: -1565px;

	left: 88px;

	z-index: -1;

}

#trailer {

	width: 300px;

	height: 528px;

	background: url(../img/top/trailer_waku.png) no-repeat;

	margin-left: 28px;

}



#movie_wrap {

	padding: 100px 0 0;

}

#movie_wrap div {

	width: 260px;

	height: 320px;

	margin: 0 auto;

}

#movie_wrap p {

	width: 238px;

	margin: 10px auto 0;

}



#movie_wrap p img {

	cursor: pointer;

}

#movie_thumb {

	padding: 100px 0 0 13px;

	cursor: pointer;

}

#tsuribori {

	width: 300px;

	height: 528px;

	margin-left: 20px;

}

#neko {

	width: 214px;

	height: 199px;

	margin: 121px 0 0 5px;

}

#neko_hari {

	left: 107px;

	top: -1620px;

	z-index: -1;

}

#mobile {

	width: 300px;

	height: 528px;

	margin-left: 11px;

}







#player_wrapper {

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 5;

}

#player_bg {

	background-color: #4db3e3;

	width: 100%;

	filter: alpha(opacity=80);

	-moz-opacity:0.8;

	opacity:0.8;

}

#player {

	width: 806px;

	height: 869px;

	background: url(../img/top/trailer_light_box/bg.png);

	position: absolute;

	top: 0;

}

#btn_close {

	position: absolute;

	top: 149px;

	right: 29px;

	cursor: pointer;

}

#movie {

	position: absolute;

	top: 286px;

	left: 163px;

}







#atereco_link {

	padding: 85px 0 12px 20px;

}

#atereco_wrap {

	width: 260px;

	height: 360px;

	margin: 0 auto;	

}

#atereco_wrap h3 {

	margin: 12px 0;

	position: static;

}

#atereco_wrap dt {

	margin: 15px 0 0;

}

#atereco_wrap dd {

	margin: 8px 0 0;

}

#atereco_wrap dt img {

	cursor: pointer;

}

#atereco_wrap dd span {

	text-decoration: underline;

	cursor: pointer;

	color: #2489d9;

}



#atereco {

	width: 300px;

	height: 528px;

	margin-right: 20px;

	background: url(../special/img/special/atereco/waku_atereco.png);

}

#bddvd {

	width: 300px;

	height: 528px;

	margin-right: 10px;

}

#taikai {

	width: 300px;

	height: 528px;

	margin-right: 20px;

}





#head_news {

	width: 793px;

	height: 22px;

	position: absolute;

	top: 122px;

	right: 0;

}



#head_news h2 {

	float: left;

	position: static;

}



#head_news p {

	float: left;

	line-height: 1;

	background-image: url(../img/top/waku.png);

	width: 731px;

	padding: 5px 0 5px 8px;

}



#head_news p img {

	vertical-align: top;

}



#head_news a {

	text-decoration: none;

}

#head_news a:hover {

	text-decoration: underline;

}



#letssf {

	width: 300px;

	height: 528px;

	margin-right: 20px;

	background: url(../img/top/waku_letssf.png);

}



#sf_wrap {

	color: #1e83a1;

	width: 260px;

	margin: 125px auto 0;

	height: 350px;

}



#sf_wrap dt {

	margin: 6px 0 0;

	text-decoration: underline;

	cursor: pointer;

}

#sf_wrap dd {

	margin: 5px 0 15px;

	cursor: pointer;

}



#duck {

	width: 320px;

	height: 528px;

	margin-right: 10px;

}

#duck_btn {

	text-align: center;

}

#duck_hari {

	left: 156px;

}

#duck_thumb {

	position: absolute;

	left: 39px;

	top: 310px;

	cursor: pointer;

}





#ar_plate {

	width: 300px;

	margin-right: 20px;

	height: 528px;

	background: url(../special/img/special/waku_ar.png);

}

#ar_join {

	text-align: center;

	margin: 73px 0 0;

}

#ar_txt {

	width: 260px;

	margin: 17px auto 15px;

	color: #2489D9;

}

#ar_title {

	text-align: center;

	margin: 0 0 10px;

}

#ar {

	text-align: center;

	margin: 0 0 16px;

}

#ar_past {

	text-align: center;

}