@charset "utf-8";
/* CSS Document */
.topWrap{
	position: relative;
	background-color: #fff;
	overflow: hidden;
	background-image: url(../img/bg_grid_w.png);
}

.animax{
	position: absolute;
	bottom:2%;
	right:0;
	width: 40%;
	max-width: 488px;
	padding: 5px 0;
	padding-left: 5px;
	text-align: right;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	border: #cb86ff 3px solid;
	border-right:none;
	background-color: #fff;
}
.animax img{
	max-width: 480px;
}
#top{
}
#top img.topIllust{
	width: 60%;
	max-width: 1096px;
	display: block;
	margin-left: auto;
}
#smpTop{
	display: none;
}
.topBox{
	width: 50%;
	padding: 0 1%;
	position: absolute;
	top:15%;
	z-index: 100;
}
.topWrap img.logo{
	width: 80%;
	margin: 23% 0 5%;
	display: block;
	margin-left: 7%;
}
.topWrap .bannerArea{
	width: 77%;
	margin: 0;
	display: block;
	margin-left: 7%;

}
.topWrap .bannerArea a{
	width: 49%;
	margin: 2px 0.5%;
	display: inline-block;
	vertical-align: top;
	border-radius: 6px;
	overflow: hidden;
}
#topNews{
	background-color: #d4c7ff;
	padding: 5px 0;
}
#topNews .newsBox{
	width: 98%;
	max-width: 1620px;
	margin: 0 auto;
	position: relative;
	background-color: #ffffff;
	padding: 2px;
	border-radius: 6px;
	border: #c1c1c1 1px solid;
}
#topNews h2{
	width: 80px;
	/*font-family: 'Candal', sans-serif;*/
	font-family: 'Bungee', cursive;
	padding: 10px 1%;
	font-size: 14px;
	color: #8f31a0;
	float: left;
}
#topNews .newsArea{
	border-left: #dcaeff 5px solid;
	margin-left:80px;
	padding: 10px 1% 0;
	font-size: 12px;
}
.newsArea dt{
	width: 7em;
	background-color: #a88eff;
	color: #fff;
	text-align: center;
	border-radius: 15px;
	line-height: 1em;
	padding: 2px 0;
}
.newsArea dd{
	padding: 0.5em;
}
.newsArea a {
	background-color: #ddd;
	color: #111;
	margin:  0 2px 1px;
	padding: 0 0.5em;
	display: inline-block;
	vertical-align: top;

}
.newsArea a:hover {
	background-color: #d499ff;
	color: #fff;
}
#topNews a.more{
	width: 5em;
	position: absolute;
	bottom:7px;
	right:7px;
	background-color: #c87dff;
	color: #fff;
	text-align: center;
	font-size: 10px;
	padding: 3px 0;
	font-weight: bold;
	display: block;
	cursor: pointer;
	border: #c87dff 1px solid;
}
#topNews a.more:hover{
	background-color: #fff;
	color: #c87dff;
}

#topBottom{
	background: linear-gradient(to bottom, #d499ff, #e1b4ff);
}
#topBottom .bottomWrap{
	background-image: url(../img/bg_grid_p.png);
}
#topBottom .bottomWrap .bgIcon{
	background-image: url(../img/spec_bg.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 15% auto;
	padding: 15px 0 3%;
}
#topBottom .bottomBox{
	width: 98%;
	max-width: 1620px;
	margin: 0 auto;
}
#topBottom h2{
	width: 100%;
	max-width: 380px;
	margin-bottom: 2px;
}
#topBottom #spec{
	width: 60%;
	float: left;
	padding-right: 1%;
}
#topBottom #movie{
	width: 40%;
	float: left;
}
#topBottom #spec .box{
	background-color: #fff;
	padding: 1%;
}
#topBottom #spec .box .img{
	width: 53%;
	display: inline-block;
	vertical-align: top;
}
#topBottom #spec .box .txt{
	width: 47%;
	display: inline-block;
	vertical-align: top;
	padding: 1%;
}
#topBottom #spec .box .txt img.ps4{
	width: 60%;
	max-width:235px ;
}
#spec dl{
	font-size: 13px;
}
#spec dt{
	width: 5em;
	text-align: center;
	float: left;
	clear: both;
	background-color: #ea7feb;
	color: #fff;
}
#spec dd{
	margin-left: 5.5em;
	margin-bottom: 0.5em;
}

.bottomBannerArea{
	background-color: #fff;
	padding: 5px 0;
	border-top: #dcdcdc 1px solid;
}
.bottomBannerArea a{
	width: 100%;
	max-width: 352px;
	border-radius: 6px;
	overflow: hidden;
	display: block;
	margin: 0 auto;
}
/*---------------------------------------------------------
ストーリー
------------------------------------------------------------*/
#story .main{
	padding: 5% 0 30%;
	font-size: 16px;
	line-height: 2em;
	text-align: center;
	background-image: url(../story/img/bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	text-shadow: 2px 0 5px #fff,0 2px 5px #fff,-2px 0 5px #fff,0 -2px 5px #fff;
}
#story strong{
	font-size: 24px;
	font-weight: normal;
}
#story .largeTxt{
	font-size: 36px;
	margin-bottom: 1.3em;
	color: #cd8afe;
	font-weight: bold;
}
/*---------------------------------------------------------
キャラクター
------------------------------------------------------------*/
#chara #charaNavi{
	width: 80%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 2% 0 10%;
	text-align: center;
	position: relative;
	z-index: 500;
}
#chara #charaNavi a{
	width: 15.6%;
	max-width:186px;
	margin: 15px 0.5%;
	display: inline-block;
	vertical-align: top;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}
#chara #charaNavi a .new{
	font-family: 'Candal', cursive;
	position: absolute;
	
	background-color: #ff4ab9;
	color: #fff;
	padding: 4px 1.5em;
	line-height: 1.5em;
	font-size: 12px;
/*	transform: rotateZ( 45deg );
	bottom:0;
	left:-1.6em;
*/	
	transform: rotateZ( -45deg );
	bottom:0;
	right:-2em;

}
#chara #charaNavi a img{
	display: block;

}
#subCharaNavi{
	background-color: #dbdbdb;
	text-align: center;
	padding: 10px 0;

}
#subCharaNavi a{
	display: inline-block;
	vertical-align: top;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
#subCharaNavi a.back{
	padding: 10px 2em;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
}
#prev.innerBt{
	padding: 10px 1em;
	transform: rotateZ( -90deg );
	color: #000;

}
#next.innerBt{
	padding: 10px 1em;
	transform: rotateZ( 90deg );
	color: #000;
}

#ch00.charaWrap{
	background-image: url(../chara/img/ch00_name.png);
}

#ch00_2.charaWrap{
	background-image: url(../chara/img/ch00_2_name.png);
}

#ch01.charaWrap{
	background-image: url(../chara/img/ch01_name.png);
}
#ch02.charaWrap{
	background-image: url(../chara/img/ch02_name.png);
}

#ch03.charaWrap{
	background-image: url(../chara/img/ch03_name.png);
}
#ch03_2.charaWrap{
	background-image: url(../chara/img/ch03_2_name.png);
}

#ch04.charaWrap{
	background-image: url(../chara/img/ch04_name.png);
}
#ch04_2.charaWrap{
	background-image: url(../chara/img/ch04_2_name.png);
}

#ch05.charaWrap{
	background-image: url(../chara/img/ch05_name.png);
}
#ch05_2.charaWrap{
	background-image: url(../chara/img/ch05_2_name.png);
}
#ch06.charaWrap{
	background-image: url(../chara/img/ch06_name.png);
}

#ch07.charaWrap{
	background-image: url(../chara/img/ch07_name.png);
}
#ch07_2.charaWrap{
	background-image: url(../chara/img/ch07_2_name.png);
}
#ch08.charaWrap{
	background-image: url(../chara/img/ch08_name.png);
}
#ch08_2.charaWrap{
	background-image: url(../chara/img/ch08_2_name.png);
}
#ch09.charaWrap{
	background-image: url(../chara/img/ch09_name.png);
}
#ch09_2.charaWrap{
	background-image: url(../chara/img/ch09_2_name.png);
}
#ch10.charaWrap{
	background-image: url(../chara/img/ch10_name.png);
}
#ch10_2.charaWrap{
	background-image: url(../chara/img/ch10_2_name.png);
}
#ch11.charaWrap{
	background-image: url(../chara/img/ch11_name.png);
}
#ch12.charaWrap{
	background-image: url(../chara/img/ch12_name.png);
}
#ch13.charaWrap{
	background-image: url(../chara/img/ch13_name.png);
}

#ch14.charaWrap{
	background-image: url(../chara/img/ch14_name.png);
}
#ch15.charaWrap{
	background-image: url(../chara/img/ch15_name.png);
}
#ch16.charaWrap{
	background-image: url(../chara/img/ch16_name.png);
}
#ch17.charaWrap{
	background-image: url(../chara/img/ch17_name.png);
}

#ch18.charaWrap{
	background-image: url(../chara/img/ch18_name.png);
}
#ch19.charaWrap{
	background-image: url(../chara/img/ch19_name.png);
}
#ch20.charaWrap{
	background-image: url(../chara/img/ch20_name.png);
}
#ch21.charaWrap{
	background-image: url(../chara/img/ch21_name.png);
}
#ch22.charaWrap{
	background-image: url(../chara/img/ch22_name.png);
}
#ch23.charaWrap{
	background-image: url(../chara/img/ch23_name.png);
}
#ch24.charaWrap{
	background-image: url(../chara/img/ch24_name.png);
}


#chara .cosBt{
	padding: 1em 0;
}
#chara .cosBt a img{
	max-width: 604px;
	border: #5e5e5e 2px solid;
}
.charaWrap{
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	background-position: left 30%;
	background-repeat: no-repeat;
	background-size: 100% auto;

}
.charaWrap #charaImg{
	width: 70%;
	position: relative;
	margin-left: auto;
}
.charaMain{
	position: absolute;
	width: 50%;
	top:45%;
	padding: 0 2%;
}
.charaMain .txt{
	text-shadow: 1px 0 5px #fff,-1px 0 5px #fff,0 1px 5px #fff,0 -1px 5px #fff;
	font-size: 16px;
}
/*---------------------------------------------------------
システム
------------------------------------------------------------*/
.sysWrap{
	padding: 3% 0 5%;
}
.sysBox{
	width: 100%;
	max-width: 1050px;
	margin: 0 auto 5%;
}
.sysBox h2{
	background-color: #ba8cff;
	color: #fff;
	border: #fff 5px double;
	padding: 0.5em 1em;
	border-radius: 50px;
	font-size: 24px;
}
.sysBox .txt{
	padding: 1em 2em;
	font-size: 16px;
	line-height: 1.5em;
}
.sysBox .img{
	width: 96%;
	max-width: 1000px;
	margin: 0 auto;
}
.sysBox .img img{
	width: 49%;
	margin: 2px 0.5%;
	display: inline-block;
	vertical-align: top;
	border: #ba8cff 2px solid;
}
.sysBox .img img.wide{
	display: block;
	width: 99%;
	margin: 2px auto;
}
.sysBox .largeImg{
	width: 99%;
	display: block;
	margin: 0 auto;
	max-width:933px;
}
.commandWrap{
	border: #ad4bdf 3px solid;
	border-radius: 6px;
	background-color: #fff;
}
.commandWrap h3{
	background-color: #cb86ff;
	font-size: 18px;
	padding:1em;
	border-bottom: #fff 6px double;
	color: #fff;
}
.commandBox{
	width: 98%;
	margin: 0 auto;
	padding: 1%;
	border-bottom: #ccc 1px dashed;
}
.sysBox strong{
	color: #ad4bdf;
	font-size: 18px;
	font-weight: bold;
}
.commandBox .txt{
	padding: 1% 0;
}
.commandBox .img {
	width: 100%;
}
.commandBox .img a{
	width: 19.5%;
	margin: 0 0.25%;
	display: inline-block;
	vertical-align: top;
}
.commandBox .img a img{
	width: 100%;
}
.rBt{
	text-align: center;
	font-size: 18px;
	padding: 1em 0;
	background-color: #a3a3a3;
	color: #fff;
}
.comboBox{
	border: #e68fd9 1px solid;
	border-radius: 6px;
	padding: 1%;
	
}
.comboBox dl{
	padding: 0.5em;
	border: #ccc 1px solid;
}
.comboBox dt{
	width: 4.5em;
	float: left;
	font-weight: bold;
}

.commandWrap .txtBox{
	width: 70%;
	display: inline-block;
	vertical-align: top;
	padding-right: 1%;
}
.commandWrap .floatImg{
	width: 30%;
	display: inline-block;
	vertical-align: top;
}
.commandWrap .floatImg a{
	
	width: 100%;
	margin: 0;

}
.remakeWrap{
	width: 96%;
	margin: 20px auto;
	border: #e7c7ff 3px solid;
	border-radius: 6px;
	background-color: #fff;
	padding: 1em;
}
.remakeBox{
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 5% auto;
	border-bottom: #ccc 1px dashed;
	margin-bottom: 1em;
}
.remakeWrap .txtBox{
	width: 65%;
	display: inline-block;
	vertical-align: top;
	padding-left: 6%;
	
	
}
.remakeWrap .img{
	width: 35%;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 1em;

}
.remakeBox strong{
	font-weight: bold;
	color: #f369ee;
}
.remakeWrap .img a img{
	width: 100%;
	margin: 0;
	display: block;
}
.remakeWrap h3{
	background-color: #cb86ff;
	padding: 1em;
	font-size: 18px;
	color: #fff;

}
.remakeWrap h4{
	color: #cb86ff;
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	padding: 0;

	line-height: 1.5em;
}
.remakeTxt{
	font-size: 14px;
	padding: 1em 1em 0;	
}
.remakeTxt .txt{
	font-size: 14px;
	border-bottom: #ccc 1px dashed;
	margin: 0;
	padding: 0 0.5em 0.5em;
}
/*---------------------------------------------------------
サウンド
------------------------------------------------------------*/
.soundWrap{
	padding: 3% 0 5%;
}
.songWrap,.cdWrap{
	width: 100%;
	max-width: 1050px;
}
.songWrap{
	margin: 2% auto;
}
.songBox{
	width: 50%;
	float: left;
	text-align: center;
}
.songBox img{
	width: 90%;
	max-width: 480px;
}
.songBox h2{
	display: inline;
	background-color: #cb86ff;
	color: #fff;
	line-height: 1em;
	padding: 3px 2em;
	border-radius: 50px;
	font-size: 14px;
	letter-spacing: 3px;
}
.songBox .songTitle{
	color: #cb86ff;
	font-size: 18px;
	padding: 1.5em 0 1.3em;
}
.songBox .artist{
	
	line-height: 1.5em;
	margin-bottom: 1em;
}
.cdWrap{
	border: #cb86ff 2px solid;
	border-radius: 6px;
	padding:0 1% 1%;
	background-color: #fff;
	margin: 0 auto 5%;
	background-image: url(../sound/img/bg.png);
}
.cdBox .img{
	width: 30%;
	float: left;
	padding: 1%;
}
.cdBox .txt{
	width: 70%;
	padding: 1%;
	float: left;
}
.cdWrap h2{
	font-family: 'Bungee', cursive;
	color: #cb86ff;
	font-size: 16px;
	line-height: 1em;
	letter-spacing: 1px;
	padding: 1em 0 0.8em;
	text-align: center;
	border-bottom: #cb86ff 2px solid;
	margin-bottom: 1%;
}
.cdBox h3{
	width: 100%;
	color: #be73f6;
	font-size: 18px;
	padding:1em 0 0;
}
.cdBox h4{
	font-size: 14px;
	color: #914fc3;
	background-color: #e7c7ff;
	padding: 5px 0.8em;
}
.cdBox ul{
	padding: 0.8em;
	margin-left: 1em;
}
.cdBox ul li{
	text-indent: -1em;
}
.cdBox strong{
	font-size: 16px;
	color: #ee62ff;
	display: block;
	padding:5px 0.5em;
}
.cdBox a{
	padding: 0.8em;
	border: #cb86ff 1px solid;
	color: #a84ced;
	font-size: 14px;
	display: block;
}
.cdBox a:hover{
	background-color: #cb86ff;
	color: #fff;
}
.cdBox .img img{
	border: #e7c7ff 1px solid;
}
.cdWrap hr{
	border-top: #e7c7ff  1px dashed;

}

/*---------------------------------------------------------
製品情報
------------------------------------------------------------*/
#info .specWrap{
	padding: 3% 0 5%;
	/*padding-right: 15%;*/
}
#info .specBox{
	width: 96%;
	max-width: 1100px;
	/*max-width: 830px;*/
	margin: 0 auto;
}
#info .new{
	font-family: 'Candal', cursive;
	position: absolute;
	
	background-color: #ff4ab9;
	color: #fff;
	padding: 0 3px;
	line-height: 1.5em;
	font-size: 12px;
}

#info h2{
	width: 100%;
	background-color: #ffa1fc;
	padding: 0.5em;
	border-radius: 50px;
	border: #fff 3px double;
	font-size: 16px;
	line-height: 1em;
	color: #fff;
}
#info .specBox img{
	width: 60%;
	max-width:800px;
	display: inline-block;
	vertical-align: top;
}
#info .specBox .txt{
		width: 40%;
	display: inline-block;
	vertical-align: top;
	padding: 2%;

}
#info .specBox dl{
	width: 100%;
	font-size: 13px;
	padding: 1.5em 0 0;
}
#info .specBox dt{
	width: 5em;
	text-align: center;
	float: left;
	clear: both;
	background-color: #ea7feb;
	color: #fff;
}
#info .specBox dd{
	margin-left: 6em;
	margin-bottom: 0.5em;
}
#info .newsArea{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 2% 1% 5%;
}

#info .newsArea dl{
	width: 98%;
	margin: 0 auto;
	padding:0.5em;
	border-bottom: #ccc 1px dashed;
	background-image: url(../img/bg_white.png);
}

#info .bonusWrap{
	width: 98%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 1% 0 5%;
}
#pre-order .img,#limited .img{
	width: 51%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

#pre-order .txtBox,#limited .txtBox{
	width: 49%;
	display: inline-block;
	vertical-align: top;
	padding: 2% 1%;
}
#pre-order .txtBox .txt,#limited .txtBox .txt{
	font-size: 13px;
	padding: 0.5em 1.5em;
}
#pre-order .txtWrap,#limited .txtWrap{
	padding: 0.5em;
}
#pre-order strong,#limited strong{
	font-size: 16px;
	color: #b56dec;
	font-weight: bold;
	display: block;
	margin: 1em 0.5em 0;
}
#info ul.notes{
	font-size: 12px;
}
#limited .img img,#pre-order .img img{
	max-width: 635px;
}

#update .infoWrap{
	width: 98%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 1% 0 5%;
}
#update .infoBox{
	width: 96%;
	margin: 20px auto;
	border: #e7c7ff 3px solid;
	border-radius: 6px;
	background-color: #fff;
}
#update .infoBox h3{
	background-color: #cb86ff;
	padding: 1em;
	font-size: 18px;
	color: #fff;

}
#update .infoBox .txt{
	padding: 1em;
	font-size: 14px;
	line-height: 1.5em;
}
#update .infoBox .notes{
	font-size: 14px;
}
#update .infoBox .notes li{
	margin: 0.2em 0;
}

/*DLC*/
#dlc .infoWrap{
	width: 98%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 1% 0 5%;
}
#dlc .infoBox{
	width: 96%;
	margin: 20px auto;
	border: #ddd 3px solid;
	border-radius: 6px;
	background-color: #fff;
	overflow: hidden;
}
#dlc .infoBox h3{
	background-color: #cb86ff;
	padding: 1em;
	font-size: 18px;
	color: #fff;

}
#dlc .infoBox.productCode h3{
	background-color:#FFB03E;
}
#dlc .infoBox.free h3{
	background-color:#68CCFD;
}

#dlc .infoBox .txt{
	padding: 1em;
	font-size: 14px;
	line-height: 1.5em;
}
#dlc .infoBox .notes{
	font-size: 14px;
}
#dlc .infoBox .notes li{
	margin: 0.2em 0;
}
#dlc .dlcCategory{
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	border-radius: 6px;
	color: #333;
	font-size: 12px;
	line-height: 18px;
	padding: 0 0.5em;
	margin-right: 5px;
}
#dlc .infoBox strong{
	font-weight: bold;
	display: block;
	margin-bottom: 0.5em;
	color:#FF5489;
}
#dlc .infoBox ul.item{
	margin-left: 1em;
	
}
#dlc .infoBox ul.item li{
	text-indent: -1em;
	margin-bottom: 0.5em;
}
/*---------------------------------------------------------
マニュアル
------------------------------------------------------------*/
.manualWrap{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 2% 2% 5%;
}
.manualWrap a.manualImg img{
	border: #ccc 2px solid;
}
.manualWrap a.pdfLink{
	width: 100%;
	text-align: center;
	font-size: 16px;
	display: block;
	max-width: 400px;
	margin: 0 auto;
	font-weight: bold;
	padding: 1.5em 1em;
	border-radius: 6px;
	border: #e7c7ff 2px solid;
	background-color: #cb86ff;
	color: #fff;
}
.manualWrap a.pdfLink:hover{
	background-color:  #ffa1fc;

}
.manualWrap a.pdfLink .small{
	font-size: 12px;
	line-height: 1.5em;
}
.manualWrap .txt{
	border: #ccc 1px solid;
	background-color: #fff;
	border-radius: 6px;
	padding: 1em;
	color: #333;
	font-size: 14px;
	margin: 1em auto;
}
/*---------------------------------------------------------
@media
------------------------------------------------------------*/
@media (max-width: 978px) {
}

@media (max-width: 786px) {
	.contWrap{
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: box;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
	}
	.navBox{
		-webkit-box-ordinal-group: 4;
		-moz-box-ordinal-group: 4;
		box-ordinal-group: 4;
	}
	#news{
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
	}
	#topBottom{
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
		
	}
	
	.bottomBannerArea{
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		box-ordinal-group: 3;
		border-bottom: #dcdcdc 1px solid;

}

	#topBottom .bottomWrap .bgIcon{
		background-size: 30% auto;
	}
	#top{
		display: none;
	}
	.topWrap img.logo{
		display: none;
	}
	.topBox{
		width:100%;
		padding: 0 ;
		position:relative;
		top:auto;
	}
	#smpTop{
		display:block;
		background-color: #fff;
	}
	.topWrap .bannerArea{
		width: 100%;
		margin-left: 0;
		
	}
	.topWrap .bannerArea a{
		width: 50%;
		margin: 0;
		display: inline-block;
		vertical-align: top;
		border-radius: 0;
	}
	#topNews h2{
		width: 60px;
	}
	#topNews .newsArea{
		margin-left:60px;
	}

	#topNews a.more{
		width: 100%;
		display: block;
		position: relative;
		bottom:0;
		right: 0;
		margin-top: 2px;
		
	}

	#topBottom #spec{
		width: 96%;
		float:none;
		padding-right: 0;
		margin: 5px auto;
	}
	#topBottom #movie{
		width: 96%;
		float:none;
		padding-right: 0;
		margin: 5px auto;
	}
	
	.animax{
		width: 100%;
		max-width: none;
		position: relative;
		text-align: center;
		border-left: none;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		padding-left: 0;
	}

	/*---------------------------------------------------------
	ストーリー
	------------------------------------------------------------*/
	#story .main{
		font-size: 2.2vw;
		background-size: auto 80%;
	}
	#story strong{
		font-size: 3.5vw;
	}
	#story .largeTxt{
		font-size: 4.5vw;
	}

	/*---------------------------------------------------------
	キャラクター
	------------------------------------------------------------*/
	.charaMain{
		width: 56%;
	}
	#chara #charaNavi{
		width: 90%;
	}

	.charaMain .txt{
		font-size: 2.1vw;
		line-height: 1.5em;
		background-image: url(../img/bg_white.png);
	}
	.charaMain .txt br{
		display: none;
	}
	/*---------------------------------------------------------
	サウンド
	------------------------------------------------------------*/

	.songBox .songTitle{
		font-size: 2.8vw;
	}
	.cdBox h3{
		font-size: 15px;
	}
	.cdBox a{
		font-size: 12px;
	}
	/*---------------------------------------------------------
	インフォ
	------------------------------------------------------------*/
	#info .specBox img{
		width: 90%;
		display:block;
		margin: 0 auto;
	}
	#info .specBox .txt{
		width: 92%;
		max-width:27em;
		display:block;
		margin: 0 auto;

	}
	
	#pre-order .img,#limited .img{
		width: 80%;
		display:block;
		margin: 0 auto;
	}

	#pre-order .txtBox,#limited .txtBox{
		width: 100%;
		display: block;
		padding: 1%;
	}
	#pre-order .txtWrap,#limited .txtWrap{
		padding: 0 1% 1%;
	}
	#pre-order .txtBox .txt,#limited .txtBox .txt{
		padding: 0.5em 1em;
	}

}
@media (max-width: 480px) {
#topBottom #spec .box {
	padding: 10px;

}
#topBottom #spec .box .img{
	width: 96%;
	display: block;
	margin: 0 auto;
}
#topBottom #spec .box .txt{
	width: 96%;
	display: block;
	margin: 0 auto;
	font-size: 11px;
}
#spec dl{
	font-size: 12px;
}

/*---------------------------------------------------------
ストーリー
------------------------------------------------------------*/
	/*---------------------------------------------------------
	キャラクター
	------------------------------------------------------------*/
	#chara #charaNavi{
		width: 96%;
	}
	#chara #charaNavi a{
		width: 24%;
	}

	#chara #charaNavi a .new{
		padding: 2px 1.5em;
		font-size: 2vw;
	}
	.charaMain{
		position:relative;
		width: 98%;
		margin: 0 auto 1%;
	}
	.charaMain .txt{
		font-size: 2.5vw;
		padding: 2%;
		border: #e7c7ff 3px double;
		background-color: #fff;

	}
	.charaWrap{
		background-position: left 5%;
		background-size: 190% auto;
		padding-top: 31%
	}
	.charaWrap #charaImg{
		width: 100%;
	}
	#subCharaNavi a{
		font-size: 3vw;
	}
	#chara .cosBt{
		padding: 5px 0;
	}

	/*---------------------------------------------------------
	システム
	------------------------------------------------------------*/
	.sysBox h2{
		font-size: 16px;
	}
	.sysBox .txt{
		padding: 0.5em 1em;
		font-size: 14px;
	}
	.commandBox .img a{
		width: 32.3%;
		margin: 0 0.5%;
	}
	.commandWrap .txtBox{
		width: 100%;
		display: block;
		padding-right: 0;
	}
	.commandWrap .floatImg{
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	.commandWrap .floatImg a{
		width: 100%;
		margin: 0;
	}
	
	.commandWrap h3{
		font-size: 16px;
	}
	.commandBox strong{
		font-size: 16px;
	}
	.rBt{
		font-size: 16px;
	}
	.remakeBox{
		background-size: 20px auto;
	}

	.remakeWrap .txtBox{
		width: 100%;
		display: block;
		padding-top: 25px;
		padding-left: 0;
		padding-bottom:0.5em;
	}
	.remakeWrap .img{
		width: 100%;
		display: block;
	}
	.remakeWrap h3{
		font-size: 14px;
		padding: 0.5em;
	}
	.remakeWrap h4{
		font-size: 14px;
	}
	.remakeWrap .txt{
		padding: 0.5em 0;
	}
	
	/*---------------------------------------------------------
	サウンド
	------------------------------------------------------------*/
	.songWrap{
		padding: 50px 0 0;
	}
	.songBox{
		width: 100%;
		float:none ;
		margin-bottom: 50px;
	}
	.songBox .songTitle{
		font-size: 14px;
	}
	.cdBox {
		padding: 5px 0;
	}
	.cdBox h3{
		font-size: 13px;
		padding: 2px 0;
	}
	.cdBox h4{
		font-size: 12px;
	}
	.cdBox strong{
		font-size: 14px;
	}
	.cdBox .img{
		width: 90%;
		float: none;
		margin: 0 auto;
	}
	.cdBox .txt{
		width: 100%;
		float: none;
	}

	/*---------------------------------------------------------
	マニュアル
	------------------------------------------------------------*/
	.manualWrap a.pdfLink{

		font-size: 14px;
	}
	.manualWrap a.pdfLink .small{
		font-size: 11px;
	}

}