@import 'ad.css';
@import 'control.css';
@import 'content.css';
@import 'lang.css';
@import 'modal.css';
@import 'chat.css';


:root{
  --size-ad      : 0px;
  --size-control : 60px;
  --size-font    : 12px;
}

@font-face {
  font-family : 'NunitoSans-ExtraLight';
  src         : url(font/Nunito_Sans/NunitoSans-ExtraLight.ttf) format('truetype');
}

*{
  font-size   : var(--size-font);
  font-family : sans-serif , NunitoSans-ExtraLight , "Hiragino Kaku Gothic ProN" , "YuGothic" , "Yu Gothic" , "Meiryo" , "ヒラギノ角ゴ";
}


html,body{
  width:100%;
	height:100%;
  scroll-behavior: smooth;
  margin  : 0;
  padding : 0;
  border  : 0;
  overflow:hidden;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

html,body{
  margin:0;
  padding:0;
}

body{
  background-color:black;
}

ul,ol,li{
  list-style:none;
  margin:0;
  padding:0;
}

.contents{
  width:100%;
  height:100%;
}

.hidden{
  display:none!important;
}

input, select , textarea , button{
  -webkit-appearance: none;
  appearance: none;
  outline:0;
}
button{
  border:1px solid #aaa;
  border-radius:4px;
}
button:hover{
  opacity:0.5;
}