#animation{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#animation div{
	position:absolute;
}

#view{
	width:1600px;
	height:600px;
	top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-800px;
	-ms-transform-origin:50% 50%; /*IE9*/
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
}

.image1{
	position:absolute;
	margin:0;
	top:0;
	left:0;
}

/*----------------------------------------
	Scrolling
----------------------------------------*/
.scroll {
	-webkit-animation: scroll_400 50s linear normal none infinite;
	animation: scroll_400 50s linear normal none infinite;
}
@-webkit-keyframes scroll_1500 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-750px, 0px);
	}
	75% {
		-webkit-transform: translate(750px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_1500 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-750px, 0px);
	}
	75% {
		transform: translate(750px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
@-webkit-keyframes scroll_1400 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-700px, 0px);
	}
	75% {
		-webkit-transform: translate(700px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_1400 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-700px, 0px);
	}
	75% {
		transform: translate(700px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
@-webkit-keyframes scroll_1300 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-650px, 0px);
	}
	75% {
		-webkit-transform: translate(650px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_1300 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-650px, 0px);
	}
	75% {
		transform: translate(650px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
@-webkit-keyframes scroll_1200 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-600px, 0px);
	}
	75% {
		-webkit-transform: translate(600px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_1200 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-600px, 0px);
	}
	75% {
		transform: translate(600px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
@-webkit-keyframes scroll_1100 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-550px, 0px);
	}
	75% {
		-webkit-transform: translate(550px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_1100 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-550px, 0px);
	}
	75% {
		transform: translate(550px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
@-webkit-keyframes scroll_1000 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-500px, 0px);
	}
	75% {
		-webkit-transform: translate(500px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_1000 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-500px, 0px);
	}
	75% {
		transform: translate(500px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
@-webkit-keyframes scroll_900 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-450px, 0px);
	}
	75% {
		-webkit-transform: translate(450px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_900 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-450px, 0px);
	}
	75% {
		transform: translate(450px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
@-webkit-keyframes scroll_800 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-400px, 0px);
	}
	75% {
		-webkit-transform: translate(400px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_800 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-400px, 0px);
	}
	75% {
		transform: translate(400px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
@-webkit-keyframes scroll_700 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-350px, 0px);
	}
	75% {
		-webkit-transform: translate(350px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_700 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-350px, 0px);
	}
	75% {
		transform: translate(350px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
@-webkit-keyframes scroll_600 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-300px, 0px);
	}
	75% {
		-webkit-transform: translate(300px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_600 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-300px, 0px);
	}
	75% {
		transform: translate(300px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
@-webkit-keyframes scroll_500 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-250px, 0px);
	}
	75% {
		-webkit-transform: translate(250px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_500 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-250px, 0px);
	}
	75% {
		transform: translate(250px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
@-webkit-keyframes scroll_400 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-200px, 0px);
	}
	75% {
		-webkit-transform: translate(200px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_400 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-200px, 0px);
	}
	75% {
		transform: translate(200px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
@-webkit-keyframes scroll_300 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-150px, 0px);
	}
	75% {
		-webkit-transform: translate(150px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_300 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-150px, 0px);
	}
	75% {
		transform: translate(150px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
@-webkit-keyframes scroll_200 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-100px, 0px);
	}
	75% {
		-webkit-transform: translate(100px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_200 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-100px, 0px);
	}
	75% {
		transform: translate(100px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}
@-webkit-keyframes scroll_100 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	25% {
		-webkit-transform: translate(-50px, 0px);
	}
	75% {
		-webkit-transform: translate(50px, 0px);
	}
	100% {
		-webkit-transform: translate(0%, 0px);
	}
}
@keyframes scroll_100 {
	0% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(-50px, 0px);
	}
	75% {
		transform: translate(50px, 0px);
	}
	100% {
		transform: translate(0%, 0px);
	}
}

/*----------------------------------------
	Animation
----------------------------------------*/
.anim {
	top: -5px;
	left: -5px;
}
.back {
	width: 1600px;
	height: 600px;
}
.tsuchihakobi_oku {
	top: 174px;
	left: 1284px;
	-webkit-animation: tsuchihakobi_oku 3s ease-in-out alternate none infinite;
	animation: tsuchihakobi_oku 3s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchihakobi_oku {
	0% {
		-webkit-transform: translate(0px, 5px);
	}
	20% {
		-webkit-transform: translate(-4px, 1px);
	}
	40% {
		-webkit-transform: translate(-8px, 4px);
	}
	60% {
		-webkit-transform: translate(-12px, 1px);
	}
	80% {
		-webkit-transform: translate(-16px, 3px);
	}
	100% {
		-webkit-transform: translate(-20px, 0px);
	}
}
@keyframes tsuchihakobi_oku {
	0% {
		transform: translate(0px, 5px);
	}
	20% {
		transform: translate(-4px, 1px);
	}
	40% {
		transform: translate(-8px, 4px);
	}
	60% {
		transform: translate(-12px, 1px);
	}
	80% {
		transform: translate(-16px, 3px);
	}
	100% {
		transform: translate(-20px, 0px);
	}
}
.tsuchihakobi_oku_jimen {
	top: 196px;
	left: 1245px;
}
.tsuchihakobi_oku_temae {
	top: 142px;
	left: 1125px;
	-webkit-animation: tsuchihakobi_oku_temae 0.9s ease-in-out alternate none infinite;
	animation: tsuchihakobi_oku_temae 0.9s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchihakobi_oku_temae {
	0% {
		-webkit-transform: rotate(-2deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}
@keyframes tsuchihakobi_oku_temae {
	0% {
		transform: rotate(-2deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
.tsuchihakobi_oku_temae img {
	-webkit-animation: tsuchihakobi_oku_temae_zengo 0.9s ease-in-out alternate none infinite;
	animation: tsuchihakobi_oku_temae_zengo 0.9s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchihakobi_oku_temae_zengo {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	100% {
		-webkit-transform: translate(8px, 0px);
	}
}
@keyframes tsuchihakobi_oku_temae_zengo {
	0% {
		transform: translate(0px, 0px);
	}
	100% {
		transform: translate(8px, 0px);
	}
}
.tsuchihori_1 {
	top: 208px;
	left: 1263px;
	width: 150px;
	height: 158px;
	transform-origin: 21% 100%;
	-webkit-animation: tsuchihori_1 1.3s ease-in-out alternate none infinite;
	animation: tsuchihori_1 1.3s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchihori_1 {
	0% {
		-webkit-transform: rotate(-6deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}
@keyframes tsuchihori_1 {
	0% {
		transform: rotate(-6deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
.tsuchihori_1_jouhanshin {
	width: 125px;
	height: 126px;
	transform-origin: 70% 80%;
	-webkit-animation: tsuchihori_1_jouhanshin 1.3s ease-in-out alternate none infinite;
	animation: tsuchihori_1_jouhanshin 1.3s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchihori_1_jouhanshin {
	0% {
		-webkit-transform: rotate(-3deg);
	}
	100% {
		-webkit-transform: rotate(13deg);
	}
}
@keyframes tsuchihori_1_jouhanshin {
	0% {
		transform: rotate(-3deg);
	}
	100% {
		transform: rotate(13deg);
	}
}
.tsuchihori_1_ude {
	transform-origin: 60% 60%;
	-webkit-animation: tsuchihori_1_ude 1.3s ease-in-out alternate none infinite;
	animation: tsuchihori_1_ude 1.3s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchihori_1_ude {
	0% {
		-webkit-transform: rotate(-10deg);
	}
	100% {
		-webkit-transform: rotate(10deg);
	}
}
@keyframes tsuchihori_1_ude {
	0% {
		transform: rotate(-10deg);
	}
	100% {
		transform: rotate(10deg);
	}
}
.tsuchihori_1_ue {
	top: 33px;
	left: 63px;
}
.tsuchihori_1_shita {
	top: 76px;
	left: 34px;
	transform-origin: 55% 15%;
	-webkit-animation: tsuchihori_1_shita 1.3s ease-in-out alternate none infinite;
	animation: tsuchihori_1_shita 1.3s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchihori_1_shita {
	0% {
		-webkit-transform: rotate(-1deg);
	}
	100% {
		-webkit-transform: rotate(1deg);
	}
}
@keyframes tsuchihori_1_shita {
	0% {
		transform: rotate(-1deg);
	}
	100% {
		transform: rotate(1deg);
	}
}
.tsuchihori_2 {
	top: 286px;
	left: 1397px;
	width: 175px;
	height: 128px;
	transform-origin: 47% 70%;
	-webkit-animation: tsuchihori_2 1.5s ease-in-out alternate none infinite;
	animation: tsuchihori_2 1.5s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchihori_2 {
	0% {
		-webkit-transform: rotate(-10deg);
	}
	100% {
		-webkit-transform: rotate(5deg);
	}
}
@keyframes tsuchihori_2 {
	0% {
		transform: rotate(-10deg);
	}
	100% {
		transform: rotate(5deg);
	}
}
.tsuchihori_2_ue {
	top: 0px;
	left: 46px;
	transform-origin: 10% 65%;
	-webkit-animation: tsuchihori_2_ue 1.5s ease-in-out alternate none infinite;
	animation: tsuchihori_2_ue 1.5s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchihori_2_ue {
	0% {
		-webkit-transform: rotate(-13deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}
@keyframes tsuchihori_2_ue {
	0% {
		transform: rotate(-13deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
.tsuchihori_2_ue img {
	-webkit-animation: tsuchihori_2_ue_jouge 1.5s ease-in-out alternate none infinite;
	animation: tsuchihori_2_ue_jouge 1.5s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchihori_2_ue_jouge {
	0% {
		-webkit-transform: translate(0px, -2px);
	}
	100% {
		-webkit-transform: translate(0px, 5px);
	}
}
@keyframes tsuchihori_2_ue_jouge {
	0% {
		transform: translate(0px, -2px);
	}
	100% {
		transform: translate(0px, 5px);
	}
}
.tsuchihori_2_shita {
	top: 33px;
	left: 0px;
	transform-origin: 60% 30%;
	-webkit-animation: tsuchihori_2_shita 1.5s ease-in-out alternate none infinite;
	animation: tsuchihori_2_shita 1.5s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchihori_2_shita {
	0% {
		-webkit-transform: rotate(7deg);
	}
	100% {
		-webkit-transform: rotate(-1deg);
	}
}
@keyframes tsuchihori_2_shita {
	0% {
		transform: rotate(7deg);
	}
	100% {
		transform: rotate(-1deg);
	}
}
.tsuchisarai_2 {
	top: 332px;
	left: 1346px;
	transform-origin: 60% 30%;
	-webkit-animation: tsuchisarai_2 1.5s ease-in-out alternate none infinite;
	animation: tsuchisarai_2 1.5s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchisarai_2 {
	0% {
		-webkit-transform: translate(-4px, 0px);
	}
	50% {
		-webkit-transform: translate(1px, 0px);
	}
	70% {
		-webkit-transform: translate(2px, 0px);
	}
	85% {
		-webkit-transform: translate(1px, 0px);
	}
	100% {
		-webkit-transform: translate(2px, 0px);
	}
}
@keyframes tsuchisarai_2 {
	0% {
		transform: translate(-4px, 0px);
	}
	50% {
		transform: translate(1px, 0px);
	}
	70% {
		transform: translate(2px, 0px);
	}
	85% {
		transform: translate(1px, 0px);
	}
	100% {
		transform: translate(2px, 0px);
	}
}
.tsuchisarai_1 {
	top: 404px;
	left: 1450px;
	transform-origin: 50% 85%;
	-webkit-animation: tsuchisarai_1 1.1s ease-in-out alternate none infinite;
	animation: tsuchisarai_1 1.1s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchisarai_1 {
	0% {
		-webkit-transform: rotate(10deg);
	}
	100% {
		-webkit-transform: rotate(5deg);
	}
}
@keyframes tsuchisarai_1 {
	0% {
		transform: rotate(10deg);
	}
	100% {
		transform: rotate(5deg);
	}
}
.ugokasanai {
	top: 438px;
	left: 1534px;
}
.tsuchihakobi {
	top: 263px;
	left: 1199px;
	-webkit-animation: tsuchihakobi 3.5s ease-in-out alternate none infinite;
	animation: tsuchihakobi 3.5s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchihakobi {
	0% {
		-webkit-transform: translate(0px, 5px);
	}
	15% {
		-webkit-transform: translate(-3px, 0px);
	}
	30% {
		-webkit-transform: translate(-6px, 4px);
	}
	45% {
		-webkit-transform: translate(-9px, -1px);
	}
	60% {
		-webkit-transform: translate(-12px, 6px);
	}
	80% {
		-webkit-transform: translate(-16px, -4px);
	}

	100% {
		-webkit-transform: translate(-22px, 4px);
	}
}
@keyframes tsuchihakobi {
	0% {
		transform: translate(0px, 5px);
	}
	15% {
		transform: translate(-3px, 0px);
	}
	30% {
		transform: translate(-6px, 4px);
	}
	45% {
		transform: translate(-9px, -1px);
	}
	60% {
		transform: translate(-12px, 6px);
	}
	80% {
		transform: translate(-16px, -4px);
	}

	100% {
		transform: translate(-22px, 4px);
	}
}
.tsuchihakobi_saka {
	top: 353px;
	left: 1140px;
}
.tsuchi_1 {
	top: 258px;
	left: 1017px;
	-webkit-animation: tsuchi_1 3s ease-in normal none infinite;
	animation: tsuchi_1 3s ease-in normal none infinite;
}
@-webkit-keyframes tsuchi_1 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	30% {
		-webkit-transform: translate(0px, 210px);
	}
	100% {
		-webkit-transform: translate(0px, 210px);
	}
}
@keyframes tsuchi_1 {
	0% {
		transform: translate(0px, 0px);
	}
	30% {
		transform: translate(0px, 210px);
	}
	100% {
		transform: translate(0px, 210px);
	}
}
.tsuchi_1_b {
	top: 258px;
	left: 1017px;
	-webkit-animation: tsuchi_1_b 3s ease-in 0.1s normal none infinite;
	animation: tsuchi_1_b 3s ease-in 0.1s normal none infinite;
}
@-webkit-keyframes tsuchi_1_b {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	30% {
		-webkit-transform: translate(0px, 210px);
	}
	100% {
		-webkit-transform: translate(0px, 210px);
	}
}
@keyframes tsuchi_1_b {
	0% {
		transform: translate(0px, 0px);
	}
	30% {
		transform: translate(0px, 210px);
	}
	100% {
		transform: translate(0px, 210px);
	}
}

.tsuchi_2_a {
	top: 251px;
	left: 811px;
	-webkit-animation: tsuchi_2_a 3s ease-in 0.5s normal none infinite;
	animation: tsuchi_2_a 3s ease-in 0.5s normal none infinite;
}
@-webkit-keyframes tsuchi_2_a {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	30% {
		-webkit-transform: translate(0px, 210px);
	}
	100% {
		-webkit-transform: translate(0px, 210px);
	}
}
@keyframes tsuchi_2_a {
	0% {
		transform: translate(0px, 0px);
	}
	30% {
		transform: translate(0px, 210px);
	}
	100% {
		transform: translate(0px, 210px);
	}
}
.tsuchi_2_b {
	top: 251px;
	left: 811px;
	-webkit-animation: tsuchi_2_a 3s ease-in 0.6s normal none infinite;
	animation: tsuchi_2_a 3s ease-in 0.6s normal none infinite;
}
@-webkit-keyframes tsuchi_2_a {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	30% {
		-webkit-transform: translate(0px, 210px);
	}
	100% {
		-webkit-transform: translate(0px, 210px);
	}
}
@keyframes tsuchi_2_a {
	0% {
		transform: translate(0px, 0px);
	}
	30% {
		transform: translate(0px, 210px);
	}
	100% {
		transform: translate(0px, 210px);
	}
}
.daisha_2 {
	top: 438px;
	left: 942px;
	-webkit-animation: daisha_2 0.2s ease-in-out alternate none infinite;
	animation: daisha_2 0.2s ease-in-out alternate none infinite;
}
@-webkit-keyframes daisha_2 {
	0% {
		-webkit-transform: translate(-1px, 0px);
	}
	100% {
		-webkit-transform: translate(0px, 0px);
	}
}
@keyframes daisha_2 {
	0% {
		transform: translate(-1px, 0px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
.daisha_1 {
	top: 438px;
	left: 746px;
	-webkit-animation: daisha_1 0.25s ease-in-out alternate none infinite;
	animation: daisha_1 0.25s ease-in-out alternate none infinite;
}
@-webkit-keyframes daisha_1 {
	0% {
		-webkit-transform: translate(-1px, 0px);
	}
	100% {
		-webkit-transform: translate(0px, 0px);
	}
}
@keyframes daisha_1 {
	0% {
		transform: translate(-1px, 0px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
.tsuchihakobi_hidari_1 {
	top: 455px;
	left: 324px;
	-webkit-animation: tsuchihakobi_hidari_1 1.6s ease-in-out alternate none infinite;
	animation: tsuchihakobi_hidari_1 1.6s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchihakobi_hidari_1 {
	0% {
		-webkit-transform: translate(-1px, 0px);
	}
	15% {
		-webkit-transform: translate(1px, 0px);
	}
	30% {
		-webkit-transform: translate(-1px, 0px);
	}
	50% {
		-webkit-transform: translate(2px, 0px);
	}
	100% {
		-webkit-transform: translate(-8px, 0px);
	}
}
@keyframes tsuchihakobi_hidari_1 {
	0% {
		transform: translate(-1px, 0px);
	}
	15% {
		transform: translate(1px, 0px);
	}
	30% {
		transform: translate(-1px, 0px);
	}
	50% {
		transform: translate(2px, 0px);
	}
	100% {
		transform: translate(-8px, 0px);
	}
}
.tsuchihakobi_hidari_2 {
	top: 455px;
	left: 10px;
	-webkit-animation: tsuchihakobi_hidari_2 2s ease-in-out alternate none infinite;
	animation: tsuchihakobi_hidari_2 2s ease-in-out alternate none infinite;
}
@-webkit-keyframes tsuchihakobi_hidari_2 {
	0% {
		-webkit-transform: translate(-1px, 0px);
	}
	10% {
		-webkit-transform: translate(1px, 0px);
	}
	20% {
		-webkit-transform: translate(-1px, 0px);
	}
	30% {
		-webkit-transform: translate(2px, 0px);
	}
	100% {
		-webkit-transform: translate(-8px, 0px);
	}
}
@keyframes tsuchihakobi_hidari_2 {
	0% {
		transform: translate(-1px, 0px);
	}
	10% {
		transform: translate(1px, 0px);
	}
	20% {
		transform: translate(-1px, 0px);
	}
	30% {
		transform: translate(2px, 0px);
	}
	100% {
		transform: translate(-8px, 0px);
	}
}
.warau_1 {
	top: 273px;
	left: 279px;
	-webkit-animation: warau_1 0.7s ease-in-out alternate none infinite;
	animation: warau_1 0.7s ease-in-out alternate none infinite;
}
@-webkit-keyframes warau_1 {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	20% {
		-webkit-transform: translate(0px, 1px);
	}
	40% {
		-webkit-transform: translate(0px, 0px);
	}
	60% {
		-webkit-transform: translate(0px, 1px);
	}
	100% {
		-webkit-transform: translate(0px, 0px);
	}
}
@keyframes warau_1 {
	0% {
		transform: translate(0px, 0px);
	}
	20% {
		transform: translate(0px, 1px);
	}
	40% {
		transform: translate(0px, 0px);
	}
	60% {
		transform: translate(0px, 1px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
.warau_2 {
	top: 323px;
	left: 164px;
}
.warau_2_kao {
	top: 0px;
	left: 43px;
	-webkit-animation: warau_2_kao 0.8s ease-in-out 0.1s alternate none infinite;
	animation: warau_2_kao 0.8s ease-in-out 0.1s alternate none infinite;
}
@-webkit-keyframes warau_2_kao {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	20% {
		-webkit-transform: translate(0px, 1px);
	}
	40% {
		-webkit-transform: translate(0px, 0px);
	}
	60% {
		-webkit-transform: translate(0px, 1px);
	}
	100% {
		-webkit-transform: translate(0px, 0px);
	}
}
@keyframes warau_2_kao {
	0% {
		transform: translate(0px, 0px);
	}
	20% {
		transform: translate(0px, 1px);
	}
	40% {
		transform: translate(0px, 0px);
	}
	60% {
		transform: translate(0px, 1px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
.warau_2_karada {
	top: 16px;
	left: 0px;
	-webkit-animation: warau_2_karada 0.8s ease-in-out alternate none infinite;
	animation: warau_2_karada 0.8s ease-in-out alternate none infinite;
}
@-webkit-keyframes warau_2_karada {
	0% {
		-webkit-transform: translate(0px, 0px);
	}
	20% {
		-webkit-transform: translate(0px, -1px);
	}
	40% {
		-webkit-transform: translate(0px, 0px);
	}
	60% {
		-webkit-transform: translate(0px, -1px);
	}
	100% {
		-webkit-transform: translate(0px, 0px);
	}
}
@keyframes warau_2_karada {
	0% {
		transform: translate(0px, 0px);
	}
	20% {
		transform: translate(0px, -1px);
	}
	40% {
		transform: translate(0px, 0px);
	}
	60% {
		transform: translate(0px, -1px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}


/* Blur on Scroll
----------------------------------------*/
#view{
	transition:filter 0.3s;
}

.dot{
	opacity:0;
	position:fixed;
	top:0;
	left:0;
	background:url(../img/top/bg_dot.png);
	width:100%;
	height:100%;
	z-index:2;
	transition:all 1s ease;
}

.blur .dot{
	opacity:1;
}

/* Blur on Scroll
----------------------------------------*/
.tsuchihakobi_oku {
	width:236px;
	height:36px;
}
.tsuchihakobi_oku_jimen {
	width:294px;
	height:40px;
}
.tsuchihori_1_ude {
	width:127px;
	height:87px;
}
.tsuchihori_1_ue {
	width:55px;
	height:69px;
}
.tsuchihori_1_shita {
	width:108px;
	height:100px;
}
.tsuchihori_2_ue {
	width:136px;
	height:78px;
}
.tsuchihori_2_shita {
	width:109px;
	height:96px;
}
.tsuchisarai_2 {
	width:138px;
	height:124px;
}
.tsuchisarai_1 {
	width:133px;
	height:121px;
}
.ugokasanai {
	width:66px;
	height:108px;
}
.tsuchihakobi {
	width:213px;
	height:235px;
}
.tsuchihakobi_saka {
	width:267px;
	height:159px;
}
.tsuchi_1 {
	width:50px;
	height:150px;
}
.tsuchi_1_b {
	width:38px;
	height:63px;
}
.tsuchi_2_a {
	width:51px;
	height:191px;
}
.tsuchi_2_b {
	width:38px;
	height:63px;
}
.daisha_2 {
	width:214px;
	height:156px;
}
.daisha_1 {
	width:229px;
	height:160px;
}
.tsuchihakobi_hidari_1 {
	width:284px;
	height:142px;
}
.tsuchihakobi_hidari_2 {
	width:318px;
	height:145px;
}
.warau_1 {
	width:34px;
	height:35px;
}
.warau_2_kao {
	width:39px;
	height:40px;
}
.warau_2_karada {
	width:80px;
	height:62px;
}


.ie #view img {
	opacity:1;
	transition:all 1s;
}


/*	Scroll
----------------------------------------*/
.encourage-scroll {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width:90px;
	height:45px;
	transition:all 0.3s;
}
.encourage-scroll .drop {
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	width:12px;
	height:16px;
	-webkit-animation:dropmove 1.5s ease-out infinite normal;
	animation:dropmove 1.5s ease-out infinite normal;
}
@-webkit-keyframes dropmove {
	0% {
		opacity:0;
		-webkit-transform:scale(0.5,0.5);
		-webkit-transform:translate(0px,-20px);
	}
	100% {
		opacity:1;
		-webkit-transform:scale(1,1);
		-webkit-transform:translate(0px,0px);
	}
}
@keyframes dropmove {
	0% {
		opacity:0;
		transform:scale(0.5,0.5);
		transform:translate(0px,-20px);
	}
	100% {
		opacity:1;
		transform:scale(1,1);
		transform:translate(0px,0px);
	}
}


/*----------------------------------------
	Chara
----------------------------------------*/
.chara{
	position:relative;
	display:block;
	width:100px;
	height:100px;
	background-image:url(../img/top/chara.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	cursor:pointer;
	z-index:7500;
}

.chara::after{
	content:"";
	background:url(../img/top/chara-serif.svg) no-repeat;
	position:absolute;
	top:0;
	right:-80px;
	width:100px;
	height:100px;
	opacity:0;
	transition:all 0.3s ease;
	z-index:7550;
}

.chara:hover::after{
	opacity:1;
}

.scroll-vh_chara .chara{
	position:fixed;
	top:160px;
}
.scroll-vh_chara main {
	margin-top:100px;
}

@media screen and (max-width:767px) {

.chara{
	margin-left:-20px;
}

.scroll-vh_chara .chara{
	position:relative;
	top:0;
}

.scroll-vh_chara main {
	margin-top:0;
}
.scroll-vh_header .chara {
	position:fixed;
	top:0;
}
.scroll-vh_header main {
	margin-top:100px;
}
}


/*----------------------------------------
	Intro
----------------------------------------*/
.intro {
	position:relative;
	z-index:10;
	height:100%;
}

/*----------------------------------------
	Contents
----------------------------------------*/
.contents{
	position:relative;
	z-index:10;
	width:100%;
	padding-bottom:20px;
}

.content{
	background-repeat:no-repeat;
	background-size:contain;
	padding:0 10px 30px 0;
	transition:all 0.5s ease-in;
}

.content{
	background-position:0 5px;
}

.delay .content{
	background-position:0 15px;
}

.content1 {/* 02 */
	float:left;
	width:456px;
	margin-top: 0;
  margin-left: 110px;
	background-image:url(../img/top/about-shadow.png);
}
.content2 {/* 03 */
	float:right;
  width:480px;
	margin-top:-100px;
	margin-right:70px;
	background-image:url(../img/top/walk-shadow.png);
}
.content3{/* 01 */
	float:right;
  margin-top:-100px;
	width:426px;
	background-image:url(../img/top/museum-shadow.png);
}
.content4 {
	float:left;
	width:300px;
	margin-top:100px;
  margin-left: 110px;
	background-image:url(../img/top/exhibition-shadow.png);
}
.content5 {
	float:right;
	width:221px;
	margin-top: -130px;
	margin-right:370px;
	background-image:url(../img/top/access-shadow.png);
}


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

.content1 {/* 02 */
  margin: 0;
  margin-top:-200px;
  margin-right:100px;
}

.content2 {/* 03 */
  margin: 0;
	margin-top:-100px;
}

.content3{/* 01 */
	margin-top:-50px;
}

.content4 {
	margin-top:20px;
  margin: 0;
}
.content5 {
  float: none;
  clear: both;
  margin: 0 auto;
}
}


@media screen and (max-width:767px) {

.contents{
	text-align:center;
}

.content1{/* 02 */
	width:80%;
  margin-top: 0;
	margin-left:10%;
}

.content2 {/* 03 */
	width:85%;
	margin-top: 10px;
  margin-right: 0;
}

.content3 {/* 01 */
	float:none;
	width:80%;
  margin-top:-100px;
	margin-left:20%;
}

.content4 {
	float:left;
	width:50%;
	margin: 0;
}

.content5 {
	float:right;
	width:40%;
  margin-top:50px;
	margin-right:0;
	margin-left:30px;
}

}


/*----------------------------------------
	Loading
-----------------------------------------*/
.loading {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#fff;
	z-index:9999;
}
.loading-image {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	width:200px;
	height:150px;
	text-align:center;
	color:#fff;
	margin-top:-75px;
	margin-left:-100px;
}

.loading-image img{
	width:200px;
	height:150px;
}

#svg {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:150px;
}
.complete {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:150px;
}
.complete img {
	width:100%;
}
@media screen and (max-width:767px) {
.loading-image {
	width:100px;
	height:75px;
	margin-top:-38px;
	margin-left:-50px;
}
#svg {
	width:100px;
	height:75px;
}
.complete {
	width:100px;
	height:75px;
}
}


/*----------------------------------------
	News
-----------------------------------------*/
.news-pickup{
	display:none;
	position:absolute;
	top:100px;
	width:100%;
	background:rgba(255,255,255,.8);
}

.news-pickup p{
	font-size:16px;
	font-size:1.6rem;
	text-align:center;
}

.news-pickup p span{
	margin-right:20px;
}

.news-pickup p a:hover{
	text-decoration:underline;
}

.news-box{
	position:relative;
	background:#fff;
	z-index:30;
	padding-top:40px;
}

.news-box .inner{
	min-height:58px;
}

.news-box h3{
	display:block;
	position:absolute;
	width:180px;
	margin-top:10px;
	text-align:center;
}

.news-box h3 a{
	display:block;
	padding:5px 10px 10px;
	border:1px solid #000;
	-webkit-transition:all .3s;
	transition:all .3s;
}

.news-box h3 a:hover{
	opacity:.7;
}


.news-box ul{
	padding-left:200px;
}

.news-box ul li{
	font-size:16px;
	font-size:1.6rem;
}

.news-box ul li span{
	margin-right:20px;
}

.news-box ul li a:hover{
	text-decoration:underline;
}

/*.news-box ul li:nth-child(n+2){
	display:none;
}
*/

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

.news-pickup{
	z-index:120;
}

}


@media screen and (max-width:767px) {

.news-pickup{
	z-index:12;
}

.news-pickup p{
	font-size:13px;
	font-size:1.3rem;
}

.news-box{
	padding-top:30px;
}

.news-box h3{
	position:relative;
	display:block;
	width:100%;
	margin-top:0;
	text-align:left;
}

.news-box h3 a{
	padding:0 0 10px;
	border:none;
	border-bottom:1px solid #000;
}

.news-box h3 img{
	width:80px;
	height:auto;
}

.news-box ul{
	margin-top:10px;
	padding-left:0;
}

.news-box ul li{
	font-size:14px;
	font-size:1.4rem;
}

}

/* 2024.2.6 added ITP */
.news-closed {
    font-weight: 600;
    background: rgba(255,0,0,.2);
}

/*----------------------------------------
	Banner
-----------------------------------------*/
.banner-box{
	position:relative;
	background:#fff;
	z-index:30;
	padding-top:70px;
}

/* .banner-box ul{
	text-align:center;
} */

.banner-box li{
    display:inline-block;
    margin:30px 15px 0;
}

.banner-box a img{
	transition:all 0.5s ease;
}

.banner-box a img:hover{
	opacity:.7;
}


@media screen and (max-width:767px) {

.banner-box{
	padding:30px 0;
}

.banner-box li{
    display:inherit;
	float:left;
	width:48%;
    margin:0;
	margin-right:4%;
}

.banner-box li:nth-child(even){
	margin-right:0;
}

.banner-box li:nth-child(n+3){
	margin-top:15px;
}

}

/*----------------------------------------
	Movie
-----------------------------------------*/

.movie-box {
	position:relative;
	background:#fff;
	z-index:30;
	padding:70px 0 30px;
}
.movie-box .movie-inner {
  width: 94%;
  max-width: 650px;
  margin: 0 auto;
}
.movie-box .movie-inner .movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie-box .movie-inner .movie  iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* =====================
  lang en
===================== */

.lang-en .chara::after,
.lang-cn .chara::after,
.lang-tw .chara::after,
.lang-ko .chara::after{
	content:"";
	background:url(../img/top/chara-serif-other-lang.svg) no-repeat;
	position:absolute;
	top:0;
	right:-80px;
	width:100px;
	height:100px;
	opacity:0;
	transition:all 0.3s ease;
	z-index:7550;
}

.lang-en .chara:hover::after,
.lang-cn .chara:hover::after,
.lang-tw .chara:hover::after,
.lang-ko .chara:hover::after{
	opacity:1;
}


.content1 {
	float:right;
	width:456px;
	margin-top:-100px;
	background-image:url(../img/top/about-shadow.png);
}
.content2 {
	float:left;
	width:581px;
	margin-top:-230px;
	margin-left:30px;
	background-image:url(../img/top/walk-shadow.png);
}
.content3{
	float:right;
	width:426px;
	margin-top:-180px;
	background-image:url(../img/top/museum-shadow.png);
}
.content4 {
	float:right;
	width:221px;
	margin-top:20px;
	background-image:url(../img/top/exhibition-shadow.png);
}
.content5 {
	float:right;
	width:221px;
	margin-top:120px;
	margin-right:20px;
	background-image:url(../img/top/access-shadow.png);
}

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

.content2 {
	margin-top:-130px;
}

.content3{
	margin-top:-100px;
}

.content4 {
	float:left;
	margin-top:0;
}
.content5 {
	float:left;
	margin-top:-100px;
	margin-left:200px;
}

}

@media screen and (max-width:767px) {

.contents{
	text-align:center;
}

.content1{
	float:none;
	width:90%;
	margin-left:10%;
}

.content2 {
	float:none;
	width:80%;
	margin-top:0;
}

.content3 {
	float:right;
	width:70%;
	margin-top:0;
}

.content4 {
	float:left;
	width:40%;
	margin-top:-40px;
	margin-left:10px;
}

.content5 {
	float:left;
	width:40%;
	margin-top:0;
	margin-right:0;
	margin-left:30px;
}

}



.content1 {/* 02 */
	float:left;
	width:456px;
	margin-top: 0;
  margin-left: 110px;
	background-image:url(../img/top/about-shadow.png);
}
.content2 {/* 03 */
	float:right;
  width:480px;
	margin-top:-100px;
	margin-right:70px;
	background-image:url(../img/top/walk-shadow.png);
}
.content3{/* 01 */
	float:right;
  margin-top:-100px;
	width:426px;
	background-image:url(../img/top/museum-shadow.png);
}
/* .content4 {
	float:left;
	width:300px;
	margin-top:100px;
  margin-left: 110px;
	background-image:url(../img/top/exhibition-shadow.png);
}
.content5 {
	float:right;
	width:221px;
	margin-top: -130px;
	margin-right:370px;
	background-image:url(../img/top/access-shadow.png);
} */
/*20230203-osawa追記*/
.content4 {
	float:left;
	width:300px;
	margin-top:0px;
  margin-left: 70px;
	background-image:url(../img/top/exhibition-shadow.png);
}
.content5 {
	float:right;
	width:221px;
	margin-top: -170px;
	margin-right:420px;
	background-image:url(../img/top/access-shadow.png);
}


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

.content1 {/* 02 */
  margin: 0;
  margin-top:-200px;
  margin-right:100px;
}

.content2 {/* 03 */
  margin: 0;
	margin-top:-100px;
}

.content3{/* 01 */
	margin-top:-50px;
}

.content4 {
	margin-top:20px;
  margin: 0;
}
.content5 {
  float: none;
  clear: both;
  margin: 0 auto;
}
}


@media screen and (max-width:767px) {

.contents{
	text-align:center;
}

.content1{/* 02 */
	width:80%;
  margin-top: 0;
	margin-left:10%;
}

.content2 {/* 03 */
	width:85%;
	margin-top: 10px;
  margin-right: 0;
}

.content3 {/* 01 */
	float:none;
	width:80%;
  margin-top:-100px;
	margin-left:20%;
}

.content4 {
	float:left;
	width:50%;
	margin: 0;
}

.content5 {
	float:right;
	width:40%;
  margin-top:50px;
	margin-right:0;
	margin-left:30px;
}

}

/* .lang-jp */ .banner-box ul {
  max-width: 700px;
  margin: 0 auto;
}

@media screen and (max-width:333px){
	.content5 {
	margin-top:0px;
  margin: 0;
}
}
/*
.lang-jp .banner-box li {
  display: inline-block;
  float: none;
} */