#html, html {
	height:						100%;
	text-align:					center;
	scroll-behavior:			smooth;
	scroll-padding-top:			80px;
}

#body, body{
	width:						100%;
	height:						100%;
	text-align:					center;
	color:						#09090a;
    text-shadow:				0 0 2px rgba(150,150,150,.5);
	font-family:				'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:					1em;
	font-style:					normal;
	line-height:				120%;
	-webkit-font-smoothing:		antialiased;
	-moz-osx-font-smoothing:	grayscale;
	overflow:					hidden;
	overflow-Y:					scroll;
	background-color:			rgb(255,255,255);
	background-size:			100% 100%;
}
/* オーバーラップウィンドウ */
#fillback {
	width:						100%;
	background-color:			black;
	z-index:					9000;
	position:					absolute;
	top:						0px;
	left:						0px;
	display:					none;
	filter:						alpha(opacity=85);
	-moz-opacity:				0.85;
	-khtml-opacity:				0.85;
	opacity:					0.85;"
}
#cautionbox {
	width:						220px;
	height:						680px;
	background-color:			white;
	z-index:					9000;
	position:					absolute;
	border:						solid 1px black;
	display:					none;
	text-align:					center;"
}
/* トップ戻るボタン */
#backtotop {
	position:					fixed;
	right:						5px;
	bottom:						40px;
	z-index:					9000;
}
.div_fade-out {
	visibility:					hidden;
	opacity:					0;
	width:						0px;
	height:						0px;
	transition:					0.5s;
}
.div_fade-in {
	visibility:					visible;
	opacity:					1;
	width:						150px;
	height:						60px;
	transition:					0.5s;
}
.roll_top {
	top:						0px;
	transition:					0.5s;
}

#footer_copy_table{
	position:fixed;
	bottom:0px;
	width:100%;
	height:26px;
	font-size:14px;
	padding-top:10px;
	background-color: white;
	z-index:				9000;
}


/* menu */
#top-bar_menu_div{
    width: 100%;
 	position: fixed;
	background-color: white;
	top:120px;
}

#main-menu {
	list-style: none;
	text-align:center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -ms-flex-direction: row;
    flex-direction: row;
	background-color:white;
}

#main-menu .menu-item {
    list-style: none;
    position: relative;
    margin-right: 15px;
	background-color:white;
	border:solid 1px rgb(220,210,180);
	padding:10px 0px 5px 10px;
	z-index:				9000;
}
#main-menu .menu-item a {
    text-transform: uppercase;
    padding: 5px;
	text-decoration:none;
}
#main-menu .menu-item:hover .sub-menu {
    display: block;
}

.sub-menu {
	border:none;
    display: none;
    position: absolute;
    left: 0;
    margin: 0;
    width: 220px;
	text-decoration:none;
}
.sub-menu ,.menu-item_sub {
	margin-top:5px;
	list-style: none;
	border:none;
	padding:5px;
    background-color: rgb(220,210,190);
    text-align:left;
	text-decoration:none;
}

.menulinks ,a {
    list-style: none;
    position: relative;
    margin-right: 15px;
	text-decoration:none;
	color:black;
}
.menulinks ,li {
	padding:20px;
}
.menu-item_sub_mobile{
	padding:10px;
    list-style: none;
	text-decoration:none;
}
.sub-menu_mobile{
	text-decoration:none;
}

.mobile-menu {
	display:none;
	width:100%;
	height:100%
}
.menubackground {
    width: 2700px;
    height: 2700px;
    position: fixed;
    right: -2240px;
    z-index: 2000;
    top: -2240px;
	border:solid 1px rgb(220,210,190);
    transform: rotate(-45deg);
    background-color: rgb(220,210,190);
    -webkit-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
}

.menubackground_open {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 2000;
	border:solid 1px rgb(220,210,190);
    transform: rotate(0deg);
    background-color: rgb(220,210,190);
    -webkit-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*live check*/
	.red_white{
		color:white;
		background-color: red;
		font-size:12px;
		font-weight:bold;
		width:80px;
		text-align:center;
	}
	.white_red{
		color:red;
		background-color: white;
		font-size:24px;
		font-weight:bold;
		width:80px;
		text-align:center;
	}
	.media_td{
		font-size:12px;
		line-height:100%;
		text-align:right;
	}
	.title_td{
		font-size:12px;
	}
	.starttime_td{
		font-size:28px;
		font-family: "Dela Gothic One", sans-serif;
		font-weight: 400;
		font-style: normal;
		text-align:center;
		padding-left:15px;
	}
	.color_red{
		color:red;
		font-weight:bold;
		text-decolation:none;
	}
	.color_purple{
		color:purple;
		font-weight:bold;
	}
	.color_black{
		color:black;
	}
	.view_td{
		width:80px;
		text-align:right;
		font-size:8px;
	}
	.font_big{
		font-size:16px;
	}
	.live_tr{
		height:24px;
	}
	.fontcolor_morn{
		color:rgb(255,175,0);
	    text-shadow:
	            1px 1px 1px rgb(200,120,0), -1px -1px 1px rgb(200,120,0),
	           -1px 1px 1px rgb(200,120,0),  1px -1px 1px rgb(200,120,0),
	            1px 0px 1px rgb(200,120,0), -1px -0px 1px rgb(200,120,0),
	            0px 1px 1px rgb(200,120,0),  0px -1px 1px rgb(200,120,0);
	}
	.fontcolor_night{
		color:rgb(0,175,255);
	    text-shadow:
	            1px 1px 1px rgb(0,120,200), -1px -1px 1px rgb(0,120,200),
	           -1px 1px 1px rgb(0,120,200),  1px -1px 1px rgb(0,120,200),
	            1px 0px 1px rgb(0,120,200), -1px -0px 1px rgb(0,120,200),
	            0px 1px 1px rgb(0,120,200),  0px -1px 1px rgb(0,120,200);
	}
	#live_spacer{
		width:100%;
		height:10px;
		z-index: 1000;
		background-color:white;
	}
	.live_div {
	 	position: fixed;
		text-align:center;
		width:100%;
		height:120px;
		top:0px;
		z-index: 1000;
		background-color:white;
	}
	.live_div a {
		text-decoration:none;
	}
	#live_table{
		display:inline-block;
	}
	#time_table{
		display:inline-block;
	}
	#link_table{
		display:inline-block;
		text-align:center;
	}
	#link_table td{
		border:solid 1px silver;
		padding:0px 15px;
	}
	#title_table{
		display:inline-block;
		overflow:hidden;
	}

/* MOBILE */
@media only screen and (max-width: 940px) {
	#top-bar_menu_div{
		display: none;
	}
	#header_margin{
		display: none;
	}
	.menubars {
	    z-index: 2000;
	}
	.menubackground ,#mbg {
	    z-index: 2000;
	}
	.menubars {
	    z-index: 2000;
	}

/* live */
	.red_white{
		font-size:8px;
		width:50px;
	}
	.white_red{
		font-size:12px;
		width:50px;
	}
	.title_td{
		display:none;
	}
	.starttime_td{
		display:none;
	}
	#time_table{
		display:none;
	}
	#link_table td{
		font-size:8px;
		padding:0px;
		text-align:left;
	}
	#title_table{
		display:none;
	}
	.live_div {
		height:70px;
	}
	#live_spacer{
		height:0px;
	}
/* live */
}
@media only screen and (min-width: 940px) {
	#top-bar_menu_div{
	    z-index: 2000;
	}
	.menubackground ,.menubars, #mbg {
		display: none;
	}
/* live */
	.title_td{
		display:;
	}
	#time_table{
		display:;
	}
	#title_table{
		display:;
	}
/* live */
}
/* MOBILE */

.menubars {
    position: fixed;
    right: 10px;
    top: 15px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    z-index: 4000;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
	caret-color:rgba(0,0,0,0);

}
	/* --- menubar --- */
.menubars .menubar {
	height:2px;
	-webkit-transition:all .2s cubic-bezier(.165,.84,.44,1);
	-moz-transition:all .2s cubic-bezier(.165,.84,.44,1);
	transition:all .2s cubic-bezier(.165,.84,.44,1);
	position:absolute;
    z-index: 3000;
	width:50px;
	background-color:black;
}
.menubar.mobile_bar_top {
	width:30px;
	right:0
}
.menubar.mobile_bar_middle {
	width:30px;
	right:0
}
.menubar.mobile_bar_bottom {
	width:30px;
	right:0
}
.mobile_bar_top {
	top:0px;
}
.mobile_bar_middle {
	top:10px;
}
.mobile_bar_bottom {
	top:20px;
}