@charset "utf-8";



.attention_screenshots{
	display:none!important;
}

.min{
	font-size:90%;
}

/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 481px){

	#content_inner{
		padding:50px 0 70px;
		width:1000px;
		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_background::before{
		content:'';
		background:transparent url('../img/ud1006/base_top.png') center top no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:700px;
		position:absolute;
		top:0;left:0;
		z-index:40;
	}

	#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:45;
		width:83%;
		padding:400px 0 80px;
		margin:0 auto 0;
	}

	#base .base_background{
background-color:rgba(0,0,0,0.9);
z-index:30;
position:relative;
	}

	.date{
		display:block;
		margin:-20px auto 15px;
	}

	.chara{
		display:block;
		position:absolute;
		z-index:25;
		top:210px;
		right:-280px;

	}


	h2{
		display:block;
		text-align:center;
		padding:0px 0 0;
		margin:0 0 0px;
		}

	h2{
		display:block;
		margin:0 0 0px;
	}



	h4{
		text-align:center;
		display:block;
		padding:17px 0 17px;
		margin:70px 0 30px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#960808;
		font-weight:800!important;
		font-size:45px;
		text-shadow:2px 2px 0px rgba(0,0,0,0.1);
		line-height:1;
		position:relative;
	}

	h4::before,
	h4::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
	}

	h4::before {
		top: 0;
		border-top: 2px solid rgba(50,0,0,0.5);
		border-bottom: 1px solid rgba(50,0,0,0.7);
	}

	h4::after {
		bottom: 0;
		border-top: 1px solid rgba(50,0,0,0.7);
		border-bottom: 2px solid rgba(50,0,0,0.5);
	}



	p{
		display:block;
		text-align:left;
		color:#411;
		line-height:1.7;
		font-size:16.5px;
	}


	.read{
		font-size:16px;
		margin-bottom:0px;
		margin-top:2%;
		color:#fff;
	}

	.bold{
		font-size:120%;

	}


 	h3{

		display:inline-block;
		padding:30px 0 0;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#daa515;
		border-bottom:1px solid #daa515;

		font-weight:800!important;
		font-size:33px;
		padding-bottom:10px;

		padding-top:0;
		margin-bottom:20px;
		margin-top:110px;
		text-align:center;
		text-shadow:2px 2px 2px #rgba(0,0,0,0.9);
	}

	.box_twoline .box{
		display:block;
		width:49%;
		float:left;
	}

	.box_twoline .box img{
		display:block;
		width:100%;
		border:1px solid #846a38;
	}

	.box_twoline.weapon img{
		border:1px solid #846a38;
	}

	.box_twoline .box p{
		color:#eee;
		font-size:14px;
				padding-top:10px;
	}

	p{
		color:#eee;
		font-size:14px;

	}

	.box_twoline .box p .tit{
		color:#fff;
		font-size:23px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#daa515;
		display:block;
	}

	.box_twoline .box:nth-of-type(2){
		margin-left:2%;
	}

	.center{
		text-align:center;
	}

	.text_weaponExp{
		padding:30px;
		border:1px solid #312e28;
		margin-top:20px;
		background-color:#000;
		color:#eee;
	}

	.text_weaponExp .tit{
		color:#fff;
		font-size:19px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#d8a72f;
	}




}




/*----------------------------------------
	for SP
----------------------------------------*/

@media screen and (max-width: 480px) {


	#content_inner{
		padding:7% 0 7%;
		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);
		overflow:hidden;
	}

	.base_background::before{
		content:'';
		background:transparent url('../img/ud1006/base_top.png') center top no-repeat;
		background-size:100%;
		display:block;
		width:120%;
		padding-top:700px;
		position:absolute;
		top:-1%;left:-14%;
		z-index:40;
	}

	#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:45;
		width:88%;
		padding:50% 0 10%;
		margin:0 auto 0;
	}

	#base .base_background{
background-color:rgba(0,0,0,0.9);
z-index:30;
position:relative;
	}

	.date{
		display:block;
		margin:-12% auto 15px;
		width:100%;
	}

	.chara{
		display:block;
		position:absolute;
		z-index:25;
		top:210px;
		right:-280px;

	}


	h2{
		display:block;
		text-align:center;
		padding:0px 0 0;
		margin:0 0 0px;
		}

	h2{
		display:block;
		margin:0 0 0px;
	}



	h4{
		text-align:center;
		display:block;
		padding:17px 0 17px;
		margin:16% 0 20px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#960808;
		font-weight:800!important;
		font-size:28px;
		text-shadow:2px 2px 0px rgba(0,0,0,0.1);
		line-height:1.2;
		position:relative;
	}

	h4::before,
	h4::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
	}

	h4::before {
		top: 0;
		border-top: 2px solid rgba(50,0,0,0.5);
		border-bottom: 1px solid rgba(50,0,0,0.7);
	}

	h4::after {
		bottom: 0;
		border-top: 1px solid rgba(50,0,0,0.7);
		border-bottom: 2px solid rgba(50,0,0,0.5);
	}



	p{
		display:block;
		text-align:left;
		color:#422;
		line-height:1.7;
		font-size:14px;
		font-weight:normal!important;

	}


	.read{
		font-weight:800;
		font-size:13px;
		margin-bottom:0%;
		font-weight:400!important;
		padding-top:3%;
		color:#ddd;
	}

	.bold{
		font-size:120%;

	}



	h3{

		display:inline-block;
		padding:7% 0 0;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#daa515;
		border-bottom:1px solid #daa515;

		font-weight:800!important;
		font-size:19px;
		padding-bottom:5px;
		line-height:1.2;

		margin-bottom:20px;
		margin-top:10%;
		text-align:center;
		text-shadow:2px 2px 2px #rgba(0,0,0,0.9);
	}

	.box_twoline .box{
		display:block;
		width:49%;
		float:left;
	}

	.box_twoline .box img{
		display:block;
		width:100%;
		border:1px solid #846a38;
	}

	.box_twoline.weapon img{
		border:1px solid #846a38;
	}

	.box_twoline .box p{
		color:#eee;
		font-size:12px;
				padding-top:10px;
	}

	p{
		color:#eee;
		font-size:12px;

	}

	.box_twoline .box p .tit{
		color:#fff;
		font-size:16px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#daa515;
		display:block;
	}

	.box_twoline .box:nth-of-type(2){
		margin-left:2%;
	}

	.center{
		text-align:center;
	}

	.box_twoline.text_weaponExp .box{
		display:block;
		width:100%;
		float:none;
		font-size:12px;
	}

	.text_weaponExp{
		padding:5%;
		border:1px solid #312e28;
		margin-top:20px;
		background-color:#000;
		color:#eee;
	}

	.text_weaponExp .tit{
		color:#fff;
		font-size:15px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#d8a72f;
	}

}

.red{
	color:#d00;
}
