@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/system/tenko_karakuri/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/system/tenko_karakuri/base_top.jpg') 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/system/tenko_karakuri/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:70px 0 80px;
		margin:0 auto 0;
	}

	#base .base_background{
background-color:rgba(0,0,0,0.9);
z-index:30;
position:relative;
	}


	.window_ac{
    background: #dcd7c6;
    border: 3px #7E6F4D solid;
    position: relative;
		margin:0px 0 10px;
    z-index: 10;
		font-size:16px;
		box-shadow:2px 2px 3px rgba(0,0,0,0.1),-2px -2px 3px rgba(0,0,0,0.1),-2px 2px 3px rgba(0,0,0,0.1),2px -2px 3px rgba(0,0,0,0.1);
		background:transparent url('../img/dlc/bg_white.jpg') repeat;
	}

	.window_ac .head{
		color:#333;
		display:block;
		padding:30px 35px;
		position:relative;
	}

	.window_ac .head:hover{
		background-color:rgba(0,0,0,0.2);
	}

	.window_ac .head:hover .line_top{
		opacity:0;
	}

	.window_ac .head .state{
		color:#fff;
		background-color:#d00;
		width:170px;
		float:left;
		text-align:center;
		position:relative;
		border-radius:4px;
		box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	}

	.window_ac .head .line_top{
		height:1px;
		width:92%;
		background-color:#7e6f4d;
		position:absolute;
		bottom:-1px;
	}


	.window_ac .head .title{
		color:#a20000;
				width:100%;
				float:left;
				font-size:24px;
				padding:0 0 0 0px;
				font-weight:800;
				line-height:1;
	}

	.window_ac .head .title .console{
		font-size:14px;
		padding-left:2em;
	}


	.window_ac .head .price{
				display:inline-block;
				float:right;
				font-size:17px;
	}

	.window_ac .cont{
		display:block;
		color:#333;
		padding:0px 35px 60px;

	}

	.date{
		display:block;
		padding-bottom:30px;
	}

	.window_ac::before{
		content: "";
    position: absolute;
    margin: 3px;
    border: 1px #7E6F4D solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
	}


	h2{
		font-size:48px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#f1c928;
		font-weight:800!important;
		width:100%;
		text-align:center;
		/*border-bottom:1px solid #f1c928;*/

		margin-bottom:50px;
		letter-spacing:-0.05em;
		text-shadow:2px 2px 3px rgba(0,0,0,0.4),0px 0px 5px rgba(0,0,0,0.4);
	}

	h5{
		margin-top:60px;
		font-size:21px;
		padding:0 0 5px;
		border-bottom:1px solid #888;
		font-weight:800!important;
		margin-bottom:15px;
		color:#a20000;
	}

	h6{
		margin-top:2em;
		font-size:17px;
		font-weight:800!important;
		color:#502c16;
		line-height:1.3;
		padding-bottom:0.5em;
	}

	h6:before{
	content:'■';
	}

	h5:nth-of-type(1){
		margin-top:0px;
	}

	/*.line_top{
		height:1px;
		width:100%;
		background-color:#888;
		margin-bottom:30px;
	}*/

	.attention_text{
		padding:10px 15px;
		/*border:1px solid #999;*/
		font-size:14px;
		text-align:center;
		background-color:rgba(144, 108, 0, 0.38);
	}

	.twoline a{
		display:block;
		width:49.5%;
		float:left;
		border-radius:5px;
		overflow:hidden;
	}

	.twoline a:nth-of-type(2){
		margin-left:1%;
	}

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

	.texts ul{
		display:block;
		padding-left:1em;
			line-height:1.4;
	}

	.texts li{
		display:inline;
		margin-left:-1em;
		font-size:14px;

	}

	.texts li:before{
		content:'・';
		display:inline;
	}

	.how{
		padding:4%;
		border:2px solid #776009;
		background-color:rgba(0,0,0,0.5);
		margin-bottom:40px;
		background-image:url('../img/action/weapon/base_window.jpg');
		background-size:600px;
		border-radius:10px;
		box-shadow:1px 1px 3px rgba(0,0,0,0.4);
		position:relative;
	}

	.how .inner{
		z-index:20;
		position:relative;
	}

	.how:before{
		content:'';
		background-image:url('../img/system/tenko_karakuri/img_karakuri.png');
		background-size:100%;
		background-repeat:no-repeat;
		width:300px;
		padding-top:38%;
		position:absolute;
		top:-130px;
		right:-12px;
	}

	.how .tit{
		width:100%;
		font-size:22px;
		color:#d8ad01;
		font-weight:800;
	}

	.how h5{
		color:#fff;
		font-size:17px;
		border-bottom:1px solid #564811;
		padding-bottom:3px;
		margin-top:24px;
		margin-bottom:10px;
	}

	.how p{
		font-size:14px;
	}


	/*0929*/

	.window_sub{
		padding:30px 30px;
		background-color:#daceac;
		margin-top:30px;
		border-radius:6px;
	}

	.window_sub h5{
		color:#502c16;
		font-weight:400!important;
		border-bottom:1px solid #b1ac9d;
		margin-bottom:24px;
	}

	.window_sub h6:nth-of-type(1){
		margin-top:0;
	}

}




/*----------------------------------------
	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/system/tenko_karakuri/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/system/tenko_karakuri/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:0;
	}

	#base::after{
		content:'';
		background:transparent url('../img/system/tenko_karakuri/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:9% 0 4%;
		margin:0 auto 0;
	}

	#base .base_background{
background-color:rgba(0,0,0,0.9);
z-index:30;
position:relative;
	}



	.window_ac{
    background: #dcd7c6;
    border: 3px #7E6F4D solid;
    position: relative;
		margin:0px 0 10px;
    z-index: 10;
		font-size:16px;
		box-shadow:2px 2px 3px rgba(0,0,0,0.1),-2px -2px 3px rgba(0,0,0,0.1),-2px 2px 3px rgba(0,0,0,0.1),2px -2px 3px rgba(0,0,0,0.1);
		background:transparent url('../img/dlc/bg_white.jpg') repeat;
	}

	.window_ac .head{
		color:#333;
		display:block;
		padding:6% 5%;
		position:relative;
	}




	.window_ac .head .state{
		color:#fff;
		background-color:#d00;
		width:100%;
		text-align:center;
		position:relative;
		border-radius:4px;
		font-size:12px;
		box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	}

	.window_ac .head .line_top{
		height:1px;
		width:90%;
		background-color:#7e6f4d;
		position:absolute;
		bottom:-1px;
	}


	.window_ac .head .title{
		color:#a20000;
				width:100%;
				font-size:20px;
				font-weight:800;
				padding:0% 0 0%;
	}

	.window_ac .head .title .console{
		font-size:14px;
		display:block;
		padding-top:6px;
	}


	.window_ac .head .price{
				display:inline-block;
				font-size:14px;
	}

	.window_ac .cont{
		display:block;
		color:#333;
		padding:2% 6% 8%;

	}

	.date{
		display:block;
		padding:0 0 7%;
		font-size:14px;
	}

	.window_ac::before{
		content: "";
    position: absolute;
    margin: 3px;
    border: 1px #7E6F4D solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
	}


	h2{
		font-size:30px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		color:#f1c928;
		font-weight:800!important;
		width:100%;
		text-align:center;
		line-height:1.1;
		/*border-bottom:1px solid #f1c928;*/
		position:relative;
		margin-bottom:5%;
		letter-spacing:-0.05em;
		z-index:10;
	}

	h5{
		margin-top:14%;
		font-size:18px;
		line-height:1.3;
		padding:0 0 5px;
		border-bottom:1px solid #888;
		font-weight:800!important;
		margin-bottom:15px;
		color:#a20000;

	}

	h5:nth-of-type(1){
		margin-top:0;
	}

	h5:nth-of-type(1){
		margin-top:0px;
	}

	h6{
		margin-top:1.5em;
		font-size:15px;
		font-weight:800!important;
		color:#502c16;
		line-height:1.3;
	}

	/*.line_top{
		height:1px;
		width:100%;
		background-color:#888;
		margin-bottom:30px;
	}*/

	.attention_text{
		padding:10px 15px;
		/*border:1px solid #999;*/
		font-size:12px;
		line-height:1.3;
		text-align:center;
		background-color:rgba(144, 108, 0, 0.38);
	}

	.twoline a{
		display:block;
		width:49.5%;
		float:left;
		border-radius:5px;
		overflow:hidden;
	}

	.twoline a:nth-of-type(2){
		margin-left:1%;
	}

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

	.texts ul{
		display:block;
		padding-left:1em;
			line-height:1.4;
	}

	.texts li{
		display:inline;
		margin-left:-1em;
		font-size:14px;

	}

	.texts li:before{
		content:'・';
		display:inline;
	}

	.how{
		padding:6%;
		border:2px solid #776009;
		background-color:rgba(0,0,0,0.5);
		margin-bottom:8%;
		background-image:url('../img/action/weapon/base_window.jpg');
		background-size:600px;
		border-radius:10px;
		box-shadow:1px 1px 3px rgba(0,0,0,0.4);
		position:relative;
	}

	.how .inner{
		z-index:20;
		position:relative;
	}

	.how:before{
		content:'';
		background-image:url('../img/system/tenko_karakuri/img_karakuri.png');
		background-size:100%;
		background-repeat:no-repeat;
		width:30%;
		padding-top:38%;
		position:absolute;
		top:2%;
		right:-2%;
	}

	.how .tit{
		width:100%;
		font-size:20px;
		color:#d8ad01;
		font-weight:800;
	}

	.how h5{
		color:#fff;
		font-size:17px;
		border-bottom:1px solid #564811;
		padding-bottom:3px;
		margin-top:24px;
		margin-bottom:10px;
	}

	.how p{
		font-size:13px;
	}

	/*0929*/

	.window_sub{
		padding:6% 4%;
		background-color:#daceac;
		margin-top:30px;
		border-radius:6px;
	}

	.window_sub h5{
		color:#502c16;
		font-weight:400!important;
		border-bottom:1px solid #b1ac9d;
		margin-bottom:24px;
	}

	.window_sub h6:nth-of-type(1){
		margin-top:0;
	}

}