@charset "UTF-8";
/* **************************************************************** *
 * @desc@ Pirates of the Frontier
 * @edit@ 2015/11/27
 * **************************************************************** */
body{
	background-color:#240000;
	color:#6a3906;
	user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
	-webkit-touch-callout:none
}
a{
	color:#d2a722;
	text-decoration:none;
	transition:all 0.3s;
}
a:hover{
	color:#d2a722;
	text-shadow:0 0 6px rgba(210,167,34,0.4);
}
img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
a:hover img{
	opacity:0.6;
	transition:all 0.3s;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:1085px){
	html{
/*		font-size:62.5%; */
		font-size:72.5%;
	}
}
/* ================================================================ *
 * @desc@ ベースレイアウト
 * ================================================================ */
#Wrap{
	position:relative;
	padding-top:32px;
}
#Container{
	position:relative;
	margin:105px auto 80px;
	background-color:transparent;
	background-repeat:no-repeat,no-repeat;
	background-position:right bottom,right bottom;
}
#Container,#Container>.bgBox{
	width:917px;
	min-height:604px;
}
#Container>h1{
	margin:0 0 30px;
	padding:0;
	text-align:center;
}
#Container>section{
	margin:0 auto;
	padding:65px 0;
	width:670px;
	background-color:transparent;
	background-image:
		url(../img/sec_bg.png),
		url(../img/sec_bg.png);
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		center top,
		center bottom;
}
#Container .soon{
	margin:100px auto 0;
	padding:80px 0;
	background-color:transparent;
	background-image:
		url(../img/sec_bg.png),
		url(../img/sec_bg.png);
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		center top,
		center bottom;
	text-align:center;
}
.bgBox{
	box-sizing:border-box;
	overflow:hidden;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:-2;
	width:100%;
	height:100%;
	background-color:transparent;
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
#Container>.bgBox{
	z-index:-1;
	margin:0 auto;
	background-size:100% 100%;
}
#Container>.bgBox img{
	position:absolute;
	bottom:60px;
	right:70px;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:1085px){
	#Wrap{
		padding-top:30px;
	}
	#Container{
		margin:65px auto 100px;
		background-position:right bottom,right bottom;
	}
	#Container,#Container>.bgBox{
		width:100%;
		min-height:0;
		background-size:100% 100%;
	}
	#Container>h1{
		margin:0 auto 20px;
		width:200px;
	}
	#Container>section{
		margin:0 auto;
		padding:35px 0;
		width:420px;
		background-color:transparent;
		background-image:
			url(../img/sec_bg.png),
			url(../img/sec_bg.png);
		background-repeat:
			no-repeat,
			no-repeat;
		background-position:
			center top,
			center bottom;
	}
	#Container .soon{
		margin:40px auto 0;
		padding:60px 0;
	}
	#Container>.bgBox img{
		display:none;
	}
}
/* ================================================================ *
 * @desc@ ヘッダ
 * ================================================================ */
#Wrap>header{
	position:fixed;
	left:0;
	top:40px;
	z-index:209000;
	padding:0 0 7px;
	width:100%;
	background:rgba(36,0,0,0.9) url(../img/cmn_bdr.jpg) center bottom repeat-x;
	text-align:right;
	box-shadow:0 0 2pxrgba(0,0,0,0.2);
	transition:all 0.3s;
}
#Wrap>header.sc{
	top:30px;
}
#Wrap>header nav{
	position:relative;
	margin:0 auto;
	padding:0 180px 0 0;
	width:905px;
}
#Wrap>header nav:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#Wrap>header nav ul{
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}
#Wrap>header nav ul:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#Wrap>header nav li{
	float:left;
	margin:0;
	padding:0;
	background-color:transparent;
	background-position:center,center;
	background-repeat:no-repeat;
}
#Wrap>header nav a,#Wrap>header nav span{
	overflow:hidden;
	outline:none;
	display:block;
	width:86px;
	height:49px;
	background-color:transparent;
	background-position:center,center;
	background-repeat:no-repeat;
	text-align:center;
	text-indent:-9999px;
	transition:all 0.3s;
}
#Wrap>header nav a{
	opacity:0;
}
#Wrap>header nav a:hover{
	opacity:1;
}
#Wrap>header nav li:nth-of-type(1){
	float:none;
	position:absolute;
	right:0;
	top:0;
}
#Wrap>header nav li:nth-of-type(1) a,#Wrap>header nav li:nth-of-type(1) span{
	opacity:1;
	width:162px;
	height:87px;
	background-image:url(../img/hd_nv_top.png);
}
#Wrap>header nav li:nth-of-type(1) a:hover,#Wrap>header nav li:nth-of-type(1) span{
	background-image:url(../img/hd_nv_top_cur.png);
	transform-origin:50% 50%;
	transform:scale(1.1);
}
#Wrap>header nav li:nth-of-type(2){
	background-image:url(../img/hd_nv_story.png);
}
#Wrap>header nav li:nth-of-type(2) a,#Wrap>header nav li:nth-of-type(2) span{
	background-image:url(../img/hd_nv_story_cur.png);
}
#Wrap>header nav li:nth-of-type(3){
	background-image:url(../img/hd_nv_cast.png);
}
#Wrap>header nav li:nth-of-type(3) a,#Wrap>header nav li:nth-of-type(3) span{
	background-image:url(../img/hd_nv_cast_cur.png);
}
#Wrap>header nav li:nth-of-type(4){
	background-image:url(../img/hd_nv_song.png);
}
#Wrap>header nav li:nth-of-type(4) a,#Wrap>header nav li:nth-of-type(4) span{
	background-image:url(../img/hd_nv_song_cur.png);
}
#Wrap>header nav li:nth-of-type(5){
	background-image:url(../img/hd_nv_goods.png);
}
#Wrap>header nav li:nth-of-type(5) a,#Wrap>header nav li:nth-of-type(5) span{
	background-image:url(../img/hd_nv_goods_cur.png);
}
#Wrap>header nav li:nth-of-type(6){
	background-image:url(../img/hd_nv_trailer.png);
}
#Wrap>header nav li:nth-of-type(6) a,#Wrap>header nav li:nth-of-type(6) span{
	background-image:url(../img/hd_nv_trailer_cur.png);
}
#Top #Wrap>header{
	display:none;
}
#Story #Wrap>header,
#Trailer #Wrap>header{
	position:absolute;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:1085px){
	#Wrap>header{
		top:30px;
	}
	#Wrap>header nav{
		margin:0;
		padding:0 130px 0 0;
		width:auto;
	}
	#Wrap>header nav ul{
		float:left;
	}
	#Wrap>header nav li{
		margin-top:10px;
		background-size:auto 10.4px;
	}
	#Wrap>header nav a,#Wrap>header nav span{
		width:68.8px;
		height:39.2px;
		background-size:contain;
	}
	#Wrap>header nav li:nth-of-type(1){
		margin-top:0;
	}
	#Wrap>header nav li:nth-of-type(1) a,#Wrap>header nav li:nth-of-type(1) span{
		opacity:1;
		width:129.6px;
		height:69.6px;
		background-size:contain;
	}
	#Top #Wrap>header{
		display:block;
	}
	#Story #Wrap>header,
	#Trailer #Wrap>header{
		position:fixed;
	}
}
/* ================================================================ *
 * @desc@ フッタ
 * ================================================================ */
#Wrap>footer{
	position:fixed;
	left:0;
	bottom:0;
	z-index:208000;
	padding:7px 0 0;
	width:100%;
	background:rgba(36,0,0,0.9) url(../img/cmn_bdr.jpg) center top repeat-x;
	color:#d3a824;
	font-size:1.1rem;
	line-height:1.4em;
	box-shadow:0 0 2pxrgba(0,0,0,0.2);
}
#Wrap>footer .topBox{
	border-bottom:1px solid #7b5311;
	padding:0 0 2px;
}
#Wrap>footer .topBox>div{
	border-bottom:1px solid #d3a824;
	padding:6px 15px;
	box-shadow:0 1px 0 rgba(210,167,34,0.5);
}
#Wrap>footer .topBox>div:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#Wrap>footer .topBox .newsBox{
	float:left;
	display:table;
	width:640px;
	color:#fff;
	text-shadow:0 0 2px rgba(255,255,255,0.4);
}
#Wrap>footer .topBox .newsBox dl{
	display:table-row;
	margin:0;
	padding:0;
	vertical-align:middle;
}
#Wrap>footer .topBox .newsBox dt{
	display:table-cell;
	margin:0;
	padding:0 13px 0 3px;
	width:47px;
	background:transparent url(../img/news_bg.png) right center no-repeat;
	vertical-align:middle;
}
#Wrap>footer .topBox .newsBox dd{
	display:table-cell;
	margin:0;
	padding:0 12px;
	height:50px;
	vertical-align:middle;
}
#Wrap>footer .topBox .newsBox ul{
	list-style:none;
	margin:0;
	padding:0;
}
#Wrap>footer .topBox .newsBox li{
	display:table;
	margin:4px 0;
	padding:0;
	width:550px;
}
#Wrap>footer .topBox .newsBox li p{
	display:table-cell;
	margin:0;
	padding:2px 5px;
	width:8em;
	background:rgba(255,0,0,0.2);
	font-size:1.2rem;
	line-height:1.2em;
	font-family:
		'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',
		'Hiragino Mincho ProN','Hiragino Mincho',
		"HGS明朝E","HG明朝E","HG明朝",
		'Kozuka Mincho Pro','Kozuka Mincho Std',
		'小塚明朝 Pro R','小塚明朝 Std R',
		"メイリオ","Meiryo",serif;
	letter-spacing:0.1em;
	vertical-align:top;
	white-space:nowrap;
}
#Wrap>footer .topBox .newsBox li .desc{
	display:table-cell;
	margin:0;
	padding:2px 0;
	background:rgba(255,0,0,0.2);
	font-size:1.1rem;
	line-height:1.4em;
	vertical-align:top;
}
#Wrap>footer .topBox .newsBox li a,#Wrap>footer .topBox .newsBox li span{
	margin:0 14px 0 0;
}
#Wrap>footer .topBox .newsBox li a{
	text-shadow:none;
}
#Wrap>footer .topBox .newsBox li a:hover{
	text-shadow:0 0 6px rgba(255,241,0,0.4);
}
#Wrap>footer .topBox .bn{
	float:right;
	list-style:none;
	margin:0;
	padding:10px 0 0;
}
#Wrap>footer .topBox .bn:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#Wrap>footer .topBox .bn li{
	float:left;
	margin:0;
	padding:0 27px 0 10px;
	background:transparent url(../img/tft_ic.png) right center no-repeat;
	background-size:auto 87.5%;
}
#Wrap>footer .topBox .bn li:last-child{
	padding-right:0;
	background:none;
}
#Wrap>footer .ftBox{
	padding:5px 0;
}
#Wrap>footer .ftBox:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#Wrap>footer .snsBox{
	float:left;
	margin:0 15px 0 20px;
}
#Wrap>footer .snsBox ul{
	list-style:none;
	margin:0;
	padding:0;
}
#Wrap>footer .snsBox li{
	display:inline;
	margin:0 5px 0 0;
	padding:0;
}
#Wrap>footer .copy{
	float:right;
	margin:0;
	padding:0 20px 0 0;
}
#Wrap>footer .copy img{
	margin-left:10px;
	vertical-align:middle;
}
#Top #Wrap>footer{
	position:static;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:1085px){
	#Wrap>footer .topBox .newsBox{
		float:none;
		margin:0 auto;
		width:500px;
	}
	#Wrap>footer .topBox .newsBox dt{
		padding:0 13px 0 0;
	}
	#Wrap>footer .topBox .newsBox dd{
		height:auto;
	}
	#Wrap>footer .topBox .newsBox li{
		display:block;
		width:416px;
	}
	#Wrap>footer .topBox .newsBox li p{
		display:block;
		padding:2px 5px;
		width:auto;
	}
	#Wrap>footer .topBox .newsBox li .desc{
		display:block;
		margin:0;
		padding:0 5px 2px;
	}
	#Wrap>footer .topBox .bn{
		float:none;
		padding:10px 0;
		text-align:center;
	}
	#Wrap>footer .topBox .bn li{
		float:none;
		margin:0;
		padding:0 0 10px;
		background:none;
	}
	#Wrap>footer .ftBox{
		padding:15px 0;
		text-align:center;
	}
	#Wrap>footer .snsBox{
		float:none;
		margin:0 0 15px;
	}
	#Wrap>footer .snsBox ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	#Wrap>footer .snsBox li{
		margin:0 3px;
	}
	#Wrap>footer .copy{
		float:none;
		padding:0;
	}
	#Wrap>footer .copy span{
		display:block;
	}
	#Wrap>footer .copy img{
		margin:10px 0 0;
	}
}
/* ================================================================ *
 * @desc@ #Top
 * ================================================================ */
#Top #Container{
	overflow:hidden;
	margin:0 auto;
	width:1085px;
	min-height:0;
	height:610px;
	background-image:url(../img/top/ct_bg.jpg);
}
#Top #Container>h1{
	position:absolute;
	left:0;
	top:17.37%;
	margin:0;
	padding:0;
	width:55.3%;
	text-align:center;
}
#Top #Container>h1.now{
	top:19.07%;
}
#Top #Container>h1 img{
	max-width:66.3%;
}
#Top #Container>.roadshow{
	position:absolute;
	left:0;
	top:51.6%;
	margin:0;
	padding:0;
	width:55.3%;
	text-align:center;
}
#Top #Container>.roadshow.now{
	top:55.6%;
}
#Top #Container>.roadshow img{
	max-width:41.66%;
}
#Top #Container>.roadshow.now img{
	max-width:59.8%;
}
#Top #Container>.compass{
	overflow:hidden;
	position:absolute;
	left:5.25%;
	bottom:0;
	z-index:1000;
	margin:0;
	padding:0;
	width:44.2%;
	height:32.78%;
	background:transparent url(../img/top/compass_bg.png) center top no-repeat;
	background-size:100% auto;
	text-align:center;
}
#Top #Container>.compass>div{
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
#Top #Container>.compass ul{
	list-style:none;
	margin:0;
	padding:0;
}
#Top #Container>.compass li{
	position:absolute;
	z-index:1200;
	margin:0;
	padding:0;
}
#Top #Container>.compass li a{
	overflow:hidden;
	outline:none;
	display:block;
	height:100%;
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	text-indent:-9999px;
}
#Top #Container>.compass li:nth-of-type(1){
	left:12.9%;
	bottom:0;
	width:12.1%;
	height:43%;
}
#Top #Container>.compass li:nth-of-type(1) a{
	background-image:url(../img/top/nv_story.png);
}
#Top #Container>.compass li:nth-of-type(1) a:hover{
	background-image:url(../img/top/nv_story_cur.png);
}
#Top #Container>.compass li:nth-of-type(2){
	left:26.66%;
	bottom:47%;
	width:14.58%;
	height:23%;
}
#Top #Container>.compass li:nth-of-type(2) a{
	background-image:url(../img/top/nv_cast.png);
}
#Top #Container>.compass li:nth-of-type(2) a:hover{
	background-image:url(../img/top/nv_cast_cur.png);
}
#Top #Container>.compass li:nth-of-type(3){
	left:43.12%;
	bottom:59%;
	width:13.75%;
	height:15.5%;
}
#Top #Container>.compass li:nth-of-type(3) a{
	background-image:url(../img/top/nv_song.png);
}
#Top #Container>.compass li:nth-of-type(3) a:hover{
	background-image:url(../img/top/nv_song_cur.png);
}
#Top #Container>.compass li:nth-of-type(4){
	left:58.75%;
	bottom:47%;
	width:14.58%;
	height:23%;
}
#Top #Container>.compass li:nth-of-type(4) a{
	background-image:url(../img/top/nv_goods.png);
}
#Top #Container>.compass li:nth-of-type(4) a:hover{
	background-image:url(../img/top/nv_goods_cur.png);
}
#Top #Container>.compass li:nth-of-type(5){
	left:75%;
	bottom:0;
	width:12.1%;
	height:43%;
}
#Top #Container>.compass li:nth-of-type(5) a{
	background-image:url(../img/top/nv_trailer.png);
}
#Top #Container>.compass li:nth-of-type(5) a:hover{
	background-image:url(../img/top/nv_trailer_cur.png);
}
#Top #Container>.compass #Needle{
	position:absolute;
	left:47.08%;
	bottom:-16.5%;
	z-index:1100;
	width:5.625%;
	height:75%;
	-webkit-transform-origin:50% 100%;
	transform-origin:50% 100%;
	transition:all 0.4s;
}
#Top #Container>.compass #Needle.no1{
	-webkit-transform:rotate(-60deg);
	transform:rotate(-60deg);
}
#Top #Container>.compass #Needle.no2{
	-webkit-transform:rotate(-30deg);
	transform:rotate(-30deg);
}
#Top #Container>.compass #Needle.no3{
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
#Top #Container>.compass #Needle.no4{
	-webkit-transform:rotate(30deg);
	transform:rotate(30deg);
}
#Top #Container>.compass #Needle.no5{
	-webkit-transform:rotate(60deg);
	transform:rotate(60deg);
}
#Top .blogBox{
	position:absolute;
	right:30px;
	bottom:29px;
	z-index:10000;
	width:188px;
}
#Top .blogBox a{
	position:relative;
	outline:none;
	overflow:hidden;
	display:block;
	width:100%;
	height:89px;
	background:transparent url(../img/bn_count_bg.png) center no-repeat;
	background-size:contain;
}
#Top .blogBox a.now{
	background-image:url(../img/bn_count_bg_now.png) !important;
}
#Top .blogBox a:hover{
	opacity:0.7;
}
#Top .blogBox .none{
	display:none;
}
#Top .blogBox .countdown{
	display:block;
	padding:13px 0 0 110px;
}
#Top .blogBox .countdown>span{
	outline:none;
	overflow:hidden;
	display:inline-block;
	width:26px;
	height:37px;
	background:transparent url(../img/bn_count_digit.png) no-repeat;
	background-size:100% auto;
	text-indent:-9999px;
}
#Top .blogBox .countdown>span.blank{
	background:none;
}
#Top .blogBox .countdown>span.digit0{
	background-position:0 0;
}
#Top .blogBox .countdown>span.digit1{
	background-position:0 -40px;
}
#Top .blogBox .countdown>span.digit2{
	background-position:0 -80px;
}
#Top .blogBox .countdown>span.digit3{
	background-position:0 -120px;
}
#Top .blogBox .countdown>span.digit4{
	background-position:0 -160px;
}
#Top .blogBox .countdown>span.digit5{
	background-position:0 -200px;
}
#Top .blogBox .countdown>span.digit6{
	background-position:0 -240px;
}
#Top .blogBox .countdown>span.digit7{
	background-position:0 -280px;
}
#Top .blogBox .countdown>span.digit8{
	background-position:0 -320px;
}
#Top .blogBox .countdown>span.digit9{
	background-position:0 -360px;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:1085px){
	#Top #Container{
		margin-top:49px;
		width:542.5px;
		min-height:0;
		height:305px !important;
		background-size:contain;
	}
	#Top #Container>h1,
	#Top #Container>h1.now{
		top:25.37%;
	}
	#Top #Container>.roadshow,
	#Top #Container>.roadshow.now{
		top:61.6%;
	}
	#Top #Container>.compass{
		display:none;
	}
	#Top .blogBox{
		right:22.5px;
		bottom:21.75px;
		width:141px;
	}
	#Top .blogBox a{
		height:67px;
	}
	#Top .blogBox .countdown{
		padding:10px 0 0 82px;
	}
	#Top .blogBox .countdown>span{
		width:20px;
		height:28px;
		background-size:19px auto;
	}
	#Top .blogBox .countdown>span.digit1{
		background-position:0 -30px;
	}
	#Top .blogBox .countdown>span.digit2{
		background-position:0 -59px;
	}
	#Top .blogBox .countdown>span.digit3{
		background-position:0 -88px;
	}
	#Top .blogBox .countdown>span.digit4{
		background-position:0 -117px;
	}
	#Top .blogBox .countdown>span.digit5{
		background-position:0 -146px;
	}
	#Top .blogBox .countdown>span.digit6{
		background-position:0 -175px;
	}
	#Top .blogBox .countdown>span.digit7{
		background-position:0 -205px;
	}
	#Top .blogBox .countdown>span.digit8{
		background-position:0 -234px;
	}
	#Top .blogBox .countdown>span.digit9{
		background-position:0 -263px;
	}
}
/* ================================================================ *
 * @desc@ #Story
 * ================================================================ */
#Story #Container{
	width:942px;
	min-height:604px;
	background-image:
		url(../img/story/ct_bg_ic.png),
		url(../img/story/ct_bg.png);
	text-align:center;
}
#Story #Container>h1{
	margin-bottom:18px;
	padding-top:90px;
}
#Story #Container p{
	margin:0;
	padding:0 0 60px;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:1085px){
	#Story #Container{
		width:471px;
		min-height:302px;
		background-image:url(../img/story/ct_bg.png);
		background-size:100% 100%;
		text-align:center;
	}
	#Story #Container>h1{
		margin-bottom:18px;
		padding-top:70px;
	}
	#Story #Container p{
		padding:0 60px 80px;
	}
}
/* ================================================================ *
 * @desc@ #Cast
 * ================================================================ */
#Cast #Container>.bgBox{
	background-image:url(../img/cast/ct_bg.png);
	background-repeat:repeat-y;
	background-size:100% auto;
}
#Cast #Container{
	display:table;
	text-align:center;
}

#Cast #Container>#CastMenu{
	display:table-cell;
	padding:0;
	width:100%;
	min-height:0;
	background:none;
	vertical-align:middle;
	text-align:center;
}
#CastMenu ul{
	list-style:none;
	display:table;
	margin:0 auto;
	padding:0;
}
#CastMenu li{
	display:table-cell;
	margin:0;
	padding:0;
	vertical-align:top;
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
}
#CastMenu li:nth-of-type(1){
	padding-top:110px;
	padding-right:40px;
	-webkit-transform:rotate(-10deg);
	transform:rotate(-10deg);
}
#CastMenu li:nth-of-type(2){
	padding-top:197px;
	padding-right:48px;
	-webkit-transform:rotate(8deg);
	transform:rotate(8deg);
}
#CastMenu li:nth-of-type(3){
	padding-top:123px;
}
#CastMenu li img{
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
	transition:all 0.2s;
}
#CastMenu li a:hover img{
	opacity:1;
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
#CastDetail{
	display:none;
}
#Cast .castDetail{
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
	width:845px;
	height:542px;
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	font-size:1.4rem;
	line-height:1.8em;
	font-family:
		'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',
		'Hiragino Mincho ProN','Hiragino Mincho',
		"HGS明朝E","HG明朝E","HG明朝",
		'Kozuka Mincho Pro','Kozuka Mincho Std',
		'小塚明朝 Pro R','小塚明朝 Std R',
		"メイリオ","Meiryo",serif;
	letter-spacing:0.2em;
	text-align:left;
	text-shadow:
		0 0 2px rgba(106,57,6,0.6),
		0 0 4px rgba(255,255,255,0.8);
}
#Cast .castDetail h1,#Cast .castDetail p{
	position:absolute;
	margin:0;
	padding:0;
}
#Cast .castDetail .close{
	position:absolute;
	right:4.7%;
	top:9.2%;
	width:4.14%;
	height:6.46%;
	background:transparent url(../img/cast/bt_close.png) center no-repeat;
	background-size:contain;
	cursor:pointer;
}
#Cast .castDetail .prev{
	position:absolute;
	left:-5.3%;
	top:50%;
	margin-top:-4.98%;
	width:9.7%;
	height:9.96%;
	background:transparent url(../img/cast/bt_prev.png) center no-repeat;
	background-size:contain;
	cursor:pointer;
}
#Cast .castDetail .next{
	position:absolute;
	right:-5.3%;
	top:50%;
	margin-top:-4.98%;
	width:9.7%;
	height:9.96%;
	background:transparent url(../img/cast/bt_next.png) center no-repeat;
	background-size:contain;
	cursor:pointer;
}
#Cast .castDetail.cast_01{
	background-image:url(../img/cast/bg_01.png);
}
#Cast .castDetail.cast_01 h1{
	left:15%;
	top:22.5%;
	width:26.98%;
}
#Cast .castDetail.cast_01 p{
	left:16.3%;
	bottom:18.45%;
	width:40%;
}
#Cast .castDetail.cast_02{
	background-image:url(../img/cast/bg_02.png);
}
#Cast .castDetail.cast_02 h1{
	right:7.6%;
	top:22.3%;
	width:50%;
}
#Cast .castDetail.cast_02 p{
	right:5.9%;
	bottom:18.45%;
	width:40%;
}
#Cast .castDetail.cast_03{
	background-image:url(../img/cast/bg_03.png);
}
#Cast .castDetail.cast_03 h1{
	left:15.6%;
	top:22.5%;
	width:39.64%;
}
#Cast .castDetail.cast_03 p{
	left:16.3%;
	bottom:18.45%;
	width:40%;
}
/* ---------------------------------------------------------------- *
 * @desc@ #CastBox
 * ---------------------------------------------------------------- */
#CastBox{
	overflow:auto;
	opacity:0;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:100000;
	display:table;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
}
#CastBox>div{
	display:table-cell;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:1085px){
	#Cast #Container{
		min-height:0;
	}
	#Cast #Container>#CastMenu{
		padding:50px 0;
	}
	#CastMenu li{
		width:130px;
	}
	#CastMenu li:nth-of-type(1){
		padding-top:0;
		padding-right:25px;
	}
	#CastMenu li:nth-of-type(2){
		padding-top:87px;
		padding-right:20px;
	}
	#CastMenu li:nth-of-type(3){
		padding-top:20px;
	}
	#Cast .castDetail p br{
		display:none;
	}
}
/* ================================================================ *
 * @desc@ #Song
 * ================================================================ */
#Song #Container>.bgBox{
	background-image:url(../img/song/ct_bg.png);
}
#Song .detailBox{
	margin:0 auto;
	padding-bottom:100px;
	font-size:1.4rem;
	line-height:1.8em;
	font-family:
		'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',
		'Hiragino Mincho ProN','Hiragino Mincho',
		"HGS明朝E","HG明朝E","HG明朝",
		'Kozuka Mincho Pro','Kozuka Mincho Std',
		'小塚明朝 Pro R','小塚明朝 Std R',
		"メイリオ","Meiryo",serif;
	letter-spacing:0.1em;
	text-shadow:0 0 2px rgba(106,57,6,0.4);
}
#Song .detailBox:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#Song .detailBox .visual{
	float:left;
	width:179px;
	text-align:center;
}
#Song .detailBox .pic{
	margin:0 0 25px;
}
#Song .detailBox .pic ul{
	list-style:none;
	margin:15px 0 0;
	padding:0;
}
#Song .detailBox .pic ul:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#Song .detailBox .pic ul li{
	margin:0;
	padding:0;
}
#Song .detailBox .pic ul li:first-child{
	float:left;
	width:105px;
}
#Song .detailBox .pic ul li:last-child{
	float:right;
	width:65px;
}
#Song .detailBox .ic{
	list-style:none;
	margin:0;
	padding:0;
}
#Song .detailBox .ic li{
	margin:0 0 15px;
	padding:0;
}
#Song .detailBox .sale{
	margin:0;
	padding:5px 0 0;
}
#Song .detailBox .play{
	margin:15px 0 0;
	padding:0;
	text-align:left;
}
#Song .detailBox .play:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#Song .detailBox .play>div{
	float:left;
	margin:0 10px 0 0;
	text-align:center;
}
#Song .detailBox .play>div span{
	display:block;
	margin:3px 0 0;
	font-size:1.2rem;
	line-height:1.4em;
	letter-spacing:0.1em;
	white-space:nowrap;
}
#Song .detailBox .desc{
	float:right;
	width:460px;
}
#Song .detailBox h1{
	margin:0;
	padding:0;
	font-size:1.3rem;
	line-height:1.8em;
	font-weight:normal;
}
#Song .detailBox .cast{
	margin:0;
	padding:0;
}
#Song .detailBox .cast span{
	display:inline-block;
}
#Song .detailBox dl{
	margin:15px 0 0;
	padding:0;
}
#Song .detailBox dt{
	margin:0;
	border-top:1px solid rgba(101,57,27,0.5);
	padding:15px 0 0;
	color:#9c0e23;
	text-shadow:0 0 2px rgba(156,14,35,0.4);
}
#Song .detailBox dd{
	margin:0;
	padding:0;
}
#Song .detailBox ol{
	list-style:none;
	margin:0;
	padding:0;
}
#Song .detailBox ol li{
	margin:0;
	border-bottom:1px solid rgba(101,57,27,0.5);
	padding:7px 0;
}
#Song .detailBox .type{
	list-style:none;
	margin:0;
	padding:0;
	font-size:1.3rem;
	line-height:1.8em;
}
#Song .detailBox .type li{
	margin:25px 0 0;
	padding:0;
}
#Song .detailBox .type li>h2{
	margin:0;
	border-bottom:1px solid rgba(101,57,27,0.5);
	padding:0 0 5px;
	font-size:1em;
	line-height:1.8em;
	font-weight:normal;
}
#Song .detailBox .type li>h2>span{
	display:inline-block;
	margin-right:0.4em;
	width:1em;
	height:1.8em;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 0.35em;
	background-size:contain;
	text-indent:-9999px;
	vertical-align:middle;
}
#Song .detailBox .type li:first-child>h2>span{
	background-image:url(../img/song/ic_list_01.png);
}
#Song .detailBox .type li:last-child>h2>span{
	background-image:url(../img/song/ic_list_02.png);
}
#Song .detailBox .type li p{
	margin:10px 0 0 1.4em;
	padding:0;
}
#Song .detailBox .type p span{
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0.1em;
	text-shadow:0 0 2px rgba(207,44,114,0.4);
}
#Song .detailBox .type li:first-child span{
	color:#9c0e23;
	text-shadow:0 0 2px rgba(156,14,35,0.4);
}
#Song .detailBox .type li:last-child span{
	color:#008baf;
}
#Song .detailBox .copy{
	margin:30px 0 0;
	border-bottom:1px solid rgba(101,57,27,0.5);
	padding:0 0 10px;
	font-size:1.2rem;
	line-height:1.8em;
}
#Song #Container>#Priv{
	margin-top:0;
	margin-bottom:140px;
	padding-top:30px;
	background-image:none,url(../img/sec_bg.png);
	text-align:center;
}
#Priv h1{
	margin:0 0 20px;
	padding:0 0 40px;
	background:transparent url(../img/sec_bg.png) center bottom no-repeat;
	font-size:2.2rem;
	line-height:1.8em;
	letter-spacing:0.1em;
	font-family:
		'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',
		'Hiragino Mincho ProN','Hiragino Mincho',
		"HGS明朝E","HG明朝E","HG明朝",
		'Kozuka Mincho Pro','Kozuka Mincho Std',
		'小塚明朝 Pro R','小塚明朝 Std R',
		"メイリオ","Meiryo",serif;
}
#Priv .desc{
	margin:0 auto 60px;
	width:600px;
	font-size:1.4rem;
	line-height:1.8em;
	text-align:left;
}
#Priv .note{
	margin:0;
	text-align:left;
}
#Priv .note p{
	margin:0 0 0 1em;
	padding:0;
	font-size:1.2rem;
	line-height:1.6em;
	text-indent:-1em;
}
#Priv ul{
	list-style:none;
	margin:0 auto;
	padding:0;
	width:600px;
}
#Priv li{
	margin:0 0 30px;
	border-width:1px 0;
	border-style:solid;
	border-color:rgba(101,57,27,0.5);
	padding:0;
	font-size:1.2rem;
	line-height:1.6em;
}
#Priv li .name{
	display:table;
	margin:5px 0 0;
	border-width:0 0 1px;
	border-style:solid;
	border-color:rgba(101,57,27,0.5);
	padding:0;
	width:100%;
	font-size:1.3rem;
	line-height:1.2em;
}
#Priv li .name p{
	display:table-cell;
	height:3.5em;
	vertical-align:middle;
}
#Priv li p span{
	display:block;
	font-size:1.0rem;
	line-height:1.6em;
}
#Priv li .bn img{
	width:106px;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:1085px){
	#Song .detailBox .visual{
		width:140px;
	}
	#Song .detailBox .pic ul li{
		padding:0 0 10px;
	}
	#Song .detailBox .pic ul li:first-child{
		float:none;
		width:auto;
	}
	#Song .detailBox .pic ul li:last-child{
		float:none;
		width:auto;
	}
	#Song .detailBox .desc{
		width:260px;
	}
	#Song .detailBox .cast{
		margin:10px 0 0;
		font-size:0.8em;
		line-height:1.6em;
	}
	#Song .detailBox .type li p{
		margin:10px 0 0 0;
	}
	#Priv .desc{
		width:auto;
	}
	#Priv ul{
		width:auto;
	}
}
/* ================================================================ *
 * @desc@ #Goods
 * ================================================================ */
#Goods .bgBox{
/*	background-image:url(../img/goods/ct_bg.jpg); */
}
#Goods #Container>.bgBox{
	background-image:url(../img/goods/ct_bg.png);
}
#Goods #Container>.groupBox{
	margin:60px auto 0;
	padding-top:40px;
	font-size:1.3rem;
	line-height:1.8em;
}
#Goods #Container>.groupBox:nth-of-type(2){
	margin-top:0;
	margin-bottom:140px;
	background-image:none,url(../img/sec_bg.png);
}
#Goods .groupBox>h1{
	margin:0;
	padding:0 0 40px;
	background:transparent url(../img/sec_bg.png) center bottom no-repeat;
	font-size:2.4rem;
	line-height:1.8em;
	font-weight:normal;
	font-family:
		'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',
		'Hiragino Mincho ProN','Hiragino Mincho',
		"HGS明朝E","HG明朝E","HG明朝",
		'Kozuka Mincho Pro','Kozuka Mincho Std',
		'小塚明朝 Pro R','小塚明朝 Std R',
		"メイリオ","Meiryo",serif;
	letter-spacing:0.2em;
	text-shadow:0 0 2px rgba(106,57,6,0.4);
	text-align:center;
}
#Goods .itemBox{
	border-width:0 0 1px;
	border-style:solid;
	border-color:rgba(101,57,27,0.5);
	padding:40px 0 30px;
	text-shadow:
		0 0 2px rgba(106,57,6,0.6),
		0 0 4px rgba(255,255,255,0.8);
}
#Goods .itemBox>h1{
	margin:0;
	border-width:0 0 1px;
	border-style:solid;
	border-color:rgba(101,57,27,0.5);
	padding:0 5px 5px;
	font-family:
		'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',
		'Hiragino Mincho ProN','Hiragino Mincho',
		"HGS明朝E","HG明朝E","HG明朝",
		'Kozuka Mincho Pro','Kozuka Mincho Std',
		'小塚明朝 Pro R','小塚明朝 Std R',
		"メイリオ","Meiryo",serif;
	text-shadow:0 0 2px rgba(106,57,6,0.4);
}
#Goods .itemBox>h1>span{
	display:block;
}
#Goods .itemBox>h1>.work,
#Goods .itemBox>h1>.series{
	font-size:1.4rem;
	line-height:1.4em;
	font-weight:normal;
}
#Goods .itemBox>h1 .name{
	color:#9c0e23;
	font-size:2.4rem;
	line-height:1.6em;
	letter-spacing:0.1em;
	text-shadow:0 0 2px rgba(156,14,35,0.4);
}
#Goods .itemBox>h1>.sub{
	color:#9c0e23;
	font-size:1.5rem;
	line-height:1.4em;
	font-weight:normal;
	text-shadow:0 0 2px rgba(156,14,35,0.4);
}
#Goods .itemBox .catch{
	margin:0;
	padding:0 5px;
}
#Goods .itemBox .pic{
	margin:0;
	padding:20px 0 0;
	text-align:center;
}
#Goods .itemBox .pic span{
	display:block;
	padding:10px;
	background:rgba(216,193,156,0.4);
	box-shadow:
		0 0 4px rgba(175,110,10,1.0),
		0 0 20px rgba(175,110,10,0.6);
}
#Goods .itemBox .pic>div{
	margin:0;
	padding:0 5px 30px;
}
#Goods .itemBox .pic ul{
	list-style:none;
	margin:0 auto;
	padding:0;
}
#Goods .itemBox .pic ul:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#Goods .itemBox .pic li{
	margin:0;
	padding:0 5px 30px;
}
#Goods .itemBox .pic ul:nth-of-type(odd) li:nth-of-type(odd),
#Goods .itemBox .pic ul:nth-of-type(even) li:nth-of-type(odd){
	float:left;
}
#Goods .itemBox .pic ul:nth-of-type(odd) li:nth-of-type(even),
#Goods .itemBox .pic ul:nth-of-type(even) li:nth-of-type(even){
	float:right;
}
#Goods .itemBox .desc{
	margin:0;
	padding:0 5px;
}
#Goods .itemBox .desc table{
	margin:0;
	border-color:rgba(101,57,27,0.5);
	padding:0;
	width:100%;
	font-size:1.2rem;
	line-height:1.6em;
}
#Goods .itemBox .desc th{
	margin:0;
	border-color:rgba(101,57,27,0.5);
	padding:6px 8px 4px;
	width:4em;
	background:rgba(101,57,27,0.8);
	color:rgba(255,255,255,0.9);
	font-weight:normal;
	letter-spacing:0.3em;
	text-align:center;
	text-shadow:none;
}
#Goods .itemBox .desc td{
	margin:0;
	border-color:rgba(101,57,27,0.5);
	padding:6px 10px 4px;
	background:rgba(255,255,255,0.1);
	line-height:1.6em;
}
#Goods .itemBox .desc td p{
	margin:0;
	padding:0 0 5px;
}
#Goods .itemBox .desc td .label{
	display:inline-block;
	margin:0 0.5em 0 0;
	padding:1px 8px;
	background:rgba(101,57,27,0.6);
	color:#fff;
	line-height:1.4em;
	white-space:nowrap;
	text-shadow:none;
}
#Goods .itemBox .desc td a.bt{
	display:inline-block;
	margin:0.5em 0.5em 0 0;
	border-radius:4px;
	padding:4px 8px;
	border:1px solid rgba(101,57,27,0.6);
	color:rgba(101,57,27,1.0);
	line-height:1.4em;
	white-space:nowrap;
}
#Goods .itemBox .desc td a.bt:hover{
	background:rgba(255,255,255,0.4);
}
#Goods .linkBox{
	margin:0;
	padding:0 0 30px;
	text-align:center;
}
#Goods .linkBox p{
	margin:0;
	padding:20px 0 0;
}
#Goods .linkBox a{
	display:inline-block;
	border:1px solid rgba(106,57,6,0.4);
	padding:1px;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:1085px){
}
/* ================================================================ *
 * @desc@ #Trailer
 * ================================================================ */
#Trailer #Container{
	min-height:536px;
	background-image:
		url(../img/trailer/ct_bg_ic.png),
		url(../img/trailer/ct_bg.png);
}
#Trailer #Container>h1{
	padding-top:90px;
}
#Trailer #Container>h1.roadshow{
	padding-top:40px;
}
#Trailer #Container .soon{
	margin:50px auto 0;
}
#Trailer section{
	padding:0 0 30px;
	background:none;
	text-align:center;
}
#Trailer .movieBox div{
	margin:0 auto;
}
#Trailer .movieBox iframe{
	box-shadow:
		0 0 4px rgba(175,110,10,1.0),
		0 0 20px rgba(175,110,10,0.6);
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:1085px){
	#Trailer #Container{
		padding-bottom:100px;
		min-height:0;
		background-image:
			none,
			url(../img/trailer/ct_bg.png);
	}
	#Trailer #Container>h1{
		padding-top:40px;
	}
	#Trailer #Container .soon{
		margin:40px auto 0;
	}
}
/* ================================================================ *
 * @desc@ ムービー
 * ================================================================ */
.fullMovie{
	box-sizing:border-box;
	overflow:hidden;
	display:table;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:210000;
	width:100%;
	height:100%;
	background:#000;
	color:#fff;
}
.fullMovie>div{
	opacity:0;
	display:table-cell;
	width:100%;
	height:100%;
	background:transparent url(../img/load_bg.jpg) center no-repeat;
	background-size:100% 100%;
	text-align:center;
	vertical-align:middle;
}
.fullMovie img{
	display:none;
	width:180px;
	height:auto;
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-animation:loadCompass 5s infinite linear;
	animation:loadCompass 5s infinite linear;
}
@-webkit-keyframes loadCompass{
	0%{
		-webkit-transform:rotate(0deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
	}
}
@keyframes loadCompass{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:1085px){
	.fullMovie img{
		width:144px;
	}
}