/*html body*/
* { 
	margin: 0px; 
	padding: 0px;
}
html{
	touch-action:none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select:none;
	overflow: hidden;
}
body{overflow:hidden;}
#bodyframe{
	position: absolute;
	width:1920px;
	height:1080px;
	top:0;
	left:0;
	transform: scale(1);
	overflow:hidden;
}
/*_________________________________________*/
/*選択メニュー画面*/
#menubase,#menubase_title{
	position: absolute;
	width:1920px;
	height:1080px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
#menubackbtn{
	position: absolute;
	width:120px;
	height:auto;
	top:5px;
	left:5px;
	cursor:pointer
}
.contentsbtn{
	position:absolute;
	width:920px;
	height:140px;
	top:0;
	left:0;
	right:0;
	margin:auto;
	background:white;
	border-radius:30px;
	overflow:hidden
}
.contentsimg{
	position:absolute;
	width:920px;
	height:140px;
	top:0;
	left:0;
}
/*_________________________________________*/
/*マスク*/
#transMask,#WhiteMask,#BlackMask{
	display:none;
	position: absolute;
	width:1920px;
	height:1080px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	opacity:0;
}
#WhiteMask{background:white;opacity:0.8;}
#BlackMask{background:black;opacity:0.8;}
/*_________________________________________*/
/*〇✖判定画面*/
#judgewindow{
	display:none;
	position: absolute;
	width: 690px;
	height: 690px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	overflow:hidden;
}
#judgeimage{
	position: absolute;
	width: 690px;
	height: auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
/*_________________________________________*/
/*コンテンツ内目メニューボタン*/
.cmbb_bc_k,.cmbb_bc_r,.cmbb_bc_c,.cmbb_bc_m{
	position: absolute;
	width:100px;
	height:100px;
	top:0;
	left:0;
	background: white;
	border: 15px solid;
	border-radius: 100px;
}
.cmbb_bc_k{border-color: #B65D31;}/*公民*/
.cmbb_bc_r{border-color: #ffb800;}/*歴史*/
.cmbb_bc_c{border-color: #9F7534;}/*地理*/
.cmbb_bc_m{border-color: #5d8134;}/*地図*/
#contents_menubtn,#contents_closebtn{
	position: absolute;
	width:100px;
	height:auto;
	top:15px;
	left:15px;
	cursor:pointer
}
/*_________________________________________*/
/*サブメニュー*/
#Menuwindow{
	display:none;
	position: absolute;
	width: 960px;
	height: 895px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	overflow:hidden;
}
#submenubase{
	position: absolute;
	width: 960px;
	height: auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
#submenubtn1,
#submenubtn2,
#submenubtn3{
	position: absolute;
	width: 570px;
	height: auto;
	left:0;
	right:0;
	margin:auto;
	cursor:pointer
}
#submenubtn1{top:230px;}
#submenubtn2{top:370px;}
#submenubtn3{top:510px;}
#quiznumber{
	position: absolute;
	width:76px;
	height:51px;
	left:240px;
	bottom:80px;
}
#close_back{left:830px;}#contents_closebtn{left:845px;}
/*_________________________________________*/
/*結果画面*/
#KekkaArea{
	display:none;
	position: absolute;
	width:1920px;
	height:1080px;
	top:0;
	left:0;
	transition-duration: 0.5s;
}
#ClearImg{
	position: absolute;
	width:1700px;
	height:auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
#TitleBackbtn_back,#Replaybtn_back,#TitleBackbtn,#Replaybtn{
	cursor:pointer;
	display:none;
	position: absolute;
	width:700px;
	height:130px;
	left:0;
	right:0;
	margin:auto;	
}
#TitleBackbtn_back,#Replaybtn_back{
	border-radius: 40px;
	background: white;	
}
#Replaybtn_back,#Replaybtn{top:380px;}
#TitleBackbtn_back,#TitleBackbtn{top:570px;}
#Yesbtn_back,#Yesbtn,
#Nobtn_back,#Nobtn{
	cursor:pointer;
	display:none;
	position: absolute;
	width:300px;
	height:130px;
	top:570px;
	margin:auto;	
}
#Yesbtn_back,#Nobtn_back{
	border-radius: 40px;
	background: white;	
}
#Yesbtn_back,#Yesbtn{left:600px;}
#Nobtn_back,#Nobtn{	right:600px;}
/*エンド画面*/
/** ------------------------------------------ */
#endcard{
	display:none;
}
section {
	position: absolute;
	width: 1000px;
	height: 600px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	overflow: hidden;
	background-color: #fff;
	border-radius: 40px 40px 40px 40px;
	border:skyblue 6px solid;
	z-index:1;
}
#comment{
	position: absolute;
	width: 1000px;
	height: 100px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	font-size: 80px;
	font-weight: bolder;
	font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	color: #000;
	text-align: center;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
				-1px 1px 0 #FFF, 1px -1px 0 #FFF,
				0px 1px 0 #FFF,  0-1px 0 #FFF,
				-1px 0 0 #FFF, 1px 0 0 #FFF;
	z-index:2;
}
/*_________________________________________*/
/*iOS注意書き*/
#ioscaption{
	position: absolute;
	display:none;
	cursor:default;
	bottom: 80px;
	width:875px;
	left:0;
	right:0;
	text-align: center;
	vertical-align:middle;
	line-height: 50px;
	margin:auto;
	color: #ffffff;
	font-size: 36px;
	font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
	background-color: rgba( 0, 0, 0, 0.35 );
}
#ioscaption::before {
	content: "※iPadOSをご利用の場合、音声は再生されません。";
}

#ioscaption_sub{
	position: absolute;
	display:none;
	cursor:default;
	bottom: 15px;
	width:875px;
	left:0;
	right:0;
	text-align: center;
	vertical-align:middle;
	line-height: 50px;
	margin:auto;
	color: #ffffff;
	font-size: 36px;
	font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
#ioscaption_sub::before {
	content: "※iPadOSをご利用の場合、音声は再生されません。";
}