/*
 * ===============================================
 *
 * RAMAA Engine (Real-time Animated Media Application Apparatus)
 * by Gounbeee 2021 - 2026
 *
 * License ： CC BY-NC-SA (Attribution-NonCommercial-ShareAlike)
 *
 * このプロジェクトは、Gounbeeeから作成され、個人的な利用、改変が可能です。
 * 改変時、このライセンス表記を残す義務があり、改変後の作成物が本ソフトと同じライセンスを継承します。
 *
 * ===============================================
 */


/* html に height / overflow が無いと body{height:100%} が auto に解決され、
   文書の高さが中身（上部メニュー32px＋オーバーレイSVG）ぶん画面より高くなり、
   縦スクロールで上下のメニュー帯がずれていた。ビューポート高に固定する。 */
html {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden; /* TO DISABLE SCROLL BAR */
}

body {
  width: 100%;
  height: 100%;
  color: #c3b09c;
  background-color: #25211e;
  margin: 0;
  overflow: hidden; /* TO DISABLE SCROLL BAR */


 -webkit-touch-callout: none; /* Safari */
        -webkit-user-select: none; /* Chrome */     
           -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; 
     
}



a {
  font-size: 16px;
  text-decoration: none;
}



img {
  max-width: 100%;
  vertical-align: top;
}



@media (max-width: 35em) {

  img {
    max-width: 100%;
    margin-top: 0.5rem;
  }

}



div {
  display: block;
}


table, th, td {
/*  background-color: red;*/
  color: silver;
  border: 3px solid gray;
  padding: 1em;
  border-collapse: collapse;
}


.disable-select {
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}




.fullscreen {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: purple;
  z-index: 9000;
  opacity: 0.0;
}


.visible {
  display: block;
  outline: 0;
}


.hidden {
  display: none;
  outline: 0;
}

.visible: hover,
.visible: active,
.visible: focus
 {

  outline: none;
}


.hidden: hover,
.hidden: active,
.hidden: focus {

  outline: none;
}


.user_logo {
  position: absolute;
/*  background-color: #222222;*/
  width: 69px;
  height: 32px;
  z-index: 2;
}


@media (max-width: 35em) {

  .user_logo {
    position: absolute;
/*    background-color: #222222;*/
    
    height: 3rem;
    z-index: 5;
  }


}



#allArea {
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;   /* 画面高を超える描画があってもスクロールさせない */
}














/*


.ball {
  animation-name: ball-anim-right;
  animation-duration: 3s;
  animation-delay: 1s;
  animation-iteration-count: 3;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}


@keyframes ball-anim-right {
  0% {
    background: blue;
    transform: translate(0);
  }

  50% {
    background: purple;
    transform: translate(50px);
  }

  100% {
    background: red;
    transform: translate(100px);
  }

}
*/