*{
	box-sizing: border-box;
}
html{
	font-size: 62.5%; /* 10px */
	scroll-behavior: smooth;
}
body{
	font-family: 'Noto Sans JP',"游ゴシック Medium","YuGothic Medium","Yu Gothic Medium","游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Roboto Regular","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	color: #202020;
	font-size: 1.4rem;
	line-height: 1.6;
	min-width: 320px;
	letter-spacing: 0.01em;
	overflow-x: hidden;
}

/* Basic */
h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
ul, li, ol{
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
em{ font-style: normal; }
dl,p{
	margin: 0;
	padding: 0;
}
img{
	max-width: 100%;
	vertical-align: top;
	transition: 0.4s;
}

a{
	color: #0080ff;
	text-decoration: none;
	transition: 0.35s;
}
a:visited{
	color: #a200be;
	text-decoration: none;
}
a:hover, a:active, a:focus{
	color: #e40000;
	text-decoration: none;
	transition: 0.35s;
}
a:hover img{
	opacity: 0.55;
	filter: alpha(opacity=70);
	transition: 0.35s;
}
a[target="_blank"]::after{
	/* content: "\f08e";
	font-family: "Font Awesome 6 Free"; */
	vertical-align: middle;
	display: inline-block;
	padding: 0 0.2em 0.3em 0.6em;
	/* color: #BBB; */
	/* opacity: 0.65; */
	font-size: 85%;
}
a.non[target="_blank"]::after{
	content: "" !important;
	display: none !important;
	padding: 0;
}
header div.pc img,
header div.pc a:hover img{
	transition: 0s;
}


.fadein,
.fadein2{
	opacity: 0;
	transition: opacity 0.5s;
}
	.fadein.show
	.fadein2.show{
		opacity: 1;
	}
.fadein-up,
.fadein2-up{
	opacity: 0;
	-webkit-transform: translateY(3.2vh);
	transform: translateY(3.2vh);
	transition: opacity 0.5s;
}
	.fadein-up.show,
	.fadein2-up.show{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
.fadein-ex{
	opacity: 0;
	transition: opacity 0.75s;
	transform: scale(0);
}
	.fadein-ex.show{
		opacity: 1;
		transform: scale(1);
	}

.fadein3{
	opacity: 0;
	transition: opacity 0.8s 1.8s;
}
	.fadein3.show{
		opacity: 1;
	}



/* Text decoration */
.bold{ font-weight: bold; }
.sat{ color: #0072ff; }
.sun{ color: #ff0072; }
.red{ color: #d70b49; }
.red2{ color: #FF0000; }
.pink{ color: #ff3d9d; }
.blue{ color: #0752b9; }
.yellow{ color: #ffd900; }
.orange{ color: #ff8800; }
.green{ color: #00a226; }
.gray{ color: #999; }

.t-center{ text-align: center !important; }
.t-right{ text-align: right !important; }
.t-left{ text-align: left !important; }
.t-line{ text-decoration: line-through; }
.t-uline{ text-decoration: underline; }

.size08{ font-size: 0.8rem !important; }
.size09{ font-size: 0.9rem !important; }
.size11{ font-size: 1.1rem !important; }
.size12{ font-size: 1.2rem !important; }
.size14{ font-size: 1.4rem !important; }
.size16{ font-size: 1.6rem !important; }
.size18{ font-size: 1.8rem !important; }
.size20{ font-size: 2.0rem !important; }
.size22{ font-size: 2.2rem !important; }
.size24{ font-size: 2.4rem !important; }

.size80p{ font-size: 80% !important; }
.size90p{ font-size: 90% !important; }
.size110p{ font-size: 110% !important; }
.size120p{ font-size: 120% !important; }
.size140p{ font-size: 140% !important; }
.size160p{ font-size: 160% !important; }
.size180p{ font-size: 180% !important; }
.size200p{ font-size: 200% !important; }
.size220p{ font-size: 220% !important; }
.size240p{ font-size: 240% !important; }

.fl-left{ float: left; }
.fl-right{ float: right; }

#main-cont img.nl{
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
	touch-callout: none;
	-ms-user-select: none;
	user-select: none;
}

.sp{ display: block; }
/* .sp-only{ display: block !important; } */
.pc{ display: none; }
.ctv_tab{ display: none; }
.ctv_tab_sp{ display: block; }

.ctv_tab a *,
.ctv_tab a:hover *{
	transition: none;
}

div#wrapper{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}



/* header */
#header{
	/* background-color: #F0F0F0; */
	overflow: hidden;
}
.header h1{
}
#header h1 a{
	width: 70%;
	margin: 8px auto 16px;
	display: block;
	max-width: 480px;
}
.header h1 a img{
}

	.header-inner{}
	.header-inner h1{
		margin: 0 auto;
		text-align: center;
	}
		.header-inner h1 img{
			width: 75%;
			margin: 2vw auto;
		}
	.header-inner h2{
		display: flex;
		/* background: #fffdf1;
		background: #fffce1; */
		background: #FFF;
		text-align: center;
	}
		.header-inner h2 img{
			width: 60%;
			margin: 1.4vw auto;
		}

	#menuSp{ /* other */ }

/* /header */


footer{
	text-align: center;
}

/* alert */
#alert{
	font-size: 120%;
	line-height: 1.8;
	text-align: center;
	/* border: 2px solid #ffb22f; */
	border: 2px solid #aa0000;
	background: repeating-linear-gradient(-45deg, #b40000, #b40000 16px, #aa0000 0, #aa0000 32px);
	padding: 6px 12px;
	margin: 16px auto 8px;
	width: 95%;
	box-sizing: border-box;
}
	#alert p{
		text-align: center;
		display: inline-block;
		color: #fff;
	}
	#alert p strong:before{
		font-size: 124%;
    	/* content: "\f071";
		font-family: "Font Awesome 6 Free"; */
    	vertical-align: middle;
    	padding: 0 0.3em 2px 0;
    	width: 1em;
	}
	#alert p a{ color: #fff; }
	#alert p a.att-y{ color: #f7ff04;}
	#alert p a:hover,
	#alert p a:active
	#alert p a:focus{
		color: #fde101;
		text-decoration: underline;
	}

	/* /alert */


/* emergency */
#emergency{
	background: #fff9f9;
	border: #e90030 2px solid;
	width: 95%;
	max-width: 960px;
	margin: 4vw auto;
}
	#emergency-inner{
		padding: 6px 14px 12px;
	}
	p.emergency-ttl{
		color: #e10000;
		font-weight: bold;
		font-size: 1.7rem;
		line-height: 2;
	}
	p.emergency-txt{
		text-align: left;
		font-size: 1.46rem;
		line-height: 1.64;
	}

/* /emergency */




/* Area */
.a-all{
	background: #FFF;
	border: solid 1px #c60a0a;
	color: #c60a0a;
	font-weight: bold;
}
.a-nagoya,
.a-tokyo,
.a-fukuoka{ color: #FFF; }
.a-nagoya{ background: #ea3225; }
.a-tokyo{ background: #3c91f6; }
.a-osaka{ background: #f7d749; color: #000; }
.a-fukuoka{ background: #000000; }



/* topics */
div#topics{
}
	div#topics h3{
		font-size: 2.2rem;
		line-height: 3;
		font-weight: bold;
	}
	/* div#topics h3::before{
		font-family: Courier, Times New Roman;
    	z-index: -1;
    	display: block;
    	color: #feec80;
    	letter-spacing: 0.00em;
    	font-size: 3em;
		line-height: 1;
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
	}
	div#topics h3::before{ content: 'TOPICS'; } */

	div.topics-inner{
		overflow: hidden;
	}
		div.topics-wrap{}
		div.topics-content{
			width: 96%;
			margin: 0 auto;
			border: 2px solid #A0A0A0;

			max-height: 200px;
			overflow-x: auto;
		}
			div.topics-flex{
				display: flex;
				flex-wrap: wrap;
				background: #FFF;
				text-align: left;
				/* border-bottom: 1px solid #fdd201; */
				/* border-radius: 0px 0 16px 0; */
				transition: 0.35s;
			}
				a div.topics-flex{
					/* -webkit-filter: drop-shadow(1px 3px 3px #eac100);
					-moz-filter: drop-shadow(1px 3px 3px #eac100);
					-ms-filter: drop-shadow(1px 3px 3px #eac100);
					filter: drop-shadow(1px 3px 3px #eac100); */
				}
				a div.topics-flex:hover{
					opacity: 0.84;
					background: #fffdf0;
					transition: 0.35s;
				}
				div.topics-flex:nth-child(n+2){
					/* padding: 4px 0; */
				}
			div.topics-item{}
				div.topics-img{
					width: 100%;
					text-align: center;
				}
				div.topics-ttl{
					width: 100%;
					padding: 8px 8px 0;
				}
				div.topics-cat{
					padding: 4px 0px 12px 8px;
				}
					div.topics-cat span{
						display: inline-block;
						/* background: #eb3323;
						color: #FFF; */
						border-radius: 2px;
						margin: 0 5px 0 0;
						padding: 2px 8px 3px;
						line-height: 1.6;
						font-size: 1.2rem;
					}
				div.topics-date{
					color: #484848;
					padding: 8px 4px 18px 0;
					font-size: 1.2rem;
				}

				a.link-pdf div.topics-ttl::after{
					/* content: "\f1c1";
					font-family: "Font Awesome 6 Free"; */
					/* vertical-align: middle;
					padding: 0 0 0.2em 0.4em;
					color: #B0B0B0; */
				}
				a.link-ntv div.topics-ttl::after{
					/* content: "\f08e";
					font-family: "Font Awesome 6 Free"; */
					/* vertical-align: middle;
					padding-left: 0.4em;
					color: #B0B0B0; */
				}

	div.btn-more{
		padding: 24px 0 32px;
		overflow: hidden;
	}
		div.btn-more a{
			/* text-indent: -1.4rem; */
			display: block;
			color: #252525;
			background: #FFF;
			width: 50%;
			max-width: 320px;
			margin: 0 auto;
			padding: 13px 0;
			border-radius: 50vw;
			/* box-shadow: 2px 2px #ffa800; */
			-webkit-filter: drop-shadow(2px 3px 3px #eac100);
			-moz-filter: drop-shadow(2px 3px 3px #eac100);
			-ms-filter: drop-shadow(2px 3px 3px #eac100);
			filter: drop-shadow(2px 3px 3px #eac100);
			transform: translateZ(0);
		}
			div.btn-more a::after{
				font-size: 120%;
				line-height: 1;
				color: #f5bc41;
				/* content: "\f0a9";
				font-family: "Font Awesome 6 Free"; */
				vertical-align: middle;
				display: inline-block;
				padding: 0 0px 2px 4px;
				transition: 0.35s;
				/* content: "";
				position: absolute;
				background: url(../../img/common/footer-list-sub.png) no-repeat left top;
				background-size: auto;
				background-size: contain;
				width: 16px;
				height: 16px;
				margin: 3px 0 0 6px; */
			}
			div.btn-more a:hover::after{
				color: #FFF;
				/* content: "\f0a9";
				font-family: "Font Awesome 6 Free"; */
				vertical-align: middle;
				display: inline-block;
				padding: 0 0px 2px 4px;
				transition: 0.35s;
				/* content: "";
				position: absolute;
				background: url(../../img/common/footer-list-sub2.png) no-repeat left top;
				background-size: auto;
				background-size: contain;
				width: 16px;
				height: 16px;
				margin: 3px 0 0 6px; */
			}
			div.btn-more a:hover{
				transform: translateY(2px);
				color: #FFF;
				background: #ffa800;
				box-shadow: 0px 0px;
				-webkit-filter: drop-shadow(0px 0px 0px #eac100);
				-moz-filter: drop-shadow(0px 0px 0px #eac100);
				-ms-filter: drop-shadow(0px 0px 0px #eac100);
				filter: drop-shadow(0px 0px 0px #eac100);
			}

/* /topics */



/* btn */
a.btn-pdf{
	text-align: center;
	font-size: 1.4rem;
	display: block;
	color: #FFF;
	background: #ffa800;
	width: 90%;
	max-width: 320px;
	margin: 16px auto 24px;
	line-height: 1.8;
	padding: 14px 0 12px;
	border-radius: 50vw;
	-webkit-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
	-moz-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
	-ms-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
	filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
	transition: 0.35s;
	transform: translateZ(0);
}
	a.btn-pdf:hover{
		transform: translateY(2px);
		color: #FFF;
		background: #ff8c00;
		-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
		-moz-filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
		-ms-filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
		filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
		transition: 0.35s;
	}
	a.btn-pdf:after{
		font-size: 120%;
		/* content: "\f1c1";
		font-family: "Font Awesome 6 Free"; */
		vertical-align: middle;
		display: inline-block;
		padding: 0 0px 3px 4px;
	}

/* /btn */



/* TOPICS article */
#topics-info{
	overflow: hidden;
}
#topics-info h2{
	background: #30c0a0;
	box-shadow: 0px 1px 1px #80f0a9;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
	clear: both;
	margin: 8px 0 12px;
	padding: 8px 1.2rem;
}
#topics-info h3{
	background: #c81a33;
	color: #FFF;
	font-weight: bold;
	font-size: 1.64rem;
	line-height: 1.8;
	padding: 2px 0.8rem;
}
#topics-info p{
	margin: 0 auto 32px;
	padding: 4px;
}
	#topics-info p strong{
		font-size: 116%;
	}
	#topics-info p img.park{
		margin: 0 auto;
		max-width: 100%;
	}
	#topics-info p strong.livet{
		font-weight: normal;
	}
#topics-info ul{
	margin: 8px auto 32px;
	width: 98%;
}
#topics-info ul li{
	line-height: 1.4;
	margin: 0 0 12px;
	margin-left: 1.6rem;
	text-indent: -1.6rem;
}

#topics-info .attbox{
	background: #fffbfd;
	border: #ff005c solid 1px;
	width: 98%;
	margin: 8px auto 32px;
	height: 380px;
	padding: 8px 8px;
	overflow: auto;
}
	#topics-info .attbox p.att-end{
		margin: 0 auto 8px;
		border-top: 1px dotted #ff6aa3;
		padding-top: 10px;
	}

#topics-info .btn{
	margin: 0 auto 24px;
	text-align: center;
}
#topics-info .btn a{
	font-size: 1.6rem;
	font-weight: bold;
	display: block;
	color: #FFF;
	background: #ffa800;
	width: 88%;
	max-width: 320px;
	margin: 0 auto 6px;
	padding: 13px 0;
	text-align: center;
	border-radius: 50vw;
	-webkit-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
	-moz-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
	-ms-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
	filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
	transition: 0.35s;
	transform: translateZ(0);
}
	#topics-info .btn a:hover{
		transform: translateY(2px);
		color: #FFF;
		background: #ff8c00;
		box-shadow: 0px 0px;
		-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
		-moz-filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
		-ms-filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
		filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
		transition: 0.35s;
	}
	#topics-info .btn a.non-link{
		font-weight: normal;
		background: #C3c3c3;
		border: 1px solid #cccccc;
		box-shadow: 0 0;
		filter: none;
		color: #808080;
		pointer-events: none;
	}

/* /TOPICS article */






/* PC
==================================================================================================== */
@media screen and (min-width: 1024px){
	.ctv_tab{ display: block; }
	.ctv_tab_sp{ display: none; }
	.sp{ display: none; }
	/* .sp-only{ display: none !important; } */
	.pc{ display: block; }

	a[target="_blank"]::after{
		padding: 0 0.2em 0.2em 0.6em;
	}
	a.non[target="_blank"]::after,
	body#metaverse a[target="_blank"]::after{
		padding: 0;
	}

	/* header PC */
	#header{}
	.header h1{
	}
	#header h1 a{
		margin: 24px auto 0;
		max-width: 480px;
	}
	.header h1 a img{
	}

		.header-inner{
			display: flex;
			width: 100%;
			max-width: 1280px;
			margin: 16px auto 12px;
		}
		.header-inner h1{
			margin: 0 auto;
			text-align: left;
			width: 70%;
			/* max-width: 880px; */
		}
			.header-inner h1 img{
				width: 500px;
				margin: 0px 0 0 8px;
			}
		.header-inner h2{
			display: block;
			background: #fffdf1;
			margin: 47px 8px 0px auto;
			border-radius: 8px;
			padding: 18px 24px;
			height: 88px;
		}
			.header-inner h2 img{
				/* display: inline; */
				width: 320px;
				margin: 0 auto;
			}

		#menuSp{ /* other */ }

	/* /header PC */



	/* alert PC */
	#alert{
		font-size: 140%;
		line-height: 1.72;
		text-align: center;
		border: 4px solid #aa0000;
		padding: 10px 12px;
		margin: 16px auto;
		width: 960px;
		box-sizing: border-box;
	}
		#alert p{}

	/* alert PC */



	/* emergency PC */
	#emergency{
		border: #e90030 4px solid;
		width: 92%;
		max-width: 960px;
		margin: 24px auto;
	}
		#emergency-inner{
			padding: 10px 20px 16px;
		}
		p.emergency-ttl{
			font-size: 2rem;
			line-height: 2;
		}
		p.emergency-txt{
			font-size: 1.6rem;
			line-height: 1.88;
		}

	/* /emergency PC */





	/* topics PC */
	div#topics{
	}
		div#topics h3{
			font-size: 3.6rem;
			line-height: 3;
			font-weight: bold;
		}
		div#topics h3::before{
			letter-spacing: 0.00em;
			font-size: 3em;
			line-height: 1;
			/* margin: -98px 0 0; */
		}

		div.topics-inner{}
		div.topics-wrap{}
		div.topics-content{
			width: 95%;
			max-width: 960px;
			margin: 0 auto;
			border: none;
		}
			div.topics-flex{
				display: flex;
				flex-wrap: wrap;
				background: #FFF;
				text-align: left;
				margin: 0 0 8px;
			}
				a div.topics-flex{
					/* -webkit-filter: drop-shadow(1px 3px 3px #eac100);
					-moz-filter: drop-shadow(1px 3px 3px #eac100);
					-ms-filter: drop-shadow(1px 3px 3px #eac100);
					filter: drop-shadow(1px 3px 3px #eac100); */
				}
				a div.topics-flex:hover{
					background: #fffdf0;
				}
			div.topics-item{}
				div.topics-img{
					width: 100%;
					text-align: center;
				}
				div.topics-ttl{
					width: 100%;
					padding: 8px 12px 0;
					font-size: 1.6rem;
					line-height: 1.72;
				}
				div.topics-cat{
					padding: 8px 0px 16px 12px;
				}
					div.topics-cat span{
						border-radius: 4px;
						margin: 0 8px 0 0;
						padding: 2px 10px 4px;
						line-height: 1.6;
						font-size: 1.4rem;
					}
				div.topics-date{
					color: #484848;
					padding: 8px 4px 16px 0;
					font-size: 1.4rem;
				}

		div.btn-more{
			padding: 24px 0 64px;
			margin: 8px auto 0;
		}
			div.btn-more a{
				font-size: 1.6rem;
				/* text-indent: -1.4rem; */
				width: 280px;
				padding: 16px 0;
				/* box-shadow: 2px 2px #ffa800; */
			}
				div.btn-more a::after{
					padding: 0 0px 2px 6px;
				}
				div.btn-more a:hover::after{
					padding: 0 0px 2px 6px;
				}
				div.btn-more a:hover{
					transform: translateY(2px);
				}

	/* /topics PC */


	/* btn PC */
	a.btn-pdf{
		font-size: 1.8rem;
		max-width: 420px;
		margin: 20px auto 40px;
		padding: 20px 0 16px;
	}
		a.btn-pdf:hover{
		}
		a.btn-pdf:after{
			padding: 0 0 3px 4px;
		}

	/* /btn PC */




	/* TOPICS article PC */
	#topics-info{}
	#topics-info h2{
		font-size: 2.0rem;
		line-height: 2.6;
		margin: 12px 0 16px;
		padding: 0px 1.6rem;
	}
	#topics-info h3{
		font-size: 1.8rem;
		line-height: 1.8;
		padding: 6px 1rem;
	}
	#topics-info p{
		margin: 0 auto 48px;
		padding: 4px;
		max-width: 900px;
	}
		#topics-info p strong{
			font-size: 124%;
		}
		#topics-info p strong.live-time{

		}
	#topics-info ul{
		margin: 12px auto 48px;
		width: 99%;
	}
	#topics-info ul li{
		line-height: 1.6;
		margin: 0 0 14px;
		margin-left: 1.8rem;
		text-indent: -1.8rem;
	}

	#topics-info .attbox{
		width: 100%;
		margin: 12px auto 48px;
		height: 420px;
		padding: 12px 12px;
		overflow: auto;
	}
		#topics-info .attbox p.att-end{
			margin: 0 auto 8px;
		}

	#topics-info .btn{
		margin: 0 auto 24px;
	}
	#topics-info .btn a{
		font-size: 1.8rem;
		width: 88%;
		max-width: 320px;
		margin: 0 auto 8px;
		padding: 16px 0;
		text-align: center;
		border-radius: 50vw;
		-webkit-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
		-moz-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
		-ms-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
		filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
		transition: 0.35s;
	}
		#topics-info .btn a:hover{
			transform: translateY(2px);
			box-shadow: 0px 0px;
			-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
			-moz-filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
			-ms-filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
			filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
			transition: 0.35s;
		}
		#topics-info .btn a.non-link{}

	/* /TOPICS article PC */

}