@charset "UTF-8";
/*=========================================================
	Footer
=========================================================*/
.site-footer{
	margin-top:10rem;
	position: relative;
    background: #565861;
    padding: 3.438rem 0 3.438rem;
}

.home .site-footer{
	margin-top:0;
}

.FooterFlex{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.FooterInfo-inner{
	overflow:hidden;
	margin:-0.125rem -0.125rem;
}

.FooterInfo-item{
	font-size:0.875rem; 
	color:#ffffff; 
	line-height:1.5em; 
	display:block;
	float:left;
	padding:0.125rem 0.125rem;
}

.FooterInfo-item.clear{
	clear:both;
}

.FooterCopy{
	font-size:0.688rem; 
	color:rgba(255,255,255,0.3);
	line-height:1.5em;
	margin-bottom:1.375rem;
	margin-top:1.188rem;
}

.FooterNav-inner{
	overflow:hidden;
	margin:-0.188rem -0.688rem;
	display:flex;
	flex-wrap:wrap;
}

.FooterNav-item{
	padding:0.188rem 0.688rem;
	position:relative;
}

.FooterNav-item:after{
	content:""; 
	width:1px;
	height:0.625rem;
	background:#737373;
	position:absolute; 
	top:50%; 
	transform:translateY(-50%);
	right:0;
}

.FooterNav-item:last-child:after{
	display:none;
}

.FooterNav-link{
	font-size:0.875rem; 
	color:#fff; 
	line-height:1.4em; 
	display:block;
}

.FooterSns-inner{
	font-size:0;
	line-height:0;
}

.FooterSns-item{
	display:inline-block;
}

.FooterSns-item + .FooterSns-item{
	margin-left:0.75rem;
}

.FooterSns-link{
	width:3.5rem;
	height:3.5rem;
	border:solid 2px #fff;
	border-radius:100% 100%;
	display:block;
	position:relative;
}

.FooterSns-link:after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-size:100%;
	background-repeat:no-repeat;
}

.Blog .FooterSns-link:after{
	width: 1.875rem;
	height: 1.575rem;
	background-image:url(../../images/icon/ico_blog.svg);
}

.Instargram .FooterSns-link:after{
	width: 1.65rem;
	height: 1.65rem;
	background-image:url(../../images/icon/ico_instargram.svg);
}

/* Responesive*/
@media screen and (min-width: 1025px) {
	.Blog .FooterSns-link:hover{
		border-color:#26b550;
		background-color:#26b550;
	}
	
	.Instargram .FooterSns-link:hover{
		border-color:#a12788;
		background-color:#a12788;
	}
	
	.FooterNav-link:hover{
		text-decoration:underline;
	}
}

@media screen and (max-width: 767px) and (min-width: 1px) {
	.site-footer{
		margin-top:6rem;
		padding:3rem 0;
	}
	
	.FooterFlex{
		display:block;
	}
	
	.FooterSns{
		margin-top:1.5rem;
	}
	
	.FooterSns-link{
		width:2.5rem;
		height:2.5rem;
	}
	
	.Blog .FooterSns-link:after{
		width: 1.2rem;
		height: 1.008rem;
	}

	.Instargram .FooterSns-link:after{
		width: 1.2rem;
		height: 1.2rem;
	}

}

/*=========================================================
	EventPopup
=========================================================*/
.EventPopup{
	position:fixed;
	right:1.25rem;
	bottom:1.25rem;
	max-width:23rem;
	width:calc(100% - 2.5rem);
	background-color:#fff;
	border:solid 4px #fff;
	box-shadow: 0 0.188rem 0.875rem rgba(0, 0, 0, 0.4);
	border-radius:0.625rem;
	overflow:hidden;
	transform:translateY(110%);
	transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: var(--custom-easing);
	z-index:4000;
}

.is-View.EventPopup{
	transform:translateY(0);
}

.EventPopupBody{
	border-radius:0.5rem;
	overflow:hidden;
	font-size:1rem;
	line-height:1.7em;
	color:#101010;
}

.EventPopupBody p + p{
	margin-top:0.625rem;
}

.EventPopupBody img{
	display:block;
	width:100%;
}

.EventPopupMeta{
	padding:0.75rem 0;
}

.EventPopupMeta-inner{
	display:flex;
	align-items:center;
	justify-content:end;
}

.EventPopupMeta-link{
	display:block;
	font-size:0.813rem;
	line-height:1.2em;
	color:#101010;
	padding:0 0.938rem;
	font-weight:500;
}

.EventPopupMeta-item + .EventPopupMeta-item{
	border-left:solid 1px #ddd;
}

.EventPopupHeader{
	font-size: 1.125rem;
    line-height: 1.5em;
    color: #101010;
	font-weight:700;
	padding:0.625rem 0.625rem;
}

.TypeText .EventPopupBody{
	padding:0 0.625rem;
}

/*Content*/
.TypeText .EventPopupBody a{
	color:#101010;
	text-decoration:underline;
}

.TypeText .EventPopupBody img{
	border-radius:0.5rem;
}