body {background-color:#000000; color:#ffffff; margin: 0; padding: 0; font-family: "Hiragino Maru Gothic Pro","Hiragino Kaku Gothic ProN","Meiryo UI",sans-serif; }
A {text-decoration-line: none; }
img{border: none; vertical-align:bottom; }

table, th, td {border: none; rules="none" border-style: none; border-collapse:collapse;}
td.i1{background-color:black; border:0; text-align:center;}
td.i2{background-color:#92130d; border:0; text-align:center;}
td.i3{background-color:#dedcdf; text-align:center; padding-left:15px; font-size: 1.58rem; color:black; }
td.i4{background-color:black; border:0; font-size: 1.3rem; color:white; text-align:center; vertical-align:center; }
td.i5{background-color:black; border:0; font-size: 1.3rem; color:white; text-align:center; vertical-align:center; }
td.i6{background-color:black; border:0; font-size: 1.3rem; color:white; text-align:center; padding-right:10px; text-align:right; vertical-align:bottom; }
td.i7{background-color:black; border:0; font-size: 1.3rem; color:red; text-align:center; vertical-align:center; }

div.d0{font-family:Hiragino Mincho ProN w6; font-size: 2rem; color:black; text-align:center; font-weight:bold; }
div.d1{font-family:Hiragino Mincho ProN w6; font-size: 2rem; color:black; text-align:center; font-weight:bold; }

img.bo{width: 110px;}
img.top{width: 110px;}
img.back{width: 110px;}
img.pr{width: 108px;}

/* バナー本体 */
.news-banner {
	display: black;
	height: 36px;
	width: 780px;
	background-color: black;
	overflow: hidden;
}

.news-banner1 {
	display: black;
	height: 36px;
	width: 640px;
	background-color: black;
	overflow: hidden;
}
/* バナー内コンテンツ */
.news-banner__content {
	display: inline-block;
	color: #fff;
	line-height: 0px;
	padding-left: 100%;
	white-space: nowrap;
	animation: animate-banner 50s linear infinite;
}

.news-banner__content1 {
	display: inline-block;
	color: #fff;
	line-height: 0px;
	padding-left: 100%;
	white-space: nowrap;
	animation: animate-banner 20s linear infinite;
}

/* バナー内の要素をすべて選択 */
.news-banner__content > * {
	display: inline-block;
}

/* 横にスクロールさせるアニメーション */
@keyframes animate-banner {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}
/* ロゴのローディングアニメーション */
.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: fadeOut 0.5s 1s forwards;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
		visibility: hidden;
	}
}

.loading__logo {
	opacity: 0;
	animation: logo_fade 1s 0.5s forwards;
	width: 500px;
}

@keyframes logo_fade {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
	}
}