body {
	/*font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;*/ /* original */
	/*font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;*/ /* Appae */
	/*font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;*/ /* Yahoo */
	font-family: Roboto,"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif; /* Google + alfa*/
	overflow: hidden;
}

.btns,
.close {
	cursor: pointer
}

.modalBody {
	position: fixed;
	z-index: 1000;
	background: #fff;
	width: 400px;
	left: 50%;
	top: 50%;
	height: 400px;
	padding: 10px
}

.modalBK {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=90);
	-moz-opacity: .9
}

.btns {
	font-size: 80px;
	width: 150px;
	background: #111;
	height: 150px;
	line-height: 150px;
	text-align: center;
	font-family: arial;
	color: #fff;
	float: left;
	margin: 10px
}

/* complite */
.comp-sign {
	padding: 0.25rem 0.5rem;
	font-size: 0.75rem;
	background: #ee3e52;
	color: #fff;
	border-radius: 0.25rem;
	margin-left: 0.5rem;
}


/* start modal */
.btn-start {
	font-size: 1.1rem;
	border-radius: 0.4rem;
	padding: 0.25rem 0.75rem;
	font-weight: 600;
	background: #999;
	border: 1px solid #fff;
	color: #fff;
	margin-bottom: 1rem;
}
.modal.start .modalBody {
	
	height: auto;
	background: none;
	margin-left: 0 !important;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
.modal.start .modalBody .form-wrapper{
	background: none;
	overflow: hidden;
/*	text-align: center;*/
}
.modal.start .modalBody .form-wrapper button{
	display: block;
}

.modal {
	display: none;
	width: 690px;
	color: #eee
}

.modal p {
	font-size: 12px;
	text-align: justify
}

.modal h1 {
	font-weight: 700;
	font-size: 30px
}

.close {
	font-weight: 600;
	color: #5e5e5e
}

[class*=fontawesome-]:before {
	font-family: FontAwesome, sans-serif
}

.entry,
.login,
.question {
	text-align: center;
	background: #e9e9e9;
	color: #5e5e5e;
	font: 400 87.5%/1.5em 'Open Sans', sans-serif
}

.form-footer a,
.question label {
	font-weight: 600
}

.question .form-item {
	margin-top: 12px;
	text-align: left
}

.login .modalBody {
	width: 400px;
/*	top: initial;*/
	top: 180px;
}

.entry .modalBody,
.question .modalBody {
	width: 600px
}

.form-wrapper {
	background: #fafafa;
	max-width: 100%;
	max-height: 370px;
	overflow: scroll;
	margin: 0 auto;
	padding: 0 1em
}

h1 {
	padding: .5em 0
}

form {
	padding: 0 1.5em
}

.form-item {
	width: 100%
}

.form-item input,
.form-item select {
	background: #fafafa;
	border: none;
	border-bottom: 2px solid #e9e9e9;
	color: #666;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	height: 40px;
	transition: border-color .3s;
	width: 100%
}

.form-item input:focus {
	border-bottom: 2px solid silver;
	outline: 0
}

.button-panel {
	width: 100%;
	margin: 1em 0 0
}

.button-panel .button {
	background: #f16272;
	border: none;
	color: #fff;
	cursor: pointer;
	height: 50px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	letter-spacing: .05em;
	text-align: center;
	text-transform: uppercase;
	transition: background .3s ease-in-out;
	width: 100%
}

.button:hover {
	background: #ee3e52
}

.form-footer {
	font-size: 1em;
	padding: 2em 0
}

.form-footer a {
	color: #F16272;
	text-decoration: none;
	transition: border-color .3s
}

.form-footer a:hover {
	border-bottom: 1px dotted #8c8c8c
}

.form-footer p,
.question p.desc,
h1 {
	text-align: center
}

.login .modalBody {
	width: 400px;
	height: 200px;
}

video::-internal-media-controls-download-button { display:none; }
video::-internal-media-controls-overflow-button { display:none; }
video::-webkit-media-controls-enclosure { overflow:hidden; }
video::-webkit-media-controls-panel { width: calc(100% + 32px);  Adjust as needed  }
video::-webkit-media-controls-button-panel { width: calc(100% + 64px); /* Adjust as needed */ }