@charset "utf-8";

/*==========================================================
	共通設定 (Primary style)
==========================================================*/
html,body{
	width: 100%; height: 100%;
	overflow-x: hidden;
}
body{
	max-width: 640px;
	margin: 0px auto !important;
}
/*タブレット*/
@media screen and (max-width: 768px){
	body{
		width: 100%;
	}
}
/*スマートフォン*/
@media screen and (max-width: 640px){
	body{
		width: 100%;
	}
}
/*==========================================================
	コンテンツメイン
==========================================================*/
#main{
	position: relative;
	width: 100%; height: 100%;
	padding: 0px;
}
/*==========================================================
	コンテンツエリア
==========================================================*/
.contents_box{
	position: relative;
	width: 100%; height: 100%;
	margin: 0px auto;
	padding: 40% 0px 0px 0px;
	text-align: center;
}
/*==========================================================
	ヘッダー
==========================================================*/
header{
	width: 100%; height: auto;
	margin: 0px auto;
	text-align: center;
	color: #404040;
}
header h1{
	height: auto;
	line-height: 60px;
	letter-spacing: 1px;
	font-size: 50px;
	font-family: 'HelveticaNeue-bold';
}
header h1 span{
	display: block;
	height: 30px;
	line-height: 30px;
	letter-spacing: 32px;
	text-indent: 24px;
	font-size: 24px;
	font-weight: 400;
	font-family: 'HelveticaNeue-light';
}
/*==========================================================
	R18コメント
==========================================================*/
.r18{
	width: 100%; height: auto;
	margin: 30% auto 10% auto;
	line-height: 1.6em;
	font-size: 24px;
}
/*==========================================================
	ENTERボタン
==========================================================*/
.enter{
	display: block;
	width: 324px; height: 100px;
	margin: 0px auto;
	line-height: 100px;
	color: #F5F5F5;
	font-size: 28px;
	border-radius: 14px;
	background-color: #FF0000;
}
a.enter:link,
a.enter:visited,
a.enter:hover,
a.enter:active{
	color: #F5F5F5;
}
/*==========================================================
	EXITボタン
==========================================================*/
.exit{
	display: block;
	width: 324px; height: 60px;
	margin: 0px auto;
	line-height: 60px;
	color: #F5F5F5;
	font-size: 20px;
}
a.exit:link,
a.exit:visited,
a.exit:hover,
a.exit:active{
	color: #F5F5F5;
}
/*==========================================================
	フッター
==========================================================*/
footer{
	position: absolute;
	bottom: 0px; left: 0px; right: 0px;
	width: 100%; height: auto;
	margin: 0px auto;
}
/*==========================================================
	コピーライト
==========================================================*/
.copyright{
	width: 100%; height: 60px;
	margin: 0px auto;
	line-height: 60px;
	text-align: center;
	letter-spacing: 2px;
	color: #999999;
	font-size: 16px;
	font-weight: 200;
	font-family: 'HelveticaNeue-light';
}
.copyright span{
	display: inline-block;
	margin: 0px 0px 0px 5px;
	font-size: 14px;
	font-family: 'Noto Sans JP',sans-serif;
}
.copyright a{
	display: inline-block;
	width: auto; height: auto;
	color: #999999;
}