@charset "utf-8";
body {
background-color: black;
}
body {
font-size:98%;
}
body {
text-align:center;
}
body {
color: #ffffff;
}
.maillink{
  animation: color-change 1s linear infinite;
  margin:20px;
  font-size:30px;
  font-weight: bold;
border-bottom:solid 10px #ff1493;
border-top:solid 10px orange;
border-left:solid 10px aqua;
border-right:solid 10px purple;
}

@keyframes color-change {
  0%,100%{
border-bottom:solid 10px #ff1493;
border-top:solid 10px orange;
border-left:solid 10px aqua;
border-right:solid 10px purple;
  }

  25%{
border-bottom:solid 10px purple;
border-top:solid 10px green;
border-left:solid 10px pink;
border-right:solid 10px blue;

  }
  
  50%{
border-bottom:solid 10px yellow;
border-top:solid 10px white;
border-left:solid 10px #00356a;
border-right:solid 10px red;
  }
  
  75%{
border-bottom:solid 10px purple;
border-top:solid 10px lightblue;
border-left:solid 10px pink;
border-right:solid 10px orange;
  }
}
.dekkaikek {
    display: inline-block;
    animation: scale-loop 1s infinite;;
}

@keyframes scale-loop {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(2, 2);
    }
    100% {
        transform: scale(1, 1);
    }
}
body {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
a {
font-weight:bold;
}

a:link {
color:#0000FF;
}

a:visited {
color:#6600FF;
}

a:hover {
color:#FF0099;
text-decoration:underline;
}

a:active {
color:#33CC00;
}
.menulink{
  animation: color 1s linear infinite;
  margin:20px;
  font-size:30px;
  font-weight: bold;
border-bottom:solid 10px #ff1493;
border-top:solid 10px orange;
border-left:solid 10px aqua;
border-right:solid 10px purple;
}

@keyframes color {
  0%,100%{
border-bottom:solid 10px #ff1493;
border-top:solid 10px orange;
border-left:solid 10px aqua;
border-right:solid 10px purple;
  }

  25%{
border-bottom:solid 10px purple;
border-top:solid 10px green;
border-left:solid 10px pink;
border-right:solid 10px blue;

  }
  
  50%{
border-bottom:solid 10px yellow;
border-top:solid 10px white;
border-left:solid 10px #00356a;
border-right:solid 10px red;
  }
  
  75%{
border-bottom:solid 10px purple;
border-top:solid 10px lightblue;
border-left:solid 10px pink;
border-right:solid 10px orange;
  }
}
.btn_rainbow {
	position: relative;
	display: inline-block;
	padding: .5em 2.5em .5em 1.5em;
	border: none;
	border-radius: .25em;
margin:10px;
	color: #fff;
	text-shadow: 0 1px 1px #666;
	background: linear-gradient(-45deg, #62b8e7, #53c5a0, #fff26b, #ffa06b, #f68aa3, #956eb6);
	background-size: 400% 400%;
	-webkit-animation: gradientAnm 90s ease infinite;
	animation: gradientAnm 90s ease infinite;
}
@-webkit-keyframes gradientAnm {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@keyframes gradientAnm {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
.btn_rainbow::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding-top: inherit;
	padding-bottom: inherit;
	width: 2.5em;
	content: ">";
	font-size: 1.2em;
	text-align: center;
}
.btn_rainbow:hover::after {
	-webkit-animation: bounceR .4s alternate ease infinite;
	animation: bounceR .4s alternate ease infinite;
}
@-webkit-keyframes bounceR {
from {
-webkit-transform:translateX(0)
}
to {
-webkit-transform:translateX(4px)
}
}
@keyframes bounceR {
from {
transform:translateX(0)
}
to {
transform:translateX(4px)
}
}