@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Share+Tech');
.ff-st{
	font-family: 'Share Tech', sans-serif;
}
@media screen and (min-width: 767px) {
	.popup{
		display: none;
	}
}

/* 各種エフェクト */
.lcl-effect--swim.active{
	animation-name: swim;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	right: -100px;
}
.lcl-effect--delay01.active{animation-delay: 0.1s;}
.lcl-effect--delay02.active{animation-delay: 0.2s;}
.lcl-effect--delay03.active{animation-delay: 0.3s;}
.lcl-effect--delay04.active{animation-delay: 0.4s;}
.lcl-effect--delay05.active{animation-delay: 0.5s;}
.lcl-effect--delay06.active{animation-delay: 0.6s;}
.lcl-effect--delay07.active{animation-delay: 0.7s;}
.lcl-effect--delay08.active{animation-delay: 0.8s;}
.lcl-effect--delay09.active{animation-delay: 0.9s;}
.lcl-effect--delay10.active{animation-delay: 1.0s;}
.lcl-effect--delay11.active{animation-delay: 1.1s;}
.lcl-effect--delay12.active{animation-delay: 1.2s;}
.lcl-effect--delay13.active{animation-delay: 1.3s;}
.lcl-effect--delay14.active{animation-delay: 1.4s;}
.lcl-effect--delay15.active{animation-delay: 1.5s;}
.lcl-effect--delay16.active{animation-delay: 1.6s;}
.lcl-effect--delay17.active{animation-delay: 1.7s;}
.lcl-effect--delay18.active{animation-delay: 1.8s;}
.lcl-effect--delay19.active{animation-delay: 1.9s;}
.lcl-effect--delay20.active{animation-delay: 2.0s;}
@keyframes swim {
	0% { right: -100px;}
	100% { right: 100%;}
}

.lcl-effect--jump{
	animation-name: jump;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.lcl-effect--jump--reverse{
	animation-name: jump_reverse;
}
@keyframes jump{
	0% { transform: translateY(0);}
	50% { transform: translateY(-10px);}
	100% { transform: translateY(0)}
}
@keyframes jump_reverse{
	0% { transform: translateY(0) scale(-1,1);}
	50% { transform: translateY(-10px) scale(-1,1);}
	100% { transform: translateY(0) scale(-1,1);}
}

.lcl-effect--dento{
	animation-name: dento;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes dento{
	0% { transform: scale(1);opacity: 0.5;}
	50% { transform: scale(1.2);opacity: 1;}
	100% { transform: scale(1);opacity: 0.5;}
}
.lcl-effect--escape{
	animation-name: escape;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	transform-origin: center;
}
@keyframes escape{
	0% { transform: translateX(-3vw) scale(1,1);margin-top: 0;}
	5% {margin-top: -5px;}
	10% {margin-top: 0;}
	15% {margin-top: -5px;}
	20% {margin-top: 0;}
	25% {margin-top: -5px;}
	30% {margin-top: 0;}
	35% {margin-top: -5px;}
	40% {margin-top: 0;}
	45% {margin-top: -5px;}
	50% { transform: translateX(3vw) scale(1,1);margin-top: 0;}
	51% { transform: translateX(3vw) scale(-1,1);}
	55% {margin-top: -5px;}
	60% {margin-top: 0;}
	65% {margin-top: -5px;}
	70% {margin-top: 0;}
	75% {margin-top: -5px;}
	80% {margin-top: 0;}
	85% {margin-top: -5px;}
	90% {margin-top: 0;}
	95% {margin-top: -5px;}
	99% { transform: translateX(-3vw) scale(-1,1);}
	100% { transform: translateX(-3vw) scale(1,1);margin-top: 0;}
}
.lcl-effect--water{
	animation-name: water;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	transform-origin: bottom center;
}
@keyframes water{
	0% {transform: rotate(-5deg);}
	50% {transform: rotate(5deg);}
	100% {transform: rotate(-5deg);}
}
.lcl-effect--water--reverse{
	animation-name: water_reverse;
}
@keyframes water_reverse{
	0% {transform: rotate(-5deg) scale(-1,1);}
	50% {transform: rotate(5deg) scale(-1,1);}
	100% {transform: rotate(-5deg) scale(-1,1);}
}
.lcl-effect--star{
	animation-name: star;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes star{
	0% { transform: scale(0.5);opacity: 0.5;}
	50% { transform: scale(1);opacity: 1;}
	100% { transform: scale(0.5);opacity: 0.5;}
}
.lcl-effect--fuwafuwa{
	animation-name: fuwafuwa;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes fuwafuwa{
	0% { transform: translateY(0) rotate(-10deg);}
	50% { transform: translateY(30px) rotate(10deg);}
	100% { transform: translateY(0) rotate(-10deg);}
}
.lcl-effect--fuwafuwa--reverse{
	animation-name: fuwafuwa_reverse;
}
@keyframes fuwafuwa_reverse{
	0% { transform: translateY(0) rotate(-10deg) scale(-1,1);}
	50% { transform: translateY(30px) rotate(10deg) scale(-1,1);}
	100% { transform: translateY(0) rotate(-10deg) scale(-1,1);}
}
.lcl-effect--rain{
	animation-name: rain;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes rain{
	0% { top: -100%;}
	100% { top: 100%; }
}

#canvas{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	pointer-events: none;
	z-index: 90;
}


.main-visual{
	position: relative;
	height: 610px;
	background: #ecebd9;
	padding-top: 380px;
}

.lcl-wave{
	width: 100%;
	height: 610px;
	position: absolute;
	bottom: 0;
	display: block;
}
.lcl-wave--01,
.lcl-wave--02{ bottom: 0; }
.lcl-wave--03{ bottom: 20px; }
.lcl-wave--04{ bottom: 40px; }
.lcl-wave--05{ bottom: 416px; opacity: 0.9; }
.lcl-wave--01.active{ animation: wave_sand 10s infinite; }
.lcl-wave--02.active{ animation: wave 10s 0.5s infinite; }
.lcl-wave--03.active{ animation: wave 10s 0.25s infinite; }
.lcl-wave--04.active{ animation: wave 10s 0s infinite; }

.lcl-wave--01 .st0{fill:#c6bca5;}
.lcl-wave--02 .st0{fill:#fff;}
.lcl-wave--03 .st0{fill:#94e2e9;}
.lcl-wave--04 .st0{fill:#29CFDC;}
.lcl-wave--05 .st0{fill:#2fa6dc;}

@media screen and (min-width: 767px) {
	@keyframes wave {
		0% {transform: translateY(0px);}
		40% {transform: translateY(-20px);}
		50% {transform: translateY(-20px);}
		95% {transform: translateY(0);}
		100% {transform: translateY(0);}
	}
}
@keyframes wave_sand {
	0%{opacity: 1;}
	20%{opacity: 1;}
	50%{opacity: 0;}
	100% {opacity: 0;}
}

.lcl-island{
	position: absolute;
	width: 788px;
	height: 463px;
	left: 50%;
	top: 60px;
	margin-left: -401px;
	z-index: 2;
}
.lcl-main{
	position: absolute;
	width: 382px;
	height: 183px;
	left: 0;
	right: 0;
	top: 183px;
	margin: auto;
	z-index: 2;
}
.lcl-bridge{
	position: absolute;
	width: 57px;
	height: 65px;
	left: 0;
	right: 0;
	top: 456px;
	margin: auto;
	z-index: 2;
}

.lcl-road{
	background: #9e9e9e;
	width: 88px;
	height: 8639px;
	position: absolute;
	z-index: 20;
	left: 0;
	right: 0;
	margin: auto;
	top: 521px;
}
.lcl-road::before,
.lcl-road::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.lcl-road::before{
	box-sizing: border-box;
	width: 93.181818%;
	height: 100%;
	top: 0;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
.lcl-road::after{
	width: 2px;
	height: 100%;
	top: 0;
	background: linear-gradient(to top, #fff 0%,#fff 49%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
	background-size: 2px 24px;
}
.lcl-runner{
/*	width: 102px;
	height: 109px;*/
	width: 117.5px;
	height: 123px;
	position: absolute;
	top: -100%;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 60;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 352.5px 100%;
	background-image: url(../img/runner/img_runner.png);
	animation: runner 1s steps(2) infinite;
}
.lcl-runner--active{
	background-image: url(../img/runner/img_runner_tasuki.png);
}
.lcl-runner--uchu{
	background-image: url(../img/runner/img_runner_uchu.png);
}
.lcl-runner--uchu.lcl-runner--active{
	background-image: url(../img/runner/img_runner_uchu_tasuki.png);
}
.lcl-runner:nth-child(2n){
	transform: scale(-1,1);
}
.lcl-runner--water{
	background-image: url(../img/runner/img_runner_water_tasuki.png) !important;
}
.lcl-runner--done{
	background-image: url(../img/runner/img_runner_complete.png) !important;
	animation: none;
	background-position: -117.5px top;
	transition: opacity 2s ease, transform 2s ease;
	opacity: 0;
	transform: translateY(-100px);
}
.lcl-runner.lcl-runner--done:nth-child(2n){
	transform: translateY(-100px) scale(-1,1);
}
.lcl-runner--uchu.lcl-runner--active.lcl-runner--done{
	background-image: url(../img/runner/img_runner_uchu_complete.png) !important;
}
.lcl-runner--done:last-of-type{
	background-image: url(../img/runner/img_runner_tasuki_complete.png) !important;
	animation: runner 1s steps(2) infinite !important;
	transition: none !important;
	background-position: left top !important;
	opacity: 1 !important;
	transform: translateY(0) !important;
}

@keyframes runner {
	to {
		background-position: right top;
	}
}

.lcl-runner--first{
	background-image: url(../img/runner/img_runner_tasuki.png);
}
.lcl-runner--first{
	margin-top: -100%;
}
.lcl-runner--first.lcl-runner--active:not(.lcl-runner--done){
	margin-top: 0;
	transition: margin-top 1s ease-in;
}
.lcl-runner--first.lcl-runner--done{
	opacity: 0;
	margin-top: 0;
	/*transform: translateY(-100px);*/
	/*transition: all 2s ease;*/
}
/*@keyframes ebi_first {
	0%{transform: translate(25vw,-10vw);opacity: 0;}
	50%{transform: translate(10vw,-100vh);opacity: 1;}
	100% {transform: translate(0,0);opacity: 1;}
}*/
.lcl-fish{
	width: 52px;
	height: 19px;
	position: absolute;
	top: 50px;
	z-index: 1;
}
.lcl-fish--01.active{ top: 29px; animation-delay: -5s; animation-duration: 20s;}
.lcl-fish--02.active{ top: 40px; animation-delay: -15s; animation-duration: 30s;}
.lcl-fish--03.active{ top: 73px; animation-delay: 0s; animation-duration: 20s;}
.lcl-fish--04.active{ top: 230px; animation-delay: -3s; animation-duration: 40s; opacity: 0.5;}
.lcl-fish--05.active{ top: 249px; animation-delay: -17s; animation-duration: 10s; opacity: 0.5;}
.lcl-fish--06.active{ top: 282px; animation-delay: -13s; animation-duration: 20s; opacity: 0.5;}
.lcl-fish--07.active{ top: 342px; animation-delay: -5s; animation-duration: 20s; opacity: 0.5;}
.lcl-fish--08.active{ top: 438px; animation-delay: -4s; animation-duration: 40s; opacity: 0.5;}
.lcl-fish--09.active{ top: 471px; animation-delay: -10s; animation-duration: 30s; opacity: 0.5;}
.lcl-fish--10.active{ top: 488px; animation-delay: -17s; animation-duration: 20s; opacity: 0.5;}
.lcl-fish--11.active{ top: 502px; animation-delay: -13s; animation-duration: 40s; opacity: 0.5;}

.lcl-ebi{
	position: absolute;
	width: 69px;
	height: 52px;
	z-index: 1;
	opacity: 0.5;
}
.lcl-ebi--01.active{top: 323px; animation-delay: 0s; animation-duration: 20s;}
.lcl-ebi--02.active{top:438px; animation-delay: -5s; animation-duration: 20s;}

.lcl-shell{
	width: 33px;
	height: 33px;
	position: absolute;
	left: 50%;
	opacity: 0.5;
}
.lcl-shell--01{
	top: 497px;
	margin-left: 191px;
}
.lcl-shell--02{
	top: 547px;
	margin-left: -473px;
}
.lcl-shell--03{
	width: 22px;
	height: 22px;
	top: 540px;
	margin-left: 656px;
	opacity: 0.4;
	transform: rotate(45deg);
}
.lcl-shell--04{
	top: 17px;
	margin-left: 131px;
}
.lcl-shell--05{
	top: 108px;
	margin-left: 496px;
}
.lcl-shell--06{
	width: 22px;
	height: 22px;
	transform: rotate(45deg);
	top: 99px;
	margin-left: 538px;
	opacity: 0.7;
}
.lcl-shell--07{
	width: 22px;
	height: 22px;
	top: 184px;
	margin-left: -526px;
}

/* ---------------------------------------------------------------- 砂浜 ---- */
.lcl-sand{
	position: relative;
	background: #ecebd9;
	height: 369px;
}
.lcl-sand__effect{
	display: block;
	width: 234px;
	height: 118px;
	position: absolute;
	top: 83px;
	left: 50%;
	margin-left: 196px;

}
.lcl-sand-ebi__image{
	position: absolute;
	left: 0;
	top: 0;
}
.lcl-sand-ebi__effect{
	position: absolute;
	left: 0;
	top: 0;
	animation: sand_effect 2s linear infinite;
	transform-origin: center center;
	opacity: 0;
}
@keyframes sand_effect {
	0% { opacity: 1; transform: scale(0); }
	50% { opacity: 1; transform: scale(1); }
	70% { opacity: 0; transform: scale(1.3); }
}

/* ---------------------------------------------------------------- 電灯 ---- */
.lcl-dento{
	height: 641px;
	background: #66546e;
	position: relative;
}
.lcl-dento::before,
.lcl-dento::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	height: 100%;
}
.lcl-dento::before{
	background: #756174;
	width: 360px;
}
.lcl-dento::after{
	background: #856b78;
	width: 230px;
}

.lcl-dento__light{
	position: absolute;
	width: 101px;
	height: 101px;
	top: 0;
	left: 50%;
}
.lcl-dento__light--01{
	top: 148px;
	margin-left: -518px;
}
.lcl-dento__light--02{
	top: 265px;
	margin-left: 449px;
}
.lcl-dento__light--03{
	top: 398px;
	margin-left: -608px;
}
.lcl-dento__ebi{
	position: absolute;
	left: 50%;
	width: 62px;
	height: 78px;
	z-index: 81;
}
.lcl-dento__ebi--01{
	top: 134px;
	margin-left: -117px;
}
.lcl-dento__ebi--02{
	top: 252px;
	margin-left: -593px;
}
.lcl-dento__ebi--03{
	top: 511px;
	margin-left: 535px;
}

.lcl-dento__dento{
	width: 35px;
	height: 91px;
	position: absolute;
	left: 50%;
	z-index: 80;
}

.lcl-dento__dento--01{margin-left: -93px;top: -31px;}
.lcl-dento__dento--02{margin-left: 54px;top: -31px;}
.lcl-dento__dento--03{margin-left: -93px;top: 224px;}
.lcl-dento__dento--04{margin-left: 54px;top: 164px;}
.lcl-dento__dento--05{margin-left: -93px;top: 404px;}
.lcl-dento__dento--06{margin-left: 54px;top: 311px;}

/* ---------------------------------------------------------------- 戦争 ---- */
.lcl-war{
	height: 816px;
	background: #ecebea url(../img/war/bg_war.png) no-repeat center 179px / 1340px 504px;
	position: relative;
}
.lcl-wall{
	position: absolute;
	width: 100%;
	height: 149px;
	top: 0;
	background: transparent url(../img/war/img_wall.png) no-repeat center top / auto 100%;
	z-index: 80;
}
.lcl-wall::before,
.lcl-wall::after{
	content: "";
	display: block;
	height: 103px;
	border-top: 36px solid #d2bfab;
	background: #c0ac91;
	position: absolute;
	top: 0;
	width: calc(100% - 1300px);
}
.lcl-wall::before{
	left: 0;
}
.lcl-wall::after{
	right: 0;
}

.lcl-war__ebi{
	width: 54px;
	height: 68px;
	position: absolute;
	left: 50%;
}
.lcl-war__ebi2{
	width: 50px;
	height: 66px;
	position: absolute;
	left: 50%;
}
.lcl-war__ebi3{
	width: 60px;
	height: 75px;
	position: absolute;
	left: 50%;
}
.lcl-war__ebi4{
	width: 45px;
	height: 57px;
	position: absolute;
	left: 50%;
}
.lcl-war__ebi--01{top: 344px;margin-left: 261px;}
.lcl-war__ebi--02{top: 344px;margin-left: 334px;}
.lcl-war__ebi--03{top: 386px;margin-left: -611px;}
.lcl-war__ebi--04{top: 328px;margin-left: -554px;}
.lcl-war__ebi--05{top: 600px;margin-left: 548px;}
.lcl-war__ebi--06{top: 642px;margin-left: 496px;}

.lcl-war__ebi5{
	width: 66px;
	height: 67px;
	position: absolute;
	left: 50%;
}
.lcl-war__ebi5--01{top: 270px;margin-left: -120px;}
.lcl-war__ebi5--02{top: 445px;margin-left: 62px;}

.lcl-war__cloud{
	width: 205px;
	height: 111px;
	position: absolute;
	left: 50%;
}
.lcl-war__cloud--01{top: 407px;margin-left: 433px;animation: war_cloud 5s linear infinite;}
.lcl-war__cloud--02{top: 513px;margin-left: -611px;animation: war_cloud 5s -2.5s linear infinite;}
@keyframes war_cloud {
	0% { transform: translateY(0) scale(.5);opacity: 0;}
	50% { opacity: 1;}
	100% { transform: translateY(-100px) scale(1);opacity: 0;}
}

/* ---------------------------------------------------------------- オリンピック ---- */
.lcl-olympic{
	width: 100%;
	height: 415px;
	background: #becce9 url(../img/olympic/bg_01.jpg) no-repeat center top / auto 100%;
	position: relative;
}
.lcl-train{
	width: 100%;
	height: 122px;
	position: absolute;
	top: -102px;
	z-index: 80;
}
.lcl-train::before,
.lcl-train::after{
	content: "";
	display: block;
	width: 46.461538461%;
	position: absolute;
	top: 0;
	height: 100%;
	background-repeat: repeat-x;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-image:url(../img/olympic/bg_train.png);
}
.lcl-train::before{
	left: 0;
	background-position: top right;
}
.lcl-train::after{
	right: 0;
	background-position: top left;
}
.lcl-rock{
	width: 119px;
	height: 88px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	z-index: 81;
	margin: auto;
}
.lcl-rock__image{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}
.lcl-rock__image--01{
}
.active .lcl-rock__image--01{
	opacity: 0;
}
.lcl-rock__image--02,
.lcl-rock__image--03,
.lcl-rock__image--04,
.lcl-rock__image--05{
	opacity: 1;
	transition: all 1s ease-out;
}
.active .lcl-rock__image--02{opacity: 0;top: -500px;right: -500px;transform:rotate(-800deg);transform-origin:top right;}
.active .lcl-rock__image--03{opacity: 0;top: -500px;left: -500px;transform:rotate(-800deg);transform-origin:top left;}
.active .lcl-rock__image--04{opacity: 0;top: -250px;left: -500px;transform:rotate(-800deg);transform-origin:bottom left;}
.active .lcl-rock__image--05{opacity: 0;top: -250px;right: -500px;transform:rotate(-800deg);transform-origin:bottom right;}

.lcl-olympic__ebi{
	position: absolute;
	left: 50%;
	width: 51px;
	height: 52px;
}
.lcl-olympic__ebi--01{top: 13px;margin-left: 48px; }
.lcl-olympic__ebi--02{top: 65px;margin-left: 108px; }
.lcl-olympic__ebi--03{top: 238px;margin-left: -159px; }
.lcl-olympic__ebi--04{top: 277px;margin-left: -101px; }
/* ---------------------------------------------------------------- 旗 ---- */
.lcl-flag{
	width: 132px;
	height: 83px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	z-index: 90;
}
.lcl-flag::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-left: 2px solid #b4b4a3;
	border-right: 2px solid #b4b4a3;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
}
.lcl-flag__inner{
	position: relative;
	width: 100%;
	background: #fff;
	height: 43px;
	border-top: 2px solid #d3d3d3;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}
.lcl-flag--start{
	top: 532px;
	width: 212px;
	height: 93px;
}
.lcl-flag--start .lcl-flag__inner{
	border-top: 2px solid #a92528;
	height: 53px;
	line-height: 51px;
	background: #e62112;
	font-size: 43px;
	color: #fff;
}
.lcl-flag--future{
	top: 9038px;
}

/* ---------------------------------------------------------------- 年号 ---- */
.lcl-year{
	font-size: 36px;
	line-height: 36px;
	color: #f7af24;
	font-weight: bold;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	z-index: 40;
}
.lcl-flag--01{top: 817px;}
.lcl-flag--02{top: 1020px;}
.lcl-flag--03{top: 1980px;}
.lcl-flag--04{top: 2500px;}
.lcl-flag--05{top: 2560px;}
.lcl-flag--06{top: 2910px;}
.lcl-flag--07{top: 3230px;}
.lcl-flag--08{top: 4609px;}
.lcl-flag--09{top: 4798px;}
.lcl-flag--10{top: 5108px;}
/* .lcl-flag--11{top: 6041px;} */
.lcl-flag--11{top: 6241px;}
.lcl-flag--12{top: 8446px;}

.lcl-year{
	/* font-size: ; */
}
.lcl-year--1866{top: 868px;}
.lcl-year--1887{top: 1069px;}
.lcl-year--1898{top: 1323px;}
.lcl-year--1914{top: 2031px;}
.lcl-year--1941{top: 2212px;}
.lcl-year--1963{top: 2459px;}
.lcl-year--1967{top: 2659px;}
.lcl-year--1970{top: 2973px;}
.lcl-year--1984{top: 3330px;}
.lcl-year--1986{top: 3617px;}
.lcl-year--1988{top: 3756px;}
.lcl-year--1989{top: 4217px;}
.lcl-year--1992{top: 4565px;}
.lcl-year--2000{top: 4670px;}
.lcl-year--2001{top: 4849px;}
.lcl-year--2005{top: 5024px;}
.lcl-year--2009{top: 5208px;}
.lcl-year--2011{top: 5573px;}
.lcl-year--2013{top: 6741px;}
.lcl-year--2014{top: 6969px;}
.lcl-year--2015{top: 7358px;}
.lcl-year--2016{top: 7470px;}
.lcl-year--2017{top: 7567px;}
.lcl-year--2018{top: 7672px;}
.lcl-year--2020{top: 8011px;}
.lcl-year--2021{top: 8091px;}
.lcl-year--2022{top: 8525px;}


/* ---------------------------------------------------------------- 吹き出し ---- */
.lcl-fukidashi{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -480px;
	width: 370px;
	padding: 34px 40px 31px 40px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0px 0px 50px 0px rgba(94, 94, 89, 0.39);
	z-index: 100;
	transform-origin: center right;
	transform: scale(0.1);
	transition: all 0.5s ease;
	opacity: 0;
}
.lcl-fukidashi.active{
	transform: scale(1);
	opacity: 1;
}
.lcl-fukidashi::after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 17px solid transparent;
	border-left: 37px solid #fff;
	position: absolute;
	left: 100%;
}
.lcl-fukidashi__popup{
	display: none;
}
.lcl-fukidashi__title{
	font-size: 18px;
	line-height: 26px;
	color: #dc0011;
	margin-bottom: 15px;
}
.lcl-fukidashi__image{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	position: relative;
	cursor: pointer;
}
.lcl-fukidashi__image::after{
		position: absolute;
		content: '\f00e';
		font-family: fontawesome;
		font-size: 22px;
		line-height: 40px;
		width: 40px;
		height: 40px;
		background: #fff;
		border-radius: 50%;
		left: 10px;
		bottom: 10px;
		text-align: center;
		color: #597d49;
		pointer-events: none;
}
.lcl-fukidashi__text{
	font-size: 15px;
	line-height: 30px;
}
.lcl-fukidashi__text a{
	color: #dc0011;
}
.lcl-fukidashi__btn{
	margin-top: 15px;
	display: block;
	height: 44px;
	line-height: 44px;
	background: #000;
	border: 1px solid #000;
	color: #fff;
	font-size: 15px;
	text-align: center;
	position: relative;
	width: 100%;
	transition: all 0.25s ease;
}
.lcl-fukidashi__btn::after{
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.lcl-fukidashi__btn:hover{
	background: #fff;
	color: #000;
}
.lcl-fukidashi__btn:hover::after{
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
.lcl-fukidashi--right{
	margin-left: 110px;
	transform-origin: center left;
}
.lcl-fukidashi--right::after{
	left: auto;
	right: 100%;
	border: 17px solid transparent;
	border-right: 37px solid #fff;
}
.lcl-fukidashi__result{
	font-size: 15px;
	line-height: 27px;
	font-weight: bold;
	text-align: center;
	opacity: 0;
	transition: all 0.25s 0.5s ease;
}
.active .lcl-fukidashi__result{
	opacity: 1;
}
.lcl-fukidashi__result strong{
	color: #e52113;
}
.lcl-fukidashi--last{
	top: 9141px;
	width: 270px;
	padding-left: 0;
	padding-right: 0;
}
.lcl-fukidashi--last::after{
	top: 29px;
}

.lcl-fukidashi--01{ top: 772px; }.lcl-fukidashi--01::after{ top: 98px; }
.lcl-fukidashi--02{ top: 1003px; }.lcl-fukidashi--02::after{ top: 67px; }
.lcl-fukidashi--03{ top: 1242px; }.lcl-fukidashi--03::after{ top: 82px; }
.lcl-fukidashi--04{ top: 1242px; }.lcl-fukidashi--04::after{ top: 82px; }
.lcl-fukidashi--05{ top: 1859px; }.lcl-fukidashi--05::after{ top: 177px; }
.lcl-fukidashi--06{ top: 2105px; }.lcl-fukidashi--06::after{ top: 108px; }
.lcl-fukidashi--07{ top: 2299px; }.lcl-fukidashi--07::after{ top: 160px; }
.lcl-fukidashi--08{ top: 2578px; }.lcl-fukidashi--08::after{ top: 80px; }
.lcl-fukidashi--09{ top: 2817px; }.lcl-fukidashi--09::after{ top: 160px; }
.lcl-fukidashi--10{ top: 2817px; }.lcl-fukidashi--10::after{ top: 160px; }
.lcl-fukidashi--11{ top: 3185px; }.lcl-fukidashi--11::after{ top: 145px; }
.lcl-fukidashi--12{ top: 3551px; }.lcl-fukidashi--12::after{ top: 65px; }
.lcl-fukidashi--13{ top: 3553px; }.lcl-fukidashi--13::after{ top: 205px; }
.lcl-fukidashi--14{ top: 4037px; }.lcl-fukidashi--14::after{ top: 176px; }
.lcl-fukidashi--15{ top: 4072px; }.lcl-fukidashi--15::after{ top: 145px; }
.lcl-fukidashi--16{ top: 4465px; }.lcl-fukidashi--16::after{ top: 96px; }
.lcl-fukidashi--17{ top: 4604px; }.lcl-fukidashi--17::after{ top: 66px; }
.lcl-fukidashi--18{ top: 4782px; }.lcl-fukidashi--18::after{ top: 66px; }
.lcl-fukidashi--19{ top: 4908px; }.lcl-fukidashi--19::after{ top: 118px; }
.lcl-fukidashi--20{ top: 5021px; }.lcl-fukidashi--20::after{ top: 190px; }
.lcl-fukidashi--21{ top: 5394px; }.lcl-fukidashi--21::after{ top: 178px; }
.lcl-fukidashi--22{ top: 5474px; }.lcl-fukidashi--22::after{ top: 100px; }
.lcl-fukidashi--23{ top: 5817px; }.lcl-fukidashi--23::after{ top: 144px; }
.lcl-fukidashi--24{ top: 6078px; }.lcl-fukidashi--24::after{ top: 100px; }
.lcl-fukidashi--25{ top: 6547px; }.lcl-fukidashi--25::after{ top: 188px; }
.lcl-fukidashi--26{ top: 6816px; }.lcl-fukidashi--26::after{ top: 146px; }
.lcl-fukidashi--28{ top: 7264px; }.lcl-fukidashi--28::after{ top: 190px; }
.lcl-fukidashi--29{ top: 7348px; }.lcl-fukidashi--29::after{ top: 204px; }
.lcl-fukidashi--30{ top: 7812px; }.lcl-fukidashi--30::after{ top: 192px; }
.lcl-fukidashi--31{ top: 7881px; }.lcl-fukidashi--31::after{ top: 205px; }


/* ---------------------------------------------------------------- 雲 ---- */
.lcl-cloud{
	width: 100%;
	height: 148px;
	position: absolute;
	top: -94px;
	z-index: 80;
	left: 0;
}
.lcl-cloud::before,
.lcl-cloud::after{
	content: "";
	position: absolute;
	display: block;
	top: 0;
	width: 48.461538%;
	height: 148px;
	background: transparent url(../img/img_cloud.png) no-repeat left top / 100% 100%;
}
.lcl-cloud--rain::before,
.lcl-cloud--rain::after{
	background: transparent url(../img/img_cloud_rain.png) no-repeat left top / 100% 100%;
}
.lcl-cloud.active::before{
	left: 0;
	transform: scale(-1, 1);
	animation: cloud_fuwafuwa 2s linear infinite;
}
.lcl-cloud.active::after{
	right: 0;
	animation: cloud_fuwafuwa 2s -1s linear infinite;
}
/*@keyframes cloud_fuwafuwa{
	0% { top: 0px;}
	50% { top: 5px;}
	100% { top: 0px;}
}*/


/* ---------------------------------------------------------------- 宇宙 ---- */
.lcl-space{
	width: 100%;
	height: 883px;
	background: transparent url(../img/space/bg_02.png) repeat-x top center / auto 100%;
	position: relative;
	z-index: 1;
}
.lcl-space::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(../img/space/bg_01.png) no-repeat top center / auto 100%;
}
.lcl-space__star{
	width: 19px;
	height: 19px;
	position: absolute;
	left: 50%;
}
.lcl-space__star--01{top: 41px;margin-left: -553px;}
.lcl-space__star--02{top: 100px;margin-left: -91px;}
.lcl-space__star--03{top: 132px;margin-left: -620px;}
.lcl-space__star--04{top: 166px;margin-left: -593px;}
.lcl-space__star--05{top: 169px;margin-left: 68px;}
.lcl-space__star--06{top: 182px;margin-left: 555px;}
.lcl-space__star--07{top: 184px;margin-left: 84px;}
.lcl-space__star--08{top: 203px;margin-left: 540px;}
.lcl-space__star--09{top: 251px;margin-left: -96px;}
.lcl-space__star--10{top: 346px;margin-left: -385px;}
.lcl-space__star--11{top: 416px;margin-left: -562px;}
.lcl-space__star--12{top: 432px;margin-left: -532px;}
.lcl-space__star--13{top: 446px;margin-left: 559px;}
.lcl-space__star--14{top: 308px;margin-left: 444px;}

.lcl-space__cosmonaut{
	width: 76px;
	height: 93px;
	position: absolute;
	left: 50%;
}
.lcl-space__cosmonaut--01{
	margin-left: -538px;
	top: 202px;
}
.lcl-space__cosmonaut--02{
	margin-left: 476px;
	top: 318px;
}
.lcl-space__cosmonaut--03{
	margin-left: 227px;
	top: 145px;
}
.lcl-space__rocket{
	width: 246px;
	height: 174px;
	position: absolute;
	left: 50%;
	margin-left: -320px;
	top: 394px;
}

.lcl-space__ebi{
	position: absolute;
	left: 50%;
}
.lcl-space__ebi--01{width: 85px;height: 100px;top: 483px;margin-left: -578px;}
.lcl-space__ebi--02{width: 85px;height: 100px;top: 569px;margin-left: -239px;}
.lcl-space__ebi--03{width: 67px;height: 65px;top: 694px;margin-left: 565px;}

.lcl-space__castle{
	position: absolute;
	width: 265px;
	height: 257px;
	left: 50%;
	bottom: 0;
	margin-left: -202px;
	overflow: hidden;
}
.lcl-space__castle img{
	margin-top: 100%;
	transition: all 5s ease;
}
.active.lcl-space__castle img{
	margin-top: 0;
}

/* ---------------------------------------------------------------- 給水所 ---- */
.lcl-water{
	width: 100%;
	height: 901px;
	background: #e5eebf url(../img/water/bg__01.png) no-repeat center 39px / auto 747px;
	position: relative;
}
.lcl-water__ebi1{
	width: 66px;
	height: 67px;
	position: absolute;
	left: 50%;
}
.lcl-water__ebi1--01{
	top: 226px;
	margin-left: -120px;
}
.lcl-water__ebi1--02{
	top: 264px;
	margin-left: 62px;
}
.lcl-water__ebi2{
	width: 63px;
	height: 64px;
	position: absolute;
	top: 589px;
	left: 50%;
	margin-left: -117px;
}

.lcl-water__ebi3{
	width: 64px;
	height: 69px;
	position: absolute;
	left: 50%;
}
.lcl-water__ebi3--01{
	top: 135px;
	margin-left: 282px;
}
.lcl-water__ebi3--02{
	top: 561px;
	margin-left: -596px;
}


/* ---------------------------------------------------------------- ポケモン ---- */
.lcl-pokemon{
	position: relative;
	width: 100%;
	height: 413px;
	background: #8298c1;
}
.lcl-pokemon__rainbox{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.lcl-pokemon__rain{
	position: absolute;
	width: 93px;
	height: 44px;
	left: 50%;
	top: 0;
}
.lcl-pokemon__rain--01{margin-left: -500px; animation-delay: 0s;animation-duration: 4s;}
.lcl-pokemon__rain--02{margin-left: -169px; animation-delay: 0.5s;animation-duration: 2s;}
.lcl-pokemon__rain--03{margin-left: 532px; transform: scale(-1,1); animation-delay: -0.3s;animation-duration: 3s;}
.lcl-pokemon__rain--04{margin-left: -627px; animation-delay: 0.5s;animation-duration: 4s;}
.lcl-pokemon__rain--05{margin-left: 490px; animation-delay: -0.5s;animation-duration: 3s;}

.lcl-pokemon__earth{
	width: 373px;
	height: 219px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -360px;
	overflow: hidden;
}
.lcl-pokemon__earth__island{
	position: absolute;
	width: 230px;
	height: 230px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #0066c6;
	background-image: url(../img/pokemon/img_island.png);
	background-repeat: repeat-x;
	background-position: 0 top;
	background-size: auto 100%;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	animation-name: earth;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes earth{
	0% { background-position: -82px top;}
	100% { background-position: 230px top;}
}
.lcl-pokemon__ebi{
	width: 99px;
	height: 107px;
	position: absolute;
	left: 50%;
}
.lcl-pokemon__ebi--01{margin-left: -464px;top:64px;}
.lcl-pokemon__ebi--02{margin-left: 500px;top:137px;}
.lcl-pokemon__kanban{
	position: absolute;
	width: 53px;
	height: 105px;
	left: 50%;
	bottom: 0;
	margin-left: 50px;
}


/* ---------------------------------------------------------------- iPhone ---- */
.lcl-iphone{
	position: relative;
	width: 100%;
	height: 799px;
	background: #dfeca4 url(../img/iphone/bg_01.png) no-repeat center 65px / auto 629px;
}
.lcl-iphone__ebi{
	position: absolute;
	width: 127px;
	height: 130px;
	top: 172px;
	left: 50%;
	margin-left: 135px;
}

/* ---------------------------------------------------------------- スカイツリー ---- */
.lcl-skytree{
	width: 100%;
	position: relative;
	/* height: 858px; */
	height: 1366px;
	background: url(../img/skytree/bg_01_220523.png) repeat-x left top / auto 100%;
}
.lcl-skytree__image{
	width: 108px;
	height: 1059px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -150px;
	z-index: 81;
}
.lcl-skytree__ebi01{
	width: 98px;
	height: 115px;
	position: absolute;
	left: 50%;
	top: 94px;
	margin-left: -602px;
}
.lcl-skytree__ebi02{
	width: 88px;
	height: 103px;
	position: absolute;
	left: 50%;
	top: 716px;
	margin-left: 360px;
}
.lcl-skytree__ebi03{
	width: 74px;
	height: 88px;
	position: absolute;
	left: 50%;
	top: 616px;
	margin-left: 170px;
}

.lcl-skytree__cloud{
	width: 87px;
	height: 58px;
	position: absolute;
	left: 50%;
}
.lcl-skytree__cloud--01{ top: 198px; margin-left: 555px;width: 146px;height: 97px; animation-delay: -.5s;}
.lcl-skytree__cloud--02{ top: 424px; margin-left: -670px;}
.lcl-skytree__cloud--03{ top: 438px; margin-left: 440px; animation-delay: -1s;}
.lcl-skytree__cloud--04{ top: 603px; margin-left: 587px; animation-delay: -0.2s;}

/* ---------------------------------------------------------------- FUTURE ---- */
.lcl-future{
	width: 100%;
	/* height: 1311px; */
	height: 2180px;
	background: #dfeca4 url(../img/future/bg_01_220523.png) no-repeat center 31px / auto 1687px;
	position: relative;
}
.lcl-future .lcl-cloud{
	z-index: 90;
}

.lcl-future__keishindo{
	width: 172px;
	height: 285px;
	position: absolute;
	bottom: 247px;
	left: 50%;
	margin-left: 130px
}
.lcl-future__stadium{
	width: 765px;
	height: 267px;
	position: absolute;
	top: 989px;
	left: 50%;
	margin-left: -382.5px;
	z-index: 100;
}

.lcl-future__water{
	width: 66px;
	height: 67px;
	position: absolute;
	left: 50%;
}
.lcl-future__water--01{top:calc(457px + 890px);margin-left: -120px;}
.lcl-future__water--02{top:calc(457px + 890px);margin-left: 56px;}
.lcl-future__water--03{top:calc(607px + 890px);margin-left: -120px;}
.lcl-future__water--04{top:calc(607px + 890px);margin-left: 56px;}
.lcl-future__water--05{top:calc(756px + 890px);margin-left: -120px;}
.lcl-future__water--06{top:calc(756px + 890px);margin-left: 56px;}

.lcl-future__olympic{
	width: 63px;
	height: 64px;
	position: absolute;
	left: 50%;
}
.lcl-future__olympic--01{top:calc(530px + 890px);margin-left: -108px;}
.lcl-future__olympic--02{top:calc(530px + 890px);margin-left: 46px;}
.lcl-future__olympic--03{top:calc(680px + 890px);margin-left: -108px;}
.lcl-future__olympic--04{top:calc(680px + 890px);margin-left: 46px;}
.lcl-future__olympic--05{top:calc(835px + 890px);margin-left: -108px;}
.lcl-future__olympic--06{top:calc(835px + 890px);margin-left: 46px;}

.lcl-future__ebi{
	position: absolute;
	left: 50%;
}
.lcl-future__ebi--01{
	width: 77px;
	height: 76px;
	top: calc(536px + 890px);
	margin-left: -470px;
}
.lcl-future__ebi--02{
	width: 58px;
	height: 73px;
	top: calc(606px + 890px);
	margin-left: -366px;
}
.lcl-future__ebi--03{
	width: 52px;
	height: 66px;
	top: calc(691px + 890px);
	margin-left: 342px;
}
.lcl-future__ebi--04{
	width: 58px;
	height: 72px;
	top: calc(840px + 890px);
	margin-left: -460px;
}
.lcl-future__ebi--05{
	width: 57px;
	height: 73px;
	top: calc(849px + 890px);
	margin-left: 391px;
}
.lcl-future__ebi--06{
	width: 51px;
	height: 64px;
	top: calc(883px + 890px);
	margin-left: -377px;
}
.lcl-future__ebi--07{
	width: 67px;
	height: 65px;
	top: calc(896px + 890px);
	margin-left: 323px;
}

.lcl-future__fubuki{
	width: 105px;
	height: 106px;
	position: absolute;
	left: 50%;
	z-index: 101;
}
.lcl-future__fubuki--01{top: calc(530px + 890px);margin-left: -254px;animation: future_fubuki 2s linear infinite;}
.lcl-future__fubuki--02{top: calc(685px + 890px);margin-left: 186px;animation: future_fubuki_reverse 2s linear infinite;}
.lcl-future__fubuki--03{top: calc(706px + 890px);margin-left: -310px;animation: future_fubuki 2s linear infinite;}
.lcl-future__fubuki--04{top: 1172px;margin-left: -330px;animation: future_fubuki 2s -1s linear infinite;}
.lcl-future__fubuki--05{top: 1202px;margin-left: 200px;animation: future_fubuki_reverse 2s -1s linear infinite;}
@keyframes future_fubuki {
	0% { opacity: 1; transform: scale(0) translate(-100px,-100px); }
	25% { opacity: 1; transform: scale(1) translate(-100px,-100px); }
	50% { opacity: 0; transform: scale(1.5) translate(-100px,-100px); }
	100% { opacity: 0; transform: scale(1.5) translate(-100px,-100px); }
}
@keyframes future_fubuki_reverse {
	0% { opacity: 1; transform: scale(0) translate(100px,-100px); }
	25% { opacity: 1; transform: scale(1) translate(100px,-100px); }
	50% { opacity: 0; transform: scale(1.5) translate(100px,-100px); }
	100% { opacity: 0; transform: scale(1.5) translate(100px,-100px); }
}

.lcl-future__seika{
	width: 74px;
	position: absolute;
	left: 50%;
	margin-left: 110px;
	top: 1218px;
	z-index: 100;
}
.lcl-future__mask{
	width: 49px;
	position: absolute;
	left: 50%;
	top: 1280px;
	z-index: 100;
}
.lcl-future__mask--01{
	margin-left: -270px;
}
.lcl-future__mask--02{
	margin-left: -340px;
}

.lcl-future__baseball{
	width: 60px;
	position: absolute;
	left: 50%;
	z-index: 100;
}
.lcl-future__baseball--01{
	top: 1316px;
	margin-left: 250px;
}
.lcl-future__baseball--02{
	top: 1396px;
	margin-left:200px;
}

.lcl-future__road{
	width: 100%;
	height: 109px;
	position: absolute;
	top: 1947px;
	background: #9e9e9e;
	left: 0;
	z-index: 10;
}
.lcl-future__road::before,
.lcl-future__road::after{
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.lcl-future__road::before{
	height: 94.495412844%;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
}
.lcl-future__road::after{
	height: 2px;
	background: #fff;
	background: linear-gradient(to left, #fff 0%,#fff 49%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
	-webkit-background-size: 24px 2px;
	background-size: 24px 2px;
}
.lcl-future__message{
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	bottom : 60px;
}
.lcl-future__message strong{
	font-weight: bold;
	color: #e52113;
}
@media screen and (max-width: 767px) {
	/* スマホはvwにするかどうかなやむ */
	.lcl-inner{
		position: relative;
	}
	.main-visual{
		position: relative;
		height: 82.8125vw;
		background: #ecebd9;
		padding-top: 0;
	}

	.lcl-wave{
		width: 180vw;
		height: 82.8125vw;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -90vw;
		display: block;
	}
	.lcl-wave--01,
	.lcl-wave--02{ bottom: 0; }
	.lcl-wave--03{ bottom: 3.125vw; }
	.lcl-wave--04{ bottom: 6.25vw; }
	.lcl-wave--05{ bottom: 56.25vw; opacity: 0.9; }
	@keyframes wave {
		0% {transform: translateY(0px);}
		40% {transform: translateY(-6.25vw);}
		50% {transform: translateY(-6.25vw);}
		95% {transform: translateY(0);}
		100% {transform: translateY(0);}
	}

	.lcl-island{
		width: 90.625vw;
		height: 53.4375vw;
		left: 50%;
		top: 14.0625vw;
		margin-left: -45.3125vw;
	}
	.lcl-main{
		width: 52.1875vw;
		height: 25vw;
		top: 27.5vw;
	}
	.main-visual__title{
		display: none;
	}
	.lcl-bridge{
		position: absolute;
		width: 8.90625vw;
		height: 10.15625vw;
		top: 59.6875vw;
	}

	.lcl-road{
		width: 12.5vw;
		height: 1080.625vw;
		top: 69.84375vw;
	}
	.lcl-road::after{
		width: 1px;
		background: linear-gradient(to top, #fff 0%,#fff 49%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
		background-size: 1px 1.875vw;
	}
	.lcl-runner{
		width: 18.359375vw;
		height: 19.21875vw;
		background-size:55.078125vw 100%;
		transform: translate3d(0, 0, 0);
	}
	.lcl-runner--water{
		background-image: url(../img/runner/img_runner_water_tasuki.png) !important;
	}
	.lcl-runner--done{
		background-position: -18.359375vw top;
	}

	.lcl-fish{
		width: 8.125vw;
		height: 2.6875vw;
	}
	.lcl-fish--01.active{ top: 7.5vw; animation-delay: -5s; animation-duration: 20s;}
	.lcl-fish--02.active{ top: 8.59375vw; animation-delay: -15s; animation-duration: 30s;}
	.lcl-fish--03.active{ top: 12.656525vw; animation-delay: 0s; animation-duration: 20s;}
	.lcl-fish--04.active{ top: 27.96875vw; animation-delay: -3s; animation-duration: 40s; opacity: 0.5;}
	.lcl-fish--05.active{ top: 59.0625vw; animation-delay: -17s; animation-duration: 10s; opacity: 0.5;}
	.lcl-fish--06.active{ top: 59.21875vw; animation-delay: -13s; animation-duration: 20s; opacity: 0.5;}
	.lcl-fish--07.active{ top: 62.96875vw; animation-delay: -5s; animation-duration: 20s; opacity: 0.5;}
	.lcl-fish--08{ display: none; animation: none; }
	.lcl-fish--09{ display: none; animation: none; }
	.lcl-fish--10{ display: none; animation: none; }
	.lcl-fish--11{ display: none; animation: none; }

	.lcl-ebi{
		width: 10.78125vw;
		height: 8.125vw;
	}
	.lcl-ebi--01.active{top: 62.5vw; animation-delay: 0s; animation-duration: 5s;}
	.lcl-ebi--02.active{display: none;}

	.lcl-shell{
		width: 5.15625vw;
		height: 5.15625vw;
		position: absolute;
		left: 50%;
		opacity: 0.5;
	}
	.lcl-shell--01{
		top: 66.09375vw;
		margin-left: 26.25vw;
	}
	.lcl-shell--02{display: none;}
	.lcl-shell--03{display: none;}
	.lcl-shell--04{
		top: 11.71875vw;
		margin-left: 17.8125vw;
	}
	.lcl-shell--05{display: none;}
	.lcl-shell--06{display: none;}
	.lcl-shell--07{display: none;}

	/* ---------------------------------------------------------------- 砂浜 ---- */
	.lcl-sand{
		height: 59.375vw;
	}
	.lcl-sand__effect{
		width: 36.5625vw;
		height: 18.4375vw;
		top: 23.125vw;
		margin-left: 20vw;
	}
	/* ---------------------------------------------------------------- 電灯 ---- */
	.lcl-dento{
		height: 87.1875vw;
	}
	.lcl-dento::before{
		width: 49.0625vw;
	}
	.lcl-dento::after{
		width: 31.25vw;
	}

	.lcl-dento__light{
		display: none;
	}
	.lcl-dento__ebi{
		width: 9.6875vw;
		height: 12.1875vw;
	}
	.lcl-dento__ebi--01{
		top: 17.1875vw;
		margin-left: -15.9375vw;
	}
	.lcl-dento__ebi--02{
		display: none;
	}
	.lcl-dento__ebi--03{
		display: none;
	}

	.lcl-dento__dento{
		width: 5.46875vw;
		height: 14.21875vw;
	}

	.lcl-dento__dento--01{margin-left: -12.03125vw;top: -3.90625vw;}
	.lcl-dento__dento--02{margin-left: 7.5vw;top: -3.90625vw;}
	.lcl-dento__dento--03{margin-left: -12.03125vw;top: 30.78125vw;}
	.lcl-dento__dento--04{margin-left: 7.5vw;top: 22.8125vw;}
	.lcl-dento__dento--05{margin-left: -12.03125vw;top: 55.3125vw;}
	.lcl-dento__dento--06{margin-left: 7.5vw;top: 42.62625vw;}

	/* ---------------------------------------------------------------- 戦争 ---- */
	.lcl-war{
		height: 111.09375vw;
		background: #ecebea url(../img/war/bg_war.png) no-repeat center 18.21875vw / 209.375vw 78.75vw;
		position: relative;
	}
	.lcl-wall{
		height: 23.28125vw;
	}
	.lcl-wall::before,
	.lcl-wall::after{
		display: none;
	}

	.lcl-war__ebi{
		width: 8.4375vw;
		height: 10.625vw;
	}
	.lcl-war__ebi2{
		width: 7.8125vw;
		height: 10.3125vw;
	}
	.lcl-war__ebi3{
		width: 9.375vw;
		height: 11.71875vw;
	}
	.lcl-war__ebi4{
		width: 7.03125vw;
		height: 8.90625vw;
	}
	.lcl-war__ebi--01{top: 53.75vw;margin-left: 35.78125vw;}
	.lcl-war__ebi--02{top: 53.75vw;margin-left: 47.1875vw;}
	.lcl-war__ebi--03{display: none;}
	.lcl-war__ebi--04{display: none;}
	.lcl-war__ebi--05{display: none;}
	.lcl-war__ebi--06{display: none;}

	.lcl-war__ebi5{
		width: 10.3125vw;
		height: 10.46875vw;
	}
	.lcl-war__ebi5--01{top: 42.1875vw;margin-left: -20.75vw;}
	.lcl-war__ebi5--02{top: 63.53125vw;margin-left: 9.6875vw;}

	.lcl-war__cloud{
		width: 32.03125vw;
		height: 17.34375vw;
	}
	.lcl-war__cloud--01{top: 63.59375vw;margin-left: 30.656525vw;animation: war_cloud 5s linear infinite;}
	.lcl-war__cloud--02{top: 80.15625vw;margin-left: -50.46875vw;animation: war_cloud 5s -2.5s linear infinite;}
	@keyframes war_cloud {
		0% { transform: translateY(0) scale(.5);opacity: 0;}
		50% { opacity: 1;}
		100% { transform: translateY(-100px) scale(1);opacity: 0;}
	}
	/* ---------------------------------------------------------------- オリンピック ---- */
	.lcl-olympic{
		width: 100%;
		height: 56.40625vw;
		background: #becce9 url(../img/olympic/bg_01.jpg) no-repeat center top / auto 100%;
		position: relative;
	}
	.lcl-train{
		height: 19.0625vw;
		top: -15.9375vw;
	}
	.lcl-train::before,
	.lcl-train::after{
		width: 40%;
	}
	.lcl-rock{
		width: 18.59375vw;
		height: 13.75vw;
		bottom: 4vw;
	}
	.lcl-olympic__ebi{
		position: absolute;
		left: 50%;
		width: 7.96875vw;
		height: 8.125vw;
	}
	.lcl-olympic__ebi--01{top: 2.3125vw;margin-left: 7.5vw; }
	.lcl-olympic__ebi--02{top: 10.15625vw;margin-left: 16.875vw; }
	.lcl-olympic__ebi--03{top: 37.1875vw;margin-left: -24.84375vw; }
	.lcl-olympic__ebi--04{top: 43.28125vw;margin-left: -15.78125vw; }

	/* ---------------------------------------------------------------- 宇宙 ---- */
	.lcl-space{
		width: 100%;
		height: 122.03125vw;
	}
	.lcl-space__star{
		width: 2.96875vw;
		height: 2.96875vw;
		position: absolute;
	}
	.lcl-space__star--01{top: 6.10625vw;margin-left: -86.40625vw;}
	.lcl-space__star--02{top: 15.625vw;margin-left: -14.21875vw;}
	.lcl-space__star--03{top: 20.625vw;margin-left: -96.875vw;}
	.lcl-space__star--04{top: 25.9376vw;margin-left: -92.65625vw;}
	.lcl-space__star--05{top: 26.40625vw;margin-left: 10.625vw;}
	.lcl-space__star--06{top: 28.4375vw;margin-left: 86.71875vw;}
	.lcl-space__star--07{top: 2.875vw;margin-left: 13.125vw;}
	.lcl-space__star--08{top: 31.71875vw;margin-left: 84.375vw;}
	.lcl-space__star--09{top: 39.21875vw;margin-left: -15vw;}
	.lcl-space__star--10{top: 54.0625vw;margin-left: -60.15625vw;}
	.lcl-space__star--11{top: 65vw;margin-left: -87.8125vw;}
	.lcl-space__star--12{top: 67.5vw;margin-left: -83.125vw;}
	.lcl-space__star--13{top: 69.6875vw;margin-left: 87.34375vw;}
	.lcl-space__star--14{top: 48.125vw;margin-left: 69.375vw;}

	.lcl-space__cosmonaut{
		width: 11.875vw;
		height: 14.53125vw;
	}
	.lcl-space__cosmonaut--01{
		margin-left: -84.0625vw;
		top: 31.5625vw;
	}
	.lcl-space__cosmonaut--02{
		margin-left: 74.375vw;
		top: 49.6875vw;
	}
	.lcl-space__cosmonaut--03{
		margin-left: -40vw;
		top: 48.59375vw;
	}
	.lcl-space__rocket{
		width: 38.4375vw;
		height: 27.1875vw;
		margin-left: 14vw;
		top: 35.5625vw;
	}

	.lcl-space__ebi--01{width: 13.28125vw;height: 15.625vw;top: 75.46875vw;margin-left: -90.3125vw;}
	.lcl-space__ebi--02{width: 13.28125vw;height: 15.625vw;top: 74.84375vw;margin-left: -29.21875vw;}
	.lcl-space__ebi--03{width: 10.46875vw;height: 10.15625vw;top: 108.4375vw;margin-left: 88.28125vw;}

	.lcl-space__castle{
		width: 41.40625vw;
		height: 40.15625vw;
		margin-left: -31.5625vw;
	}
	/* ---------------------------------------------------------------- 給水所 ---- */
	.lcl-water{
		width: 100%;
		height: 120.78125vw;
		background: #e5eebf url(../img/water/bg__01.png) no-repeat center 6.09375vw / auto 116.71875vw;
		position: relative;
	}
	.lcl-water__ebi1{
		width: calc( 66vw / 640 * 100 );
		height: calc( 67vw / 640 * 100 );
		position: absolute;
		left: 50%;
	}
	.lcl-water__ebi1--01{
		top: calc( 226vw / 640 * 100 );
		margin-left: calc( -120vw / 640 * 100 );
	}
	.lcl-water__ebi1--02{
		top: calc( 264vw / 640 * 100 );
		margin-left: calc( 62vw / 640 * 100 );
	}
	.lcl-water__ebi2{
		width: calc( 63vw / 640 * 100 );
		height: calc( 64vw / 640 * 100 );
		top: calc( 589vw / 640 * 100 );
		margin-left: calc( -117vw / 640 * 100 );
	}

	.lcl-water__ebi3{
		width: calc( 64vw / 640 * 100 );
		height: calc( 69vw / 640 * 100 );
	}
	.lcl-water__ebi3--01{
		top: calc( 135vw / 640 * 100 );
		margin-left: calc( 282vw / 640 * 100 );
	}
	.lcl-water__ebi3--02{
		top: calc( 561vw / 640 * 100 );
		margin-left: calc( -596vw / 640 * 100 );
	}
	/* ---------------------------------------------------------------- ポケモン ---- */
	.lcl-pokemon{
		height: 56.25vw;
	}
	.lcl-pokemon__rain{
		width: 14.53125vw;
		height: 6.875vw;
	}
	.lcl-pokemon__rain--01{margin-left: -40vw; animation-delay: 0s;animation-duration: 4s;}
	.lcl-pokemon__rain--02{margin-left: 40vw; animation-delay: 0.5s;animation-duration: 2s;}
	.lcl-pokemon__rain--03{display: none;}
	.lcl-pokemon__rain--04{display: none;}
	.lcl-pokemon__rain--05{display: none;}

	.lcl-pokemon__earth{
		width: calc( 373vw / 640 * 90 );
		height: calc( 219vw / 640 * 90 );
		margin-left: calc( -360vw / 640 * 90 );
	}
	.lcl-pokemon__earth__island{
		width: calc( 230vw / 640 * 90 );
		height: calc( 230vw / 640 * 90 );
	}
	@keyframes earth{
		0% { background-position: calc( -82vw / 640 * 90 ) top;}
		100% { background-position: calc( 230vw / 640 * 90 ) top;}
	}
	.lcl-pokemon__ebi{
		display: none;
	}
	.lcl-pokemon__kanban{
		position: absolute;
		width: calc(53vw / 640 * 90 );
		height: calc( 105vw / 640 * 90 );
		margin-left: calc( 50vw / 640 * 90 );
	}
	/* ---------------------------------------------------------------- iPhone ---- */
	.lcl-iphone{
		height: 108.75vw;
		background: #dfeca4 url(../img/iphone/bg_01.png) no-repeat center 10.15625vw / auto 98.28125vw;
	}
	.lcl-iphone__ebi{
		width: calc( 127vw / 640 * 100 );
		height: calc( 130vw / 640 * 100 );
		top: calc( 172vw / 640 * 100 );
		margin-left: calc( 135vw / 640 * 100 );
	}
	/* ---------------------------------------------------------------- スカイツリー ---- */
	.lcl-skytree{
		height: 116.875vw;
	}
	.lcl-skytree__image{
		width: calc( 94vw / 640 * 100 );
		height: calc( 925vw / 640 * 100 );
		margin-left: calc( -143vw / 640 * 100 );
	}
	.lcl-skytree__ebi01{display: none;}
	.lcl-skytree__ebi02{display: none;}
	.lcl-skytree__ebi03{
		width: calc( 74vw / 640 * 100 );
		height: calc( 88vw / 640 * 100 );
		top: calc( 300vw / 640 * 100 );
	}
	.lcl-skytree__cloud{
		width: 87vw / 640 * 100 );
		height: 58vw / 640 * 100 );
		position: absolute;
		left: 50%;
	}
	.lcl-skytree__cloud--01{ top: calc( 198vw / 640 * 100 ); margin-left: calc( 100vw / 640 * 100 );width: calc( 146vw / 640 * 100 );height: calc( 97vw / 640 * 100 );}
	.lcl-skytree__cloud--02{ display: none; }
	.lcl-skytree__cloud--03{ display: none; }
	.lcl-skytree__cloud--04{ display: none; }

	/* ---------------------------------------------------------------- FUTURE ---- */
	.lcl-future{
		/* height: 199.0625vw; */
		height: 279.0625vw;
		background: #dfeca4 url(../img/future/bg_01_220523.png) no-repeat center calc( 50vw / 640 * 100 ) / auto calc( 1687vw / 640 * 100 );
	}
	.lcl-future .lcl-cloud{
		z-index: 90;
	}

	.lcl-future__keishindo{
		width: calc( 160vw / 640 * 100 );
		height: auto;
		bottom: calc( (340vw) / 640 * 100 );
		/* bottom: 0; */
		margin-left: calc( 130vw / 640 * 100 );
	}
	.lcl-future__stadium{
		width: calc( 765vw / 640 * 100 );
		height: auto;
		top: calc( 750vw / 640 * 100 );
		margin-left: calc( -320vw / 640 * 100 );
	}

	.lcl-future__water{
		width: calc( 66vw / 640 * 100 );
		height: calc( 67vw / 640 * 100 );
	}
	.lcl-future__water--01{top:calc( (357vw + 650vw) / 640 * 100 );margin-left: calc( -120vw / 640 * 100 );}
	.lcl-future__water--02{top:calc( (357vw + 650vw) / 640 * 100 );margin-left: calc( 56vw / 640 * 100 );}
	.lcl-future__water--03{top:calc( (507vw + 650vw) / 640 * 100 );margin-left: calc( -120vw / 640 * 100 );}
	.lcl-future__water--04{top:calc( (507vw + 650vw) / 640 * 100 );margin-left: calc( 56vw / 640 * 100 );}
	.lcl-future__water--05{top:calc( (656vw + 650vw) / 640 * 100 );margin-left: calc( -120vw / 640 * 100 );}
	.lcl-future__water--06{top:calc( (656vw + 650vw) / 640 * 100 );margin-left: calc( 56vw / 640 * 100 );}

	.lcl-future__olympic{
		width: calc( 63vw / 640 * 100 );
		height: calc( 64vw / 640 * 100 );
	}
	.lcl-future__olympic--01{top:calc( (430vw + 650vw) / 640 * 100 );margin-left: calc(-108vw / 640 * 100 );}
	.lcl-future__olympic--02{top:calc( (430vw + 650vw) / 640 * 100 );margin-left: calc(46vw / 640 * 100 );}
	.lcl-future__olympic--03{top:calc( (580vw + 650vw) / 640 * 100 );margin-left: calc(-108vw / 640 * 100 );}
	.lcl-future__olympic--04{top:calc( (580vw + 650vw) / 640 * 100 );margin-left: calc(46vw / 640 * 100 );}
	.lcl-future__olympic--05{top:calc( (735vw + 650vw) / 640 * 100 );margin-left: calc(-108vw / 640 * 100 );}
	.lcl-future__olympic--06{top:calc( (735vw + 650vw) / 640 * 100 );margin-left: calc(46vw / 640 * 100 );}

	.lcl-future__ebi--01{
		width: calc( 77vw / 640 * 100 );
		height: calc( 76vw / 640 * 100 );
		top: calc( (536vw + 550vw) / 640 * 100 );
		margin-left: calc( -400vw / 640 * 100 );
	}
	.lcl-future__ebi--02{
		width: calc( 58vw / 640 * 100 );
		height: calc( 73vw / 640 * 100 );
		top: calc( (606vw + 550vw) / 640 * 100 );
		margin-left: calc( -306vw / 640 * 100 );
	}
	.lcl-future__ebi--03{
		width: calc( 52vw / 640 * 100 );
		height: calc( 66vw / 640 * 100 );
		top: calc( (600vw + 550vw) / 640 * 100 );
		margin-left: calc( 282vw / 640 * 100 );
	}
	.lcl-future__ebi--04{
		width: calc( 58vw / 640 * 100 );
		height: calc( 72vw / 640 * 100 );
		top: calc( (840vw + 550vw) / 640 * 100 );
		margin-left: calc( -400vw / 640 * 100 );
	}
	.lcl-future__ebi--05{
		width: calc( 57vw / 640 * 100 );
		height: calc( 73vw / 640 * 100 );
		top: calc( (849vw + 550vw) / 640 * 100 );
		margin-left: calc( 331vw / 640 * 100 );
	}
	.lcl-future__ebi--06{
		width: calc( 51vw / 640 * 100 );
		height: calc( 64vw / 640 * 100 );
		top: calc( (845vw + 550vw) / 640 * 100 );
		margin-left: calc( -317vw / 640 * 100 );
	}
	.lcl-future__ebi--07{
		width: calc( 67vw / 640 * 100 );
		height: calc( 65vw / 640 * 100 );
		top: calc( (830vw + 550vw) / 640 * 100 );
		margin-left: calc( 285vw / 640 * 100 );
	}

	.lcl-future__fubuki{
		width: calc(105vw / 640 * 100 );
		height: calc(106vw / 640 * 100 );
	}
	.lcl-future__fubuki--01{top: calc( (530vw + 550vw) / 640 * 100 );margin-left: calc( -150vw / 640 * 100 );animation: future_fubuki 2s linear infinite;}
	.lcl-future__fubuki--02{top: calc( (685vw + 550vw) / 640 * 100 );margin-left: calc( 120vw / 640 * 100 );animation: future_fubuki_reverse 2s linear infinite;}
	.lcl-future__fubuki--03{top: calc( (706vw + 550vw) / 640 * 100 );margin-left: calc( -250vw / 640 * 100 );animation: future_fubuki 2s linear infinite;}
	.lcl-future__fubuki--04{top: calc( (330vw + 550vw) / 640 * 100 );margin-left: calc( -150vw / 640 * 100 );animation: future_fubuki 2s linear infinite;}
	.lcl-future__fubuki--05{top: calc( (385vw + 550vw) / 640 * 100 );margin-left: calc( 120vw / 640 * 100 );animation: future_fubuki_reverse 2s linear infinite;}
	@keyframes future_fubuki {
		0% { opacity: 1; transform: scale(0) translate( calc(-100vw / 640 * 100 ),calc(-100vw / 640 * 100 )); }
		25% { opacity: 1; transform: scale(1) translate( calc(-100vw / 640 * 100 ),calc(-100vw / 640 * 100 )); }
		50% { opacity: 0; transform: scale(1.5) translate( calc(-100vw / 640 * 100 ),calc(-100vw / 640 * 100 )); }
		100% { opacity: 0; transform: scale(1.5) translate( calc(-100vw / 640 * 100 ),calc(-100vw / 640 * 100 )); }
	}
	@keyframes future_fubuki_reverse {
		0% { opacity: 1; transform: scale(0) translate( calc(100vw / 640 * 100 ),calc(-100vw / 640 * 100 )); }
		25% { opacity: 1; transform: scale(1) translate( calc(100vw / 640 * 100 ),calc(-100vw / 640 * 100 )); }
		50% { opacity: 0; transform: scale(1.5) translate( calc(100vw / 640 * 100 ),calc(-100vw / 640 * 100 )); }
		100% { opacity: 0; transform: scale(1.5) translate( calc(100vw / 640 * 100 ),calc(-100vw / 640 * 100 )); }
	}

	.lcl-future__seika{
		width: calc(65vw / 640 * 100);
		margin-left: calc( 100vw / 640 * 100 );
		top: calc( (900vw) / 640 * 100 );
	}
	.lcl-future__mask{
		width: calc(50vw / 640 * 100);
		top: calc( (950vw) / 640 * 100 );
	}
	.lcl-future__mask--01{
		margin-left: calc( -180vw / 640 * 100 );
	}
	.lcl-future__mask--02{
		margin-left: calc( -250vw / 640 * 100 );
	}

	.lcl-future__baseball{
		width: calc(60vw / 640 * 100);
	}
	.lcl-future__baseball--01{
		top: calc( 1000vw / 640 * 100 );
		margin-left: calc( 200vw / 640 * 100 );
	}
	.lcl-future__baseball--02{
		top: calc( 1080vw / 640 * 100 );
		margin-left: calc( 150vw / 640 * 100 );
	}

	.lcl-future__road{
		height: calc( 109vw / 640 * 100 );
		top: 228.125vw;
	}
	.lcl-future__road::after{
		height: 1px;
		-webkit-background-size: 12px 2px;
		background-size: 12px 2px;
	}
	.lcl-future__message{
		font-size: 4.375vw;
		line-height: 6.5625vw;
		bottom : 14.84375vw;
	}
	/* ---------------------------------------------------------------- 旗 ---- */
	.lcl-flag{
		width: 20.625vw;
		padding-bottom: 6.25vw;
		height: auto;
	}
	.lcl-flag::before{
		border-left: 1px solid #b4b4a3;
		border-right: 1px solid #b4b4a3;
	}
	.lcl-flag__inner{
		height: auto;
		border-top: 1px solid #d3d3d3;
		/*padding: 1.9375vw 0.46875vw;
		font-size: 2.8125vw;*/
		padding: 1.5vw 0.46875vw;
		font-size: 2.0vw;
		line-height: 3.4375vw;
	}
	.lcl-flag--start{
		top: 70.78125vw;
		width: 33.125vw;
		height: 14.5325vw;
	}
	.lcl-flag--start .lcl-flag__inner{
		border-top: 0.3125vw solid #a92528;
		height: 8.28125vw;
		line-height: 7.96875vw;
		font-size: 6.371875vw;
	}
	.lcl-flag--future{
		top: 1050.625vw;
	}

	/* ---------------------------------------------------------------- 年号 ---- */
	.lcl-year{
		font-size: 5vw;
		line-height: 5vw;
		color: #f7af24;
	}

	.lcl-flag--01{top: 90.46875vw;}
	.lcl-flag--02{top: 141.40625vw;}
	.lcl-flag--03{top: 272.1875vw;}
	.lcl-flag--04{top: 358.125vw;}
	.lcl-flag--05{top: 369.0625vw;}
	.lcl-flag--06{top: 420.625vw;}
	.lcl-flag--07{top: 450.3125vw;}
	.lcl-flag--08{top: 637.65625vw;}
	.lcl-flag--09{top: 659.375vw;}
	.lcl-flag--10{top: 709.375vw;}
	.lcl-flag--11{top: 820.78125vw;}
	.lcl-flag--12{top: 1070vw; z-index: 100;}

	.lcl-year--1866{top: 109.6875vw;}
	.lcl-year--1887{top: 157.1875vw;}
	.lcl-year--1898{top: 185.9375vw;}
	.lcl-year--1914{top: 287.96875vw;}
	.lcl-year--1941{top: 314.6875vw;}
	.lcl-year--1963{top: 351.71875vw;}
	.lcl-year--1967{top: 393.90625vw;}
	.lcl-year--1970{top: 433.59375vw;}
	.lcl-year--1984{top: 469.53125vw;}
	.lcl-year--1986{top: 491.40625vw;}
	.lcl-year--1988{top: 527.65625vw;}
	.lcl-year--1989{top: 584.21875vw;}
	.lcl-year--1992{top: 622.96875vw;}
	.lcl-year--2000{top: 651.875vw;}
	.lcl-year--2001{top: 673.59375vw;}
	.lcl-year--2005{top: 692.34375vw;}
	.lcl-year--2009{top: 729.6875vw;}
	.lcl-year--2011{top: 755.3125vw;}
	.lcl-year--2013{top: 844.375vw;}
	.lcl-year--2014{top: 883.59375vw;}
	.lcl-year--2015{top: 895.78125vw;}
	.lcl-year--2016{top: 945.625vw;}
	.lcl-year--2017{top: 973.4375vw;}
	.lcl-year--2018{top: 990vw;}
	.lcl-year--2020{top: 1017vw;}
	.lcl-year--2021{top: 1030vw;}
	/* ---------------------------------------------------------------- 吹き出し ---- */
	.lcl-fukidashi{
		left: 50%;
		margin-left: -45.3125vw;
		width: 32.8125vw;
		padding: 3.59375vw 5vw 3.4375vw 5vw;
		border-radius: 2.34375vw;
		box-shadow: 0px 0px 7.8125vw 0px rgba(94, 94, 89, 0.39);
	}
	.lcl-fukidashi::after{
		border: 1.953125vw solid transparent;
		border-left: 4.0625vw solid #fff;
	}
	.lcl-fukidashi::before{
		position: absolute;
		content: '\f00e';
		/*content: '\f25a';*/
		font-family: fontawesome;
		font-size: 3.75vw;
		line-height: 3.75vw;
		right: 1.5625vw;
		top: 1.5625vw;
		color: #597d49;
	}
	.lcl-fukidashi__popup{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	.lcl-fukidashi__title{
		font-size: 3.75vw;
		line-height: 5.625vw;
		margin-bottom: 0;
	}
	.lcl-fukidashi__image{
		display: none;
	}
	.lcl-fukidashi__text{
		display: none;
	}
	.lcl-fukidashi__btn{
		display: none;
	}
	.popup .lcl-fukidashi__btn{
		display: block;
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		margin-top: 5px;
	}
	.popup .lcl-fukidashi__btn::after{
		width: 5px;
		height: 5px;
	}
	.lcl-fukidashi--right{
		margin-left: 12.5vw;
		transform-origin: center left;
	}
	.lcl-fukidashi--right::after{
		border: 1.953125vw solid transparent;
		border-right: 4.0625vw solid #fff;
	}
	.lcl-fukidashi__result{
		font-size: 3.75vw;
		line-height: 5vw;
		text-align: left;
		padding-left: 4.6875vw;
	}
	.lcl-fukidashi--last{
		top: 1151.0937vw;
		width: 37.5vw;
		padding: 2.1875vw 0;
	}
	.lcl-fukidashi--last::after{
		top: 4.53125vw;
	}
	.lcl-fukidashi--last::before{
		display: none;
	}

	.lcl-fukidashi--01{ top: 102.96875vw; }.lcl-fukidashi--01::after{ top: 7.875vw; }
	.lcl-fukidashi--02{ top: 153.125vw; }.lcl-fukidashi--02::after{ top: 5.3125vw; }
	.lcl-fukidashi--03{ top: 176.40625vw; }.lcl-fukidashi--03::after{ top: 10vw; }
	.lcl-fukidashi--04{ top: 184.375vw; }.lcl-fukidashi--04::after{ top: 12.8125vw; }
	.lcl-fukidashi--05{ top: 284.0625vw; }.lcl-fukidashi--05::after{ top: 4.375vw; }
	.lcl-fukidashi--06{ top: 302.34375vw; }.lcl-fukidashi--06::after{ top: 12.8125vw; }
	.lcl-fukidashi--07{ top: 348.125vw; }.lcl-fukidashi--07::after{ top: 4.21875vw; }
	.lcl-fukidashi--08{ top: 384.84375vw; }.lcl-fukidashi--08::after{ top: 10vw; }
	.lcl-fukidashi--09{ top: 429.53125vw; }.lcl-fukidashi--09::after{ top: 4.375vw; }
	.lcl-fukidashi--10{ top: 429.6875vw; }.lcl-fukidashi--10::after{ top: 4.375vw; }
	.lcl-fukidashi--11{ top: 465.46875vw; }.lcl-fukidashi--11::after{ top: 4.375vw; }
	.lcl-fukidashi--12{ top: 487.8125vw; }.lcl-fukidashi--12::after{ top: 4.375vw; }
	.lcl-fukidashi--13{ top: 518.28125vw; }.lcl-fukidashi--13::after{ top: 10vw; }
	.lcl-fukidashi--14{ top: 574.84375vw; }.lcl-fukidashi--14::after{ top: 10vw; }
	.lcl-fukidashi--15{ top: 575.1875vw; }.lcl-fukidashi--15::after{ top: 10vw; }
	.lcl-fukidashi--16{ top: 613.75vw; }.lcl-fukidashi--16::after{ top: 10vw; }
	.lcl-fukidashi--17{ top: 645.46875vw; }.lcl-fukidashi--17::after{ top: 7.03125vw; }
	.lcl-fukidashi--18{ top: 667.1875vw; }.lcl-fukidashi--18::after{ top: 7.03125vw; }
	.lcl-fukidashi--19{ top: 685.625vw; }.lcl-fukidashi--19::after{ top: 7.1875vw; }

	.lcl-fukidashi--20{ top: 720.3125vw; }.lcl-fukidashi--20::after{ top: 10vw; }
	.lcl-fukidashi--21{ top: 746.09375vw; }.lcl-fukidashi--21::after{ top: 10vw; }
	.lcl-fukidashi--22{ top: 751.5625vw; }.lcl-fukidashi--22::after{ top: 12.5vw; }
	.lcl-fukidashi--23{ top: 777.334375vw; }.lcl-fukidashi--23::after{ top: 10vw; }

	.lcl-fukidashi--24{ top: 800vw; }.lcl-fukidashi--24::after{ top: 12.1875vw; }
	.lcl-fukidashi--25{ top: 832.34375vw; }.lcl-fukidashi--25::after{ top: 12.1875vw; }
	.lcl-fukidashi--26{ top: 876.875vw; }.lcl-fukidashi--26::after{ top: 6.875vw; }
	.lcl-fukidashi--27{ top: 889.53125vw; }.lcl-fukidashi--27::after{ top: 7.03125vw; }
	.lcl-fukidashi--28{ top: 939.5125vw; }.lcl-fukidashi--28::after{ top: 7.1875vw; }
	.lcl-fukidashi--29{ top: 962.03125vw; }.lcl-fukidashi--29::after{ top: 12.8125vw; }
	.lcl-fukidashi--30{ top: 1010vw; }.lcl-fukidashi--30::after{ top: 7vw; }
	.lcl-fukidashi--31{ top: 1020vw; }.lcl-fukidashi--31::after{ top: 9vw; }

	/* ---------------------------------------------------------------- 雲 ---- */
	.lcl-cloud{
		height: 20.3125vw;
		top: -10vw;
		left: 0;
	}
	.lcl-cloud::before,
	.lcl-cloud::after{
		width: 150vw;
		height: 20.3125vw;
	}
	.lcl-cloud.active::before{
		left: -105vw;
	}
	.lcl-cloud.active::after{
		right: -105vw;
	}

	.popup__ttl{
		color: #dc0011;
	}
	.popup-img{
		height: 180px;
	}
	/*@keyframes cloud_fuwafuwa{
		0% { top: 0px;}
		50% { top: 5px;}
		100% { top: 0px;}
	}*/
}