@charset "utf-8";



.attention_screenshots{
	display:none!important;
}
/*----------------------------------------
	for PC
----------------------------------------*/


.ggmap {
position: relative;
padding-bottom: 40%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top:3%;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@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 .base_background::before{
		content:'';
		background:transparent url('../img/trial3/base_top.png') center top no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:900px;
		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:90%;
		padding:370px 0 80px;
		margin:0 auto 0;
	}

	#base .base_background{
background-color:rgba(0,0,0,0.9);
z-index:30;
position:relative;
	}





	.bold{
		font-size:120%;

	}

	.list{
		padding:10px 0 0;
	}

	.list_box{
		width:44.5%;
		float:left;
		border:2px solid #6f5902;
		border-radius:5px;
		padding:2.5% 2%;
		margin-left:2%;
		margin-top:2.5%;
		background-color:#120200;
		box-shadow:2px 2px 3px rgba(0,0,0,0.4);
				background:url("../img/action/weapon/base_window.jpg") repeat;
	}

	.list_box img{
		display:block;
		width:100%;
	}


	.list_box:nth-of-type(2n+1){
		margin-left:0%;
	}


	.list_box h3 {
		position: relative;
		text-align:center;
		display: block;
		padding: 0 0 3%;
		font-size:29px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#e0d04e;
		font-weight:800;
		letter-spacing:2px;
		line-height:1.2;
		text-shadow:0px 0px 3px rgba(0,0,0,0.9),0px 0px 8px rgba(0,0,0,0.9);

	}

	.list_box h3 span{
		font-size:29px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#f1c928;
		font-weight:800;
	}


	.kana{
		letter-spacing: -1px;
	}

	.min{
		font-size:12px;
		line-height:1.3;
	}

	.glay{
		color:#bbb;
	}

	.readText{
		font-size:17px;
		text-align:center;
		font-size:27px;
		line-height:1.4;
		color:#fff;
		font-weight:800;
	}

	.red{
		color:#d00;
	}

	h2{
		font-size:28px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#f1c928;
		font-weight:800;
		width:100%;
		text-align:center;
		padding:70px 0 7px;
		border-bottom:1px solid #f1c928;
		margin-bottom:15px;
	}

	.outline{
		line-height:1.9;
	}

	.tr{display:table;}

	.td,.th{
		display:table-cell;
	}


.tokuten{
	background-color:#ffe26c;
	border-radius:5px;
	padding:4% 3%;
	margin-top:3.5%;
	color:#23150a;
	text-align:center;
	box-shadow:2px 2px 1px rgba(0,0,0,0.6);
	font-size:16px
}


.tokuten h3{
font-weight:800;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:26px;
padding:0 0 7px;
margin-bottom:8px;
border-bottom:1px solid #23150a;
}

.tokuten .min{
color:#A73123;
font-size:14px;
padding-top:1%;
}

.box_reg{
	padding:20px;
	background-color:#333;
	margin:20px 0 20px;
}

table{border-collapse:collapse;margin-top:8px;}

table th{
	padding:0 5px;
	vertical-align:top;
	text-align:left;
	border:1px solid #666;
	padding:5px 8px;
}

table td{
	padding:0 5px;
	border:1px solid #666;
	padding:5px 8px;
}


.window_reg{
	line-height:2;
	padding-top:0.5em;
}

.window_reg h4{
	font-weight:800!important;
	font-size:115%;
}

}




/*----------------------------------------
	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);
	}

	#base .base_background::before{
		content:'';
		background:transparent url('../img/trial3/base_top.png') center top no-repeat;
		background-size:100%;
		display:block;
		width:100%;
		padding-top:900px;
		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:92%;
		padding:35% 0 80px;
		margin:0 auto 0;
	}

	#base .base_background{
background-color:rgba(0,0,0,0.8);
z-index:30;
position:relative;
	}




	.bold{
		font-size:120%;

	}

	.list{
		padding:10px 0 0;
	}

	.list_box{
		width:90%;
		float:left;
		border:2px solid #6f5902;
		border-radius:8px;
		padding:5% 5%;
		margin-top:4%;
		background-color:#120200;
		box-shadow:2px 2px 3px rgba(0,0,0,0.4);
				background:url("../img/action/weapon/base_window.jpg") repeat;
			font-size:13px;
	}

	.list_box img{
		display:block;
		width:100%;
	}




	.list_box h3 {
		position: relative;
		text-align:center;
		display: block;
		padding: 0 0 3%;
		font-size:22px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#e0d04e;
		font-weight:800;
		letter-spacing:2px;
		line-height:1.2;
		text-shadow:0px 0px 3px rgba(0,0,0,0.9),0px 0px 8px rgba(0,0,0,0.9);

	}

	.list_box h3 span{
		font-size:20px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#f1c928;
		font-weight:800;
	}


	.kana{
		letter-spacing: -1px;
	}

	.min{
		font-size:11px;
		line-height:1.3;
	}

	.glay{
		color:#bbb;
	}

	.readText{
		font-size:15px;
		text-align:center;
		line-height:1.4;
		color:#fff;
	}

	.red{
		color:#d00;
	}

	h2{
		font-size:28px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#f1c928;
		font-weight:800;
		width:100%;
		text-align:center;
		padding:55px 0 7px;
		border-bottom:1px solid #f1c928;
		margin-bottom:15px;
		line-height:1.3;
	}

	.outline{
		line-height:1.9;
	}

	.tr{display:table;
	padding-bottom:0.8em;}

	.td,.th{
		display:table-cell;
		line-height:1.5;
	}

	.th{
		width:4em;
	}

	.tokuten{
		background-color:#ffe26c;
		border-radius:5px;
		padding:6% 5%;
		margin-top:8%;
		color:#23150a;
		text-align:left;
		box-shadow:2px 2px 1px rgba(0,0,0,0.6);
		font-size:14px

	}


	.tokuten h3{
	font-weight:800;
			font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:20px;
	padding:0 0 7px;
	margin-bottom:8px;
	border-bottom:1px solid #23150a;
	}

	.tokuten .min{
	color:#A73123;
	font-size:14px;
	padding-top:4%;
	}

	.box_reg{
		padding:20px;
		background-color:#333;
		margin:20px 0 20px;
	}

	table{border-collapse:collapse;margin-top:8px;}

	table th{
		padding:0 5px;
		vertical-align:top;
		text-align:left;
		border:1px solid #666;
		padding:5px 8px;
	}

	table td{
		padding:0 5px;
		border:1px solid #666;
		padding:5px 8px;
	}


	.window_reg{
		line-height:1.7;
		padding-top:0.5em;
		font-size:13px;
	}

	.window_reg h4{
		font-weight:800!important;
		font-size:115%;
	}


}
