div#bg-wrapper .bg{ background-image: url(../img/bg.png); }
div#bg-wrapper .bg.effect.n01{ background-image: url(../img/bg_effect01.png); }
div#bg-wrapper .bg.effect.n02{ background-image: url(../img/bg_effect02.png); }


#container.special{
	position: relative;
	padding-bottom: 13.6%;
}
#container.special h1{
	width: 45%;
	padding: 6% 1% 0% 0%;
	margin: 0 auto 0;
}

#container.special p{
	width: 76%;
	margin: 4.3% auto 0;
}
#container.special .movie-wrapper{
	margin:1% auto 0;
	width: 100%;
}
#container.special .movie-wrapper.n01 h2.title{
	width: 77%;
	margin: 0% 12.3% 0 10.7%;
}

#container.special .movie-wrapper.n02{
	margin-top: 7%;
}
#container.special .movie-wrapper.n02 h2.title{
	width: 85%;
	margin: 0 auto 0;
}

#container.special .movie-wrapper .movie-box{
	position: relative;
	margin: 0.5% auto 0;
}
#container.special .movie-wrapper .movie-box a{
	position: absolute;
	width: 11.1%;
	z-index: 2;
}
#container.special .movie-wrapper .movie-box a.prev-btn{ top: 25%; left: 2.3%; }
#container.special .movie-wrapper .movie-box a.next-btn{ top: 25%; right: 1.7%; }

#container.special .movie-wrapper .movie-box .movie{
	width: 71.4%;
	margin: 0% auto 0 14.6%;
	padding-bottom: 42%;
	position: relative;
}
#container.special .movie-wrapper .movie-box .movie a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
}
#container.special .movie-wrapper .movie-box .movie a.disabled{ opacity: 0.3; }

#container.special .movie-wrapper .movie-box.n01 .movie a.n01{display: block;}
#container.special .movie-wrapper .movie-box.n02 .movie a.n02{display: block;}
#container.special .movie-wrapper .movie-box.n03 .movie a.n03{display: block;}
#container.special .movie-wrapper .movie-box.n04 .movie a.n04{display: block;}

#container.special .movie-wrapper .movie-box .movie a.next{display: block;}

#container.special .movie-wrapper.n01 .movie-box .movie a.n01{ background-image: url(../img/special_movie01_thumb01.png); }
#container.special .movie-wrapper.n01 .movie-box .movie a.n02{ background-image: url(../img/special_movie01_thumb02.png); }
#container.special .movie-wrapper.n01 .movie-box .movie a.n03{ background-image: url(../img/special_movie01_thumb03.png); }
#container.special .movie-wrapper.n01 .movie-box .movie a.n04{ background-image: url(../img/special_movie01_thumb04.png); }

#container.special .movie-wrapper.n02 .movie-box .movie a.n01{ background-image: url(../img/special_movie02_thumb01.png); }
#container.special .movie-wrapper.n02 .movie-box .movie a.n02{ background-image: url(../img/special_movie02_thumb02.png); }
#container.special .movie-wrapper.n02 .movie-box .movie a.n03{ background-image: url(../img/special_movie02_thumb03.png); }
#container.special .movie-wrapper.n02 .movie-box .movie a.n04{ background-image: url(../img/special_movie02_thumb04.png); }


#container.special .movie-wrapper .movie-box .movie-title{
	position: relative;
	width: 26%;
	padding-bottom: 10%;
	margin: 1.6% auto 0;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
}
#container.special .movie-wrapper .movie-box.n01 .movie-title{ background-image: url(../img/special_movie_tab01_title.png); }
#container.special .movie-wrapper .movie-box.n02 .movie-title{ background-image: url(../img/special_movie_tab02_title.png); }
#container.special .movie-wrapper .movie-box.n03 .movie-title{ background-image: url(../img/special_movie_tab03_title.png); }
#container.special .movie-wrapper .movie-box.n04 .movie-title{ background-image: url(../img/special_movie_tab04_title.png); }

#container.special .movie-wrapper .movie-box ul.movie-type{
	letter-spacing: -.40em;
	width: 32%;
	margin: 3.3% auto 0;
	z-index: 1;
	position: relative;
}
#container.special .movie-wrapper .movie-box ul.movie-type li{
	display: inline-block;
	letter-spacing: normal;
	width: 15%;
	vertical-align: top;
	margin-left: 4%;
}
#container.special .movie-wrapper .movie-box ul.movie-type li:first-child{ margin-left: 15%; }
#container.special .movie-wrapper .movie-box ul.movie-type li.disabled{ opacity: 0.3; }
#container.special .movie-wrapper .movie-box ul.movie-type li span{
	background: url(../img/list_icon.png) no-repeat;
	display: block;
	width: 100%;
	padding-bottom: 100%;
	background-size: contain;
}
#container.special .movie-wrapper .movie-box.n01 ul.movie-type li.n01 span{ background-image: url(../img/current_icon.png); }
#container.special .movie-wrapper .movie-box.n02 ul.movie-type li.n02 span{ background-image: url(../img/current_icon.png); }
#container.special .movie-wrapper .movie-box.n03 ul.movie-type li.n03 span{ background-image: url(../img/current_icon.png); }
#container.special .movie-wrapper .movie-box.n04 ul.movie-type li.n04 span{ background-image: url(../img/current_icon.png); }