﻿BODY{
	margin:0;
	font-family:sans-serif;
	line-height:1.25;
}

.header{
	width:100%;
	max-width:800px;
	height:calc(3.75em);
	background-color:#D8F2FF;
	border-bottom:2px solid #A8DEFF;
	position:fixed;
	margin:0;
	z-index:1;
	overflow:hidden;
	transform:translate(-50%, 0%);
	left:50%;
}
.header .txt{
	max-width:800px;
	margin:auto;
}
.headerBone{
	height:calc(3.75em + 2px);
}

.footer{
	width:100%;
	max-width:800px;
	height:48px;
	background-color:#D8F2FF;
	border-top:2px solid #A8DEFF;
	position:fixed;
	bottom:0px;
	padding-top:6px;
	margin:0;
	text-align:center;
	z-index:2;
	transform:translate(-50%, 0%);
	left:50%;
}
.footer IMG{
	width:36px;
	height:36px;
	margin:2px;
	border-radius:20px;
}
.footer .loop{
	cursor:pointer;
}
.footer #loop_chk{
	display:none;
}
.footer #loop_chk ~ #loop2{
	display:none;
}
.footer #loop_chk:checked ~ #loop2{
	display:initial;
}
.footer #loop_chk:checked ~ #loop1{
	display:none;
}
.footer .diceSpread{
	width:300px;
	height:40px;
	margin:auto;
	background-color:#F0F0F0;
	border-radius:20px;
	display:flex;	/* DIV横並び */
	flex-wrap:wrap;	/* 改行 */
}
.footer .dice1{
	width:40px;
	height:40px;
}
.footer .dice2{
	width:210px;
	height:40px;
	line-height:1;
	margin-right:5px;
	margin-left:5px;
}
.footer #myCurrentTime{
	margin-top:3px;
}

.yt{
	max-width:800px;
	margin:auto;
	text-align:center;
}

.v1{
	background-color:#F0C0F0;
}
.v2{
	background-color:#BDD7EE;
}
.v3{
	background-color:#C6E0B4;
}
.v4{
	background-color:#F8CBAD;
}
.v5{
	background-color:#D6C2FA;
}
.v6{
	background-color:#D8F2FF;
}
.e1{
	background-color:#D8F2FF;
}
.a1{
	background-color:#F0C0F0;
}
.f1{
	background-color:#BDD7EE;
}
.c1{
	background-color:#BDD7EE;
}
.g1{
	background-color:#D6C2FA;
}

.box{
	border: 2px solid #0094D6;
	border-radius: 5px;
	position: relative;
	margin:auto;
	margin-top: 1em;
	width: calc(100% - 4px);
	max-width: calc(800px - 4px);
}
.box h3{
	text-align: center;
	position: absolute;
	right: 0;
	left: 0;
	top: -1.8em;
}
.box h3 span{
	padding: 0 .5em;
	background: #FFF;
	color: #0094D6;
}
.box .inner{
	padding: 1.2em .3em .3em;
	line-height:1.5;
}
