*{
	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;
	background-color: #fde101;
	color: #252525;
	font-size: 1.4rem;
	line-height: 1.6;
	min-width: 320px;
	letter-spacing: 0.01em;
	text-align: center;
	overflow-x: hidden;
}

body#metaverse{
	margin: 0;
	background-color: #FFF;
}
body#metaverse a{
	color: #FFF;
}

#g-ctv-header img{
	max-block-size: none !important;
}



/* 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: #ff007C;
	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,
body#metaverse a[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; }

.c-fujii{ color: #209000; }
.c-nasu{ color: #0030ff; }
.c-ukisho{ color: #ff7800; }
.c-iwasaki{ color: #ffcf00; }
.c-sato{ color: #ff0020; }
.c-kanasashi{ color: #B000d0; }
.b-fujii{ border-bottom: 2px solid #209000; }
.b-nasu{ border-bottom: 2px solid #0030ff; }
.b-ukisho{ border-bottom: 2px solid #ff7800; }
.b-iwasaki{ border-bottom: 2px solid #ffcf00; }
.b-sato{ border-bottom: 2px solid #ff0020; }
.b-kanasashi{ border-bottom: 2px solid #B000d0; }

.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: #fde101;
	overflow: hidden;
}
	.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 */



/* alert */
#alert2023{
	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;
}
	#alert2023 p{
		text-align: center;
		display: inline-block;
		color: #fff;
	}
	#alert2023 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;
	}
	#alert2023 p a{ color: #fff; }
	#alert2023 p a.att-y{ color: #f7ff04;}
	#alert2023 p a:hover,
	#alert2023 p a:active
	#alert2023 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 */



/* carousel */
div#main-cont{
	background: #fef7c0;
	overflow: hidden;
}
div#carousel{}
	div.main-img{}
		div.main-img ul.slider{
			margin: 0 auto;
			/* max-width: 1280px; */
			/* width: 80%; */
		}
		div.main-img ul.slider li{}
			div.main-img ul.slider li a{}
			div.main-img ul.slider li img{
				/* width: 100%;
				height: auto; */
				/* margin: 0 10px; */
				/* margin: 0 10px; */
				/* object-fit: cover; */
			}
		.slider .slide{}


	.slider .slick-slide{
		/* margin-right: 0.85vw !important;
		margin-left: 0.85vw !important; */
		padding: 0 4px;
		opacity: .35;
	}
	.slick-current{
		opacity: 1 !important;
	}
	.slick-dots li{
		width: 16px !important;
	}
	.slick-dots li button::before{
		color: #ff9d00 !important;
		font-size: 8px !important;
		opacity: .35 !important;
	}
	.slick-dots li.slick-active button::before{
		opacity: .85 !important;
	}

/* carousel */



/* main-menu */
div#main-menu{
	padding: 48px 0 0;
}
	div.main-menu-inner{}
		div.main-menu-inner ul{
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			margin: 0 auto 0;
		}
		div.main-menu-inner ul li{
			width: 29.33%;
			margin: 0 2% 18px;
			position: relative;
		}
		li.cs{ opacity: 0.9; }
		body#onair img.m-onair,
		body#place-index img.m-place,
		body#metaverse img.m-meta,
		body#program-live img.m-live,
		body#program-map img.m-sasashima,
		body#grassroots-location img.m-grassroots,
		body#enjin img.m-enjin,
		body#movie-index img.m-movie,
		body#yellowscarf img.m-yellowscarf{ opacity: 0.35; }
		div.main-menu-inner ul li a{}
		div.main-menu-inner ul li a img{}

		div.main-menu-inner ul li a img.no-link{
			opacity: 0.15;
			background: #DDD;
			pointer-events: none;
		}
		
		div.main-menu-inner .update{
			display: flex;
			padding: 0 4px;
			border-radius: 3px;
			background-color: #39bea9;;
			color: #fff;
			font-size: 1.4rem;
			text-align: center;
			position: absolute;
			top: -1.2rem;
			left: 0;
			z-index: 7;
			flex-flow: column nowrap;
			justify-content: center;
		}
			div.main-menu-inner .update div{
				width: auto;
				height: 20px;
				font-size: 1.32rem;
				line-height: 1;
				letter-spacing: .25px;
				padding: 4px 1px 1px;
				display: block;
			}
			div.main-menu-inner .update div span{
				font-size: 1.0rem;
				color: #fff;
			}

div.link-ntv{}
	div.link-ntv a{}
	div.link-ntv a img{
		width: 60%;
		margin: 8px auto 32px;
		border: #fac134 1px solid;
	}

/* /main-menu */



/* 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;
    	/* margin: -62px 0 0; */
		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{}
			div.topics-flex{
				display: flex;
				flex-wrap: wrap;
				background: #FFFFFF url(../../img/common/bg-topics.png) no-repeat;
				background-position: right 2% bottom 10px;
				background-size: 56px;
				text-align: left;
				border-bottom: 1px solid #fdd201;
				transition: 0.35s;
				border-radius: 0px 0 16px 0;
			}
				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 url(../../img/common/bg-topics.png) no-repeat;
					background-position: right 2% bottom 10px;
					background-size: 56px;
					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: 14px 16px 0;
				}
				div.topics-cat{
					padding: 6px 0px 18px 16px;
				}
					div.topics-cat span{
						display: inline-block;
						background: #ffa800;
						background: #39bea9;
						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-scarf */
div.btn-scarf{
	position: fixed;
	right: 0;
	bottom: calc(3.2% + 15.8vw);
	z-index: 10;
	width: 48%;
}
	div.btn-scarf a{}
	div.btn-scarf a img{}

body#metaverse div.btn-scarf,
body#metaverse div.btn-cashless{
	display: none;
}

/* /btn-scarf */



/* btn-cashless */
div.btn-cashless{
	position: fixed;
	right: 0;
	bottom: 3.2%;
	z-index: 10;
	width: 48%;
}
	div.btn-cashless a{}
	div.btn-cashless a img{}

body#metaverse div.btn-cashless{
	display: none;
}

/* /btn-cashless */



/* footer */
#pagetop{
	border-top: 1px solid #3c3c3c;
	font-size: 0px;
	text-indent: -9999px;
	background: #252525;
	overflow: hidden;
}
#pagetop a{
	display: block;
	padding: 8px 0;
	position: relative;
	height: 42px;
	background: #000;
}
#pagetop a::after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	transform-origin: 50% 50%;
	transform: rotate(-45deg);
	margin: 16px auto 0;
}
#pagetop a:hover{
	background: #393939;
}

#footer-menu{
	background: #252525 url(../../img/common/f-bg24htv.png) no-repeat top center;
	background-size: contain;
	color: #FFF;
	padding: 16px 0 24px;
}
	#footer-menu a{
		color: #FFF;
	}
	#footer-menu a:hover{
		color: #ffd91c !important;
	}
		.flink-cont a:hover{
			transform: translateX(3px);
			display: inline-block;
			transition: 0.35s;
		}
		.flink-cont a{
			transform: translateX(0px);
			transition: 0.35s;
		}
	#footer-menu-inner{
		width: 92%;
		margin: 0 auto;
		text-align: left;
	}
		#footer-menu-inner h3{
			font-size: 2.2rem;
			line-height: 2;
		}

		div.flink-cont{}
			div.flink-cont-pc{}

			div.flink{
				margin: 22px 0 0 22px;
			}
				#footer-menu-inner h4{
					/* color: #D9D9D9; */
					color: #EEBE00;
					font-size: 1.8rem;
					line-height: 2;
				}
				a.h4link,
				a.h4link-new{
					color: #FFF;
					font-size: 1.8rem;
					line-height: 2;
				}
				#footer-menu-inner h4::before{
					font-size: 124%;
					line-height: 1;
					color: #f5bc41;
					content: "●";
					position: absolute;
					margin: 7px 0 0 -24px;
					vertical-align: middle;
					display: inline-block;
					transition: 0.35s;

					/* content: "";
					position: absolute;
					background: url(../../img/common/footer-list.png) no-repeat left top;
					background-size: contain;
					width: 18px;
					height: 18px;
					margin: 10px 0 0 -22px; */
				}
				#footer-menu-inner h4.new::before{
					font-size: 124%;
					line-height: 1;
					color: #39bea9;
					content: "●";
					position: absolute;
					margin: 7px 0 0 -24px;
					vertical-align: middle;
					display: inline-block;
					transition: 0.35s;

					/* content: "";
					position: absolute;
					background: url(../../img/common/footer-list-new.png) no-repeat left top;
					background-size: contain;
					width: 18px;
					height: 18px;
					margin: 10px 0 0 -22px; */
				}
				#footer-menu-inner a.h4link::before{
					font-size: 140%;
					line-height: 1;
					color: #f5bc41;
					/* content: "\f0a9";
					font-family: "Font Awesome 6 Free"; */
					vertical-align: middle;
					display: inline-block;
					padding: 0 4px 2px 0px;
					transition: 0.35s;

					margin: 0 0 0 -22px;

					/* content: "";
					position: absolute;
					background: url(../../img/common/footer-list-sub.png) no-repeat left top;
					background-size: contain;
					width: 18px;
					height: 18px;
					margin: 10px 0 0 -22px; */
				}
				#footer-menu-inner a.h4link-new::before{
					font-size: 140%;
					line-height: 1;
					color: #39bea9;
					/* content: "\f0a9";
					font-family: "Font Awesome 6 Free"; */
					vertical-align: middle;
					display: inline-block;
					padding: 0 4px 2px 0px;
					transition: 0.35s;

					margin: 0 0 0 -22px;

					/* content: "";
					position: absolute;
					background: url(../../img/common/footer-list-sub-new.png) no-repeat left top;
					background-size: contain;
					width: 18px;
					height: 18px;
					margin: 10px 0 0 -22px; */
				}
					p.flink-info{
						color: #EEBE00;
					}
					div.flink-list{
						margin: 8px 0 0 0px;
					}
						div.flink-donation{
							border-top: 1px dotted #CCC;
							padding-top: 6px;
						}

						div.flink-list li{
							margin: 0 0 12px 4px;
						}
						div.flink-list li a{
							line-height: 1.46;
						}
						div.flink-list li a::before{
							font-size: 120%;
							line-height: 1;
							color: #f5bc41;
							/* content: "\f0a9";
							font-family: "Font Awesome 6 Free"; */
							vertical-align: middle;
							display: inline-block;
							padding: 0 4px 2px 0px;
							transition: 0.35s;

							/* content: "";
							position: absolute;
							background: url(../../img/common/footer-list-sub.png) no-repeat left top;
							background-size: contain;
							width: 16px;
							height: 16px;
							margin: 4px 0 0 -20px; */
						}
						div.flink-list li a.new::before{
							font-size: 120%;
							line-height: 1;
							color: #39bea9;
							/* content: "\f0a9";
							font-family: "Font Awesome 6 Free"; */
							vertical-align: middle;
							display: inline-block;
							padding: 0 4px 2px 0px;
							transition: 0.35s;

							/* content: "";
							position: absolute;
							background: url(../../img/common/footer-list-sub-new.png) no-repeat left top;
							background-size: contain;
							width: 16px;
							height: 16px;
							margin: 4px 0 0 -20px; */
						}

div#copyright{
	background-color: #fde101;
	font-size: 1.2rem;
	line-height: 1.64;
}
	div#copyright a{
		color: #252525;
	}

/* /footer */



/* popup */
.mfp-bg{ z-index: 10000 !important; }
.mfp-wrap{ z-index: 10001 !important; }
div.inline-wrap{
	background: #FFF;
	width: 95%;
	max-width: 900px;
	max-height: 500px;
	margin: 0 auto;
	padding: 16px 16px 4px;
	overflow: auto;
}
	div.inline-wrap p.c-title{
		font-size: 1.6rem;
		line-height: 1.6;
		font-weight: bold;
		margin: 0px 0 16px;
	}
	div.inline-wrap div.image{
		margin: 8px 0 12px;
	}
	div.inline-wrap p.c-name{
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.6;
		padding: 0 4px;
	}
	div.inline-wrap p.c-comment{
		font-size: 1.46rem;
		line-height: 1.6;
		margin: 4px 0 32px;
		padding: 0 4px 2px;
	}
	p.popup-modal-dismiss{
		text-align: right;
	}

/* /popup */



/* 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 */



/* social24-cont */
#social24-cont{
	margin: 4vw auto 4vw;
}
#social24-share{
	width: 96%;
	margin: 0 auto;
	border: 1px solid #CCC;
	background: #FFF;
}
	.social24-share-inner{
		padding: 12px 8px;
	}
		.social24-share-inner p{}
		ul.social24-share-list{
			width: 100%;
			margin: 12px auto 4px;
			display: flex;
			flex-wrap: wrap;
		}
		ul.social24-share-list li{
			width: 30%;
			margin: 0 1.5%;
		}
		ul.social24-share-list li a{
			display: block;
			padding: 6px;
			color: #FFF;
			border-radius: 4px;
		}
		a.share-twitter{
			/* background-color: #55acee; */
			background-color: #000;
		}
		a.share-facebook{ background-color: #3b5998; }
		a.share-line{ background-color: #25af00; }
		ul.social24-share-list li a:hover{
			opacity: 0.7;
		}
		a.share-twitter::before{
			/* content: "\f099"; */
			/* content: "\e61b";
			font-family: "Font Awesome 6 Free"; */
			/* font-family: "Font Awesome 6 Free"; */
		}
		a.share-facebook::before{
			/* content: "\f09a";
			font-family: "Font Awesome 6 Free"; */
		}
		a.share-line::before{
			/* content: "\f3c0";
			font-family: "Font Awesome 6 Free"; */
		}
		a.share-twitter::before,
		a.share-facebook::before,
		a.share-line::before{
			vertical-align: middle;
			padding: 0 0.4em 0.4em 0;
		}

/* /social24-cont */



/* 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 */



/* jump */
.jump-container{
	background: #FFF;
	border: 2px solid #9cded4;
	width: 92vw;
	min-height: 92vh;
	margin: 4vh auto;
	padding: 2vh 16px;
	line-height: 1.72;

	display: flex;
	justify-content: center;
	align-items: center;
}
	.jump-container h1{
		color: #39bea9;
		font-size: 120%;
		line-height: 2;
	}
	.jump-container p{
		text-align: left;
	}
	.jump-container p strong{
		font-size: 110%;
	}
	.jump-container p a{
		font-size: 120%;
	}

/* /jump */










/* 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-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 */
	#alert2023{
		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;
	}
		#alert2023 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 */



	/* carousel PC */
	div#main-cont{}
	div#carousel{}
		div.main-img{}
			div.main-img ul.slider{}
			div.main-img ul.slider li{}
				div.main-img ul.slider li a{}
				div.main-img ul.slider li img{}
		.slider .slide{
		    max-width: 1024px;
		}


		.slider .slick-slide{
			/* margin-right: 0.85vw !important;
			margin-left: 0.85vw !important; */
			padding: 0 4px;
		}
		.slick-current{}
		.slick-dots li{
			width: 20px !important;
		}
		.slick-dots li button::before{
			font-size: 10px !important;
		}
		.slick-dots li.slick-active button::before{}

	/* carousel PC */



	/* main-menu PC */
	div#main-menu{
		padding: 60px 0 0;
	}
		div.main-menu-inner{}
			div.main-menu-inner ul{
				display: flex;
				flex-wrap: wrap;
				width: 100%;
				max-width: 1280px;
				margin: 0 auto 0;
			}
			div.main-menu-inner ul li{
				width: 17%;
				margin: 0 1.5% 28px;
			}
			li.cs{}
			div.main-menu-inner ul li a{}
			div.main-menu-inner ul li a img{}
			div.main-menu-inner .update{
				padding: 1px 6px;
				border-radius: 4px;
				font-size: 1.4rem;
				top: -1.2rem;
				left: -0.8rem;
			}
				div.main-menu-inner .update div{
					width: auto;
					height: 26px;
					font-size: 1.8rem;
					line-height: 1;
					letter-spacing: .25px;
					padding: 4px 4px 1px;
				}
				div.main-menu-inner .update div span{
					font-size: 1.4rem;
				}

	div.link-ntv{}
		div.link-ntv a{}
		div.link-ntv a img{
			width: 50%;
			max-width: 320px;
			margin: 16px auto 64px;
			border: #fac134 2px solid;
		}

	/* /main-menu 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{
			max-width: 960px;
			margin: 0 auto;
		}
			div.topics-flex{
				display: flex;
				flex-wrap: wrap;
				background: #FFFFFF url(../../img/common/bg-topics.png) no-repeat;
				background-position: right 1% bottom 10px;
				background-size: 70px;
				border-bottom: 1px solid #fdd201;
				border-right: 1px solid #fdd201;
				text-align: left;
				margin: 0 0 32px;
			}
				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 url(../../img/common/bg-topics.png) no-repeat;
					background-position: right 1% bottom 10px;
					background-size: 70px;
					-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);
				}
			div.topics-item{}
				div.topics-img{
					width: 100%;
					text-align: center;
				}
				div.topics-ttl{
					width: 100%;
					padding: 22px 24px 0;
					font-size: 1.6rem;
					line-height: 1.72;
				}
				div.topics-cat{
					padding: 10px 0px 22px 24px;
				}
					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: 12px 4px 22px 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;

					/* content: "";
					position: absolute;
					background: url(../../img/common/footer-list-sub.png) no-repeat left top;
					background-size: auto;
					background-size: contain;
					width: 18px;
					height: 18px;
					margin: 4px 0 0 8px; */
				}
				div.btn-more a:hover::after{
					padding: 0 0px 2px 6px;

					/* content: "";
					position: absolute;
					background: url(../../img/common/footer-list-sub2.png) no-repeat left top;
					background-size: auto;
					background-size: contain;
					width: 18px;
					height: 18px;
					margin: 3px 0 0 8px; */
				}
				div.btn-more a:hover{
					transform: translateY(2px);
				}

	/* /topics PC */



	/* btn-scarf */
	div.btn-scarf{
		position: fixed;
		right: 0;
		bottom: 3.2%;
		bottom: calc(3.2% + 100px);
		z-index: 100;
		width: 300px;
	}
		div.btn-scarf a{}
		div.btn-scarf a img{}

	/* /btn-scarf */



	/* btn-cashless PC */
	div.btn-cashless{
		position: fixed;
		right: 0;
		bottom: 3.2%;
		z-index: 100;
		width: 300px;
	}
		div.btn-cashless a{}
		div.btn-cashless a img{}

	/* /btn-cashless PC */



	/* footer PC */
	#footer-menu{
		padding: 20px 0 40px;
		background: #252525 url(../../img/common/f-bg24htv.png) no-repeat top center;
		background-size: 1100px;
	}
		#footer-menu a{}
		#footer-menu a:hover{}
		#footer-menu-inner{
			width: 98%;
			max-width: 1280px;
			margin: 0 auto;
			text-align: left;
		}
			#footer-menu-inner h3{
				font-size: 3.2rem;
				line-height: 2;
			}

			div.flink-cont{
				display: flex;
				margin: 16px 0 0;
			}
				div.flink-cont-pc{
					width: 32%;
					margin: 0 1.3% 0 0;
				}

				div.flink{}
					#footer-menu-inner h4{
						font-size: 1.8rem;
						line-height: 2;
					}
					a.h4link,
					a.h4link-new{
						font-size: 1.8rem;
						line-height: 2;
					}
					#footer-menu-inner h4::before{
						/* content: "";
						position: absolute;
						background: url(../../img/common/footer-list.png) no-repeat left top;
						background-size: contain;
						width: 18px;
						height: 18px;
						margin: 9px 0 0 -22px; */
					}
					#footer-menu-inner h4.new::before{
						/* content: "";
						position: absolute;
						background: url(../../img/common/footer-list-new.png) no-repeat left top;
						background-size: contain;
						width: 18px;
						height: 18px;
						margin: 9px 0 0 -22px; */
					}
					#footer-menu-inner a.h4link::before{

						/* content: "";
						position: absolute;
						background: url(../../img/common/footer-list-sub.png) no-repeat left top;
						background-size: contain;
						width: 18px;
						height: 18px;
						margin: 9px 0 0 -22px; */
					}
					#footer-menu-inner a.h4link-new::before{

						/* content: "";
						position: absolute;
						background: url(../../img/common/footer-list-sub-new.png) no-repeat left top;
						background-size: contain;
						width: 18px;
						height: 18px;
						margin: 9px 0 0 -22px; */
					}
						p.flink-info{}
						div.flink-list{
							margin: 8px 0 0 0px;
						}
							div.flink-donation{
								/* border-top: 1px dotted #CCC; */
								padding-top: 12px;
							}

							div.flink-list li{
								margin: 0 0 14px 0px;
							}
							div.flink-list li a{
								line-height: 1.46;
							}
							div.flink-list li a::before{
								padding: 0 6px 2px 0px;

								/* content: "";
								position: absolute;
								background: url(../../img/common/footer-list-sub.png) no-repeat left top;
								background-size: contain;
								width: 16px;
								height: 16px;
								margin: 3px 0 0 -20px; */
							}
							div.flink-list li a.new::before{
								padding: 0 6px 2px 0px;

								/* content: "";
								position: absolute;
								background: url(../../img/common/footer-list-sub-new.png) no-repeat left top;
								background-size: contain;
								width: 16px;
								height: 16px;
								margin: 3px 0 0 -20px; */
							}

	div#copyright{
		font-size: 1.4rem;
		line-height: 1.8;
		padding: 16px 0;
	}
		div#copyright a{}

	/* /footer PC */



	/* popup PC */
	div.inline-wrap{
		width: 95%;
		max-width: 860px;
		max-height: 90vh;
		padding: 20px 20px 4px;
		overflow: auto;
	}
		div.inline-wrap p.c-title{
			font-size: 2.0rem;
			line-height: 1.6;
			margin: 0px 0 24px;
		}
		div.inline-wrap div.image{
			margin: 12px 0 20px;
		}
		div.inline-wrap p.c-name{
			font-size: 1.8rem;
			line-height: 1.6;
			width: 98%;
			margin: 0 auto;
			padding: 0 4px 2px;
		}
		div.inline-wrap p.c-comment{
			font-size: 1.6rem;
			line-height: 1.72;
			width: 98%;
			margin: 6px auto 40px;
			padding: 0 4px 2px;
		}
		p.popup-modal-dismiss{}
		.mfp-close{ color: #FFF !important; }

	/* /popup 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 */



	/* social24-cont PC */
	#social24-cont{
		margin: 0 auto 24px;
	}
	#social24-share{
		width: 960px;
	}
		.social24-share-inner{
			padding: 16px 12px;
		}
			.social24-share-inner p{}
			ul.social24-share-list{
				margin: 16px auto 8px;
			}
			ul.social24-share-list li{}
			ul.social24-share-list li a{
				padding: 8px;
				font-size: 1.6rem;
			}
			a.share-twitter{}
			a.share-facebook{}
			a.share-line{}
			a.share-twitter::before,
			a.share-facebook::before,
			a.share-line::before{
				font-size: 150%;
				padding: 0 0.4em 0.2em 0;
			}

	/* /social24-cont 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 */



	/* jump PC */
	.jump-container{
		border: 4px solid #9cded4;
		width: 90vw;
		margin: 5vh auto 5vh;
		padding: 24px 16px;
		font-size: 1.6rem;
	}
		.jump-container h1{
			font-size: 120%;
			font-weight: bold;
			line-height: 2;
		}
		.jump-container p{
			margin: 16px auto 0;
			text-align: center;
		}
		.jump-container p strong{
			font-size: 120%;
		}
		.jump-container p a{
			font-size: 120%;
		}

	/* /jump PC */

}