@charset "utf-8";
#top {
	position: relative;
	height: auto;
	width: 100%;
	overflow: hidden;

}
.bg_gearset {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: transparent url(../img/bg_sand_sp.png) no-repeat right bottom;
	background-size: cover;
	z-index: -2;
}
.bg_gear {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: transparent url(../img/bg_sp24.png) no-repeat right top;
	background-size: cover;
}
.toplogo {
	position: absolute;
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 30;
 transition-duration: .5s;
}
.toplogo img {
	animation: bounce-in 0.35s ease-out forwards;
}
.topbg {
 animation: actionsp .8s;
}
.c-btn {
	position: absolute;
	bottom: 60px;
	left: -10px;
	width: 60px;
	height: 150px;
	z-index: 20;
}
.btn_exhibit {
	color: #5E480B;
	background: #fff;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	writing-mode: vertical-rl;
	text-orientation: upright;
	vertical-align: middle;
	border:solid 3px #66C1EE;
	border-radius: 6px;
}
.btn_exhibit p {
	font-size: 1.4rem;
	font-weight: 900;
	transform: rotate( 0.03deg );
	font-family: 'Zen Kaku Gothic New', sans-serif;
}
.btn_exhibit p:after {
	content: "\e910";
	font-family: 'OUTDOORSMILE2024' !important;
	font-size: 1.46rem;
	font-weight: normal;
	transform: rotate( 0.03deg );
	padding-top: 5px;
}
a:hover .c-btn .btn_exhibit {
	color: #fff;
	background: #66C1EE;
}
.decoline {
	height: 120vw;
	margin: 6vw;
	padding: 3vw;
	border-image-slice:90 90 90 90;
	border-image-width:9vw 9vw 9vw 9vw;
	border-image-outset:0px 0px 0px 0px;
	border-image-repeat:round round;
	border-image-source:url("../img/nami.png");
	border-style:solid;
	z-index: 26;
}
.watari {
	position: absolute;
	right: 33vw;
	bottom: 11vw;
	transform: translateY(-50%);
	animation: slidefune 5s forwards;
}
.fune {
	width: 28vw;
	z-index: -1;
}
.fune img {
	width: 100%;
}
.bg_gear1 {
	position: absolute;
	width: 58vw;
	height: 82vw;
	top: -30px;
	left: -30px;
	z-index: 2;
}
.bg_gear2 {
	position: absolute;
	width: 58vw;
	height: 82vw;
	bottom: -30px;
	left: -30px;
	z-index: 3;
}
.bg_gear3 {
	position: absolute;
	width: 58vw;
	height: 82vw;
	top: -30px;
	right: -30px;
	z-index: 3;
}
.bg_gear4 {
	position: absolute;
	width: 58vw;
	height: 82vw;
	bottom: 0;
	right: -30px;
	z-index: 3;
}
.bg_a1 {
	position: absolute;
	top: -2vh;
	left: 23vw;
	width: 8vw;
	z-index: 3;
}
.bg_a1 img, .bg_a2 img, .bg_a3 img, .bg_a4 img {
	width: 100%;
	height:  auto;
}
.bg_a2 {
	position: absolute;
	bottom: 42vw;
	left: 11vw;
	width: 14vw;
	z-index: 4;
}
.bg_a3 {
	position: absolute;
	top: 39vw;
	right: 15vw;
	width: 8vw;
	z-index: 5;
}
.bg_a4 {
	position: absolute;
	bottom: 48vw;
	right: 15vw;
	width: 7vw;
	z-index: 5;
}
.i_01, .i_02, .i_01a, .i_02a, .i_03, .i_04, .i_05, .i_06, .i_06_2, .i_07, .i_07_2, .i_08, .i_09, .i_10, .i_11, .i_12, .i_13, .i_14, .i_15, .i_16, .i_17, .top_t_1, .top_t_2, .top_t_3, .top_t_4, .top_copy {
	position: absolute;
	height: auto;
 transition: all .2s;
}
.i_01 img, .i_02 img, .i_01a img, .i_02a img, .i_03 img, .i_04 img, .i_05 img, .i_06 img, .i_06_2 img, .i_07 img, .i_07_2 img, .i_08 img, .i_09 img, .i_10 img, .i_11 img, .i_12 img, .i_13 img, .i_14 img, .i_15 img, .i_16 img, .i_17 img, .top_t_1 img .top_t_2 img, .top_t_3 img, .top_t_4 img, .top_copy img {
	width: 100%;
	height: auto;
}
.top_copy {
	top: 13vw;
	left: 25vw;
	width: 49vw;
	z-index: 30;
	animation: copyanime 0.5s ease-in-out forwards;
	animation-delay: 0.35s;
}
.top_t_1 {
	top: 31vw;
	left: 32vw;
	width: 11vw;
	transform: rotate(-6deg);
}
.top_t_2 {
	top: 4vw;
	left: 17.2vw;
	width: 14.6vw;
	transform: rotate(-6deg);
}
.top_t_3 {
	top: 63.5vw;
	right: 18vw;
	width: 12vw;
	transform: rotate(-5deg);
}
.top_t_4 {
	bottom: 42vw;
	right: 23vw;
	width: 10vw;
	transform: rotate(-6deg);
}
.i_01 {
	top: 4vh;
	left: 6.6vw;
	width: 22vw;
}
.i_01a {
	top: 10vw;
	left: 9vw;
	width: 9vw;
}
.i_02 {
	top: 25vw;
	left: 8vw;
	width: 26vw;
}
.i_02a {
	top: 27vw;
	left: 17vw;
	width: 16vw
}
.i_03 {
	top: 7vw;
	left: 1vw;
	width: 37vw;
}
.i_04 {
	top: -10vw;
	left: 8vw;
	width: 24vw;
}
.i_05 {
	bottom: 24vw;
	left: 3vw;
	width: 36vw;
}
.i_06 {
	bottom: 31vw;
	left: 38vw;
	width: 13vw
}
.i_06_2 {
	bottom: 18vw;
	left: 19vw;
	width: 14vw;
}
.i_07 {
	top: 13vw;
	right: 14vw;
	width: 19vw;
}
.i_07_2 {
	top: 32vw;
	right: 8vw;
	width: 19vw;
}
.i_08 {
	top: 28vw;
	right: 24vw;
	width: 11vw;
}
.i_09 {
	top: 25vw;
	right: 9vw;
	width: 18vw;
}
.i_10 {
	top: 38vw;
	right: 12vw;
	width: 12vw;
}
.i_11 {
	top: 72vw;
	right: -6vw;
	width: 26vw;
}
.i_12 {
	top: 75vw;
	right: -4vw;
	width: 10vw;
}
.i_13 {
	bottom: 10vw;
	right: 17vw;
	width: 22vw;
}
.i_14 {
	bottom: 11vw;
	right: 8vw;
	width: 20vw;
}
.i_15 {
	bottom: 33vw;
	right: 7vw;
	width: 16vw;
}
.schedule i {
	background: #5E480B;
	color: #fff!important;
	position: relative;
	height: 50px;
	padding: 0 10px!important;
	border-radius: 50px;
	font-style: normal;
	font-size: 1.2rem;
}
/*toppage about*/
#topinfo {
	background: transparent;
	position: relative;
	height: auto;
	width: 100%;
	overflow: hidden;
	margin: 0 auto 0;
	text-align: center;
	z-index:    30;
}
#topinfo .inner {
	width: 94%;
	margin: 3vw;
	border-radius: 20px;
	padding: 0;
	box-sizing: border-box;
}
#topinfo .hamanako {
	background: url( "../img/bg_nami.png") repeat 50px 0;
}
#topinfo .schedule {
	
	width: 90%;
	margin: 0 auto 2rem;
	border-radius: 3vw;
	text-align: center;
}
#topinfo h4 {
	font-family: 'Lilita One', cursive;
	font-size: 3rem;
	line-height:   1;
	font-weight: normal;
	margin: 0 0 1rem;
	padding: 0;
	color: #527e15;
}
#topinfo h5 {
	font-size: 1.6rem;
	font-weight: 700;
	font-family: 'IBM Plex Sans JP', sans-serif;
	transform: rotate( 0.03deg );
	color: #5E480B;
}
#topinfo h5 s {
	font-size: 1.2rem;
	text-decoration: none;
}
#topinfo h6 {
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: 700;
	font-family: 'IBM Plex Sans JP', sans-serif;
	transform: rotate(0.03deg);
}
.btn_gallery {
	position: absolute;
	width: 22vw;
	right: 3vw;
	bottom: 	3vw;
	z-index: 21;
 animation: pon .5s ease-out 2;
}
.btn_gallery img {
	width: 100%;
}
a:hover .btn_gallery img {
	animation: ponpon 0.2s linear 1;
}
.bn {
	text-align: center;
	margin:  2rem 0;
	display: inline-block;
	max-width: 300px;
}
.bn img {
	width: 280px;
}
.partner {
	display: flex;
	flex-wrap: wrap;
	color: #000
}
.partner div {
	width: 100%;
	padding: 0 0 10px;
	box-sizing: border-box;
}
.partner div ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem
}
.partner div ul li:nth-child(1) {
 width: 100%;
 color: #5E480B;
 font-weight: 900;
 text-align: center;
}
.partner a {
	color: #000;
	font-size: 10px;
	font-weight: 600;
}
.partner div ul.with li {
/*width: 100%;*/
}
.partner div ul.with li span {
	font-size: 1.0rem
}
.partner div ul li {
	padding: 0.5rem 0;
}
.partner div ul li {
	padding: 5px 10px 0;
}
.partner div ul li a img {
	height:30px;
	width: auto;
}
.partner div ul.with li a img {
	height:20px;
	width: auto;
}
.partner div ul.support li a img {
	height:17px;
	width: auto;
	padding: 0 0 2px;
}
.partner div ul.thanks li {
	line-height: 15px
}
.partner div ul.thanks li img {
	height:15px;
	width: auto;
}
#i_sub1 {
	display: none;
	width: 18vw;
	height: auto;
	position: absolute;
	right: -10px;
	top: 0;
	transform: rotate(5deg);
 animation: a_autumn1go .5s ease-out 0s 1 normal;
}
 @keyframes a_autumn1go {
 0% {
right: -80px;
}
 50% {
right: -40px;
transform: translate(0, -10px);
transform: rotate(10deg);
}
 100% {
right: -10px;
transform: translate(0, 10px);
transform: rotate(5deg);
}
}
#i_sub2 {
	display: none;
	width: 10vw;
	height: auto;
	position: absolute;
	left: -10px;
	top: 700px;
	transform: rotate(5deg);
 animation: a_autumn2go .5s ease-out 0s 1 normal;
}
@keyframes a_autumn2go {
 0% {
left: -50px;
}
 100% {
left: -10px;
}
}
 @media screen and (min-width: 520px) {
 .spV {
 display:none;
}
 .tabV {
 display: block;
}
 .pcV {
 display: none;
}
 .pctabV {
 display: block;
}
 .partner {
 justify-content: center;
 align-items: center;
}
 .partner div ul {
 margin-right: 20px;
}
 #top {
 height: 100vw;
 width: 100%;
 max-height: 110vw;
 overflow: hidden;
}
 .bg_gearset {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 overflow: hidden;
 background: transparent url(../img/bg_sand_tab.png) no-repeat right bottom;
 background-size: cover;
}
.bg_gear {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 overflow: hidden;
 background: transparent url(../img/bg_tab24.png) no-repeat right top;
 background-size: cover;
 z-index: -1;
}
 .Topimg {
 height: 90%;
}
 .topbg {
 position: absolute;
 width: 100%;
 height: auto;
 top: 0;
 left: 0;
 height:   110vw;
 overflow:   hidden;
}
 .toplogo img {
 width: 36vw;
 height: auto;
 animation: bounce-in 0.35s ease-out forwards;
}
 #topinfo {
 margin:  0 0;
 z-index: 30;
}
 .c-btn {
 bottom: 80px;
 width: 70px;
 height: 160px;
}
 .btn_exhibit {
 font-size: 1.5rem;
}
 .btn_exhibit p:after {
 font-size: 1.6rem;
 font-weight: normal;
 transform: rotate( 0.03deg );
}
 .top_copy {
top: 11vw;
left: 31vw;
width: 40vw;
}
.top_t_1 {
 top: 27vw;
 left: 30vw;
 width: 9vw;
}
.top_t_2 {
 top: 24vw;
 left: 10.2vw;
 width: 13vw;
}
.top_t_3 {
 top: 36vw;
 right: 23vw;
 width: 10vw;
}
.top_t_4 {
 bottom: 29vw;
 right: 40vw;
 width: 8vw
}
 .decoline {
 margin: 3vw;
 padding: 3vw;
 height: calc(100vw - 6vw);
 border-image-slice:90 90 90 90;
 border-image-width:6vw 6vw 6vw 6vw;
}
 .i_01 {
 top: 7vw;
 left: 12vw;
 width: 19vw;
}
 .i_01a {
 top: 5vw;
 left: 9vw;
 width: 9vw;
}
 .i_02 {
 top: 29vw;
 left: 10vw;
 width: 22vw;
}
 .i_02a {
 top: 31vw;
 left: 19vw;
 width: 12vw;
}
 .i_03 {
 top: 35vw;
 left: 8vw;
 width: 31vw;
}
 .i_04 {
 top: 25vw;
 left: 15vw;
 width: 21vw;
}
 .i_05 {
 bottom: 14vw;
 left: 9vw;
 width: 30vw;
}
 .i_06 {
 bottom: 56vw;
 left: 23vw;
 width: 11vw;
}
.i_06_2 {
 bottom: 14vw;
 left: 17vw;
 width: 8vw;
}
 .i_07 {
 top: 10vw;
 right: 8vw;
 width: 18vw;
}
.i_07_2 {
 top: 7vw;
 right: 30vw;
 width: 13vw;
}
 .i_08 {
 top: 22vw;
 right: 21vw;
 width: 9vw;
}
 .i_09 {
 top: 22vw;
 right: 5vw;
 width: 15vw;
}
 .i_10 {
 top: 29vw;
 right: 11vw;
 width: 9vw;
}
 .i_11 {
 top: 56vw;
 right: -4vw;
 width: 19vw;
}
 .i_12 {
 top: 61vw;
 right: 2vw;
 width: 8vw;
}
 .i_13 {
 bottom: 18vw;
 right: 22vw;
 width: 18vw;
}
 .i_14 {
 bottom: 21vw;
 right: 14vw;
 width: 15vw;
}
 .i_15 {
 bottom: 28vw;
 right: 6vw;
 width: 14vw;
}
 .bg_a1 {
 top: -3vw;
 left: 29vw;
 width: 6.5vw;
}
 .bg_a2 {
bottom: 18vw;
left: 36vw;
width: 8vw;
}
 .bg_a3 {
 top: 19vw;
 right: 27vw;
 width: 6vw;
}
 .bg_a4 {
 bottom: 35vw;
 right: 22vw;
 width: 5vw;
}
 .fune {
 width: 23vw;
}
 .watari {
 right: 0;
 bottom: 15vw;
}
 .btn_gallery {
width: 16vw;
 right: 7vw;
 bottom: 3vw;
}
 .partner div {
 margin: 0;
 width: auto;
}
 .partner div ul {
 font-size: 1.0rem;
 margin-right: 5px;
}
 .partner div ul li:nth-child(1) {
 width: auto;
 padding: 0 5px 0 0;
}
 .partner div ul li {
 padding: 0 5px 0 0;
}
 .partner div ul li a img {
 height: 15px;
 width: auto;
}
#i_sub1 {
 width: 14vw;
}
#i_sub2 {
 width: 14vw;

}
}
@media screen and (min-width: 960px) {
 .toplogo {
 z-index: -1;
}
 .c-btn {
 height: 16vw;
 max-height: 220px;
}
 .partner {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
}
 .partner div {
 margin: 0;
}
 .partner a, .partner div ul.with li span {
 font-size: 10px;
 line-height: 16px
}
 .partner div, .partner div ul.with li {
 width: auto;
}
 .partner div ul {
 font-size: 1.0rem;
 margin: 5px;
}
 .partner div ul li:nth-child(1) {
 width: auto;
 padding: 0 5px 0 0;
}
 .partner div ul li {
 padding: 0 5px 0 0;
}
 .partner div ul li a img {
 height: 1.1vw!important;
 width: auto;
}
 .partner div ul.support li img {
 height: 18px!important;
 width: auto;
}
 .partner div ul.sponsorship li a img {
 height: 36px!important;
 width: auto;
}
 .partner div ul.support li, .partner div ul li {
 line-height:.8vw;
}
 #topinfo {
 margin: 0 auto 0;
}
 .partner div ul {
 margin-right: 20px;
}
 #top {
 overflow: hidden;
 max-height: none;
 height: 640px;
 background: none
}
 .Topimg {
 height: 90%;
 transition-duration: .5s;
}
 .topbg {
 height: 640px;
}
 .toplogo img {
 width: 270px;
 animation: bounce-in 0.35s ease-out forwards;
}
 #topinfo {
 z-index: 30;
}
 .decoline {
 margin: 20px;
 padding: 0;
 height: 600px;
 border-image-slice:90 90 90 90;
 border-image-width: 40px 40px 40px 40px;
}
 .bg_gear1 {
width: 50%;
 height: 50%;
	}
 .bg_gear2 {
width: 50%;
 height: 50%;
}
 .bg_gear3 {
 width: 50%;
 height: 60%;
}
 .bg_gear4 {
width: 50%;
 height: 50%;
}
 .bg_gearset {
 background: none;
}
 .bg_gearset {
 position: absolute;
 top: 0;
 left: 0;
 height: 640px;
 width: 100%;
 overflow: hidden;
 background: transparent url(../img/bg_sand_pc.png) no-repeat center center;
 background-size: auto 100%;
}
 .bg_gear {
 position: absolute;
 top: 0;
 left: 0;
 height: 640px;
 width: 100%;
 overflow: hidden;
 background: transparent url(../img/bg_pc.png) no-repeat center center;
 background-size: auto 100%;
 z-index: -1;
}
 .watari {
 right: 0;
 bottom: 23px;
 width: 204px;
}
 .bg_a1 {
top: 96px;
left: calc(50% - 206px);
width: 48px;
}
 .bg_a1 img {
 width: 100%;
 height: auto;
}
 .bg_a2 {
 bottom: 128px;
 left: calc(50% - 516px);
 width: 100px;
}
 .bg_a3 {
top: 137px;
right: calc(50% - 198px);
width: 50px;
}
 .bg_a4 {
bottom: 7vw;
right: calc(50% - 249px);
width: 50px;
bottom: 97px;
}
 .bg_a5 {
 position: absolute;
 top: 34vw;
 left: 46vw;
 width: 4vw;
}
 .bg_a5 img {
 width: 100%;
}
 .top_copy {
top: 48px;
left: calc(50% - 135px);
width: 300px;
}
.top_t_1 {
 top: 240px;
 left: calc(100% - 306px);
 width: 76px;
}
.top_t_2 {
top: 57px;
left: calc(100% - 305px);
width: 151px;
}
.top_t_3 {
 top: 174px;
 right: calc(100% - 382px);
 width: 125px;
}
.top_t_4 {
bottom: 31vw;
right: calc(100% - 210px);
width: 91px;
bottom: 207px;
}
 .i_01 {
 top: 92px;
 left: calc(100% - 566px);
 width: 186px;
}
 .i_01a {
top: 65px;
left: calc(100% - 616px);
width: 74px;
}
 .i_02 {
 top: 159px;
 left: calc(100% - 424px);
 width: 222px;
}
 .i_02a {
 top: 135px;
 left: calc(100% - 307px);
 width: 110px;
}
 .i_03 {
 top: -134px;
 left: calc(100% - 894px);
 width: 300px;
}
 .i_04 {
 top: 107px;
 left: calc(100% - 416px);
 width: 200px;
}
 .i_05 {
 bottom: 100px;
 left: calc(100% - 792px);
 width: 278px;
}
 .i_06 {
 top: -188px;
 left: calc( 100% - 800px);
 width: 123px;
}
.i_06_2 {
 bottom: 8vw;
 left: calc(100% - 194px);
 width: 81px;
}
 .i_07 {
 top: 93px;
 right: calc(100% - 566px);
 width: 170px;
}
.i_07_2 {
top: 95px;
right: calc(100% - 290px);
width: 116px;
}
 .i_08 {
top: 214px;
right: calc(100% - 312px);
width: 98px;
}
 .i_09 {
 top: 192px;
 right: calc(100% - 496px);
 width: 154px;
}
 .i_10 {
top: 66px;
right: calc(100% - 737px);
width: 98px;
}
 .i_11 {
 top: 320px;
 right: calc(100% - 800px);
 width: 211px;
}
 .i_12 {
 top: 344px;
 right: calc(100% - 800px);
 width: 96px;
}
 .i_13 {
top: 27px;
right: calc(100% - 385px);
width: 182px;
}
 .i_14 {
 top: -15px;
 right: calc(100% - 447px);
 width: 146px;
}
 .i_15 {
 top: -2vw;
 right: calc(100% - 691px);
 width: 146px;
}
 .btn_gallery {
 width: 11vw;
 max-width: 140px;
 right: 50px;
 bottom: 74px;
}
 #topinfo .inner, #topinfo .schedule {
 margin: 0 auto 0;
}
#i_sub2 {
 top: 450px;
}
}
 @media screen and (min-width: 1200px) {
 #topinfo h4 {
 font-size: 4.4rem;
}
 #topinfo h5 {
 font-size: 2.4rem;
}
.topticket p {
 font-size: 1.6rem;
 padding: 10px 0 0;
}
.schedule i {
 font-size: 1.4rem;
 padding: 0 0 10px;
}
 .btn_exhibit p {
 font-size: 1.6rem;
}
 #i_sub1 {
 width: 150px;
}
#i_sub2 {
 width: 150px;
}
}
 @media screen and (min-width: 1600px) {
 .i_01 {
 top: 92px;
 left: calc(100% - 636px);
 width: 186px;
}
.i_01a {
 top: 65px;
 left: calc(100% - 674px);
 width: 74px;
}
.i_07 {
 top: 93px;
 right: calc(100% - 599px);
 width: 170px;
}
 .i_13 {
 top: 27px;
 right: calc(100% - 410px);
 width: 182px;
}
 .i_14 {
 top: -15px;
 right: calc(100% - 528px);
 width: 146px;
}
.top_t_1 {
 top: 230px;
 left: calc(100% - 306px);
 width: 76px;
}
 .top_t_3 {
 top: 169px;
 right: calc(100% - 395px);
 width: 125px;
}
 .bg_gearset {
 background: transparent url(../img/bg_sand_pc.png) no-repeat center center;
 background-size: cover;
}
 .bg_gear {
 background: transparent url(../img/bg_pc.png) no-repeat center bottom;
 background-size: cover;
}
}

/*animation*/
@keyframes bounce-in {
 0% {
 opacity: 1;
 transform: scale(1);
}
 50% {
 opacity: 1;
 transform: scale(1.1);
}
 100% {
 opacity: 1;
 transform: scale(1);
}
}
.anime1 {
 animation: UpDown .5s 2 alternate;
}
.anime2 {
 animation: shake .5s 2 alternate;
	transform-origin: bottom center;
}
.dogrun {
	animation: runrun 2s ease-in-out forwards;
}
.delay1 {
	animation-delay: 1s;
}
.delay2 {
	animation-delay: 1.5s;
}
 @keyframes copyanime {
 0% {
 transform: scale(0.9) rotate(0deg);
}
 25% {
 transform: scale(1) rotate(-10deg);
}
 75% {
 transform: scale(1) rotate(10deg);
}
 100% {
 transform:scale(1) rotate(0deg);
}
}
 @keyframes UpDown {
 0% {
margin-top: 0;
}
 30% {
margin-top: 10px;
}
 60% {
margin-top: 0;
}
 90%, 100% {
margin-top: 10px;
}
}
 @keyframes shake {
 0%, 100% {
 transform: rotate(0deg);
}
 25% {
 transform: rotate(-5deg);
}
 75% {
 transform: rotate(5deg);
}
}
 @keyframes runrun {
 0% {
 right: 0;
 margin-top: 0;
 transform: rotate(0deg);
 transform: translateY(-50%);
}
 25% {
 margin-top: 10px;
 transform: translateY(-50%);
}
 50% {
 margin-top: 0;
 transform: rotate(0deg);
 transform: translateY(-50%);
}
 75% {
 margin-top: 10px;
 transform: translateY(-50%);
}
 100% {
 right: 6%;
 margin-top: 0;
 transform: translateY(-50%);
}
}
@keyframes naminori {
 0% {
 transform: translate(0, -6px);
}
 25% {
 transform: translate(0, -6px);
}
 50% {
 transform: translate(-2px, 6px);
}
 75% {
 transform: translate(0, 6px);
}
 100% {
 transform: translate(0, -6px);
}
}
@keyframes pon {
 0% {
transform: translateY(0);
}
 50% {
transform: translateY(-5px);
}
 100% {
transform: translateY(0);
}
}
@keyframes ponpon {
 0% {
transform: translateY(0);
}
 50% {
transform: translateY(-10px);
}
 100% {
transform: translateY(0);
}
}
@keyframes slide-in-out {
 0% {
 opacity: 1;
}
 6% {
 transform: translate(-2vw, 0);
}
 17%, 100% {
 transform: translate(-8vw, 0);
 opacity: 0;
}
}
@keyframes fadeOut {
 0%, 22% {
 opacity: 1;
}
 23%, 100% {
 opacity: 0;
}
}
@keyframes shakekaku {
 0% {
 transform: translate(-10px, -10px);
}
 25% {
 transform: translate(10px, -10px);
}
 50% {
 transform: translate(10px, 10px);
}
 75% {
 transform: translate(-10px, 10px);
}
 100% {
 transform: translate(-10px, -10px);
}
}
@keyframes slidefune {
 0% {
 right: 0;
}
 100% {
 right: 50%;
 transform: translateX(50%);
}
}