@charset "UTF-8";

#osentaku {
	overflow:visible;
	position: relative;
	text-align: center;
	background-color: transparent;
}

.sticky-base {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 651px;
	background-color: transparent;
	z-index: 10;
}

#sticky {
	width: 100%;
	height: 201px;
	padding: 30px;
	background-color: rgba(255,255,255,.7);
}

.osentaku_text {
	text-align: left;
	font-size: 1.1rem;
}
	

/*----------↓↓↓仏壇画像入れ替え↓↓↓----------*/
#mae {
	height: 500px;
	overflow: hidden;
	position: relative;
}

#mae::before{
	content:"";
	display:block;
	position:fixed;
	z-index: -100;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-image:
	url(../../images/index/butsudan_before.png),
	url(../../images/index/butsudan_blanc.gif),
	url(../../images/index/butsudan_after.png);
	background-repeat: no-repeat;
	background-position: center top 220px;
	background-size: 300px auto;/*仏壇洗濯の画像サイズ*/
	transition: all .3s ease-in-out;
	overflow-x: auto;
}

.delighter#mae.ended::before {
	background-image:
	url(../../images/index/butsudan_after.png),
	url(../../images/index/butsudan_blanc.gif),
	url(../../images/index/butsudan_before.png);
}

#ato {
	height: 500px;
	background-color: transparent;
}

@media only screen and (min-width:414px) {
	.osentaku_text {
		text-align: center;
	}
	
	#sticky {
		height: 171px;
	}

}

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

#sticky {
	background-color: transparent;
}

.sticky-base {
	height: 921px;
}

.osentaku_text {
	font-size: 1.3rem;
}

#mae::before{
	content:"";
	display: none;
}

#mae {
	height: 750px;
	background-image: url("../../images/index/butsudan_before.png");
	background-repeat: no-repeat;
	background-position: center 200px;
	background-size: auto 500px;
	background-color: #F0F0F0;
	background-attachment: scroll;
}

.delighter#mae.started {
	background-attachment: fixed;
}

#ato {
	height: 750px;
	border-top: 1px solid #10faf7;
	background-image: url("../../images/index/butsudan_after.png");
	background-repeat: no-repeat;
	background-position: center 200px;
	background-size: auto 500px;
	background-color: #FCFCFC;
	background-attachment: fixed;
}

.delighter#ato.started {
	background-attachment: scroll;
}

}
/*----------↑↑↑仏壇画像入れ替え↑↑↑----------*/