/* CSS Document */

@charset "utf-8";

#page_top01B{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 50px;
	bottom:0px;
	transition:0.5s linear;
	z-index:900 !important;
}

/* 戻るボタンの初期値（下に隠れている）*/
#page_top01B	{ transform:translateY(80px); }

@media screen and (max-width: 900px){ #page_top01B.rise { transform:translateY(-180px); } }
@media screen and (min-width: 901px){ #page_top01B.rise { transform:translateY(-50px); } }

#upbutton01B {
	display:block;
	padding: 0;
	width: 80px;
	height: 80px;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	z-index:1000 !important;
	font-size:14px;
	background-image:url(newimg/pagetopB.png);
	background-color:#c90c3e;
	background-position:50% 0%;
	background-size:100%;
	background-repeat:no-repeat;
	color:white;
}

#upbutton01B {
	position: relative;
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	-ms-perspective: 300px;
	-o-perspective: 300px;
	perspective: 300px;
	transition:0.5s ease-in;
}

#upbutton01B.wide{	background-size:180%; background-position:50% 50%; }

#upbutton01B span{
	font-size:40px;
}

/* ---------------------------------------------------------------------------------------------------------- */

#page_top01C{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 50px;
	bottom:0px;
	transition:0.5s linear;
	z-index:900 !important;
}

/* 戻るボタンの初期値（下に隠れている）*/
#page_top01C	{ transform:translateY(80px); }

@media screen and (max-width: 900px){ #page_top01C.rise { transform:translateY(-180px); } }
@media screen and (min-width: 901px){ #page_top01C.rise { transform:translateY(-50px); } }

#upbutton01C {
	display:block;
	padding: 0;
	width: 80px;
	height: 80px;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	z-index:1000 !important;
	font-size:14px;
	background-image:url(newimg/pagetopC.png);
	background-position:50% 0%;
	background-size:0%;
	background-repeat:no-repeat;
	color:white;
}

#upbutton01C {
	position: relative;
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	-ms-perspective: 300px;
	-o-perspective: 300px;
	perspective: 300px;
	transition:0.5s ease-in;
}

#upbutton01C.wide{	background-size:240%; background-position:50% 50%; }

#upbutton01C span{
	font-size:40px;
}

/* ---------------------------------------------------------------------------------------------------------- */

#page_top02{
  width: 90px;
  height: 60px;
  line-height:20px;
  position: fixed;
  bottom: 0;
  opacity: 0.98;
  border: 2px solid #b0b0b0;
  border-radius: 2px;
  background:rgba(255,255,255,1);
  z-index:1000 !important;
  transition:0.5s linear;
}

#page_top02{ right:0px; }

#page_top02{ opacity: 0; }
#page_top02.rise { opacity: 0.98; }

#page_top02 a{
  position: relative;
  display: block;
  width: 90px;
  height: 60px;
  text-decoration: none;
  scroll-behavior:smooth;
}
#page_top02 a::before{
/*  font-family: 'Font Awesome 5 Free '; */
/*  content: '\f062'; */
  content: '▲';
  font-weight: 900;
  font-size: 25px;
  color: #b0b0b0;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -15px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top02 a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #b0b0b0;
  position: absolute;
  top: 33px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/* ---------------------------------------------------------------------------------------------------------- */

#page_top03 {
	display: none;
}

#page_top03.rise {
	display: block;
}

#page_top03.rise a {
	display: block;
	font-size:1.5em;
	text-decoration: none;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius:70px;
	z-index: 40000;
	position: fixed;
	bottom: 110px;
	right: 5%;
	animation-name: scroll;	/*上のアニメーションで指定しているkeyframesの名前（scroll）*/
	animation-duration: 1S;	/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/
	
	border:5px solid rgba(255,255,255,0.9);
	background: rgba(0,0,0,0.6);
	color: rgba(255,255,255,0.9);
}

.upbutton03{
	display:block;
	transform: translate3d(18px, 23px, 0px) scale3D(1,1,1) rotateZ(45deg);
	width: 20px;
	height: 20px;
	border-top: solid 4px rgba(255,255,255,0.9);
	border-left: solid 4px rgba(255,255,255,0.9);
}

#page_top03.rise a:hover > .upbutton03{
	border-top: solid 4px rgba(0,0,0,0.6);
	border-left: solid 4px rgba(0,0,0,0.6);
	transition: 0.6s;
}

#page_top03.rise a:hover {
	border:5px solid rgba(0,0,0,0.6);
	background: rgba(255,255,255,0.6);
	color: rgba(0,0,0,0.6);
}

@keyframes scroll {

	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}

}

/* ---------------------------------------------------------------------------------------------------------- */

#page_top04 {
	width:100px;
	padding:0 0 0 0;
	height:100px;
}

#page_top04 {
	display:none;
}

#page_top04.rise {
	display:block;
	z-index: 40000;
	position: fixed;
	bottom: 110px;
	right: 5%;
}

.upbutton04 {
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	outline: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.upbutton04::before,
.upbutton04::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.upbutton04,
.upbutton04::before,
.upbutton04::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.upbutton04 {
	position: relative;
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	-ms-perspective: 300px;
	-o-perspective: 300px;
	perspective: 300px;
}
.upbutton04 span {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}
.upbutton04 span:nth-child(1) {
	z-index:9;
	font-size:10px;
	background-image:linear-gradient(180deg, hsla(10,100%,60%,1), hsla(10,100%,50%,1) );
	color: #fff;
	-webkit-transform: rotateX(10deg);
	-moz-transform: rotateX(10deg);
	-ms-transform: rotateX(10deg);
	-o-transform: rotateX(10deg);
	transform: rotateX(10deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	-ms-transform-origin: 50% 50% -30px;
	-o-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.upbutton04 span:nth-child(2) {
	z-index:10;
	font-size:0px;
	background-image:linear-gradient(180deg, hsla(50,80%,80%,1), hsla(50,80%,70%,1) );
	color: hsla(30,25%,50%,1);
	-webkit-transform: rotateX(-80deg);
	-moz-transform: rotateX(-80deg);
	-ms-transform: rotateX(-80deg);
	-o-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	-ms-transform-origin: 50% 50% -30px;
	-o-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.upbutton04 span:nth-child(3) {
	z-index:8;	
	font-size:10px;
	background-image:linear-gradient(180deg, hsla(30,25%,60%,1), hsla(30,25%,50%,1) );
	color: #ffffff;
	-webkit-transform: rotateX(-170deg);
	-moz-transform: rotateX(-170deg);
	-ms-transform: rotateX(-170deg);
	-o-transform: rotateX(-170deg);
	transform: rotateX(-170deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	-ms-transform-origin: 50% 50% -30px;
	-o-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}

.upbutton04:hover span:nth-child(1) {
	-webkit-transform: rotateX(100deg);
	-moz-transform: rotateX(100deg);
	-ms-transform: rotateX(100deg);
	-o-transform: rotateX(100deg);
	transform: rotateX(100deg);
}
.upbutton04:hover span:nth-child(2) {
	font-size:40px;
	-webkit-transform: rotateX(10deg);
	-moz-transform: rotateX(10deg);
	-ms-transform: rotateX(10deg);
	-o-transform: rotateX(10deg);
	transform: rotateX(10deg);
}
.upbutton04:hover span:nth-child(3) {
	-webkit-transform: rotateX(-80deg);
	-moz-transform: rotateX(-80deg);
	-ms-transform: rotateX(-80deg);
	-o-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
}

/* ---------------------------------------------------------------------------------------------------------- */

#page_top05{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  width: 90px;
  height: 60px;
  line-height:20px;
  position: fixed;
  bottom: 0;
  opacity: 0.98;
  border-radius: 10px;
  background:hsla(3, 100%, 56%,1);
  box-shadow: 0px 5px 0px hsla(3, 90%, 36%,1);
  z-index:1000 !important;
  transition:0.1s linear;
}

#page_top05{ right:10px; bottom:15px; }

#page_top05{ opacity: 0; }
#page_top05.rise { opacity: 0.98; }

#page_top05 a{
  position: relative;
  display: block;
  width: 90px;
  height: 60px;
  text-decoration: none;
  scroll-behavior:smooth;
}
#page_top05 a::before{

}
#page_top05 a::after{
  content: 'page top';
  font-size: 13px;
  color: hsla(360,100%,100%,1);
  position: absolute;
  top: 33px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top05:hover{
  background:hsla(3, 90%, 36%,1);
  box-shadow: 0px 2px 0px hsla(3, 90%, 16%,1);
  bottom:12px;
}

.upbutton05L, .upbutton05R{
  display:block;
  background:hsla(360,100%,100%,1);
  width: 6px;
  height: 20px;
  border-radius:2px;
}
.upbutton05L{ transform: translate3d(38px, 10px, 0px) scale3D(1,1,1) rotateZ(45deg); }
.upbutton05R{ transform: translate3d(48px, -10px, 0px) scale3D(1,1,1) rotateZ(135deg); }

/* ---------------------------------------------------------------------------------------------------------- */

#page_top06 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	width:100px;
	padding:0 0 0 0;
	height:100px;
}

#page_top06 {
	display:block;
	bottom: -200px;
	right: 0px;
}

#page_top06.rise {
	z-index: 40000;
	position: fixed;
	bottom: 0px;
	right: 0px;
	transition:0.5s ease;
}

.upbutton06 {
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	outline: none;
	transform-style: preserve-3d;
}
.upbutton06::before,
.upbutton06::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.upbutton06,
.upbutton06::before,
.upbutton06::after {
	box-sizing: border-box;
	transition: all .3s;
}

.upbutton06 {
	position: relative;
	perspective: 300px;
}
.upbutton06 span {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	box-sizing: border-box;
	transition: all .3s;
	pointer-events: none;
}

.upbutton06 span:nth-child(1), .upbutton06 span:nth-child(2), .upbutton06 span:nth-child(3), .upbutton06 span:nth-child(4), .upbutton06 span:nth-child(5){

	clip-path: polygon(
		50% 0%,
		55% 2%,
		70% 10%,
		90% 30%,
		100% 60%,
		90% 90%,
		70% 100%,
		50% 100%,
		30% 100%,
		10% 90%,
		0% 60%,
		10% 30%,
		30% 10%,
		45% 2%
	);
	//clip-path: polygon(50% 0%, 55% 2%, 90% 40%, 100% 100%, 0% 100%, 10% 40%, 45% 2% );
	// transform-origin: 50% 100% -60px;
	transform-origin: 50% 100% -42px;
}

.upbutton06 span:nth-child(1) {
	z-index:9;
	font-size:10px;
	background-image:linear-gradient(180deg, hsla(10,100%,60%,1), hsla(10,100%,50%,1) );
	color: #fff;
}

.upbutton06 span:nth-child(2) {
	z-index:10;
	font-size:0px;
	background-image:linear-gradient(180deg, hsla(50,80%,80%,1), hsla(50,80%,70%,1) );
}

.upbutton06 span:nth-child(3) {
	z-index:8;
	font-size:0px;
	background-image:linear-gradient(180deg, hsla(30,25%,60%,1), hsla(30,25%,50%,1) );
}

.upbutton06 span:nth-child(4) {
	z-index:10;
	font-size:0px;
	background-image:linear-gradient(180deg, hsla(0,80%,95%,1), hsla(0,80%,85%,1) );
}

.upbutton06 span:nth-child(5) {
	z-index:10;
	font-size:0px;
	background-image:linear-gradient(180deg, hsla(355,80%,70%,1), hsla(355,80%,80%,1) );
}

.upbutton06 span:nth-child(6) {
	background-image:url(newimg/Mihika_red_emblem.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	opacity:0
}

.upbutton06 span:nth-child(7) { }

.upbutton06:hover span:nth-child(1) { font-size:0px; }
.upbutton06:hover span:nth-child(2) {  }
.upbutton06:hover span:nth-child(3) {  }
.upbutton06:hover span:nth-child(4) {  }
.upbutton06:hover span:nth-child(5) {  }
.upbutton06:hover span:nth-child(6) { transform:translateY(0px); opacity:1; font-size:40px; }
.upbutton06:hover span:nth-child(7) { }
}

/* 角度調整 */
.upbutton06 span:nth-child(1) { transform:translateY(0px) rotateY(0deg) rotate3d(1,0,0,5deg); }
.upbutton06 span:nth-child(2) { transform:translateY(0px) rotateY(72deg) rotate3d(1,0,0,5deg); }
.upbutton06 span:nth-child(3) { transform:translateY(0px) rotateY(144deg) rotate3d(1,0,0,5deg); }
.upbutton06 span:nth-child(4) { transform:translateY(0px) rotateY(216deg) rotate3d(1,0,0,5deg); }
.upbutton06 span:nth-child(5) { transform:translateY(0px) rotateY(288deg) rotate3d(1,0,0,5deg); }
.upbutton06 span:nth-child(6) {  }
.upbutton06 span:nth-child(7) {  }

.upbutton06:hover span:nth-child(1) { transform:translateY(-42px) rotateY(-288deg) rotate3d(1,0,0,-70deg);}
.upbutton06:hover span:nth-child(2) { transform:translateY(-42px) rotateY(-216deg) rotate3d(1,0,0,-70deg);}
.upbutton06:hover span:nth-child(3) { transform:translateY(-42px) rotateY(-144deg) rotate3d(1,0,0,-70deg);}
.upbutton06:hover span:nth-child(4) { transform:translateY(-42px) rotateY(-72deg) rotate3d(1,0,0,-70deg);}
.upbutton06:hover span:nth-child(5) { transform:translateY(-42px) rotateY(0deg) rotate3d(1,0,0,-70deg);}
.upbutton06:hover span:nth-child(6) {
	animation-name: animeupbutton06;
	animation-fill-mode:backwards;
	animation-duration:3s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	animation-delay: 0s;
	animation-direction:normal;
}
.upbutton06:hover span:nth-child(7) {  }

/* アニメーション */
@keyframes animeupbutton06 {
  0% { transform:translateY(-10px) rotateY(0deg); }
  50% { transform:translateY(-20px) rotateY(180deg); }
  100% { transform:translateY(-10px) rotateY(360deg); }
}

/* ---------------------------------------------------------------------------------------------------------- */

#page_top07 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	width:100px;
	padding:0 0 0 0;
	height:100px;
}

#page_top07 {
	display:none;
}

#page_top07.rise {
	display:block;
	z-index: 40000;
	position: fixed;
	bottom: 110px;
	right: 10%;
}

.upbutton07 {
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	outline: none;
	transform-style: preserve-3d;
}
.upbutton07::before,
.upbutton07::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.upbutton07,
.upbutton07::before,
.upbutton07::after {
	box-sizing: border-box;
	transition: all .3s;
}

.upbutton07 {
	position: relative;
	perspective: 300px;
}
.upbutton07 span {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	box-sizing: border-box;
	transition: all 3s;
	pointer-events: none;
}

.upbutton07 span:nth-child(1), .upbutton07 span:nth-child(2), .upbutton07 span:nth-child(3), .upbutton07 span:nth-child(4), .upbutton07 span:nth-child(5){
	clip-path: polygon(
		50% 0%,
		55% 2%,
		70% 10%,
		90% 30%,
		100% 60%,
		0% 60%,
		10% 30%,
		30% 10%,
		45% 2%
	);
	transform-origin: 50% 100% -50px;
}

.upbutton07 span:nth-child(6), .upbutton07 span:nth-child(7), .upbutton07 span:nth-child(8), .upbutton07 span:nth-child(9), .upbutton07 span:nth-child(10){
	clip-path: polygon(
		100% 60%,
		90% 90%,
		70% 100%,
		50% 100%,
		30% 100%,
		10% 90%,
		0% 60%
	);
	transform-origin: 50% 100% -42px;
}

.upbutton07 span:nth-child(1) , .upbutton07 span:nth-child(6) {
	z-index:9;
	font-size:10px;
	background-image:linear-gradient(180deg, hsla(357,100%,60%,1), hsla(10,100%,20%,1) );
	//background-image:linear-gradient(180deg, hsla(10,100%,60%,1), hsla(10,100%,50%,1) );
	color: #fff;
}

.upbutton07 span:nth-child(2) , .upbutton07 span:nth-child(7) {
	z-index:10;
	font-size:0px;
	background-image:linear-gradient(180deg, hsla(357,100%,60%,1), hsla(10,100%,20%,1) );
	// background-image:linear-gradient(180deg, hsla(50,80%,80%,1), hsla(50,80%,70%,1) );
}

.upbutton07 span:nth-child(3) , .upbutton07 span:nth-child(8) {
	z-index:8;
	font-size:0px;
	background-image:linear-gradient(180deg, hsla(357,100%,60%,1), hsla(10,100%,20%,1) );
	// background-image:linear-gradient(180deg, hsla(30,25%,60%,1), hsla(30,25%,50%,1) );
}

.upbutton07 span:nth-child(4) , .upbutton07 span:nth-child(9) {
	z-index:10;
	font-size:0px;
	background-image:linear-gradient(180deg, hsla(357,100%,60%,1), hsla(10,100%,20%,1) );
	// background-image:linear-gradient(180deg, hsla(0,80%,95%,1), hsla(0,80%,85%,1) );
}

.upbutton07 span:nth-child(5) , .upbutton07 span:nth-child(10) {
	z-index:10;
	font-size:0px;
	background-image:linear-gradient(180deg, hsla(357,100%,60%,1), hsla(10,100%,20%,1) );
	// background-image:linear-gradient(180deg, hsla(355,80%,70%,1), hsla(355,80%,80%,1) );
}

.upbutton07:hover span:nth-child(1) , .upbutton07:hover span:nth-child(6) {
	background-image:linear-gradient(180deg, hsla(10,100%,60%,1), hsla(10,100%,50%,1) );
}

.upbutton07:hover span:nth-child(2) , .upbutton07:hover span:nth-child(7) {
	background-image:linear-gradient(180deg, hsla(50,80%,80%,1), hsla(50,80%,70%,1) );
}

.upbutton07:hover span:nth-child(3) , .upbutton07:hover span:nth-child(8) {
	background-image:linear-gradient(180deg, hsla(30,25%,60%,1), hsla(30,25%,50%,1) );
}

.upbutton07:hover span:nth-child(4) , .upbutton07:hover span:nth-child(9) {
	background-image:linear-gradient(180deg, hsla(0,80%,95%,1), hsla(0,80%,85%,1) );
}

.upbutton07:hover span:nth-child(5) , .upbutton07:hover span:nth-child(10) {
	background-image:linear-gradient(180deg, hsla(355,80%,70%,1), hsla(355,80%,80%,1) );
}

.upbutton07 span:nth-child(11) {
	background-image:url(newimg/Mihika_red_emblem.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
	opacity:0
}

.upbutton07 span:nth-child(12) { }

.upbutton07:hover span:nth-child(1) { font-size:0px; }
.upbutton07:hover span:nth-child(11) { transform:translateY(0px); opacity:1; font-size:40px; }


/* 角度調整 */
.upbutton07 span:nth-child(1) { transform:translateY(0px) rotateY(0deg) rotate3d(1,0,0,10deg); }
.upbutton07 span:nth-child(2) { transform:translateY(0px) rotateY(72deg) rotate3d(1,0,0,10deg); }
.upbutton07 span:nth-child(3) { transform:translateY(0px) rotateY(144deg) rotate3d(1,0,0,10deg); }
.upbutton07 span:nth-child(4) { transform:translateY(0px) rotateY(216deg) rotate3d(1,0,0,10deg); }
.upbutton07 span:nth-child(5) { transform:translateY(0px) rotateY(288deg) rotate3d(1,0,0,10deg); }

.upbutton07 span:nth-child(6) { transform:translateY(-12px) rotateY(0deg) rotate3d(1,0,0,-5deg); }
.upbutton07 span:nth-child(7) { transform:translateY(-12px) rotateY(72deg) rotate3d(1,0,0,-5deg); }
.upbutton07 span:nth-child(8) { transform:translateY(-12px) rotateY(144deg) rotate3d(1,0,0,-5deg); }
.upbutton07 span:nth-child(9) { transform:translateY(-12px) rotateY(216deg) rotate3d(1,0,0,-5deg); }
.upbutton07 span:nth-child(10) { transform:translateY(-12px) rotateY(288deg) rotate3d(1,0,0,-5deg); }
.upbutton07 span:nth-child(11) {  }
.upbutton07 span:nth-child(12) {  }

.upbutton07:hover span:nth-child(1) { transform:translateY(-42px) translateZ(0px) rotateY(-288deg) rotate3d(1,0,0,-70deg);}
.upbutton07:hover span:nth-child(2) { transform:translateY(-42px) translateZ(0px) rotateY(-216deg) rotate3d(1,0,0,-70deg);}
.upbutton07:hover span:nth-child(3) { transform:translateY(-42px) translateZ(0px) rotateY(-144deg) rotate3d(1,0,0,-70deg);}
.upbutton07:hover span:nth-child(4) { transform:translateY(-42px) translateZ(0px) rotateY(-72deg) rotate3d(1,0,0,-70deg);}
.upbutton07:hover span:nth-child(5) { transform:translateY(-42px) translateZ(0px) rotateY(0deg) rotate3d(1,0,0,-70deg);}

.upbutton07:hover span:nth-child(6) { transform:translateY(-42px) translateZ(0px) rotateY(-288deg) rotate3d(1,0,0,-85deg);}
.upbutton07:hover span:nth-child(7) { transform:translateY(-42px) translateZ(0px) rotateY(-216deg) rotate3d(1,0,0,-85deg);}
.upbutton07:hover span:nth-child(8) { transform:translateY(-42px) translateZ(0px) rotateY(-144deg) rotate3d(1,0,0,-85deg);}
.upbutton07:hover span:nth-child(9) { transform:translateY(-42px) translateZ(0px) rotateY(-72deg) rotate3d(1,0,0,-85deg);}
.upbutton07:hover span:nth-child(10) { transform:translateY(-42px) translateZ(0px) rotateY(0deg) rotate3d(1,0,0,-85deg);}
.upbutton07:hover span:nth-child(11) {
	animation-name: animeupbutton07;
	animation-fill-mode:backwards;
	animation-duration:3s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	animation-delay: 0s;
	animation-direction:normal;
}
.upbutton07:hover span:nth-child(12) {  }

/* アニメーション */
@keyframes animeupbutton07 {
  0% { transform:translateY(-10px) rotateY(0deg); }
  50% { transform:translateY(-20px) rotateY(180deg); }
  100% { transform:translateY(-10px) rotateY(360deg); }
}