@charset "UTF-8";
body {
  background-color:black ; 
  color: white;
  text-align: center;
  font-size: 100%;
 font-family: Verdana, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “メイリオ”, Meiryo, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “ＭＳ Ｐゴシック”, sans-serif;
}
.border {
border: 10px ridge #31A9EE;
}
.bold {
font-weight:bold
}
.block{
display: block;
margin:auto;
}
.scroll {
  margin     : auto;
  width      : 98%;
  font-size  : 120%;
  line-height: 1.5em;
  text-align : left;
  border     : 1px solid #666;
  color      : white;
  background-color : red;
  overflow   : hidden;
}
.scroll span{
  display     : inline-block;
  white-space : nowrap;
  line-height : 1em;
  animation   : scrollAnime 2s linear infinite alternate;
}
@keyframes scrollAnime{
    0% {
        margin-left: 100%;
        transform  : translateX(-100%)
       }
  100% {
        margin-left: 0;
        transform  : translateX(0)
       }
}
code {
     white-space: pre-wrap;
   }

.roll {
  display  : inline-block;
  animation: rollkAnime 2s linear infinite;
  color    : #ffff1a;
  font-size: 110%
}
@keyframes rollkAnime{
  100% {
         transform: rotate(360deg);
       }
}

button {
  background-color: orange;
}
button:active {
      transform: scale(1.1);
    }
button:hover {
      transform: scale(1.1);
    }

.btn01 a {
	background-color: #ceb849;
	border: 1px solid #ceb849;
}

.btn01 a:hover {
	background-color: #B99b00;
	border: 1px solid #333;
}

.btn01 a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	width: 70px;
	height: 1px;
	background-color: #333;
}

.scroll2 {
  margin     : auto;
  width      : 98%;
  font-size  : 140%;
  line-height: 1.5em;
  text-align : center;
  border     : 1px solid #666;
  color      : yellow;
  overflow   : hidden;
}
.scroll2 span{
  display     : inline-block;
  white-space : nowrap;
  line-height : 1em;
  animation   : scrollAnime 0.3s linear infinite;
}
@keyframes scrollAnime2{
    0% { transform: translateY(-1.5em)}
  100% { transform: translateY(1.5em)}
}