*{ box-sizing: border-box; }
html{ font-size: 62.5%; /* 10px */ }

.fa-star::before{
	font-family: "Font Awesome 5 Free";
}

body#place-index{}

div#main-cont{ background: #fef7c0; }


/* p-main */
#p-main{}
	#p-main h1{
		/* font-size: 2.2rem;
		line-height: 3;
		font-weight: bold; */
		border-top: #39BEA9 3px double;
		border-bottom: #39BEA9 3px double;
		background: linear-gradient(90deg, #c1fdc9 0%, #7ff8bb 50%, #57f5a1 100%);
	}
		body#place-index h1 img.ttl{
			/* width: 48%; */
			width: auto;
			height: 8.53vw;
			margin: 4.53vw auto;
		}
	.p-area-list{
		padding: 16px 0;
		display: flex;
		flex-wrap: wrap;
	}
		.p-area-list a{
			font-size: 1.2rem;
			/* text-indent: -1.4rem; */
			display: block;
			color: #252525;
			background: #FFF;
			width: 23%;
			max-width: 320px;
			margin: 0 auto;
			padding: 10px 0;
			border-radius: 50vw;
			/* box-shadow: 2px 2px #ffa800; */
			-webkit-filter: drop-shadow(1px 2px 2px #eac100);
			-moz-filter: drop-shadow(1px 2px 2px #eac100);
			-ms-filter: drop-shadow(1px 2px 2px #eac100);
			filter: drop-shadow(1px 2px 2px #eac100);
			transform: translateZ(0);
		}
		.p-area-list a::after{
			font-size: 120%;
			line-height: 1;
			color: #f5bc41;
			/* content: "\f0ab";
			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/more-article.png) no-repeat left top;
			background-size: auto;
			background-size: contain;
			width: 14px;
			height: 14px;
			margin: 3px 0 0 4px; */
		}
		.p-area-list a:hover::after{
			color: #FFF;
			/* content: "\f0ab";
			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/more-article2.png) no-repeat left top;
			background-size: auto;
			background-size: contain;
			width: 14px;
			height: 14px;
			margin: 3px 0 0 4px; */
		}
		.p-area-list 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);
		}

		/* 会場一覧 */
		div.place-list-area-wrap{
			text-align: center;
			padding: 6px 10px 20px;
		}
		div.open-cap{
			color: #0080ff;
			cursor: pointer;
			display: inline-block;
			transition: 0.35s;
		}
			div.open-cap:hover,
			div.open-cap:active,
			div.open-cap:focus{
				color: #ff007C;
				transition: 0.35s;
			}
			div.open-cap:active{
				color: #999 !important;
			}
		.open-cap:after, 
		.open-cap.active:after{
			margin: 0 0 0 2px;
		}
		.open-cap.active::after{ content: "▲";
			/* content: "\f00d";
			font-family: "Font Awesome 6 Free"; */
		}
		.open-cap::after{ content: "▼"; }

		ul.place-list-area{
				width: 100%;
				margin: 0 auto 8px;
				padding: 0.8rem 0.8rem;
				/* display: flex;
				flex-wrap: wrap; */
				/* background: rgba(255, 255, 255, 0.9); */
			}
				ul.place-list-area li{
					display: block;
					text-align: left;
					margin: 0px auto 8px;
					/* width: 100%; */
					/* min-width: calc(33% - 0rem); */
				}
				ul.place-list-area li a{
					display: inline-block;
					margin-left: 2.4rem;
					text-indent: -1.8rem;
				}
				ul.place-list-area li a::before{
					/* content: "\f138";
					font-family: "Font Awesome 6 Free"; */
					padding-right: 0.25em;
				}
				ul.place-list-area li a.live::after{
					/* content: "\f005";
					font-family: "Font Awesome 6 Free"; */
					padding-left: 0.65em;
				}
				ul.place-list-area li.pl-area-line{
					border-bottom: 1px solid #73E8D5;
					margin: 8px auto 8px;
				}
				ul.place-list-area li.pl-area-line span{
					/* color: #c12400; */
					color: #39BEA9;
					font-weight: bold;
					padding: 4px;
					line-height: 2;
				}
				ul.place-list-area li a.inline{
					display: inline;
					margin-left: 0rem;
					text-indent: 0rem;
				}
				ul.place-list-area li a.inline::before{
					content: "";
				}
	

		/* /会場一覧 */

		/* 注意事項 */
		.place-att{
			margin: 8px auto 24px;
			background: #FFF;
			border: #ff005c 2px solid;
			text-align: left;
			width: 95%;
		}
			.place-att-inner{
				font-size: 1.4rem;
				line-height: 1.46;
				text-align: left;
				margin: 0;
				padding: 8px 8px;
			}
			.place-att-inner p{
				margin: 0 0 8px;
				padding: 4px 4px 0;
			}
				.place-att-inner p strong{
					font-weight: bold;
				}
				.place-att-inner p a{
					font-weight: bold;
					text-decoration: underline;
				}
		/* /注意事項 */

/* /p-main */



/* p-cast */
.p-cast{
	margin: 0 0 24px;
}
	.p-cast h2,
	#p-Nagoya h2,
	#p-Aichi h2,
	#p-Gifu h2,
	#p-Mie h2{
		font-size: 2.2rem;
		line-height: 3;
		font-weight: bold;
		position: relative;
		z-index: 0;
	}
	.p-cast h2{
		letter-spacing: -0.05rem;
	}
	.p-cast h2::before,
	#p-Nagoya h2::before,
	#p-Aichi h2::before,
	#p-Gifu h2::before,
	#p-Mie h2::before{
		font-family: Courier, Times New Roman;
    	z-index: -1;
    	display: block;
    	/* color: #feec80; */
		color: #fee59e;
    	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%);
	}
	.p-cast h2::before{ content: 'CAST'; }


	.p-cast .p-main-cast{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 96%;
		margin: 0 auto 8px;
	}
		.p-cast .p-main-cast img{
			width: 45%;
			margin: 0 2.5% 5vw;
			border: #fde62c 1px solid;
		}

/* /p-cast */



/* p-AREA */
.p-AREA{
	overflow: hidden;
	padding: 0 0 20px;
}
#p-Nagoya{ background: #fde101; }
#p-Aichi{ background: #ffedf8; }
#p-Gifu{ background: #f4ffe3; }
#p-Mie{ background: #e3f4ff; }
	#p-Nagoya h2,
	#p-Aichi h2,
	#p-Gifu h2,
	#p-Mie h2{
		letter-spacing: 0.1em;
	}
		#p-Nagoya h2::before{
			color: #ffd500;
			content: 'NAGOYA';
		}
		#p-Aichi h2::before{
			color: #ffd8e6;
			content: 'AICHI';
		}
		#p-Gifu h2::before{
			color: #d6ffb4;
			content: 'GIFU';
		}
		#p-Mie h2::before{
			color: #bfddff;
			content: 'MIE';
		}

	.p-place-sub{
		color: #c12400;
		font-size: 1.6rem;
		line-height: 1.88;
		font-weight: bold;
		width: 98%;
		margin: 0 auto 8px;
	}
	.p-place{
		margin: 0 auto 48px;
	}
		.p-place h3{
			font-size: 1.8rem;
			line-height: 1.8;
			font-weight: bold;
			width: 98%;
			margin: 0 auto 16px;
			padding: 6px 4px;
		}
		#p-Nagoya .p-place h3{
			background: #feffc5;
			box-shadow: 0px 1px 1px #ffd500;
		}
		#p-Aichi .p-place h3{
			/* background: #febfd7; */
			background: #ffcee0;
			box-shadow: 0px 1px 1px #ffd8e6;
		}
		#p-Gifu .p-place h3{
			background: #c3ff92;
			box-shadow: 0px 1px 1px #d2ffad;
		}
		#p-Mie .p-place h3{
			background: #b2e5ff;
			box-shadow: 0px 1px 1px #bfddff;
		}
		.p-place h4{
			line-height: 1.46;
			width: 98%;
			margin: 0 auto 8px;
			padding: 0;
			color: #d06c00;
			align-items: center;
			display: flex;
			/* justify-content: center; */
		}
			.p-place h4::before,
			.p-place h4::after{
				background-color: #ffa23f;
				content: "";
				height: 1px;
				flex-grow: 1;
			}
			.p-place h4::before{
				margin-right: 1.4rem;
			}
			.p-place h4::after{
				margin-left: 1.4rem;
			}

		.p-live-bnr{}
			.p-live-bnr img{
				width: 95%;
				margin: 0 auto 24px;
			}

		.p-place-cast{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			/* justify-content: center;
			width: 96%;
			margin: 0 auto 4px; */
		}
			.p-place-cast li{
				width: 45%;
				margin: 0 2.5% 5vw;
				position: relative;
				height: calc(100%);
				/* border: #FFF 1px solid; */
				/* border: #fde62c 1px solid; */
			}
			#p-Nagoya .p-place-cast li{ border: #ffd500 1px solid; }
			#p-Aichi .p-place-cast li{ border: #ffcee0 1px solid; }
			#p-Gifu .p-place-cast li{ border: #c3ff90 1px solid; }
			#p-Mie .p-place-cast li{ border: #b2e5ff 1px solid; }
			.p-place-cast li.sat::before,
			.p-place-cast li.sun::before{
				position: absolute;
				z-index: 1;
				top: 2px;
				left: 2px;
				content: '';
				display: inline-block;
				background-size: contain;
				width: 8vw;
				height: 8vw;
			}
			.p-place-cast li.sat::before{
				background-image: url(../img/place/performer/2024/sat.png);
				background-repeat: no-repeat;
			}
			.p-place-cast li.sun::before{
				background-image: url(../img/place/performer/2024/sun.png);
				background-repeat: no-repeat;
			}
			.p-place-cast li.reporter::after{
				position: absolute;
				z-index: 1;
				top: 0px;
				left: 0px;
				content: '';
				display: inline-block;
				background-size: contain;
				width: 100%;
				height: 100%;
				background-image: url(../img/place/performer/2024/reporter.png);
				background-repeat: no-repeat;
			}

		.btn-live{
			margin: 24px auto;
		}
			.btn-live a{
				display: block;
				/* color: #252525;
				background: #FFF; */
				color: #FFF;
				background: #ff6a00;
				/* background: #ff007a; */
				width: 78%;
				max-width: 320px;
				text-align: center;
				margin: 0 auto;
				padding: 10px 0;
				border-radius: 50vw;
				/* box-shadow: 2px 2px #ffa800; */
				/* -webkit-filter: drop-shadow(1px 2px 2px #B9B9B9);
				-moz-filter: drop-shadow(1px 2px 2px #B9B9B9);
				-ms-filter: drop-shadow(1px 2px 2px #B9B9B9);
				filter: drop-shadow(1px 2px 2px #B9B9B9); */
				-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));
				transform: translateZ(0);
			}
			.btn-live a::after{
				font-size: 120%;
				line-height: 1;
				/* color: #f5bc41; */
				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-sub.png) no-repeat left top;
				background-size: auto;
				background-size: contain;
				width: 16px;
				height: 16px;
				margin: 3px 0 0 6px; */
			}
			.btn-live 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; */
			}
			.btn-live a:hover{
				transform: translateY(2px);
				color: #FFF;
				/* background: #ffa800; */
				background: #ff005e;
				box-shadow: 0px 0px;
				-webkit-filter: drop-shadow(0px 0px 0px #FFF);
				-moz-filter: drop-shadow(0px 0px 0px #FFF);
				-ms-filter: drop-shadow(0px 0px 0px #FFF);
				filter: drop-shadow(0px 0px 0px #FFF);
			}

		.p-date{
			width: 90%;
			margin: 0 auto;
			overflow: hidden;
		}
		.p-address{
			text-align: left;
			margin: 0 0 5vw;
		}
			.p-address p{
				line-height: 1.88;
				margin: 0 0 16px;
			}
			.p-address p.d-address::before{
				font-size: 120%;
				line-height: 1;
				/* content: "\f3c5";
				font-family: "Font Awesome 6 Free"; */
				display: inline-block;
				padding: 0 0.3em 3px 0;
				color: #909090;
			}
			.p-address span.p-time{ color: #d06c00; }
			.p-address span.sat,
			.p-address span.sun{
				display: inline-block;
				padding: 1px 2px 1px 8px;
				color: #FFF;
				margin: 0 8px 4px 0;
				border-radius: 4px;
			}
			.p-address span.sat{ background: #0072ff; }
			.p-address span.sun{ background: #ff0072; }
			.p-address p.d-link::before{
				font-size: 120%;
				line-height: 1;
				/* content: "\f0c1";
				font-family: "Font Awesome 6 Free"; */
				display: inline-block;
				font-weight: normal;
				padding: 0 0.3em 3px 0;
				color: #909090;
			}
			.p-gmap{
			/* width: 94%; */
		}
			.p-gmap iframe{
				margin: 0 auto 20px;
				border: #F0F0F0 1px solid;
			}

	/* event */
	.event-info{
		background: #FFF;
		border: #2630b8 2px solid;
		width: 90%;
		margin: 0 auto 0;
		padding: 0 0 1em;
	}
		p.event-ttl{
			display: block;
			background: #2630b8;
			color: #FFF;
			font-size: 140%;
			font-weight: 900;
			line-height: 2;
			text-align: center;
		}
		p.event-main{
			width: 92%;
			font-size: 112%;
			line-height: 1.46;
			text-align: left;
			margin: 1em auto;
		}
		.event-photo{
		}
			.event-photo img{
				width: 80%;
				margin: 0 auto 2%;
			}
	/* /event */

/* /p-AREA */










/* PC
==================================================================================================== */
@media screen and (min-width: 1024px){

	body#place-index{}

	div#main-cont{}
	
	
	/* p-main PC */
	#p-main{}
		#p-main h1{
			border-top: #39BEA9 5px double;
			border-bottom: #39BEA9 5px double;
			background: linear-gradient(90deg, #c1fdc9 0%, #7ff8bb 50%, #57f5a1 100%);
		}
			body#place-index h1 img.ttl{
				max-width: 271px;
				height: auto;
				margin: 32px auto;
			}
		.p-area-list{
			padding: 24px 0 32px;
			width: 960px;
			margin: 0 auto;
		}
			.p-area-list a{
				font-size: 1.6rem;
				/* text-indent: -1.4rem; */
				width: 20%;
				max-width: 320px;
				margin: 0 auto;
				padding: 12px 0;
				-webkit-filter: drop-shadow(1px 2px 2px #eac100);
				-moz-filter: drop-shadow(1px 2px 2px #eac100);
				-ms-filter: drop-shadow(1px 2px 2px #eac100);
				filter: drop-shadow(1px 2px 2px #eac100);
			}
			.p-area-list a::after{
				padding: 0 0px 2px 6px;

				/* content: "";
				position: absolute;
				background: url(../img/common/more-article.png) no-repeat left top;
				background-size: auto;
				background-size: contain;
				width: 16px;
				height: 16px;
				margin: 5px 0 0 6px; */
			}
			.p-area-list a:hover::after{
				padding: 0 0px 2px 6px;

				/* content: "";
				position: absolute;
				background: url(../img/common/more-article2.png) no-repeat left top;
				background-size: auto;
				background-size: contain;
				width: 16px;
				height: 16px;
				margin: 5px 0 0 6px; */
			}
			.p-area-list a:hover{
				transform: translateY(2px);
			}

		/* 会場一覧 PC */
		div.place-list-area-wrap{
			max-width: 920px;
			margin: 0 auto;
			padding: 0px 10px 32px;
			font-size: 1.6rem;
		}
		div.open-cap{
			color: #0080ff;
			cursor: pointer;
			display: inline-block;
			transition: 0.35s;
		}
			div.open-cap:hover,
			div.open-cap:active,
			div.open-cap:focus{
				color: #ff007C;
				transition: 0.35s;
			}
			div.open-cap:active{
				color: #999 !important;
			}
		.open-cap:after, 
		.open-cap.active:after{
			margin: 0 0 0 2px;
		}
		.open-cap.active::after{}
		.open-cap::after{}

		ul.place-list-area{
				width: 900px;
				margin: 0 auto 10px;
				padding: 6px 2rem 6px;
			}
				ul.place-list-area li{
					display: block;
					text-align: left;
					margin: 0px auto 12px;
					/* width: 100%; */
					/* min-width: calc(33% - 0rem); */
				}
				ul.place-list-area li a{
					margin-left: 1.4rem;
					text-indent: 0rem;
				}
				ul.place-list-area li a::before{
					padding-right: 0.28em;
				}
				ul.place-list-area li a.live::after{
					padding-left: 0.65em;
				}
				ul.place-list-area li.pl-area-line{
					margin: 16px auto 10px;
				}
				ul.place-list-area li.pl-area-line span{
				}
		/* /会場一覧 PC */

		/* 注意事項 PC */
		.place-att{
			margin: 8px auto 24px;
			width: 960px;
		}
			.place-att-inner{
				font-size: 1.8rem;
				line-height: 1.64;
				margin: 0;
				padding: 10px 8px 12px;
				text-align: center;
			}
				.place-att-inner p{
					display: inline-block;
					text-align: left;
					margin: 0 auto 8px;
					font-size: 1.6rem;
					line-height: 1.72;
					padding: 6px 8px 0;
				}
					.place-att-inner p strong{
						font-size: 1.8rem;
						padding: 4px 8px;
					}
					.place-att-inner p a{}

		/* /注意事項 PC */

	/* /p-main PC */
	
	
	
	/* p-cast PC */
	.p-cast{
		margin: 0 auto 32px;
		width: 98%;
		max-width: 1280px;
	}
		.p-cast h2,
		#p-Nagoya h2,
		#p-Aichi h2,
		#p-Gifu h2,
		#p-Mie h2{
			font-size: 3.6rem;
			line-height: 3;
		}
		.p-cast h2::before,
		#p-Nagoya h2::before,
		#p-Aichi h2::before,
		#p-Gifu h2::before,
		#p-Mie h2::before{
			letter-spacing: 0.00em;
			font-size: 3em;
			/* margin: -62px 0 0; */
		}
		.p-cast h2::before{}
	
	
		.p-cast .p-main-cast{
			justify-content: left;
			width: 96%;
			margin: 0 auto 8px;
		}
			.p-cast .p-main-cast img{
				width: 20%;
				margin: 0 2.5% 24px;
				/* border: #fde62c 1px solid; */
			}
	
	/* /p-cast PC */
	
	
	
	/* p-AREA PC */
	.p-AREA{
		overflow: hidden;
		padding: 0 0 60px;
	}
	#p-Nagoya{}
	#p-Aichi{}
	#p-Gifu{}
	#p-Mie{}
		#p-Nagoya h2{}
		#p-Aichi h2{}
		#p-Gifu h2{}
		#p-Mie h2{}
			#p-Nagoya h2::before{}
			#p-Aichi h2::before{}
			#p-Gifu h2::before{}
			#p-Mie h2::before{}

		.p-place-sub{
			font-size: 2.1rem;
			line-height: 2.2;
			margin: 0 auto 16px;
		}
		.p-place{
			margin: 0 auto 48px;
			max-width: 1280px;
		}
			.p-place h3{
				font-size: 2.4rem;
				line-height: 2.6;
				font-weight: bold;
				width: 98%;
				margin: 0 auto 24px;
				padding: 0;
			}
			#p-Nagoya .p-place h3{
				box-shadow: 0px 2px 1px #ffd500;
			}
			#p-Aichi .p-place h3{
				box-shadow: 0px 2px 1px #ffd8e6;
			}
			#p-Gifu .p-place h3{
				box-shadow: 0px 2px 1px #d2ffad;
			}
			#p-Mie .p-place h3{
				box-shadow: 0px 2px 1px #bfddff;
			}
			.p-place h4{
				font-size: 1.8rem;
				line-height: 2;
				margin: 0 auto 16px;
				padding: 0;
			}

			.p-live-bnr{}
				.p-live-bnr img{
					width: 882px;
					margin: 0 auto 32px;
				}

			.p-place-cast{
				justify-content: left;
				width: 98%;
				max-width: 1254px;
				margin: 8px auto 16px;
				/* border-bottom: 1px dotted #feffc5; */
			}
			.p-place-cast.center{
				justify-content: center;
				justify-content: left;
			}			
				.p-place-cast li{
					width: 20%;
					margin: 0 2.5% 24px;
				}
				.p-place-cast li.sat::before,
				.p-place-cast li.sun::before{
					width: 44px;
					height: 44px;
				}

			.btn-live{
				margin: 40px 0 0;
			}
				.btn-live a{
					font-size: 1.6rem;
					width: 320px;
					padding: 16px 0;
					margin: 0 0 6px;
				}
				.btn-live a::after{
					padding: 0 0px 2px 6px;
				}
				.btn-live a:hover::after{
					padding: 0 0px 2px 6px;
				}
				.btn-live a:hover{}
	
			.p-date{
				width: 93%;
				margin: 0 auto;
				overflow: hidden;
				display: flex;
			}
			.p-address{
				order: 1;
				width: 47.5%;
				text-align: left;
				margin: 0 0 0 2.5%;
			}
				.p-address p{
					font-size: 1.72rem;
					line-height: 1.88;
					margin: 0 0 20px;
				}
				.p-address span.p-time{ color: #d06c00; }
				.p-address span.sat,
				.p-address span.sun{
					display: inline-block;
					padding: 1px 2px 1px 10px;
					color: #FFF;
					margin: 0 8px 4px 0;
				}
				.p-address span.sat{}
				.p-address span.sun{}
			.p-gmap{
				order: 0;
				width: 50%;
				/* width: 94%; */
			}
				.p-gmap iframe{
					margin: 0 auto 32px;
					height: 300px;
				}

		/* event PC */
		.event-info{
			width: 93%;
			margin: 0 auto 0;
			padding: 0 0 1em;
		}
			p.event-ttl{
				font-size: 160%;
				font-weight: 900;
				line-height: 2.4;
			}
			p.event-main{
				width: 96%;
				font-size: 120%;
				line-height: 1.6;
				text-align: left;
				margin: 1em auto;
			}
			.event-photo{
				width: 98%;
				margin: 0 auto 1%;
				display: flex;
				flex-wrap: wrap;
			}
				.event-photo img{
					width: 48%;
					margin: 0 1%;
				}
		/* /event PC*/

	/* /p-AREA PC */

}