@charset "utf-8";



.attention_screenshots{
	display:none!important;
}
/*----------------------------------------
	for PC
----------------------------------------*/


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

	#content_inner{
		padding:50px 0 70px;
		width:960px;
		margin:0 auto 0;
		z-index:50;
		position:relative;
	}

	#base{
		background:transparent url('../img/trial/base_middle.jpg') center top;
		background-size:100%;
		position:relative;
		margin:30px 0 0;
		box-shadow:2px 2px 3px rgba(0,0,0,0.2),-2px -2px 3px rgba(0,0,0,0.2),-2px 2px 3px rgba(0,0,0,0.2),2px -2px 3px rgba(0,0,0,0.2);
	}

	#base::before{
		content:'';
		background:transparent url('../img/trial/base_top.jpg') center top no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:300px;
		position:absolute;
		top:0;left:0;
		z-index:10;
	}

	#base::after{
		content:'';
		background:transparent url('../img/trial/base_bottom.jpg') center bottom no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:300px;
		position:absolute;
		bottom:0;left:0;
		z-index:10;
	}

	#base .base_inner{
		position:relative;
		z-index:20;
		width:88%;
		padding:30px 0 60px;
		margin:0 auto 0;
	}


	h2{
		display:block;
		text-align:center;
		padding:0px 0 0;
		margin:0 0 0px;
		}


	h3{
		display:block;
		padding:30px 0 0;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#422;
		font-weight:800!important;
		font-size:40px;
		padding-bottom:15px;
		line-height:1.2;
	}

	.readText{
		width:100%;
		font-size:24px;
		font-weight:800;
		text-align:center;
		color:#333;
		padding:10px 0 0;
	}

	#base{
		color:#333;
	}


	.forc img{
		display:block;
		margin:0 auto 0;
	}

	.forc:after{
		content:'※画像は製作中のものです。';
		display:inline-block;
		right:0;
		position:absolute;
		right:10px;

	}

	.forc .img01{
		margin:40px auto;
	}

	.comic .list{
		float:left;
		margin-left:8px;
		margin-top:16px;
	}
	.comic .firstlist{

	}

	.comic .list:nth-of-type(1){
		margin-left:100px;
	}

	.comic .list:nth-of-type(5){
		margin-left:0px;
	}

	.comic .list .name{
		text-align:center;
	}

	.comic .list .name span{
		font-size:18px;
		font-weight:800!important;
	}

	.window{

		width:94%;
		padding:3%;
		background-color:rgba(255,255,255,0.5);
		margin:80px 0 0;
		border:1px solid #666;
	}


	.window .logo{
display:block;
margin:0 auto 0;
	}

	.window h4{
		display:block;
		font-size:22px;
		font-weight:800!important;
	}

		.window h5{
			display:block;
			font-size:19px;
			border-bottom:1px solid #333;
			padding-bottom:5px;
			margin:25px 0 10px;
		}

		.window h5 span{
			font-size:15px;
		}

		.window .name{
			font-size:18px;
			font-weight:bold;
			margin:15px 0 0;
		}

	.bold{
		font-weight:800!important;
	}

	.red{
		color:#b00;
	}

	#base .base_inner.new::after{
		display:block;
		content:'';
		position:absolute;
		left:-35px;
		top:20px;
		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);
	}

.img_wide{
	width:100%;
}

.tit_mitamacontest{
	color:#300;font-weight:800;font-size:170%;display:block;text-align:center;padding-top:28px;border-bottom:1px solid #300;padding-bottom:8px;
}


/*コミック*/
.box_comic{
	width:44%;
	float:left;
	padding-left:2%;
	font-size:17px;
	line-height:1.5;
	border-left:10px solid #e5004f;
	margin-left:2%;
	margin-top:2%;
}

.box_comic .bold{
	font-weight:800;
		font-size:14px;

}

.box_comic .tit{
	font-weight:800;
	font-size:20px;
	color:#422;



}

.book{
	border:1px solid #e5004f;
	padding:20px 20px 30px;
			margin-bottom:20px;
			text-align:center;
}

.book .tit{
	color:#e5004f;
		text-align:center;
			font-weight:800;
			font-size:22px;
			margin-bottom:10px;
}

.book p{
text-align:left;
}

.area_comic{
	margin:0.5% 0 3%;
	width:100%;
	border-top:1px solid #422;
	/*border-bottom:1px solid #422;*/
	padding:3% 0 2.5%;
}

.comic_head{
font-size:22px;
text-align:center;
margin-top:6%;
color:#422;
font-weight:800;
}

.btn_maou{
	display:block;
	margin:0 auto 0;
	text-align:center;
	width:400px;
	padding:12px 0;
	border-radius:5px;
	background-color:#e5004f;
	color:#fff;
}

.btn_maou_min{
	display:block;
	margin:0 auto 0;
	text-align:center;
	width:300px;

	padding:7px 0;
	border-radius:5px;
	/*background-color:#e5004f;*/
	border:3px solid #e5004f;
	font-size:15px;
	color:#e5004f;
	font-weight:800;
}

/*anime*/

.box_anime{
	width:34%;
	margin:25px auto 0;
}
.box_anime img{
	width:100%;
	display:block;
	box-shadow:2px 2px 1px rgba(0,0,0,0.2);
}

.box_anime p{
text-align:center;
color:#422;
display:block;
padding:4px 0 0;
}


/*コラボDLC*/
.tit_mitamacorabo{
	color:#300;font-weight:800;font-size:170%;display:block;text-align:center;padding-top:28px;border-bottom:1px solid #300;padding-bottom:8px;
	margin-bottom:20px;line-height:1.3;
}

.tit_mitamacorabo .illustrator{
	font-size:20px;
	padding-left:1em;
}

.img_half{
	display:block;
	width:40%;
	margin-left:3%;
	float:left;
}

.img_half:nth-of-type(1){
margin-left:8%;
}

.info_mitama{
	margin-top:2%;
}

.date{
	font-weight:800!important;
	font-size:22px;
	color:#922;
	padding-bottom:0.3em;
}


/*コミックス ミタマ*/


.book_privilege_tit{
	border-bottom:1px solid #fff;
	color:#966b01;
	padding:0 0 2px;
	margin:0px 0 15px;
	font-weight:800;
	font-size:22px;
}

.book_privilege{
	background-color:rgba(255,255,255,0.8);
	border-radius:5px;
	margin:20px auto 20px;
	padding:25px 30px 30px;
	position:relative;
	box-shadow:1px 1px 4px rgba(0,0,0,0.3);
}

.book_privilege_box{
	width:19.2%;
	float:left;
	margin-left:1%;
	margin-bottom:0px;
}

.book_privilege_box:nth-of-type(1){
	margin-left:0px;
}

.book_privilege_box img{
	width:100%;
	display:block;
}

.book_privilege_box p{
	color:#442;
	font-weight:800!important;
	line-height:1.2;
}

.book_privilege_box p span{
	font-size:12px;
	color:#444;
}

.book_privilege.new::after{
	display:block;
	content:'';
	position:absolute;
	left:-3px;
	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);
}


.book_exp{
	font-size:13px;
	line-height:1.4;
	text-align:left;
	padding:15px;
	border:1px solid #666;
	margin-top:20px;
}

.img_20161006_03{
width:50%;
float:left;
margin-right:30px;
border:1px solid #300;
}

.btn_20161006{
	width:500px;
	display:block;
	border-radius:30px;
	background-color:#09d;
	color:#fff;
	text-align:center;
	margin:30px auto 0;
	padding:5px 15px;
	box-shadow:2px 2px 1px rgba(0,0,0,0.2);
}

}




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

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


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

	#base{
		background:transparent url('../img/trial/base_middle.jpg') center top;
		background-size:100%;
		position:relative;
		margin:30px auto 0;
		width:96%;
		box-shadow:2px 2px 3px rgba(0,0,0,0.2),-2px -2px 3px rgba(0,0,0,0.2),-2px 2px 3px rgba(0,0,0,0.2),2px -2px 3px rgba(0,0,0,0.2);
	}

	#base::before{
		content:'';
		background:transparent url('../img/trial/base_top.jpg') center top no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:300px;
		position:absolute;
		top:0;left:0;
		z-index:10;
	}

	#base::after{
		content:'';
		background:transparent url('../img/trial/base_bottom.jpg') center bottom no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:300px;
		position:absolute;
		bottom:0;left:0;
		z-index:10;
	}

	#base .base_inner{
		position:relative;
		z-index:20;
		width:86%;
		padding:30px 0;
		margin:0 auto 0;
	}


	h2{
		display:block;
		text-align:center;
		padding:5% 0 0;
		margin:0 auto 0px;
		width:80%;
		}

		h2 img{
			width:auto;
			max-width:100%;
			}


	h3{
		display:block;
		padding:0% 0 0;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#422;
		font-weight:800!important;
		font-size:20px;
		padding-bottom:15px;
		line-height:1.2;
	}

	.readText{
		width:100%;
		font-size:20px;
		font-weight:800;
		text-align:center;
		color:#333;
		padding:2% 0 0;
	}

	#base{
		color:#333;
	}

	.forc img{
		display:block;
		margin:0 auto 0;
		width:100%;
	}

	.forc:after{
		content:'※画像は前作『討鬼伝 極』のものです。';
		display:inline-block;
		right:0;
		bottom:1em;
		font-size:11px;
		position:absolute;

	}

	.forc .img01{
		margin:10% auto;
	}

	.comic .list{
		float:left;
		margin-left:8px;
		margin-top:10px;
		width:48%;
	}

	.comic .list img{
display:block;
width:100%;
	}

	.comic .list:nth-child(2n+1){
		margin-left:0px;
	}

	.comic .list .name{
		text-align:center;
		font-size:11px;
	}

	.comic .list .name span{
		font-size:14px;
		font-weight:800!important;
	}

	.window{

		width:89%;
		padding:5%;
		background-color:rgba(255,255,255,0.5);
		margin:50px auto 0;
		border:1px solid #666;
		font-size:13px;
		line-height:1.5;
	}

	.window p{
		font-size:12px;
	}

	p{
		font-size:13px;
		line-height:1.5;
	}


	.window .logo{
display:block;
margin:0 auto 7%;
width:70%;
	}

	.window h4{
		display:block;
		font-size:18px;
		font-weight:800!important;
		margin-bottom:5px;
	}

		.window h5{
			display:block;
			font-size:11px;
			border-bottom:1px solid #333;
			padding-bottom:5px;
			margin:25px 0 10px;
		}

		.window h5 span{
			font-size:10px;
		}

		.window .name{
			font-size:16px;
			font-weight:bold;
			margin:15px 0 0;
		}

		.window .name span{
			font-size:11px;
			margin:15px 0 0;
		}

	.bold{
		font-weight:800!important;
	}

	.red{
		color:#b00;
	}

	#base .base_inner.new::after{
		display:block;
		content:'';
		position:absolute;
		left:-6%;
		top:1%;
		background-image:url('../img/common/new.gif');
		background-size:25px;
		width:25px;
		height:25px;
		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);
	}

	.img_wide{
		width:100%;
	}

	.tit_mitamacontest{
		color:#300;font-weight:800;font-size:15px;line-height:1.3;display:block;text-align:center;padding-top:28px;border-bottom:1px solid #300;padding-bottom:8px;
	}

	/*コミック*/
	.box_comic{
		width:90%;
		float:left;
		padding-left:2%;
		font-size:17px;
		line-height:1.5;
		border-left:10px solid #e5004f;
		margin-left:2%;
		margin-top:3%;
	}

	.box_comic .bold{
		font-weight:800;
			font-size:13px;
	}

	.box_comic .tit{
		font-weight:800;
		font-size:18px;
		color:#422;

	}

	.book{
		border:1px solid #e5004f;
		padding:10px 10px 30px;
				margin-bottom:20px;
				text-align:center;
	}

	.book .tit{
		color:#e5004f;
			text-align:center;
				font-weight:800;
				font-size:16px;
	}

	.book p{
		text-align:left;
	}

	.area_comic{
		margin:0.5% 0 3%;
		width:100%;
		border-top:1px solid #422;
		/*border-bottom:1px solid #422;*/
		padding:3% 0 2.5%;
	}

	.comic_head{
	font-size:22px;
	text-align:center;
	margin-top:6%;
	color:#422;
	font-weight:800;
	}

	.btn_maou{
		display:block;
		margin:0 auto 0;
		text-align:center;
		width:80%;
		padding:12px 0;
		border-radius:5px;
		background-color:#e5004f;
		color:#fff;
	}

	.box_anime{
		width:80%;
		margin:25px auto 0;
	}
	.box_anime img{
		width:100%;
		display:block;
		box-shadow:2px 2px 1px rgba(0,0,0,0.2);
	}

	.box_anime p{
	text-align:center;
	color:#422;
	display:block;
	padding:4px 0 0;
	}

	/*コラボDLC*/
	.tit_mitamacorabo{
		color:#300;font-weight:800;font-size:21px;display:block;text-align:center;padding-top:5%;border-bottom:1px solid #300;padding-bottom:5px;
		margin-bottom:16px;line-height:1.2!important;
	}

	.tit_mitamacorabo .illustrator{
		font-size:12px;
		padding-left:1em;
		display:inline;
	}

	.img_half{
		display:block;
		width:48%;
		margin-left:1.5%;
		float:left;
	}

	.info_mitama{
		margin-top:2%;
		font-size:13px;
		line-height:1.5;
	}

	/*コミックス ミタマ*/


	.book_privilege_tit{
		border-bottom:1px solid #fff;
		color:#966b01;
		padding:0 0 2px;
		margin:0px 0 5%;
		font-weight:800;
		font-size:15px;
	}

	.book_privilege{
		background-color:rgba(255,255,255,0.8);
		border-radius:5px;
		margin:20px auto 20px;
		padding:8% 6% 4%;
		position:relative;
		box-shadow:1px 1px 4px rgba(0,0,0,0.3);
	}

	.book_privilege_box{
		width:49%;
		float:left;
		margin-left:1%;
		margin-bottom:5%;
	}

	.book_privilege_box:nth-of-type(1){
		margin-left:0px;
	}

	.book_privilege_box img{
		width:100%;
		display:block;
	}

	.book_privilege_box p{
		color:#442;
		font-weight:800!important;
		line-height:1.2;
	}

	.book_privilege_box p span{
		font-size:10px;
		color:#444;
	}

	.book_privilege.new::after{
		display:block;
		content:'';
		position:absolute;
		left:-3px;
		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);
	}

	.btn_maou_min{
		display:block;
		margin:0 auto 0;
		text-align:center;
		width:80%;

		padding:7px 0;
		border-radius:5px;
		/*background-color:#e5004f;*/
		border:2px solid #e5004f;
		font-size:13px;
		color:#e5004f;
		font-weight:800;
	}

	.book_exp{
		font-size:12px;
		line-height:1.4;
		text-align:left;
		padding:15px;
		border:1px solid #666;
		margin-top:20px;
	}

	.img_20161006_03{
	width:100%;
	margin-bottom:3%;

	}

	.btn_20161006{
		width:80%;
		display:block;
		border-radius:5px;
		background-color:#09d;
		color:#fff;
		text-align:center;
		margin:30px auto 0;
		padding:10px 15px;
		box-shadow:2px 2px 1px rgba(0,0,0,0.2);
		line-height:1.2;
	}


}