@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	background-color: #121212;
	}

	


/*----------------コンテンツ全体-----------------*/

#mainContainer{}
	

img{max-width: 100%;}


h1,h3{
	background-size: contain !important;
	overflow: hidden;
	display: inline-block;
	background-position: center;
	}


p{
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom:1.6em;
	color: #59493f;
	}

span{
	font-size: 1.0em;
	line-height: 1.4em;
	color: #59493f;
	}


strong,li,dt,dd{color:#FFF; font-weight:normal;}


:hover{
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	}

		
	

/*----------------メニュー-----------------*/


	
/*----------------メインビジュアル-----------------*/

#topContent{
	width: 96%;
	max-width: 1260px;
	margin: 1% auto 0;
	padding: 6% 0;
	display: block;
	background:url(../images/renketsu_mainvisual.png) no-repeat;
	background-position:top right;
	background-size:48% auto;
	}
	
	#topContent div{
		width:52.5%;
		display:block;
		text-align:center;
		}
	
	h1{
		width:100%;
		height: 0;
		margin: 0;
		padding-top: 40%;
		background: url(../images/renketsu_h1.png) no-repeat;
		}
	

		/*重要なお知らせ*/
		p.newsArea{
			color:#FFF;
			padding:0.35em;
			background:rgba(100,185,43,0.8);

			border-radius: 25px;
			-webkit-border-radius: 25px;
			-moz-border-radius: 25px;
			-ms-border-radius: 25px;
			-o-border-radius: 25px;
			}
		
		p.newsArea:hover{
			box-shadow: 0 0 5px 4px #b3d465 inset;
			-webkit-box-shadow: 0 0 5px 4px #b3d465 inset;
			-moz-box-shadow: 0 0 5px 4px #b3d465 inset;
			-ms-box-shadow:  0 0 5px 4px #b3d465 inset;
			-o-box-shadow:  0 0 5px 4px #b3d465 inset;
			}
		
		p.newsArea br{display:none;}



/*----------------各コンテンツ設定-----------------*/

#artContents{
	width: 96%;
	max-width: 1260px;
	margin:0 auto;
	}
	
	.Article{
		margin-bottom:7%;
		position: relative;
		overflow: hidden;
		clear: both;
		}
	
		/*各カテゴリータイトル*/
		h2{
			width: 100%;
			height: 0;
			margin: 0.5em 0 0;
			padding-top: 60px;
			background: url(../images/renketsu_entry_h2.png) no-repeat top;
			overflow: hidden;
			display: inline-block;
			background-position: center;
			}



		h3{
			width: 100%;
			height: 0;
			margin: 0;
			padding-top: 12.5%;
			background: url(../images/renketsu_present_h3.png) no-repeat top;
			}


			
		h4{
			margin:0 0 0 100px;
			padding:2% 0.75% 0.75%;
			border-bottom: solid 2px #8fc31f;
			display:block;
			}
			
			.h4_icon{
				width:90px;
				float:left;
				display:block;
				}
			
			#Apps h4{border-bottom: solid 2px #f39800;}
				
				

		.entry_mame h5{
			margin:0 0 0 70px;
			padding:1% 0.75% 0.75%;
			border-bottom: solid 2px #8fc31f;
			display:block;
			}
			
			.h5_icon{
				width:60px;
				float:left;
				display:block;
				}
				
		#Procedure h5{
			margin: 0;
			padding: 0.25em 0.75em;
			font-size:1.2em;
			line-height:1.6em;
			color:#59493f;
			background: #d1c0a5;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			}

		.attention h5{
			margin: 0;
			padding: 0.25em 0.75em;
			font-size:1.2em;
			line-height:1.6em;
			color:#e60012;
			background: #f3c4af;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			}
			
		

		/*事前登録受付中*/
		.Entry div{
			width: 32%;
			margin: 1.5em 0.5% 0;
			display: inline-block;
			}
			
			.Entry img:hover{
				opacity: 0.7;
				filter: alpha(opacity=70);
				-ms-filter: "alpha(opacity=70)";
				}
		
		
		.Entry p{
			margin: 1.2em 0.5% 0;
			color: #FFF;
			background: #6eb92b;
			font-size:1.6em;
			line-height:1.8em;
			text-align: center;
			border:solid 2px #FFF;
			border-radius: 20px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			-ms-border-radius: 30px;
			-o-border-radius: 30px;
			}
			
			.Entry p:hover{
				color: #6eb92b;
				background: #FFF;
				border: solid 2px #6eb92b;
				}


		

		/*プレゼント情報*/
		h3 + p{text-align:center;}

		.pre_article{
			width: 48%;
			padding: 1.5%;
			margin: 0.5%;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			background: rgba(255,255,255,0.6);
			display: inline-block;
			clear: both;
			}
		
		.pre_article div{
			width: 65%;
			float: left;
			display: block;
			}
		
		.item_block{
			width: 30%;
			float: right;
			display: block;
			}
		
		.item_block2{
			width: 24%;
			margin-right: 3%;
			float: right;
			display: block;
			}



	
		/*事前登録者数 速報*/
		h4 + p{margin:1.5em 0.5em 0; clear:left;}
		h5 + p{margin:1.5em 0.5em 0; clear:left;}
		
		
		.entry_member{
			margin:1.5em 0 2.5em 0.5em;
			padding-bottom:0.5%;
			background:url(../images/renketsu_report_rails.png) no-repeat left bottom;
			}
			
			.train_img{
				margin-top:-11px;
				margin-left:9.7em;
				display:inline-block;
				}
			
			.entry_member p{
				padding:0 4%;
				font-size:1.1em;
				color:#f8b551;
				text-align:center;
				background:#434343;
				border:solid 4px #000;
				display:inline-block;
				}
			
			
			.puzzle{
				width:30%;
				display:block;
				float:left;
				}
				
			.entry_mame{
				width:67%;
				display:block;
				float:right;
				}
				
				.entry_mame table{
					width:100%;
					margin-top:1.5em;
					color:#59493f;
					border:solid 2px #a6937c;
					background:rgba(255,255,255,0.7);
					}
				
				.entry_mame th{
					padding:0.4em;
					border-bottom:solid 2px #a6937c;
					text-align:center;
					}
					
					.entry_mame th:first-child{border-right:solid 2px #a6937c;}

				.entry_mame td{
					padding:0.4em;
					border-bottom:solid 2px #a6937c;
					}
					
					.entry_mame td:first-child{
						text-align:center;
						border-right:solid 2px #a6937c;
						}

	
		/*事前登録のやり方*/
		.pro_article{margin-top: 1.5em; clear: left;}
		
		.pro_article div{
			width: 48%;
			margin: 0.5% 0.5% 1.8em;
			display: inline-block;
			vertical-align:top;
			}
		
		.pro_article p{
			font-size:1.0em;
			line-height:1.6em;
			margin-bottom:1.0em;
			}
		
		.pro_article a{color:#1da0f2;}
		.pro_article a:hover{color:#62bbf3;}

		.entry_button{
			margin: 1.5em 0.5% 0.5em !important;
			padding:0.1em;
			color: #FFF;
			font-size:1.2em !important;
			line-height:1.6em !important;
			text-align: center;
			border:solid 2px #FFF;
			border-radius: 20px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			-ms-border-radius: 30px;
			-o-border-radius: 30px;
			}
			
			.Twitter .entry_button{background:#1da0f2;}
			.Twitter .entry_button:hover{color:#1da0f2; border:solid 2px #1da0f2; background:#FFF;}
			
			.LINE .entry_button{background:#00c300;}
			.LINE .entry_button:hover{color:#00c300; border:solid 2px #00c300; background:#FFF;}

			.Mail .entry_button{background:#f38400;}
			.Mail .entry_button:hover{color:#f38400; border:solid 2px #f38400; background:#FFF;}
			
			
			.LINE span{
				font-size:0.9em;
				line-height:1.2em;
				color:#FF0000;
				}



	
		/*注意事項*/
		.attention ul{
			margin:1.5em 1em;
			padding-left:1em;
			}
		
		.attention li{
			color:#59493f;
			font-size:1.0em;
			line-height:1.6em;
			margin-bottom:0.5em;
			}
			
			
		
		/*ゲーム紹介*/
		.apps_Article{margin-top: 1.5em; clear:both; overflow:hidden;}
		
		
		.Game{
			width:55%;
			margin-top:1.5em;
			margin-left:1%;
			display:block;
			float:left;
			}
			
			
			/*アプリ概要*/
			div.app_info{
				padding:2% 1% 1%;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-ms-border-radius: 5px;
				-o-border-radius: 5px;
				background-color:rgba(255,255,255,0.65);
				}
		
			.app_title{
				width:35%;
				margin-right:2%;
				padding:5.5vh 2.5%;
				display:inline-block;
				vertical-align:top;
				}
		
			.app_info table{
				width:60%;
				color:#59493f;
				text-align:left;
				display:inline-block;
				}
			
			.app_info th{width:30%;　padding:0.5em 0.5em 0.7em;}
			.app_info td{padding:0.5em 0.5em 0.7em;}
		

			/*スクショ(大)*/
			.game_SS{
				width:40%;
				margin-top:1.5em;
				margin-right:1%;
				display:block;
				float:right;
				text-align:right;
				}
				
				.block_01{display:block; margin:auto;}
				.block_02{width:48%; margin:0.5%; display: inline-block;}
				.block_03{width:31%; margin:0.5%; display: inline-block;}



			/*アプリ追加情報*/
			.apps_Article h5{
				margin: 0;
				padding: 0.25em 0.75em;
				font-size:1.2em;
				line-height:1.6em;
				color:#59493f;
				background: #d1c0a5;

				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-ms-border-radius: 5px;
				-o-border-radius: 5px;
				}
				
				.Detail{margin-top:2.5%;}

				.Detail div{
					width:48%;
					margin:0 1%;
					display:block;
					float:left;
					}
				
				.Detail p{margin-top:1em;}


	
	/*SNS*/
	
	.sns ul{margin:0; padding:0; text-align:center;}
	
	.sns li{
		width:60px;
		height:60px;
		display:inline-block;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		margin-left: 1em;
		margin-right: 1em;
		text-align: center;
		list-style-type:none;
		}
		
		.fb{border: solid 2px #3b579d;}
		.tw{border: solid 2px #55acee;}
		.ln{border: solid 2px #00cc00;}

	.sns li:hover{background-color:rgba(255,255,255,0.8);}

	.sns img{padding-top: 20.5%;}


/*----------------フッター-----------------*/
#Footer{
	padding: 5% 0;
	background: #7e6b5a;
	}
	
	#Footer a:hover{
		color:#cce198;
		}
	
	#Footer div{
		width:94%;
		max-width: 1300px;
		margin: auto;
		}
	
	ul.taitoLink{
		margin-top:1.5em;
		margin-bottom: 5%;
		padding: 0;
		}
	
	ul.taitoLink li{
		font-size: 1.0em;
		margin-right: 1.0em;
		display: inline-block;
		}
	
	#Footer p{margin: 0; color:#FFF;  font-size: 1.0em;}


/*----------トップへ戻る----------*/
#pageTop a{
	width: 76px;
	height: 76px;
	border:solid 2px #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 999;
	text-align:center;
	}

#pageTop a:hover{background:rgba(0,0,0,0.5);}

#pageTop img{padding-top: 12.5%;}



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



/*----------------メインビジュアル-----------------*/

#topContent{padding: 3.5vh 0;}
#topContent div{width:58.5%;}
	
		
/*----------------各コンテンツ設定-----------------*/
		
		
	/*各カテゴリータイトル*/
	h3{padding-top: 18%;}

	h4{margin:0 0 0 90px;}
	.h4_icon{width:80px;}

		

	/*事前登録受付中*/
	.Entry div{width: 48%;}

		
	/*プレゼント情報*/
	h3 + p{text-align:left;}

	.pre_article{
		width: 86%;
		padding: 3.5%;
		margin: 0.5% 7.5%;
		}

	
	/*事前登録者数 速報*/
	.puzzle{
		width:40%;
		margin:auto;
		float:none;
		margin-bottom:1.5em;
		}
				
	.entry_mame{
		width:96%;
		margin:auto;
		float:none;
		margin-bottom:1.5em;
		}

		.entry_mame th{display:none;}


	/*事前登録のやり方*/
	.pro_article{margin-top: 1.5em; clear: left;}
		
	.pro_article div{
		width: 94%;
		margin: 5% auto;
		display: block;
		vertical-align:top;
		}


	/*ゲーム紹介*/
	.Game{
		width:96%;
		margin-left:auto;
		margin-right:auto;
		float:none;
		}
			
			
	/*スクショ(大)*/
	.game_SS{
		width:60%;
		margin-top:3%;
		margin-left:auto;
		margin-right:auto;
		display:block;
		float:none;
		}


	/*アプリ追加情報*/
	.Detail div{
		width:96%;
		margin:0 auto;
		float:none;
		}
				
	.Detail p{margin-top:1em;}


}


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

	/*事前登録者数 速報*/
	.entry_member{
			margin:1.5em 0 2.5em 0.5em;
			padding-bottom:1.0em;
			background-position:21.9% 100%;
			}
			
	.entry_member p{
		font-size:0.9em;
		padding:0.15em 3.5%;
		}
			
			
	.train_img{margin-left:0;}
			
	.puzzle{width:70%;}
				
	.entry_mame{
		width:96%;
		float:none;
		margin-bottom:1.5em;
		}

}



@media only screen and (max-width: 480px) {
	
p{
	font-size: 1.0em;
	line-height: 1.4em;
	margin-bottom:1.2em;
	}


/*----------------メインビジュアル-----------------*/

#topContent{
	padding: 0;
	background-position:top center;
	background-size:80%;
	}
	
	#topContent div{
		width:90%;
		margin:auto;
		padding-top:60%;
		text-align:center;
		}
	
	#topContent p{margin:0 0 1em;}

	p.newsArea br{display:block;}

/*----------------各コンテンツ設定-----------------*/

	/*各カテゴリータイトル*/
	h2{
		width: 100%;
		height: 0;
		margin: 0;
		background-position: center;
		background-size:220%;
		}


	h4{
		margin:0 0 0 65px;
		padding:2% 0.75% 0.75%;
		border-bottom: solid 2px #8fc31f;
		display:block;
		}
			
		.h4_icon{
			width:60px;
			float:left;
			display:block;
			}
				
				

	/*事前登録受付中*/
	.Entry div{
		width: 90%;
		margin: 0 auto 0.5em auto;
		display: block;
		}
		
	.Entry p{
		margin: 1.2em 0.5% 1.5em;
		padding:0.5em 1em;
		font-size:1.2em;
		line-height:1.4em;
		}
			
		.Entry p:hover{
			color: #6eb92b;
			background: #FFF;
			border: solid 2px #6eb92b;
			}


	/*プレゼント情報*/
	h3 + p{text-align:left;}

	.pre_article{
		width: 96%;
		padding: 3.5%;
		margin: 0.5% 2%;
		}

		.pre_article p{margin-bottom:0.75em;}
		.pre_article span{font-size:0.9em;}
		.pre_article br{display:none;}



	/*事前登録者数 速報*/
	.entry_member{
			background-position:19.3% 100%;
			}
			

	/*事前登録のやり方*/
	.pro_article{margin-top: 1.5em; clear: left;}
		
	.pro_article div{
		width: 94%;
		margin: 5% auto 3.5em;
		display: block;
		vertical-align:top;
		}
		
		
	/*アプリ概要*/
	div.app_info{padding:2% 1em;}
	
	.app_title{
		width:90%;
		padding:3.5vh 2.5%;
		margin-right: auto;
		margin-left:auto;
		display:block;
		}
		
	.app_info table{
		width:100%;
		display:block;
		}

	/*スクショ(大)*/
	.game_SS{width:80%;}

	.block_03{width:48%; margin:0.5% 0.5% 0.5em; display: inline-block;}


/*----------------フッター-----------------*/
ul.taitoLink{margin-bottom:10%;}


ul.taitoLink li{
	font-size: 0.9em;
	margin-right: 0;
	margin-bottom: 0.8em;
	display: block;
	}
	
	#Footer p{margin: 0 0 0.8em;  font-size: 0.9em;}



/*----------トップへ戻る----------*/
#pageTop a{
	width: 60px;
	height: 60px;
	border:solid 2px #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
	text-align:center;
	}

#pageTop a:hover{background:rgba(0,0,0,0.5);}

#pageTop img{width:60%;padding-top: 12.5%;}

}


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

	/*事前登録者数 速報*/
	.entry_member{
			background-position:16.8% 100%;
			}

}