@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


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

	#content_inner{
		padding:20px 0 80px;
		width:1000px;
		margin:0 auto 0;
		z-index:50;
		position:relative;
	}


		#secMenu{
			display:block;
			background:#000 url('../img/common/bg_secnavi.jpg') no-repeat center top;
			background-size:auto 100%;
			height:40px;
			margin-top:-5px;
			padding:22px 18px 15px;
			text-align:center;
			box-shadow:0 4px 1px rgba(0,0,0,0.4);
		}

		#secMenu .inner{
			width:440px;
			margin:0 auto 0;
		}

		#secMenu a{
			display:block;
			float:left;
			padding:0 20px;
			border-left:1px solid #999;
			position:relative;
			z-index:150;
		}


		#secMenu a:nth-child(1){width:85px;border-left:none;}
		#secMenu a:nth-child(2){width:162px;}
		#secMenu a:nth-child(3){width:36px;}


		#secMenu a img{
			display:block;
			width:100%;
		}

		.mf #secMenu a:nth-child(1) img.on{display:block;}
		.mf #secMenu a:nth-child(1) img.off{display:none;}

		.co #secMenu a:nth-child(3) img.on{display:block;}
		.co #secMenu a:nth-child(3) img.off{display:none;}


		.sv #secMenu a:nth-child(2) img.on{display:block;}
		.sv #secMenu a:nth-child(2) img.off{display:none;}


		#secMenu a:nth-child(1):hover img.on{display:block;}
		#secMenu a:nth-child(1):hover img.off{display:none;}

		#secMenu a:nth-child(3):hover img.on{display:block;}
		#secMenu a:nth-child(3):hover img.off{display:none;}


		#secMenu a:nth-child(2):hover img.on{display:block;}
		#secMenu a:nth-child(2):hover img.off{display:none;}


	.subWindow .tit{
		display:block;
		float:left;
		margin-top:5px;
		width:250px;
	}

	.mf .subWindow .tit{
		display:block;
		float:left;
		margin-top:34px;
		width:140px;
	}

	.co .subWindow .tit{
		display:block;
		float:left;
		margin-top:5px;
		width:100px;
	}

	.subWindow .txt{
		display:block;
		float:right;
		width:800px;
	}

	.mf .subWindow .txt{
		display:block;
		float:right;
		width:740px;
	}

	.sv .subWindow .txt{
		display:block;
		float:right;
		width:640px;
		padding-top:5px;
	}

	#tab{
		width:100%;
		margin:30px 0 30px;
		position:relative;
		z-index:50;
	}

	#tab .category:nth-child(2){
		width:100%;
				float:left;
				margin-top:1.5%;
	}

	#tab .category:nth-child(1){
		display:block;
		width:100%;
		float:left;
	}

	.mf #tab .category{
		width:91%;
		margin:0 auto 0;
		float:none;
	}
	.sv #tab .category{
		width:100%;
		margin:0 auto 0;
		float:none;
	}

	#tab .category .tabicon{
		display:block;
		width:80px;
		float:left;
	}

	#tab .category a{
		display:block;
		width:90px;
		float:left;
		box-shadow:1px 1px 2px rgba(0,0,0,0.8);
		margin-left:10px;
		border-radius:14px;
		background-color:#000;
		position:relative;
	}

	.mf #tab .category a{
		display:block;
		width:80px;
		float:left;
		box-shadow:1px 1px 2px rgba(0,0,0,0.8);
		margin-left:10px;
		border-radius:14px;
		background-color:#000;
		position:relative;
	}

	.sv #tab .category a{
		display:block;
		width:80px;
		float:left;
		box-shadow:1px 1px 2px rgba(0,0,0,0.8);
		margin-left:10px;
		border-radius:14px;
		background-color:#000;
		position:relative;
	}

	#tab .category a.new::after{
		display:block;
		content:'';
		position:absolute;
		left:-5px;
		top:-5px;
		background-image:url('../img/common/new.gif');
		background-size:30px;
		width:30px;
		height:30px;
		border-radius:15px;
		overflow:hidden;
		box-shadow:2px 2px 3px rgba(0,0,0,0.9),0px 0px 5px rgba(0,0,0,0.9);
	}

	#tab .category a:hover img{
		opacity:1;
	}

	#tab .category a img{
		display:block;
		width:100%;
		opacity:0.5;
	}

	#base{
		background:transparent url("../img/character/o_base.jpg") center top no-repeat;
		position:relative;
		width:1000px;height:812px;
		box-shadow:0px 0px 3px rgba(0,0,0,0.6);
	}

	.mf #base{
		background:transparent url("../img/character/m_base.jpg") center top no-repeat;
		position:relative;
		width:1000px;height:812px;
		box-shadow:0px 0px 3px rgba(0,0,0,0.6);
	}

	.sv #base{
		background:transparent url("../img/character/s_base.jpg") center top no-repeat;
		position:relative;
		width:1000px;height:812px;
		box-shadow:0px 0px 3px rgba(0,0,0,0.6);
	}


	.info{
		position:absolute;
		display:block;
		z-index:20;
		width:500px;
		top:60px;
		left:60px;
	}

	.info .name{
		width:auto;
		max-width:100%;
		display:block;
	}

	.info .catch{
		display:block;
		font-size:28px;
		margin-bottom:8px;
		font-weight:bold;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		text-shadow:0px 0px 3px rgba(0,0,0,0.5);
		line-height:1.2;
		color:#E4C771;
	}

	.info .catch .rubi{
		font-size:60%;
	}

	.info p{
		width:350px;
		display:block;
		margin:20px 0 0 30px;
		text-shadow:0px 0px 4px #000;
		line-height:1.7;
	}

	.mf .info p,
	.sv .info p{
		width:350px;
		display:block;
		margin:20px 0 0 0px;
		text-shadow:0px 0px 4px #000;
		line-height:1.7;
	}

	.info .btn_img{
		width:150px;
		display:block;
		margin:20px 0 0 30px;
		float:left;
		position:relative;
	}

	.info .btn_img:nth-of-type(1){
		margin-right:5px!important;
	}

	.info .btn_img:hover{
		opacity:0.8;
	}

	.info .btn_img.cast{
		width:333px;
	}
	.info .btn_img.new:after{
		content:'';
		background-image:url('../img/common/new.gif');
		display:block;
		width:30px;
		height:30px;
		background-size:30px;
		position:absolute;
		border-radius:25px;
		box-shadow:2px 2px 1px rgba(0,0,0,0.2);
		top:-13px;
		left:-3px;
	}

	.mf .info .btn_img,
	.sv .info .btn_img{
		margin:20px 0 0 0px;
	}

	.info .btn_img img{width:100%;display:block;}

	.weapon{
		line-height:1;
		height:20px;
		padding-top:10px;
	}

	.weapon .tit{
		width:80px;
		display:block;
		float:left;
		padding-top:5px;
	}

	.weapon a{
		 width:80px;
		 display:block;
		 float:left;
 }

	.weapon a img{
		 width:100%;
		 display:block;
 }


	.visual{
		position:absolute;
		display:block;
		z-index:10;
	}

	/*鬼*/

	.ol01 .visual{
		background:transparent url("../img/character/ol01_visual.png") center top no-repeat;width:1756px;height:866px;
		top:-53px;left:-400px;
	}
	.ol01 #tab .category a.ol01 img{opacity:1;}

	.ol02 .visual{
		background:transparent url("../img/character/ol02_visual.png") center top no-repeat;width:2060px;height:1059px;
		bottom:0px;left:0px;
	}
	.ol02 #tab .category a.ol02 img{opacity:1;}

	.ol03 .visual{
		background:transparent url("../img/character/ol03_visual.png") center top no-repeat;width:1273px;height:1215px;
		top:0px;right:-518px;
	}
	.ol03 #tab .category a.ol03 img{opacity:1;}

	.ol04 .visual{
		background:transparent url("../img/character/ol04_visual.png") center top no-repeat;width:1162px;height:937px;
		top:-125px;right:-150px;
	}
	.ol04 #tab .category a.ol04 img{opacity:1;}

	.ol05 .visual{
		background:transparent url("../img/character/ol05_visual.png") center top no-repeat;width:2401px;height:1505px;
		top:-155px;right:-720px;
	}
	.ol05 #tab .category a.ol05 img{opacity:1;}

	.ol06 .visual{
		background:transparent url("../img/character/ol06_visual.png") center top no-repeat;width:1391px;height:1106px;
		bottom:0px;right:-345px;
	}
	.ol06 #tab .category a.ol06 img{opacity:1;}

	.ol07 .visual{
		background:transparent url("../img/character/ol07_visual.png") center top no-repeat;width:1042px;height:986px;
		top:-185px;right:-145px;
	}
	.ol07 #tab .category a.ol07 img{opacity:1;}

	.ol08 .visual{
		background:transparent url("../img/character/ol08_visual.png") center top no-repeat;width:2517px;height:1360px;
		top:-285px;left:-115px;
	}
	.ol08 #tab .category a.ol08 img{opacity:1;}



	/**/

	.om01 .visual{
		background:transparent url("../img/character/om01_visual.png") center top no-repeat;width:1418px;height:1443px;
		top:-510px;left:-52px;
	}
	.om01 #tab .category a.om01 img{opacity:1;}

	.om02 .visual{
		background:transparent url("../img/character/om02_visual.png") center top no-repeat;width:754px;height:854px;
		top:-40px;right:0px;
	}
	.om02 #tab .category a.om02 img{opacity:1;}

	.om03 .visual{
		background:transparent url("../img/character/om03_visual.png") center top no-repeat;width:828px;height:916px;
		top:-150px;right:-90px;
	}
	.om03 #tab .category a.om03 img{opacity:1;}



	/*住人*/

	.s00 .visual{
		background:transparent url("../img/character/s00_visual.png") center top no-repeat;width:615px;height:863px;
		top:-53px;right:0px;
	}
	.s00 #tab .category a.s00 img{opacity:1;}

	.s01 .visual{
		background:transparent url("../img/character/s01_visual.png") center top no-repeat;width:1229px;height:1216px;
		top:0px;right:-534px;
	}
	.s01 #tab .category a.s01 img{opacity:1;}

	.s02 .visual{
		background:transparent url("../img/character/s02_visual.png") center top no-repeat;width:883px;height:792px;
		top:10px;right:-156px;
	}
	.s02 #tab .category a.s02 img{opacity:1;}

	.s03 .visual{
		background:transparent url("../img/character/s03_visual.png") center top no-repeat;width:1509px;height:1832px;
		top:-10px;right:-426px;
	}
	.s03 #tab .category a.s03 img{opacity:1;}

	.s04 .visual{
		background:transparent url("../img/character/s04_visual.png") center top no-repeat;width:1082px;height:828px;
		top:-14px;right:0px;
	}
	.s04 #tab .category a.s04 img{opacity:1;}


	.s05 .visual{
		background:transparent url("../img/character/s05_visual.png") center top no-repeat;width:1482px;height:1401px;
		top:-44px;left:10px;
	}
	.s05 #tab .category a.s05 img{opacity:1;}


	.s06 .visual{
		background:transparent url("../img/character/s06_visual.png") center top no-repeat;width:862px;height:830px;
		top:-14px;right:-60px;
	}
	.s06 #tab .category a.s06 img{opacity:1;}


	.s07 .visual{
		background:transparent url("../img/character/s07_visual.png") center top no-repeat;width:695px;height:681px;
		top:15px;right:-70px;
	}
	.s07 #tab .category a.s07 img{opacity:1;}


	.s08 .visual{
		background:transparent url("../img/character/s08_visual.png") center top no-repeat;width:581px;height:604px;
		top:54px;right:30px;
	}
	.s08 #tab .category a.s08 img{opacity:1;}

	.s09 .visual{
		background:transparent url("../img/character/s09_visual.png") center top no-repeat;width:1122px;height:1153px;
		top:-80px;right:-180px;
	}
	.s09 #tab .category a.s09 img{opacity:1;}

	.s10 .visual{
		background:transparent url("../img/character/s10_visual.png") center top no-repeat;width:734px;height:840px;
		bottom:-10px;right:10px;
	}
	.s10 #tab .category a.s10 img{opacity:1;}




	/*モノノフ*/

	.m00 .visual{
		background:transparent url("../img/character/m00_visual.png") center top no-repeat;width:1099px;height:870px;
		top:-30px;left:0px;
	}
	.m00 #tab .category a.m00 img{opacity:1;}

	.m01 .visual{
		background:transparent url("../img/character/m01_visual.png") center top no-repeat;width:1333px;height:1118px;
		bottom:-20px;left:200px;
	}
	.m01 #tab .category a.m01 img{opacity:1;}

	.m02 .visual{
		background:transparent url("../img/character/m02_visual.png") center top no-repeat;width:1261px;height:987px;
		top:-30px;left:340px;
	}
	.m02 #tab .category a.m02 img{opacity:1;}

	.m03 .visual{
		background:transparent url("../img/character/m03_visual.png") center top no-repeat;width:1172px;height:1138px;
		top:-30px;left:150px;
	}
	.m03 #tab .category a.m03 img{opacity:1;}

	.m04 .visual{
		background:transparent url("../img/character/m04_visual.png") center top no-repeat;width:816px;height:837px;
		bottom:0px;right:-50px;
	}
	.m04 #tab .category a.m04 img{opacity:1;}

	.m05 .visual{
		background:transparent url("../img/character/m05_visual.png") center top no-repeat;width:970px;height:846px;
		bottom:0px;right:-50px;
	}
	.m05 #tab .category a.m05 img{opacity:1;}

	.m06 .visual{
		background:transparent url("../img/character/m06_visual.png") center top no-repeat;width:2634px;height:1585px;
		top:-25px;right:-0px;
	}
	.m06 #tab .category a.m06 img{opacity:1;}

	.m07 .visual{
		background:transparent url("../img/character/m07_visual.png") center top no-repeat;width:2295px;height:1658px;
		top:-70px;left:0px;
	}
	.m07 #tab .category a.m07 img{opacity:1;}

	.m08 .visual{
		background:transparent url("../img/character/m08_visual.png") center top no-repeat;width:1285px;height:1539px;
		top:-37px;right:-50px;
	}
	.m08 #tab .category a.m08 img{opacity:1;}

	.m09 .visual{
		background:transparent url("../img/character/m09_visual.png") center top no-repeat;width:1850px;height:1703px;
		top:-10px;right:-50px;
	}
	.m09 #tab .category a.m09 img{opacity:1;}


}




/*----------------------------------------
	for SP
----------------------------------------*/

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


	#content_inner{
		padding:7% 0 20%;
		margin:0 auto 0;
		z-index:50;
		position:relative;
	}

	h2{
		display:block;
		text-align:center;
		padding:10px 0 0;
		margin:0 0 0px;
		width:100%;
		}

		h2 img{
			display:block;
			width:100%;
			}



		#secMenu .inner{
			width:100%;
			margin:0 auto 0;
		}

		#secMenu a{
			display:block;
			float:left;
			padding:0 5%;
			border-left:1px solid #999;
			position:relative;
		}


		#secMenu a:nth-child(1){width:18%;border-left:none;}
		#secMenu a:nth-child(2){width:35%;}
		#secMenu a:nth-child(3){width:8%;}

		#secMenu a img{
			display:block;
			width:100%;
		}

		.mf #secMenu a:nth-child(1) img.on{display:block;}
		.mf #secMenu a:nth-child(1) img.off{display:none;}

		.co #secMenu a:nth-child(3) img.on{display:block;}
		.co #secMenu a:nth-child(3) img.off{display:none;}


		.sv #secMenu a:nth-child(2) img.on{display:block;}
		.sv #secMenu a:nth-child(2) img.off{display:none;}


		.subWindow .inner br{
			display:none;
		}

	.subWindow .tit{
			display:block;
			float:left;
			margin:5px 10px 2px 0;
			width:18%;
		}

	.mf .subWindow .tit{
		width:30%;
		margin-top:0;
	}

	.sv .subWindow .tit{
		width:60%;
				margin-top:0;
	}

	.subWindow .txt{
		display:inline;
	}

	#tab{
		width:96%;
		margin:3% auto 8%;
		position:relative;
		z-index:20;
	}

	/*#tab .category:nth-child(2){
		border-left:1px solid #999;
		margin-left:3%;
	}*/

	#tab .category{
		display:block;
		width:96%;
		margin:2% auto 0 ;
	}

	.mf #tab .category{
		display:block;
		width:94%;
		margin:0 auto 0;
		float:none;
	}


	.sv #tab .category{
		display:block;
		width:94%;
		margin:0 auto 0;
		float:none;
	}

	#tab .category .tabicon{
		display:block;
		width:18%;
		float:left;
	}

	#tab .category a{
		display:block;
		width:18.3%;
		float:left;
		background-color:#000;
		border-radius:15%;
		margin-left:2%;
		margin-top:2%;
		box-shadow:2px 2px 2px rgba(0,0,0,0.3);
		position:relative;
	}

	#tab .category a img{
		opacity:0.5;
	}

	#tab .category a:nth-of-type(5){
		margin-left:20%;
	}

	.mf #tab .category a{
		width:23.4%;
		margin-left:2%;
		margin-top:2%;
		position:relative;
	}

		.mf #tab .category a:nth-of-type(4n+1){
			margin-left:0;
		}

	.sv #tab .category a{
		width:18.4%;
		margin-left:2%;
		margin-top:2%;
		position:relative;
	}

	.sv #tab .category a:nth-of-type(5n+1){
		margin-left:0;
	}

	#tab .category a.new::after{
		display:block;
		content:'';
		position:absolute;
		left:-5px;
		top:-5px;
		background-image:url('../img/common/new.gif');
		background-size:23px;
		width:23px;
		height:23px;
		border-radius:15px;
		overflow:hidden;
		box-shadow:2px 2px 3px rgba(0,0,0,0.9),0px 0px 5px rgba(0,0,0,0.9);
	}

	#tab .category a img{
		display:block;
		width:100%;
	}

	#base{
		background:transparent url("../img/character/o_base_sp.jpg") center top no-repeat;
		position:relative;
		width:100%;height:auto;
		box-shadow:0px 0px 3px rgba(0,0,0,0.6);
	}

	.mf #base{
		background:transparent url("../img/character/m_base_sp.jpg") center top no-repeat;
	}


	.sv #base{
		background:transparent url("../img/character/s_base_sp.jpg") center top no-repeat;
	}


	.info{
		position:relative;
		display:block;
		z-index:20;
		width:88%;
		padding:110% 0 10%;margin:0 auto 0;
	}

	.info::after{
		content:'';
		display:block;
		clear:both;
	}

	.mf .info{
		padding:160% 0 10%;margin:0 auto 0;
	}

	.info .name{
		width:210px;
		max-width:100%;
		display:block;
		margin-left:-5%;
		margin-bottom:10px;
	}

	.mf .info .name{
		margin-left:0px;
	}

	.sv .info .name{
		margin-left:0px;
	}

	.info .catch{
		display:block;
		font-size:28px;
		margin-bottom:8px;
		font-weight:bold;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		line-height:1.2;
		color:#E4C771;
		text-shadow:0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
	}


		.info .catch .rubi{
			font-size:60%;
		}

	.info p{
		width:100%;
		display:block;
		text-shadow:0px 0px 4px #000;
		line-height:1.7;
		font-size:15px;
		font-weight:normal;
		text-shadow:0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
	}

	.info .btn_img{
		width:40%;
		display:block;
		margin:20px 0 0 0px;
		float:left;
		position:relative;
	}


	.info .btn_img:nth-of-type(1){
		margin-right:5px!important;
	}

	.info .btn_img:hover{
		opacity:0.8;
	}

	.info .btn_img.cast{
		width:100%;
		clear:both;
		float:none;
	}
	.info .btn_img.new:after{
		content:'';
		background-image:url('../img/common/new.gif');
		display:block;
		width:25px;
		height:25px;
		background-size:25px;
		position:absolute;
		border-radius:25px;
		box-shadow:2px 2px 1px rgba(0,0,0,0.2);
		top:-13px;
		left:-3px;
	}

	.info .btn_img img{width:100%;display:block;}

	.weapon{
		line-height:1;
		height:20px;
		padding-top:10px;
	}

	.weapon .tit{
		width:80px;
		display:block;
		float:left;
		padding-top:5px;
	}

	.weapon a{
		 width:80px;
		 display:block;
		 float:left;
 }

	.weapon a img{
		 width:100%;
		 display:block;
 }

	.visual{
		position:absolute;
		display:block;
		z-index:10;

	}

	.ol01 .visual{
		background:transparent url("../img/character/ol01_visual.png") center top no-repeat;width:350%;padding-top:200%;
		background-size:100%;
		top:-4%;left:-160%;
	}
	.ol01 #tab .category a.ol01 img{opacity:1;}

	.ol02 .visual{
		background:transparent url("../img/character/ol02_visual.png") center top no-repeat;width:400%;padding-top:500%;
		background-size:100%;
		top:-27%;left:-88%;
	}
	.ol02 #tab .category a.ol02 img{opacity:1;}

	.ol03 .visual{
		background:transparent url("../img/character/ol03_visual.png") center top no-repeat;width:250%;padding-top:500%;
		background-size:100%;
		top:0%;left:-35%;
	}
	.ol03 #tab .category a.ol03 img{opacity:1;}

	.ol04 .visual{
		background:transparent url("../img/character/ol04_visual.png") center top no-repeat;width:220%;padding-top:500%;
		background-size:100%;
		top:-10%;left:-74%;
	}
	.ol04 #tab .category a.ol04 img{opacity:1;}

	.ol05 .visual{
		background:transparent url("../img/character/ol05_visual.png") center top no-repeat;width:400%;padding-top:500%;
		background-size:100%;
		top:-10%;left:-180%;
	}
	.ol05 #tab .category a.ol05 img{opacity:1;}

	.ol06 .visual{
		background:transparent url("../img/character/ol06_visual.png") center top no-repeat;width:220%;padding-top:500%;
		background-size:100%;
		top:-10%;left:-74%;
	}
	.ol06 #tab .category a.ol06 img{opacity:1;}

	.ol07 .visual{
		background:transparent url("../img/character/ol07_visual.png") center top no-repeat;width:180%;padding-top:500%;
		background-size:100%;
		top:-16%;left:-55%;
	}
	.ol07 #tab .category a.ol07 img{opacity:1;}

	.ol08 .visual{
		background:transparent url("../img/character/ol08_visual.png") center top no-repeat;width:390%;padding-top:500%;
		background-size:100%;
		top:-16%;left:-72.8%;
	}
	.ol08 #tab .category a.ol08 img{opacity:1;}




	.om01 .visual{
		background:transparent url("../img/character/om01_visual.png") center top no-repeat;width:280%;padding-top:400%;
		background-size:100%;
		top:-70%;left:-85%;
	}
	.om01 #tab .category a.om01 img{opacity:1;}

	.om02 .visual{
		background:transparent url("../img/character/om02_visual.png") center top no-repeat;width:280%;padding-top:400%;
		background-size:50%;
		top:-3%;left:-96%;
	}
	.om02 #tab .category a.om02 img{opacity:1;}

	.om03 .visual{
		background:transparent url("../img/character/om03_visual.png") center top no-repeat;width:280%;padding-top:400%;
		background-size:50%;
		top:-20%;left:-86%;
	}
	.om03 #tab .category a.om03 img{opacity:1;}



	/*住人*/

	.s00 .visual{
		background:transparent url("../img/character/s00_visual.png") center top no-repeat;width:120%;height:300%;
		background-size:100%;
		top:-8%;right:-10%;
	}
	.s00 #tab .category a.s00 img{opacity:1;}

	.s01 .visual{
		background:transparent url("../img/character/s01_visual.png") center top no-repeat;width:240%;height:200%;
		background-size:100%;
		top:0px;left:-30%;
	}
	.s01 #tab .category a.s01 img{opacity:1;}

	.s02 .visual{
		background:transparent url("../img/character/s02_visual.png") center top no-repeat;width:180%;height:200%;
		background-size:100%;
		top:-2%;right:-47%;
	}
	.s02 #tab .category a.s02 img{opacity:1;}

	.s03 .visual{
		background:transparent url("../img/character/s03_visual.png") center top no-repeat;width:270%;height:200%;
		background-size:100%;
		top:-2%;right:-77%;
	}
	.s03 #tab .category a.s03 img{opacity:1;}

	.s04 .visual{
		background:transparent url("../img/character/s04_visual.png") center top no-repeat;width:195%;height:200%;
		background-size:100%;
		top:-2%;right:-6%;
	}
	.s04 #tab .category a.s04 img{opacity:1;}

	.s05 .visual{
		background:transparent url("../img/character/s05_visual.png") center top no-repeat;width:251%;height:200%;
		background-size:100%;
		top:-2%;right:-82%;
	}
	.s05 #tab .category a.s05 img{opacity:1;}

	.s06 .visual{
		background:transparent url("../img/character/s06_visual.png") center top no-repeat;width:148%;height:200%;
		background-size:100%;
		top:-2%;right:-18%;
	}
	.s06 #tab .category a.s06 img{opacity:1;}

	.s07 .visual{
		background:transparent url("../img/character/s07_visual.png") center top no-repeat;width:125%;height:200%;
		background-size:100%;
		top:-4%;right:-28%;
	}
	.s07 #tab .category a.s07 img{opacity:1;}

	.s08 .visual{
		background:transparent url("../img/character/s08_visual.png") center top no-repeat;width:98%;height:200%;
		background-size:100%;
		top:5%;right:1%;
	}
	.s08 #tab .category a.s08 img{opacity:1;}

	.s09 .visual{
		background:transparent url("../img/character/s09_visual.png") center top no-repeat;width:190%;height:200%;
		background-size:100%;
		top:-6%;right:-35%;
	}
	.s09 #tab .category a.s09 img{opacity:1;}

	.s10 .visual{
		background:transparent url("../img/character/s10_visual.png") center top no-repeat;width:120%;height:200%;
		background-size:100%;
		top:-2%;right:-2%;
	}
	.s10 #tab .category a.s10 img{opacity:1;}


	/**/


	.m00 .visual{
		background:transparent url("../img/character/m00_visual.png") center top no-repeat;width:200%;height:200%;
		background-size:100%;
		top:-2%;left:-75%;
	}
	.m00 #tab .category a.m00 img{opacity:1;}


	.m01 .visual{
		background:transparent url("../img/character/m01_visual.png") center top no-repeat;width:300%;height:200%;
		background-size:100%;
		top:-20%;left:-50%;
	}
	.m01 #tab .category a.m01 img{opacity:1;}

	.m02 .visual{
		background:transparent url("../img/character/m02_visual.png") center top no-repeat;width:280%;height:200%;
		background-size:100%;
		top:0%;left:-10%;
	}
	.m02 #tab .category a.m02 img{opacity:1;}

	.m03 .visual{
		background:transparent url("../img/character/m03_visual.png") center top no-repeat;width:250%;height:200%;
		background-size:100%;
		top:0%;left:-40%;
	}
	.m03 #tab .category a.m03 img{opacity:1;}

	.m04 .visual{
		background:transparent url("../img/character/m04_visual.png") center top no-repeat;width:180%;height:200%;
		background-size:100%;
		top:-10px;left:-36%;
	}
	.m04 #tab .category a.m04 img{opacity:1;}

	.m05 .visual{
		background:transparent url("../img/character/m05_visual.png") center top no-repeat;width:220%;height:200%;
		background-size:100%;
		top:-25px;left:-80%;
	}
	.m05 #tab .category a.m05 img{opacity:1;}

	.m06 .visual{
		background:transparent url("../img/character/m06_visual.png") center top no-repeat;width:520%;height:200%;
		background-size:100%;
		top:-25px;left:-420%;
	}
	.m06 #tab .category a.m06 img{opacity:1;}

	.m07 .visual{
		background:transparent url("../img/character/m07_visual.png") center top no-repeat;width:520%;height:200%;
		background-size:100%;
		top:-25px;left:-110%;
	}
	.m07 #tab .category a.m07 img{opacity:1;}

	.m08 .visual{
		background:transparent url("../img/character/m08_visual.png") center top no-repeat;width:245%;height:200%;
		background-size:100%;
		top:-8px;left:-120%;
	}
	.m08 #tab .category a.m08 img{opacity:1;}

	.m09 .visual{
		background:transparent url("../img/character/m09_visual.png") center top no-repeat;width:365%;height:200%;
		background-size:100%;
		top:-8px;left:-240%;
	}
	.m09 #tab .category a.m09 img{opacity:1;}


}