@charset “utf-8”;
/* Webフォントを定義 */
@font-face {
  font-family: "Senobi-Gothic"; /* フォント名 */
  /* フォーマットごとにパスを指定 */
  src: url("./font/Senobi-Gothic-Medium.ttf") format("truetype");
}
/* bold */
@font-face {
  font-family: "Senobi-Gothic"; /* フォント名 */
  src: url("./font/Senobi-Gothic-Bold.ttf") format("truetype");
  font-weight: bold; /* boldが使えるようになる */
}
/********
    共通
*********/
/* html {
  scroll-behavior: smooth;
} */
body {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  background: #fff;
  font-family: "Senobi-Gothic", sans-serif;
  font-size: 16px;

  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-callout: none;
}
img {
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  pointer-events: none;
}

#fadeLayer {
  background: #333;
  opacity: 0.9;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
/***
    共通-ヘッダ
***/
header {
  text-align: center;
  width: 100%;
  height: 200px;
}
.title {
  background-color: #000;
  color: #fff;
  margin: 0;
  padding: 0;
  height: 100px;
  line-height: 100px;
  font-size: 40px;
}
/***
    共通-メイン
***/
#container {
  padding: 0;
  width: 100%;
}
/***
    共通-フッタ
***/
footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
  margin: 0;
}
#errorMessage {
  height: 30px;
  line-height: 30px;
  color: #f00;
  padding-left: 10px;
  overflow: hidden;
  margin: 0;
}
/********
    ログイン画面
*********/
.main-login {
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
}
.input-area-content {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 40px;
}
#name {
  margin-top: 4px;
  margin-bottom: 20px;
  font-size: 40px;
  width: 90%;
}
.buttom {
  cursor: pointer;
  background-color: #000;
  color: #fff;
  margin: 5px auto;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
}
.buttom_w130 {
  max-width: 130px;
  width: 90%;
}
.buttom_w200 {
  max-width: 200px;
  width: 90%;
}
/********
    選択
*********/
.active {
  background-color: #ff0;
  color: #000;
}

#count {
  margin-left: 30px;
}
#question {
  max-width: 700px;
  width: 90%;
  margin: 10px auto;
}
#comment {
  text-align: center;
  margin-bottom: 20px;
}
/*
 IEハック
 IE9  color: red\0/;
 IE8  color: red\9;
 IE7  *color: red;
 IE6  _color: red;
*/

/*
* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
	-ms-touch-action        : manipulation;
	touch-action            : manipulation;
			user-select     : none;
	-webkit-user-select     : none;
	-ms-user-select         : none;
	-moz-user-select        : none;
	-khtml-user-select      : none;
	-webkit-user-drag       : none;
	-khtml-user-drag        : none;
}
body {
	font-size				: 30px;
	background-blend-mode   : lighten;
	background-repeat       : no-repeat;
	background-attachment   : fixed;
	background-size         : cover;
	-moz-user-select	    : none;
	-ms-user-select		    : none;
	-khtml-user-select	    : none;
	-webkit-user-select	    : none;
	-webkit-touch-callout	: none;
	padding                 : 0;
	margin                  : 0;
	overflow                : hidden;
	font-family				: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
#container{
	padding					: 0;
	position                : fixed;
	top                     : 0;
	left                    : 0;
	bottom                  : 40px;
	right                   : 0;
	overflow-y				: auto;
}
#main{
	margin					: 0;
	padding					: 0;
}
*/
/* タイトル */
/*
/* 開始時の名前エリア */
/*
input{
	margin-top				: 40px;
	width					: 80%;
	height					: 120px;
	line-height				: 120px;
	font-size				: 40px;
} */