/* ===================================================================

reset

=================================================================== */
html,
body,
#wrapper {
  width: 100%;
}

html {
  font-size: 62.5%;
}

/*   なにかよく分からないけど初期設定  */
body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  line-height: 1;
  word-break: break-all;
}

/* 2021.5.7  added */
/*  ビデオをブラウザいっぱいに表示する  */

.wrap-video {
	position: center center;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto%;
	z-index: -100;
}

/*  クリックされる画面の設定　下部は少し空けておく  */
.video-btn {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 20px;
	cursor: pointer;
}

/*  チャプターボタンの上にカーソルが来たら文字を赤くする  */
.sel-btn:hover {
	color: red;
}

/*  チャプターボタン　岡田茂吉研究所  */
.left-p {
	position: absolute;
	top: 100%;
	left: 5%;
	font-size: 40px;
	color: silver;
	border: solid silver 2px;
	padding: 5px 10px; 
	cursor: pointer;
	z-index: 2;
}

/*  チャプターボタン　３大革命  */
.center-p {
	position: absolute;
	top: 100%;
	left: 45%;
	font-size: 40px;
	color: silver;
	border: solid silver 2px;
	padding: 5px 10px; 
	z-index: 2;
	cursor: pointer;
}

/*  チャプターボタン　MO Land 紹介  */
.right-p {
	position: absolute;
	top: 100%;
	left: 75%;
	font-size: 40px;
	color: silver;
	border: solid silver 2px;
	padding: 5px 10px; 
	z-index: 2;
	cursor: pointer;
}