@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 .base_background::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: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:18px 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:130px;
		float:left;
		text-align:center;
		position:relative;
		border-radius:4px;
		box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	}

	.window_ac .head .state.nx{
		background-color:#756d69;
	}



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


	.window_ac .head .title{
		color:#442f0d;
				width:500px;
				float:left;
				font-size:22px;
				padding:0 0 0 20px;
				font-weight:800;
	}

	.window_ac .head .title .date{
		padding-left:1.5em;
		font-size:17px;
	}


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

	.window_ac .head .title .min{
font-size:14px!important;
font-weight:normal;
	}

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

	}

	.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;
	}

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

	}

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

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

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

	.attention_text_sub{
		/*border:1px solid #999;*/
		font-size:13px;
		margin-top:60px;
		/*text-align:center;*/
		color:#b00;
		line-height:1.5;
	}

	.attention_text_sub.ul{
		padding-left:1em;
	}


	.attention_text_sub.ul .li{
		margin-left:-1em;
	}

	.attention_text.center{
		text-align:center;
	}

	.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;
	}

	.twoline.center a{
		display:block;
		width:49.5%;
		float:none;
		margin:0 auto 0;
		border-radius:5px;
		overflow:hidden;
	}

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

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

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


	p.exp{
		margin-bottom:10px;
		display:block;
	}

	.exp.weapon{
		margin-bottom:30px;
	}

	.exp.weapon .weapon_threeline{
	width:25%;
	float:left;
	font-size:15px;
	}

	.exp.weapon .weapon_threeline .tit{
	font-weight:800;
	color:#502c16;
	}


	.exp.weapon .weapon_threeline:nth-of-type(1){
	width:30%;
	float:left;
	}

	.exp.weapon .weapon_threeline:nth-of-type(2){
	border-left:1px dotted #aaa;
	padding-left:5%;
	}


}




/*----------------------------------------
	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 .base_background::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: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: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:4% 5%;
		position:relative;
	}




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

	.window_ac .head .state.nx{
		background-color:#756d69;
	}


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


	.window_ac .head .title{
		color:#442f0d;
				width:100%;
				font-size:17px;
				font-weight:800;
				padding:3% 0 1%;
	}


	.window_ac .head .date{
		color:#442f0d;
				width:100%;
				font-size:80%;
				font-weight:400;
				padding:0 0 0 1em;
	}


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


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

	}

	.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;*/

		margin-bottom:5%;
		letter-spacing:-0.05em;
	}

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

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

	/*.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;
		margin-bottom:6%;
		/*text-align:center;*/
		background-color:rgba(144, 108, 0, 0.38);
	}

	.attention_text_sub{
		/*border:1px solid #999;*/
		font-size:12px;
		margin-top:8%;
		line-height:1.4;
		/*text-align:center;*/
		color:#b00;
	}

	.attention_text_sub.ul{
		padding-left:1em;
	}


	.attention_text_sub.ul .li{
		margin-left:-1em;
	}

	.attention_text.center{
		text-align:center;
	}

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

	.twoline.center a{
		display:block;
		width:49.5%;
		float:none;
		border-radius:5px;
		overflow:hidden;
		margin:0 auto 0;
	}

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

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

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

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

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

	p.exp{
		margin-bottom:10px;
		font-size:13px;
	}

	.exp.weapon{
		margin-bottom:4%;
	}

	.exp.weapon .weapon_threeline{
	font-size:13px;
	}

	.exp.weapon .weapon_threeline:nth-of-type(2){
	padding-top:1em;
	}



	.exp.weapon .weapon_threeline .tit{
	font-weight:800;
	color:#502c16;
	}




}