@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html {
	background-color: #000;
	font-size: 94%;
	height: 100%;
}

h1,h2,h3,h4,h5,h6,p,a,small,font{
	color: rgb(255,255,255)
}

body {
	margin: 1vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 98vh;
}

.textWhiteColor {
	color: #ffffff;
}

/* ヘッダー 始 */
header {
	display: block;
	max-height: fit-content;
	flex: 1;
	background-color: #000;
	flex-direction: row;
	padding: 1.5vh 1.5vw 1.5vh 1.5vw;
	font-family: "Noto Sans JP";
}

.headerflex {
	width: 100%;
}

.topleft {
	display: inline-block;
	width: fit-content;
	height: fit-content;
}

.topleft img {
	display: block;
	height: min(max(7vw,45px),65px);
	width: min(max(7vw,45px),65px);
	margin-left: 0.5vw;
}

.toptitle {
	display: flex;
	margin: 0 0 0 min(3%, 15px);
	flex-direction: column;
	flex: 1;
	font-size: max(min(1.87vw,17.6px),11px);
}

.topcenter {
	text-align: left;
	font-size: 145%;
	margin: 0 0 0 0;
}
.topright {
	display: flex;
	flex-direction: column;
}

.time_text {
	align-self: flex-end;
	text-align: right;
	margin-top: auto;
}
.counter_text {
	align-self: flex-end;
	text-align: right;
}
.mining_description {
	margin: 0;
	text-align: right;
	width: 100%;
}
@media screen and (max-width: 768px) {
	.topcenter font {
		margin-right: min(15px,12%);
	}
}
/*
.subtitle {
	font-size: 1.75em;
	margin: 0%;
}
*/
/* ヘッダー 終 */
a:hover:not(.topleft.headerflex) {
	color: rgb(255, 150, 155);
}
a:hover:not(.topleft.headerflex) {
	color: rgb(200, 50, 75);
	border: 1px solid rgb(255, 40, 40);
}

main {
	background-color: rgb(10, 10, 45);
	padding: 3vh 7vw 2vh 7vw;
	padding-left: max(5vw,1%);
	padding-right: max(5vw,1%);
	position: relative;
	flex: 1;
	font-size: 100%;
}

.left-vertical-line {
	border-left: 2px solid gray;
}
.right-vertical-line {
	border-right: 2px solid gray;
}
.top-horizonal-line {
	border-top: 2px solid gray;
}
.bottom-horizonal-line {
	border-bottom: 2px solid gray;
}

.nofooter {
	box-sizing: border-box;
}

.DisplayCopyRight {
	background-color: rgb(45, 45, 45);
	bottom: 0;
	width: 100%;
	position: sticky;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	max-width: -webkit-fill-available;
}

.DisplayCopyRight .footer_text {
	margin: 0%;
	width: 100%;
	text-align: center;
}