@charset "UTF-8";

/*=========================================================
	Footer
=========================================================*/
.otgs-development-site-front-end{
	display:none !important;
}

.site-footer{
	position:relative;
	background-color:#000;
	border-top: 1px solid #3C3C3C;
}

.FooterMetaFlex{
	padding:2.5rem 0 2.75rem;
}

.FooterMetaFlex-inner{
	display:flex;
	align-items:end;
	flex-wrap:wrap;
	margin:-1rem -0.5rem;
}

.FooterMetaFlex-item{
	width:25%;
	padding:1rem 0.5rem;
}

.FooterMetaFlex-text{
	font-size:1rem;
	line-height:1.6;
	color:#fff;
}

.FooterMetaFlex-text + .FooterMetaFlex-text{
	margin-top:0.5rem;
}

.FooterMetaFlexLink + .FooterMetaFlexLink{
	margin-top:0.35rem;
}

.FooterMetaFlexLink-text{
	display:inline-block;
	font-size:1.25rem;
	line-height:1;
	color:#fff;
	font-family: Anton;
}

.FooterMetaFlex-copy{
	font-size:0.875rem;
	line-height:1.6;
	color:#888;
	text-align:right;
}

@media screen and (min-width:1025px){
	.FooterMetaFlexLink-text:hover{
		text-decoration:underline;
	}
}

@media screen and (max-width:14300px) and (min-width:1025px){
	.FooterMetaFlex-item:first-child{
		width:30%;
	}
	
	.FooterMetaFlex-item:last-child{
		flex:1;
		width:auto;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.FooterMetaFlex-item{
		width:50%;
	}
	
	.FooterMetaFlex-copy{
		text-align:left;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.FooterMetaFlex-inner{
		margin:-0.7rem -0.5rem;
	}

	.FooterMetaFlex-item{
		width:100%;
		padding:0.7rem 0.5rem;
	}
	
	.FooterMetaFlex-copy{
		text-align:left;
		font-size:0.75rem;
	}
	
	.FooterMetaFlex-text{
		font-size:0.875rem;
	}
	
	

}

/*=========================================================
	Footer TopButton
=========================================================*/
body .TopButton{
	width:2.75rem;
	height:2.75rem;
	position:fixed;
	border:solid 2px #000;
	bottom:1.25rem;
	right:2rem;
	transition-property:opacity, visibility;
	transition-duration: 0.2s;
	z-index:100;
	opacity:0;
	visibility:hidden;
	border-radius:0.45rem 0.45rem;
	background-image:url(../../images/icon/ico_scrollTop.svg);
	background-size:1rem 1.125rem;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:rgba(255,255,255,0.1);
}

body.post-template-single-games .TopButton{
	background-color:rgba(255,255,255,0.8);
}

body .TopButton.is-Open{
	opacity:1;
	visibility:visible;
}

body .TopButton.is-Stop{
	position:absolute;
	bottom:auto;
	top:-4.5rem;
	right:2rem;
}

/*responsive*/
@media screen and (max-width: 1024px) and (min-width: 768px){
	body .TopButton{
		width:2.6rem;
		height:2.6rem;
		bottom:2rem;
		right:2.5rem;
	}
	
	body .TopButton.is-Stop{
		top:-4rem;
		right:2rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	body .TopButton{
		width:2.4rem;
		height:2.4rem;
		bottom:1rem;
		right:1rem;
	}
	
	body .TopButton.is-Stop{
		top:-3.5rem;
		right:1rem;
	}
}


/*=========================================================
	PageError 
=========================================================*/
body.error404 .site-footer{
	display:none;
}

body.error404 .site-content{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top:0;
}

.PageError{
	text-align: center;
	width:100%;
}

.PageError-ico{
	width:25rem;
	max-width:100%;
	line-height:0;
	margin:0 auto 2rem;
}

.PageError-title{
	color:#000;
	font-size:2.75rem;
	font-weight:bold;
	line-height:1.4em;
}
.PageError-text{
	margin-top:0.938rem;
	color:#000;
	font-size:1.063rem;
	line-height:1.4em;
}
.PageErrorBtn{
	margin-top:5.625rem;
	font-size:0;
	line-height:0;
}
.PageErrorBtn-link{
	display:inline-block;
	padding:1rem 2.75rem;
	line-height:1.2em;
	color:#000;
	font-size:1rem;
	font-weight:600;
	border: 2px solid #000;
}

/*responsive*/
@media screen and (max-width: 1024px) and (min-width: 768px){
	.PageErrorBtn{
		margin-top: 3.625rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.PageError-title{
		font-size: 2rem;
	}
	
	.PageErrorBtn{
		margin-top: 3.25rem;
	}
}