.cnt_inner{
	width: 95%;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 0 10px;
}
/*////////////////////
	コンテンツレイヤー
////////////////////*/
#cnt-layer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 900px;
	z-index: 10;
	overflow: hidden;
	padding-left: 50px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
@media (max-width:450px) {
	#cnt-layer{padding-left: 0;}
}

#contents{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000%;
	-webkit-transition: .8s;
	-ms-transition: .8s;
	-moz-transition-property: top;
	-moz-transition-duration: .8s;
}
.view-welcome #contents{top: -100%;}
.view-about #contents{top: -200%;}
.view-precinct #contents{top: -300%;}
.view-events #contents{top: -400%;}
.view-hikariryoen #contents{top: -500%;}
.view-access #contents{top: -600%;}
.view-contact #contents{top: -700%;}

.set-welcome #contents{
	top: -100%;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-duration: 0s;
}
.set-about #contents{
	top: -200%;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-duration: 0s;
}
.set-precinct #contents{
	top: -300%;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-duration: 0s;
}
.set-events #contents{
	top: -400%;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-duration: 0s;
}
.set-hikariryoen #contents{
	top: -500%;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-duration: 0s;
}
.set-access #contents{
	top: -600%;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-duration: 0s;
}
.set-contact #contents{
	top: -700%;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-duration: 0s;
}
#contents .article{
	position: absolute;
	width: 100%;
	height: 10%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
#contents .article .cnt_inner{
	position: relative;
	top: 20px;
	opacity: 0;
	padding-bottom: 50px;
	-webkit-transition: 2s .8s;
	-ms-transition: 2s .8s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 2s .8s;
}
#contents .article .cnt_inner h1 img{width: 270px;}


.view-home #contents #c-home .cnt_inner{opacity: 1; top: 0;}
.view-welcome #contents #c-welcome .cnt_inner{opacity: 1; top: 0;}
.view-about #contents #c-about .cnt_inner{opacity: 1; top: 0;}
.view-precinct #contents #c-precinct .cnt_inner{opacity: 1; top: 0;}
.view-events #contents #c-events .cnt_inner{opacity: 1; top: 0;}
.view-hikariryoen #contents #c-hikariryoen .cnt_inner{opacity: 1; top: 0;}
.view-access #contents #c-access .cnt_inner{opacity: 1; top: 0;}
.view-contact #contents #c-contact .cnt_inner{opacity: 1; top: 0;}

.set-home #contents #c-home .cnt_inner{
	opacity: 1;
	top: 0;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition-duration: 1s;
}
.set-welcome #contents #c-welcome .cnt_inner{
	opacity: 1;
	top: 0;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition-duration: 1s;
}
.set-about #contents #c-about .cnt_inner{
	opacity: 1;
	top: 0;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition-duration: 1s;
}
.set-precinct #contents #c-precinct .cnt_inner{
	opacity: 1;
	top: 0;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition-duration: 1s;
}
.set-events #contents #c-events .cnt_inner{
	opacity: 1;
	top: 0;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition-duration: 1s;
}
.set-hikariryoen #contents #c-hikariryoen .cnt_inner{
	opacity: 1;
	top: 0;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition-duration: 1s;
}
.set-access #contents #c-access .cnt_inner{
	opacity: 1;
	top: 0;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition-duration: 1s;
}
.set-contact #contents #c-contact .cnt_inner{
	opacity: 1;
	top: 0;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition-duration: 1s;
}

#c-home{top: 0;}
#c-welcome{top: 10%;}
#c-about{top: 20%;}
#c-precinct{top: 30%;}
#c-events{top: 40%;}
#c-hikariryoen{top: 50%;}
#c-access{top: 60%;}
#c-contact{top: 70%;}
.article h1{
	padding-top: 100px;
}
@media (max-width:700px) {
	.article h1{
		padding-top: 35px;
	}
}
.next-area{
	position: relative;
	width: 100%;
	text-align: center;
	padding: 150px 0 0;
}
.next-area a{
	display: inline-block;
	width: 62px;
	height: 15px;
	background: url(../images/next-btn.png) no-repeat;
	-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
}
.next-area a:hover{
	opacity: 0.8;
}


/*////////////////////
	メニューレイヤー
////////////////////*/
#menu-layer{
	position: fixed;
	top: 0;
	left: -250px;
	width: 300px;
	min-height: 100%;
	z-index: 99;
	background: #000;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: left;
	-moz-transition-duration: .4s;
}
#menu-layer a{color: #FFF;}
#menu-layer.open{
	left: 0;
}
/*メニュー基本*/
.menu-body{
	position: absolute;
	top: 2.5%;
	left: 0;
	width: 250px;
	height: 95%;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.menu-body-inner{
	text-align: center;
	padding-bottom: 220px;
}
/*メニュー表示ボタン*/
.btn-menu{
	display: block;
	position: absolute;
	top: 2.5%;
	right: 0;
	height: 95%;
	width: 50px;
	background: #000 url(../images/btn-menu_close.png) no-repeat center center;
	border-left: 1px solid #333333;
	cursor: pointer;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: background;
	-moz-transition-duration: .4s;
}
.btn-menu:hover{ background-color: #121212;}
.open .btn-menu{ background-image: url(../images/btn-menu_open.png);}


#menu-layer h1 a{
	display: inline-block;
	width: 211px;
	height: 70px;
	background: url(../images/logo.png) no-repeat center top;
	-webkit-background-size: 179px auto;
	     -o-background-size: 179px auto;
	        background-size: 179px auto;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: opacity;
	-moz-transition-duration: .4s;
}
#menu-layer h1 a:hover{opacity: 0.7;}
#menu-layer h1 span{display: none;}
.menu-item{
	width: 90%;
	margin: 0 auto;
	padding: 25px 0 0 0;
	text-align: left;
}

/*メニュー画像*/
.menu-item a{
	display: inline-block;
	width: 85%;
	height: 32px;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: opacity;
	-moz-transition-duration: .4s;
}
.menu-item a span{display: none;}

.menu-item a.gnavi-welcome{background-image: url(../images/gnavi-welcome.png);}
.menu-item a.gnavi-about{background-image: url(../images/gnavi-about.png);}
.menu-item a.gnavi-precinct{background-image: url(../images/gnavi-precinct.png);}
.menu-item a.gnavi-events{background-image: url(../images/gnavi-events.png);}
.menu-item a.gnavi-hikariryoen{background-image: url(../images/gnavi-hikariryoen.png);}
.menu-item a.gnavi-access{background-image: url(../images/gnavi-access.png);}
.menu-item a.gnavi-contact{background-image: url(../images/gnavi-contact.png);}

.set-welcome .menu-item a.gnavi-welcome,
.view-welcome .menu-item a.gnavi-welcome{background-image: url(../images/gnavi-welcome-hover.png);}
.set-about .menu-item a.gnavi-about,
.view-about .menu-item a.gnavi-about{background-image: url(../images/gnavi-about-hover.png);}
.set-precinct .menu-item a.gnavi-precinct,
.view-precinct .menu-item a.gnavi-precinct{background-image: url(../images/gnavi-precinct-hover.png);}
.set-events .menu-item a.gnavi-events,
.view-events .menu-item a.gnavi-events{background-image: url(../images/gnavi-events-hover.png);}
.set-hikariryoen .menu-item a.gnavi-hikariryoen,
.view-hikariryoen .menu-item a.gnavi-hikariryoen{background-image: url(../images/gnavi-hikariryoen-hover.png);}
.set-access .menu-item a.gnavi-access,
.view-access .menu-item a.gnavi-access{background-image: url(../images/gnavi-access-hover.png);}
.set-welcome .menu-item a.gnavi-contact,
.view-welcome .menu-item a.gnavi-contact{background-image: url(../images/gnavi-contact-hover.png);}

.menu-item a:hover{
	opacity: .7;
}


.info-area{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #9c9c9c;
	text-align: left;
	font-size: 12px;
}
.info-area p{
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
.copyright{
	font-size: 9px;
	color: #666;
}
.address{
	border-bottom: 1px solid #333;
}


.sp-menu{display: none;}
@media (max-width:450px) {
	#menu-layer{
		left: -300px;
		width: 300px;
	}
	.sp-menu{
		display: block;
		position: absolute;
		top: 10px;
		right: -35px;
		width: 25px;
		height: 65px;
		background: url(../images/sp-menu.png) no-repeat;
		-webkit-background-size: 100%;
		     -o-background-size: 100%;
		        background-size: 100%;
		z-index: 99;
	}
	.open .sp-menu{display: none;}
}








/*////////////////////
	背景レイヤー
////////////////////*/
#bg-layer{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0 0 0 50px;
	z-index: 0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.bg-article{
	position: relative;
	width: 160px;
	height: 100%;
	margin: 0 auto;
	padding: 360px 0 0;
	overflow: hidden;
	background: #FFF;
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition-property: width;
	-moz-transition-duration: 1s;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.entried .bg-article{
	width: 100%;
}
.bg-article .obj{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: 2s 1s;
	-ms-transition: 2s 1s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 2s;
	-moz-transition-delay: 1s;
}
.entried .bg-article .obj,
.v-entried .bg-article .obj{
	opacity: 1;
}
.left-tree0{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg-cnt-area-left0.png) no-repeat left top fixed;
}
.right-tree0{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg-cnt-area-right0.png) no-repeat right top fixed;
}
.left-tree1{
	position: absolute;
	top: 0;
	left: 80px;
	width: 50%;
	height: 100%;
	background: url(../images/bg-cnt-area-left1.png) no-repeat center top;
}
.right-tree1{
	position: absolute;
	top: 0;
	right: 80px;
	width: 50%;
	height: 100%;
	background: url(../images/bg-cnt-area-right1.png) no-repeat center top;
}
@media (max-width:450px) {
	.left-tree0{
		-webkit-background-size: 231px auto;
		     -o-background-size: 231px auto;
		        background-size: 231px auto;
	}
	.right-tree0{
		-webkit-background-size: 226px auto;
		     -o-background-size: 226px auto;
		        background-size: 226px auto;
	}
	.left-tree1{
		left: 0px;
		-webkit-background-size: 161px auto;
		     -o-background-size: 161px auto;
		        background-size: 161px auto;
	}
	.right-tree1{
		right: 0px;
		-webkit-background-size: 92px auto;
		     -o-background-size: 92px auto;
		        background-size: 92px auto;
	}

}

#leaf01,
#leaf02{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: transparent;
	-webkit-transition: 2s 1s;
	-ms-transition: 2s 1s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 2s;
	-moz-transition-delay: 1s;
	z-index: 10;
}
.entried #leaf01,.entried #leaf02,
.v-entried #leaf01,.v-entried #leaf02{
	opacity: 1;
}


.v-entried .bg-article{
	width: 100%;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: width;
	-moz-transition-duration: 0s;
}

@media (max-width:450px) {
	#bg-layer{padding-left: 0;}
	.bg-article{width: 170px;}
}


.bg-left{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: url(../images/main-photo0.jpg) no-repeat center center;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
.bg-right{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background: url(../images/main-photo1.jpg) no-repeat center center;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
/*////////////////////
	メイン部分
////////////////////*/
/* メインビジュアル格納ボックス*/
.visual-list{
	position: relative;
	width: 100%;
	max-width: 340px;
	height: 340px;
	margin: 30px auto 0;
	/*
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	*/
	overflow: hidden;
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
}
.visual-item{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background-image:url(../images/main.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 340px auto;
	     -o-background-size: 340px auto;
	        background-size: 340px auto;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition-property: top;
	-moz-transition-duration: 1s;
}
.visual-change{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:url(../images/main.png);
	background-repeat: no-repeat;
	background-position: center 0;
	-webkit-background-size: 340px auto;
	     -o-background-size: 340px auto;
	        background-size: 340px auto;
}
.view-welcome .visual-change{ background-position: 0 -340px;}
.view-about .visual-change{ background-position: 0 -680px;}
.view-precinct .visual-change{ background-position: 0 -1020px;}
.view-events .visual-change{ background-position: 0 -1360px;}
.view-hikariryoen .visual-change{ background-position: 0 -1700px;}
.view-access .visual-change{ background-position: 0 -2040px;}
.view-contact .visual-change{ background-position: 0 -2380px;}

.show-welcome .visual-change{ background-position: 0 -340px;}
.show-about .visual-change{ background-position: 0 -680px;}
.show-precinct .visual-change{ background-position: 0 -1020px;}
.show-events .visual-change{ background-position: 0 -1360px;}
.show-hikariryoen .visual-change{ background-position: 0 -1700px;}
.show-access .visual-change{ background-position: 0 -2040px;}
.show-contact .visual-change{ background-position: 0 -2380px;}

.set-welcome .visual-change{ background-position: 0 -340px;}
.set-about .visual-change{ background-position: 0 -680px;}
.set-precinct .visual-change{ background-position: 0 -1020px;}
.set-events .visual-change{ background-position: 0 -1360px;}
.set-hikariryoen .visual-change{ background-position: 0 -1700px;}
.set-access .visual-change{ background-position: 0 -2040px;}
.set-contact .visual-change{ background-position: 0 -2380px;}

.visual-main-logo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-image:url(../images/circle-logo.png);
	background-position: center center;
	-webkit-background-size: 340px auto;
	     -o-background-size: 340px auto;
	        background-size: 340px auto;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition-property: top;
	-moz-transition-duration: 1s;
}
.show-home .visual-main-logo,
.show-welcome .visual-main-logo,
.show-about .visual-main-logo,
.show-precinct .visual-main-logo,
.show-events .visual-main-logo,
.show-hikariryoen .visual-main-logo,
.show-access .visual-main-logo,
.show-contact .visual-main-logo{
	top: -340px;
}

.mask-item{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 6;
	opacity:1;
	background-image:url(../images/main-cover.png);
	background-position: center center;
	-webkit-background-size: 340px auto;
	     -o-background-size: 340px auto;
	        background-size: 340px auto;
	-webkit-transition: 5s 1.5s;
	-ms-transition: 5s 1.5s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 5s;
	-moz-transition-delay:1.5s;
}
.visual-cover{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/mask-circle.png) no-repeat;
	-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
	z-index: 7;
	opacity: 1;
	transition: .4s;
}

.visual-cover.hide{
	opacity: 0;
}

.view-home .visual-item{ background-position: center 0px;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: background-position;
	-moz-transition-duration: 0s;
}
.view-welcome .visual-item{ background-position: 0 -340px;}
.view-about .visual-item{ background-position: 0 -680px;}
.view-precinct .visual-item{ background-position: 0 -1020px;}
.view-events .visual-item{ background-position: 0 -1360px;}
.view-hikariryoen .visual-item{ background-position: 0 -1700px;}
.view-access .visual-item{ background-position: 0 -2040px;}
.view-contact .visual-item{ background-position: 0 -2380px;}

.set-home .visual-item{ background-position: center 0px;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}
.set-welcome .visual-item{ background-position: 0 -340px;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}
.set-about .visual-item{ background-position: 0 -680px;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}
.set-precinct .visual-item{ background-position: 0 -1020px;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}
.set-events .visual-item{ background-position: 0 -1360px;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}
.set-hikariryoen .visual-item{ background-position: 0 -1700px;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}
.set-access .visual-item{ background-position: 0 -2040px;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}
.set-contact .visual-item{ background-position: 0 -2380px;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}

.show-home .visual-item{ background-position: center 0px;}
.show-welcome .visual-item{ background-position: 0 -340px;}
.show-about .visual-item{ background-position: 0 -680px;}
.show-precinct .visual-item{ background-position: 0 -1020px;}
.show-events .visual-item{ background-position: 0 -1360px;}
.show-hikariryoen .visual-item{ background-position: 0 -1700px;}
.show-access .visual-item{ background-position: 0 -2040px;}
.show-contact .visual-item{ background-position: 0 -2380px;}

#c-home .mask-item{ opacity:1; background-position: 0 0px;}
#c-welcome .mask-item{ opacity:1; background-position: 0 -340px;}
#c-about .mask-item{ opacity:1; background-position: 0 -680px;}
#c-precinct .mask-item{ opacity:1; background-position: 0 -1020px;}
#c-events .mask-item{ opacity:1; background-position: 0 -1360px;}
#c-hikariryoen .mask-item{ opacity:1; background-position: 0 -1700px;}
#c-access .mask-item{ opacity:1; background-position: 0 -2040px;}
#c-contact .mask-item{ opacity:1; background-position: 0 -2380px;}

.view-home #c-home .mask-item{ opacity:0; }
.view-welcome #c-welcome .mask-item{ opacity:0;}
.view-about #c-about .mask-item{ opacity:0;}
.view-precinct #c-precinct .mask-item{ opacity:0;}
.view-events #c-events .mask-item{ opacity:0;}
.view-hikariryoen #c-hikariryoen .mask-item{ opacity:0;}
.view-access #c-access .mask-item{ opacity:0;}
.view-contact #c-contact .mask-item{ opacity:0;}
.set-home #c-home .mask-item{
	opacity:0;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}
.set-welcome #c-welcome .mask-item{
	opacity:0;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}
.set-about #c-about .mask-item{
	opacity:0;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}
.set-precinct #c-precinct .mask-item{
	opacity:0;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}
.set-events #c-events .mask-item{
	opacity:0;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}
.set-hikariryoen #c-hikariryoen .mask-item{
	opacity:0;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}
.set-access #c-access .mask-item{
	opacity:0;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}

.set-contact #c-contact .mask-item{
	opacity:0;
	-webkit-transition: 0s;
	-ms-transition: 0s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0s;
}



@media (max-width:450px) {
	.visual-main-logo,.visual-change,.visual-list,.visual-item,.mask-item{
		max-width: 170px;
		height: 170px;
	}
	.visual-main-logo,.visual-change,.visual-item,.mask-item{
		-webkit-background-size: 170px auto;
		     -o-background-size: 170px auto;
		        background-size: 170px auto;
	}
	.view-home .visual-change{ background-position: center 0px;}
	.view-welcome .visual-change{ background-position: 0 -170px;}
	.view-about .visual-change{ background-position: 0 -340px;}
	.view-precinct .visual-change{ background-position: 0 -510px;}
	.view-events .visual-change{ background-position: 0 -680px;}
	.view-hikariryoen .visual-change{ background-position: 0 -850px;}
	.view-access .visual-change{ background-position: 0 -1020px;}
	.view-contact .visual-change{ background-position: 0 -1190px;}

	.view-home .visual-item{ background-position: center 0px;}
	.view-welcome .visual-item{ background-position: 0 -170px;}
	.view-about .visual-item{ background-position: 0 -340px;}
	.view-precinct .visual-item{ background-position: 0 -510px;}
	.view-events .visual-item{ background-position: 0 -680px;}
	.view-hikariryoen .visual-item{ background-position: 0 -850px;}
	.view-access .visual-item{ background-position: 0 -1020px;}
	.view-contact .visual-item{ background-position: 0 -1190px;}

	.set-home .visual-item{ background-position: center 0px;}
	.set-welcome .visual-item{ background-position: 0 -170px;}
	.set-about .visual-item{ background-position: 0 -340px;}
	.set-precinct .visual-item{ background-position: 0 -510px;}
	.set-events .visual-item{ background-position: 0 -680px;}
	.set-hikariryoen .visual-item{ background-position: 0 -850px;}
	.set-access .visual-item{ background-position: 0 -1020px;}
	.set-contact .visual-item{ background-position: 0 -1190px;}

	.show-home .visual-item{ background-position: center 0px;}
	.show-welcome .visual-item{ background-position: 0 -170px;}
	.show-about .visual-item{ background-position: 0 -340px;}
	.show-precinct .visual-item{ background-position: 0 -510px;}
	.show-events .visual-item{ background-position: 0 -680px;}
	.show-hikariryoen .visual-item{ background-position: 0 -850px;}
	.show-access .visual-item{ background-position: 0 -1020px;}
	.show-contact .visual-item{ background-position: 0 -1190px;}

	#c-home .mask-item{ opacity:1; background-position: 0 0px;}
	#c-welcome .mask-item{ opacity:1; background-position: 0 -170px;}
	#c-about .mask-item{ opacity:1; background-position: 0 -340px;}
	#c-precinct .mask-item{ opacity:1; background-position: 0 -510px;}
	#c-events .mask-item{ opacity:1; background-position: 0 -680px;}
	#c-hikariryoen .mask-item{ opacity:1; background-position: 0 -850px;}
	#c-access .mask-item{ opacity:1; background-position: 0 -1020px;}
	#c-contact .mask-item{ opacity:1; background-position: 0 -1190px;}
}


/*////////////////////
	エントランス
////////////////////*/
.cnt-index{
	position: relative;
	width: 160px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
	-webkit-transition: 1s;
	-ms-transition: 1s;
	-moz-transition-property: width;
	-moz-transition-duration: 1s;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.obj-left{
	position: absolute;
	top: 0;
	left: 0;
	width: 126px;
	height: 117px;
	background: url(../images/op-obj-left.png) no-repeat;
	opacity: 1;
	-webkit-transition: .8s;
	-ms-transition: .8s;
	-moz-transition-property: opacity;
	-moz-transition-duration: .8s;
}
.obj-right{
	position: absolute;
	top: 450px;
	right: 0;
	width: 125px;
	height: 166px;
	background: url(../images/op-obj-right.png) no-repeat;
	opacity: 1;
	-webkit-transition: .8s;
	-ms-transition: .8s;
	-moz-transition-property: opacity;
	-moz-transition-duration: .8s;
}

.entried .cnt-index{
	width: 100%;
}
.entried .obj-left{opacity: 0;}
.entried .obj-right{opacity: 0;}


@media (max-width:450px) {
	.cnt-index{
		width: 170px;
	}
}

/*//////////////////////
	エントリーボタン
/////////////////////*/
.entry{
	position: relative;
	width: 80%;
	height: 30px;
	padding: 9px 0;
	margin: 0 auto 30px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: opacity;
	-moz-transition-duration: .4s;
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
	background: url(../images/btn-entry.png) no-repeat center center;
	-webkit-background-size: 110px auto;
	     -o-background-size: 110px auto;
	        background-size: 110px auto;
}
.entried .entry{
	opacity: 0;
	z-index:-999;
}

.entry-line-top{
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: #ddd;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: top;
	-moz-transition-duration: .4s;
}
.entry:hover .entry-line-top{ top: -5px;}
.entried .entry-line-top{top: -10px;}
.entry-line-bottom{
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: #ddd;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: bottom;
	-moz-transition-duration: .4s;
}
.entry:hover .entry-line-bottom{ bottom: -5px;}
.entried .entry-line-bottom{bottom: -10px;}

@media (max-width:450px){
	.entried .entry{
		opacity: 0;
		height: 0;
		z-index:-999;
	}
}

/*//////////////////////
	メインリード
/////////////////////*/
.main-lead{
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	overflow: hidden;
	background: url(../images/main-lead.png) no-repeat center top;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: opacity,top;
	-moz-transition-duration: .4s;
}
.entried .main-lead{
	top: 20px;
	height: 0;
	opacity: 0;
}

@media (max-height: 850px) {
	.main-lead{background-image: url(../images/main-lead-min.png);}
}
.main-lead span{display: none;}


/*//////////////////////
	縦ナビ
/////////////////////*/
.v-navi-area{
	position: relative;
	top: 411px;
	top: 0;
	left: 50%;
	width: 0;
	height: 300px;
	background: url(../images/bg-nav.jpg) repeat-x top center;
	overflow: hidden;
	-webkit-transition: 1s 1s;
	-ms-transition: 1s 1s;
	-moz-transition-property: width,left;
	-moz-transition-duration: 1s;
	-moz-transition-delay: 1s;
}
.entried .v-navi-area{
	width: 100%;
	left: 0;
}

/*
	縦リスト
*/
.v-navi-list{
	position: relative;
	display: block;
	top: 0;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	overflow: hidden;
}
.v-navi-item{
	float: right;
	margin: 0 auto;
	padding: 25px 12px 0 0;
	text-align: center;
}
.v-navi-item:first-child{
	padding-right: 0;
}
/*メニュー画像*/
.v-navi-item a{
	display: inline-block;
	width: 46px;
	height: 238px;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
	opacity: 1;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: opacity;
	-moz-transition-duration: .4s;
}
.v-navi-item a span{display: none;}
.v-navi-item a.vnavi-welcome{background-image: url(../images/vnavi-welcome.png);}
.v-navi-item a.vnavi-about{background-image: url(../images/vnavi-about.png);}
.v-navi-item a.vnavi-precinct{background-image: url(../images/vnavi-precinct.png);}
.v-navi-item a.vnavi-events{background-image: url(../images/vnavi-events.png);}
.v-navi-item a.vnavi-hikariryoen{background-image: url(../images/vnavi-hikariryoen.png);}
.v-navi-item a.vnavi-access{background-image: url(../images/vnavi-access.png);}
.v-navi-item a.vnavi-contact{background-image: url(../images/vnavi-contact.png);}
.v-navi-item a:hover{
	opacity: .7;
}

@media (max-width:450px) {
	.v-navi-area{
		height: 180px;
	}
	.v-navi-item a{
		width: 23px;
		background-position: left top;
	}
	.v-navi-list{
		margin-left: -117px;
		width: 235px;
	}

}

/*/////////////////////////
	ごあいさつ
////////////////////////*/
#c-welcome{
	position: relative;
	width: 100%;
	overflow: hidden;
}
#c-welcome h1{
	position: relative;
	width: 100%;
	text-align: center;
	padding-bottom: 100px;
}
#c-welcome .welcome-image{
	width: 100%;
	max-width: 580px;
	margin: 0 auto;
}
#c-welcome .welcome-image img{
	max-width: 100%;
}
 
#c-welcome .welcome-txt{
	width: 100%;
	text-align: center;
	font-size: 15px;
	line-height: 200%;
	color: #666;
	padding: 70px 0;
}
#c-welcome .welcome-signing{
	position: relative;
	width: 100%;
	max-width: 580px;
	text-align: right;
	margin: 0 auto;
}
@media (max-width:700px) {
	#c-welcome h1{
		padding-bottom: 30px;
	}
	#c-welcome .welcome-txt{
		text-align: left;
		padding: 35px 0;
	}
}

/*/////////////////////////
	安養院について
////////////////////////*/
#c-about{
	position: relative;
	width: 100%;
	overflow: hidden;
}
#c-about h1{
	position: relative;
	width: 100%;
	text-align: center;
	padding-bottom: 100px;
}
#c-about .about-image{
	position: relative;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
#c-about .about-image-left{
	float: left;
	text-align: center;
}
#c-about .about-image-right{
	float: right;
	text-align: center;
}
#c-about .about-image img{max-width: 100%;}

#c-about .about-txt{
	width: 90%;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	padding: 70px 0 0 0;
	margin: 0 auto;
}
@media (max-width:950px) {
	#c-about h1{ padding-bottom: 30px;}
	#c-about .about-image img{max-width: 90%;}
	#c-about .about-image-left{float:none; width: 100%;}
	#c-about .about-image-right{float:none; width: 100%;}
	#c-about .about-txt{text-align: left;}
}
/*/////////////////////////

////////////////////////*/
#c-precinct{
	position: relative;
	width: 100%;
	overflow: hidden;
}
#c-precinct h1{
	position: relative;
	width: 100%;
	text-align: center;
}
#c-precinct .precinct-lead{
	font-size: 15px;
	line-height: 200%;
	color: #666;
	text-align: center;
	padding: 60px 0;
}

@media (max-width: 700px) {
	#c-precinct h1{ padding-bottom: 30px;}
	#c-precinct .precinct-lead{
		text-align: left;
	}
}
#c-precinct .area h2{
	position: relative;
	width: 100%;
	text-align: center;
	background: url(../../precinct/images/bg-ttl-line.gif) repeat-x left center;
	margin-bottom: 70px;
}
#c-precinct .area h2 span{
	display: inline-block;
	background: #FFF;
	padding: 0 20px;
}

#c-precinct .location-list{
	position: relative;
	width: 100%;
	overflow: hidden;
}
#c-precinct .location{
	position: relative;
	float: left;
	width: 50%;
	padding-bottom: 15px;
}
#c-precinct .location-photo{width: 90%; margin: 0 auto; padding-top: 30px;}
#c-precinct .location-photo img{max-width: 100%;}
#c-precinct .location-ttl{
	position: absolute;
	top: 0;
	right: 0;
}
#c-precinct .location-detial{
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	font-size: 14px;
	color: #666;
}

#c-precinct .details{
	width: 75%;
	max-width: 550px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 200%;
	color: #666;
	padding: 50px 0;
}

#c-precinct .details-phone{
	margin-bottom: 50px;
}

#c-precinct .details-charge span{
	display: block;
	padding-left: 7px;
}

@media (max-width: 700px) {
	#c-precinct .location{
		width: 100%;
	}
	#c-precinct .location-detial{
		text-align: left;
	}

	#c-precinct .details{
		width: 95%;
	}

	#c-precinct .location-photo{
		text-align: center;
	}

}
/*/////////////////////////
	行事のご案内
////////////////////////*/
#c-events{
	position: relative;
	width: 100%;
	overflow: hidden;
}
#c-events h1{
	position: relative;
	width: 100%;
	text-align: center;
	padding-bottom: 100px;
}
#c-events h2{
	width: 100%;
	text-align: center;
}
#c-events .event-area{
	width: 100%;
	margin: 70px auto 0;
}
#c-events .AnnualEvents .event-area{
	position: relative;
	width: 100%;
	background: url(../../events/images/event_pc.png);
	background-size: cover;
}

#c-events .AnnualEvents .event-area::after{
	position: relative;
	display: block;
	content: "";
	width: 100%;
	padding-bottom: 168%;
}

.MonthlyEvent{
	position: relative;
	width: 95%;
	margin: 0 auto;
}
#c-events .MonthlyEvent .event-area{
	max-width: 550px;
}
#c-events .event-wrap{
	position: relative;
}
#c-events .event-list{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 35px;
}
#c-events .event-list.lastmonth{
	padding-bottom: 0;
}
#c-events .event{
	position: relative;
	float: left;
	width: 50%;
	text-align: right;
}
#c-events .event-list li.event:first-child{
	float: right;
	text-align: left;
}
#c-events .event-list li.event:last-child{
	margin-top: 150px;
}
#c-events .event-inner{
	width: 90%;
	margin: 0 auto;
}
#c-events .event i{
	position: absolute;
	display: block;
	top: 0;
	width: 16px;
	height: 12px;
}
#c-events .event-list li.event:first-child i{left: -5px; background: url(../../events/images/ic-right.png) no-repeat;}
#c-events .event-list li.event:last-child i{right: -6px; background: url(../../events/images/ic-left.png) no-repeat;}
#c-events .event-list.lastmonth li.event:last-child i{top: auto; bottom: 0;}
@media (max-width:700px) {
	#c-events h1{ padding-bottom: 60px;}
	#c-events .AnnualEvents .event-area{
		background-position: 5px 0;
	}
	#c-events .event{
		float: none;
		width: 100%;
		text-align: left;
		padding-bottom: 20px;
	}

	#c-events .AnnualEvents .event-area{
		max-width: 450px;
	}

	#c-events .AnnualEvents .event-area::after{
		position: relative;
		display: block;
		content: "";
		width: 100%;
		padding-bottom: 264%;
	}

	#c-events .event-inner{width: 80%;}
	#c-events .event-list li.event:first-child{ float: none;}
	#c-events .event-list li.event:last-child{ margin-top: 0;}
	#c-events .event-list li.event:first-child i{left: 0px; background: url(../../events/images/ic-right.png) no-repeat;}
	#c-events .event-list li.event:last-child i{left: 0px; background: url(../../events/images/ic-right.png) no-repeat;}
	.MonthlyEvent h3 img{width: 280px;}
}
/**/
#c-events .event-ttl{
	padding-bottom: 15px;
}
#c-events .event-ttl img{max-width: 100%;}

#c-events .event-detail{
	font-size: 15px;
	color: #666;
}
@media (max-width:700px) {
	#c-events .event-detail{
		font-size: 13px;
	}

	#c-events .AnnualEvents .event-area{
		position: relative;
		width: 95%;
		margin: 60px auto;
		margin-bottom: 150px;
		background: url(../../events/images/event_sp.png);
		background-size: cover;
	}
}
/*12月*/
#c-events .event-list.lastmonth li.event:last-child{
	padding-bottom: 0;
}
#c-events .event-list.lastmonth li.event:last-child h3{
	padding-bottom: 0;
}
#c-events .MonthlyEvent{
	margin-top: 50px;
	font-size: 15px;
	color: #666;
}
#c-events .MonthlyEvent .event-area li{
	padding: 10px 0;
}
#c-events .monthly-detail{
	padding: 20px 0;
}
@media (max-width:700px) {
	#c-events .monthly-detail{
		font-size: 13px;
	}
}
#c-events .atention{
	font-size: 15px;
	color: #666;
	width: 100%;
	text-align: center;
	padding: 50px 0 0;
}
@media (max-width:700px) {
	#c-events .atention{
		font-size: 13px;
	}
}
/*/////////////////////////

////////////////////////*/
/*/////////////////////////

////////////////////////*/

#c-hikariryoen{
	position: relative;
	width: 100%;
	overflow: hidden;
}
#c-hikariryoen h1{
	position: relative;
	width: 100%;
	text-align: center;
	padding-bottom: 100px;
}

/*ひかり陵苑：ビジュアル*/
#c-hikariryoen .hikariryoen-visual{
	width: 100%;
}

#c-hikariryoen .hikariryoen-visual img{max-width: 100%;}

/*ひかり陵苑：紹介*/
#c-hikariryoen .hikariryoen-introduction{
	text-align: center;
	padding: 60px 0;
	padding-bottom: 90px;
}

/*ひかり陵苑：テキスト*/
#c-hikariryoen .hikariryoen-txt{
	width: 90%;
	font-size: 15px;
	text-align: center;
	color: #666;
	padding: 60px 0 50px;
	margin: 0 auto;
}
/*ひかり陵苑：リンク*/
#c-hikariryoen .link-hikariryoen{
	position: relative;
	width: 100%;
	text-align: center;
}

#c-hikariryoen .hikariryoen-section{
	width: 100%;
	text-align: center;
	color: #666;
	padding-bottom: 100px;
}


#c-hikariryoen .hikariryoen-section-ttl{
	width: 100%;
	text-align: center;
	padding-bottom: 60px;
}

#c-hikariryoen .hikariryoen-section-ttl img{
	width: 100%;
}

#c-hikariryoen .hikariryoen-section-imgs{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-around;
	padding-bottom: 30px;
}

#c-hikariryoen .hikariryoen-section-imgs-item{
	margin: 0 20px;
	margin-bottom: 30px;
}

#c-hikariryoen .hikariryoen-section-imgs img{
	width: 100%;
}
 
#c-hikariryoen .hikariryoen-links{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	width: 90%;
	max-width: 850px;
	margin: 0 auto;
	padding-bottom: 60px;
}

#c-hikariryoen .hikariryoen-links-item{
	margin: 0 20px;
	width: 45%;
	padding-bottom: 10px;
}

#c-hikariryoen .hikariryoen-links-item img{
	line-height: 0;
	width: 100%;
}

#c-hikariryoen .hikariryoen-links-item a{
	line-height: 0;
	display: block;
}

@media (max-width:700px) {
	#c-hikariryoen .hikariryoen-txt{
		text-align: left;
	}

	#c-hikariryoen .hikariryoen-section{
		padding-bottom: 80px;
	}
	
	

	#c-hikariryoen .hikariryoen-section-imgs{
		display: block;
		width: 100%;
		justify-content: space-around;
		padding-bottom: 0;
	}

	#c-hikariryoen .hikariryoen-section-imgs-item{
		width: 100%;
		max-width: 550px;
		margin: 0 auto;
		padding-bottom: 30px;
	}

	#c-hikariryoen .hikariryoen-links-item{
		margin: 0 20px;
		width: 100%;
		max-width: 400px;
		padding-bottom: 20px;
		margin: 0 auto;
	}

}



/*/////////////////////////
	交通
////////////////////////*/
#c-access{
	position: relative;
	width: 100%;
	overflow: hidden;
}
#c-access h1{
	position: relative;
	width: 100%;
	text-align: center;
	padding-bottom: 100px;
}
#c-access .access-map{
	position: relative;
	width: 100%;
	text-align: center;
}
#c-access .map-box{
}
#c-access .access-map img{
	max-width: 100%;
}
#c-access .link-googlemap{
	width: 100%;
	max-width: 540px;
	text-align: left;
	margin: 0 auto;
}
#c-access .link-googlemap a{
	font-size: 14px;
	color: #9A9A9A;
}
#c-access .transportation{
	width: 100%;
	max-width: 540px;
	margin: 0 auto;
	padding: 75px 0 0;
}
#c-access .access-train,
#c-access .access-buss{
	display: block;
	width: 90%;
	margin: 0 auto;
}
#c-access .access-train{
	padding-bottom: 30px;
}
#c-access .transportation-list li{
	font-size: 15px;
	color: #666;
	padding: 5px 10px;
}
@media (max-width:700px) {
	#c-access h1{ padding-bottom: 30px;}
}




/*/////////////////////////
	コンタクト
////////////////////////*/
#c-contact{
	position: relative;
	width: 100%;
	overflow: hidden;
	color: #777;
}
#c-contact h1{
	position: relative;
	width: 100%;
	text-align: center;
	padding-bottom: 100px;
}

/*ひかり陵苑：ビジュアル*/
#c-contact .contact-visual{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 100px;
}

#c-contact .contact-visual img{
	width: 100%;
}

#c-contact .contact-info{
	width: 90%;
	max-width: 300px;
	margin: 0 auto;
	padding-bottom: 100px;
}

#c-contact .contact-info .contact-label{
	width: 70%;
	min-width: 200px;
	padding-bottom: 40px;
}

#c-contact .contact-info .contact-label img{
	width: 100%;
}

#c-contact .contact-address{
	width: 100%;
	padding-bottom: 30px;
}

#c-contact .contact-address p{
	font-size: 20px;
}

#c-contact .contact-phone{
	position: relative;
	width: 100%;
	padding-bottom: 30px;
}

#c-contact .contact-phone p{
	display: block;
	font-size: 25px;
	padding-left: 40px;
}

#c-contact .contact-phone::before{
	display: block;
	position: absolute;
	content: "";
	width: 25px;
	height: 25px;
	top: 5px;
	background-image: url('../../contact/images/phone.png'); 
	background-size: cover;
}
@media (max-width:700px) {
	#c-contact .contact-visual{
		width: 100%;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	#c-contact h1{ padding-bottom: 30px;}

	#c-contact .contact-info{
		width: 90%;
		max-width: 300px;
		margin: 0 auto 0 25px;
		padding-bottom: 20px;
	}
	

	#c-contact .contact-address p{
		font-size: 16px;
	}

	#c-contact .contact-phone p{
		font-size: 20px;
		padding-left: 30px;
	}
	

	#c-contact .contact-phone::before{
		width: 20px;
		height: 20px;
	}

	#c-contact .contact-info .contact-label{
		width: 50%;
		padding-bottom: 30px;
	}
}