@charset "utf-8";
body {
	opacity: 0;
	padding-top: 0px !important;
}

/* PC ================================================== */
@media all and (min-width:960px){
header {
	background: none !important;
}
#live {
	width: 100%;
	position: relative;
}
	.page-topdeco {
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
		.page-topdeco img {
			width: 100%;
			height: auto;
		}
	.page-illustration {
		width: 245px;
		height: auto;
		position: absolute;
		top: 335px;
		right: 0;
	}
		.page-illustration img {
			width: 100%;
			height: auto;
		}

	.live--inner {
		width: 90%;
		max-width: 810px;
		padding: 240px 0px 40px;
		margin: auto auto;
	}
		.livepage-title {
			width: 751px;
			height: auto;
			margin: auto auto 55px;
		}
			.livepage-title img {
				width: 100%;
				height: auto;
			}
		.live-txt {
			width: 100%;
			margin: auto auto 60px;
			font-size: 18px;
			font-weight: 400;
			text-align: center;
			line-height: 2.2;
			letter-spacing: .2em;
		}
			.live-txt span {
				padding-left: .2em;
				padding-bottom: 5px;
				background:linear-gradient(transparent 30%, #EEE2DC 30%);
			}
			.live-txt span:nth-of-type(2) {
				padding-left: .4em;
			}
		.live-follow_instagram {
			width: 100%;
			margin: auto auto 60px;
			font-size: 16px;
			font-weight: 400;
			text-align: center;
			color: ;
		}
			.live-follow_instagram a {
				color: #000000;
				text-decoration: underline;
			}
		.sp-illustration {
			display: none;
		}
		.live-performer {
			width: 100%;
		}
			.performer-list {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
			}
				.performer-item {
					width: 32%;
					height: auto;
				}
					.performer-live_contents {
						width: 100%;
						height: 153px;
						margin-bottom: 38px;
						border: solid 1px #000000;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						position: relative;
					}
						.performer-live_contents::before {
							content: '';
							display: block;
							width: calc(100% + 4px);
							height: 100%;
							border-top: solid 7px #ffffff;
							border-bottom: solid 7px #ffffff;
							position: absolute;
							top: 0;
							left: -2px;
							z-index: 1;
						}
						.performer-live_contents::after {
							content: '';
							display: block;
							width: 33px;
							height: 17px;
							margin-left: -16px;
							border-left: solid 16px #ffffff;
							border-right: solid 16px #ffffff;
							background-color: #000000;
							position: absolute;
							bottom: -9px;
							left: 50%;
							z-index: 2;
						}
						.performer-live_contents p {
							width: 100%;
							text-align: center;
							line-height: 1.6;
						}
						.performer-live_ttl {
							margin-bottom: 10px;
							font-size: 16px;
							font-weight: 700;
							letter-spacing: .04em;
						}
						.performer-live_dtl {
							font-size: 14px;
							font-weight: 400;
							letter-spacing: .1em;
						}
					.performer-suchedule {
						width: 100%;
						margin-bottom: 13px;
						font-family: futura-pt, sans-serif;
						font-size: 21px;
						font-weight: 500;
						line-height: 1.0;
						letter-spacing: .1em;
					}
						.performer-suchedule span {
							letter-spacing: .2em;
						}
					.performer-image {
						width: 100%;
						height: auto;
						margin-bottom: 30px;
						position: relative;
					}
						.performer-image img {
							width: 100%;
							height: auto;
						}
						.performer-image::before {
							content: '終了しました。';
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							height: 100%;
							background-color: rgba(113, 117, 119, .83);
							font-size: 18px;
							font-weight: 400;
							color: #ffffff;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 1;
						}
						.performer-item:nth-of-type(2) .performer-image::before {
							display: none;
						}
						.performer-item:nth-of-type(3) .performer-image::before {
							display: none;
						}

					.performer-info {
						width: 100%;
					}
						.performer-name {
							width: 100%;
							padding: 12px 0px;
							margin-bottom: 10px;
							border-top: dashed 1px #000000;
							border-bottom: dashed 1px #000000;
							font-size: 18px;
							line-height: 1.6;
							letter-spacing: 0em;
							text-align: center;
							white-space: nowrap;
						}
						.performer-details {
							width: 100%;
							margin-bottom: 10px;
							font-size: 14px;
							font-weight: 400;
							line-height: 2.0;
							letter-spacing: .1em;
							text-align: justify;
						}
						.performer-details:last-of-type {
							margin-bottom: 0px;
						}
							.performer-details a {
								text-decoration: underline;
								color: #000;
							}
							.performer-details i {
								font-size: 24px;
								margin-right: 6px;
								position: relative;
								top: 4px;
							}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
header {
	background: none !important;
}
#live {
	width: 100%;
	position: relative;
}
	.page-topdeco {
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
		.page-topdeco img {
			width: 100%;
			height: auto;
		}
	.page-illustration {
		display: none;
	}

	.live--inner {
		width: 95%;
		padding: 180px 0px 60px;
		margin: auto auto;
	}
		.livepage-title {
			width: 75%;
			height: auto;
			margin: auto auto 55px;
		}
			.livepage-title img {
				width: 100%;
				height: auto;
			}
		.live-txt {
			width: 100%;
			margin: auto auto 60px;
			font-size: 18px;
			font-weight: 400;
			text-align: center;
			line-height: 2.2;
			letter-spacing: .2em;
		}
			.live-txt span {
				padding-left: .2em;
				padding-bottom: 5px;
				background:linear-gradient(transparent 30%, #EEE2DC 30%);
			}
			.live-txt span:nth-of-type(2) {
				padding-left: .4em;
			}
		.live-follow_instagram {
			width: 100%;
			margin: auto auto 40px;
			font-size: 16px;
			font-weight: 400;
			text-align: center;
			color: ;
		}
			.live-follow_instagram a {
				color: #000000;
				text-decoration: underline;
			}
		.sp-illustration {
			width: 345px;
			height: auto;
			margin: auto auto 50px;
		}
			.sp-illustration img {
				width: 100%;
				height: auto;
			}
		.live-performer {
			width: 100%;
		}
			.performer-list {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
			}
				.performer-item {
					width: 32%;
					height: auto;
				}
					.performer-live_contents {
						width: 100%;
						height: 153px;
						margin-bottom: 38px;
						border: solid 1px #000000;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						position: relative;
					}
						.performer-live_contents::before {
							content: '';
							display: block;
							width: calc(100% + 4px);
							height: 100%;
							border-top: solid 7px #ffffff;
							border-bottom: solid 7px #ffffff;
							position: absolute;
							top: 0;
							left: -2px;
							z-index: 1;
						}
						.performer-live_contents::after {
							content: '';
							display: block;
							width: 33px;
							height: 17px;
							margin-left: -16px;
							border-left: solid 16px #ffffff;
							border-right: solid 16px #ffffff;
							background-color: #000000;
							position: absolute;
							bottom: -9px;
							left: 50%;
							z-index: 2;
						}
						.performer-live_contents p {
							width: 100%;
							text-align: center;
							line-height: 1.6;
						}
						.performer-live_ttl {
							margin-bottom: 10px;
							font-size: 16px;
							font-weight: 700;
							letter-spacing: .04em;
						}
						.performer-live_dtl {
							font-size: 14px;
							font-weight: 400;
							letter-spacing: .1em;
						}
					.performer-suchedule {
						width: 100%;
						margin-bottom: 13px;
						font-family: futura-pt, sans-serif;
						font-size: 20px;
						font-weight: 500;
						line-height: 1.0;
						letter-spacing: .1em;
					}
						.performer-suchedule span {
							letter-spacing: .2em;
						}
					.performer-image {
						width: 100%;
						height: auto;
						margin-bottom: 30px;
						position: relative;
					}
						.performer-image img {
							width: 100%;
							height: auto;
						}
						.performer-image::before {
							content: '終了しました。';
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							height: 100%;
							background-color: rgba(113, 117, 119, .83);
							font-size: 18px;
							font-weight: 400;
							color: #ffffff;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 1;
						}
						.performer-item:nth-of-type(2) .performer-image::before {
							display: none;
						}
						.performer-item:nth-of-type(3) .performer-image::before {
							display: none;
						}
					.performer-info {
						width: 100%;
					}
						.performer-name {
							width: 100%;
							padding: 12px 0px;
							margin-bottom: 10px;
							border-top: dashed 1px #000000;
							border-bottom: dashed 1px #000000;
							font-size: 18px;
							line-height: 1.6;
							letter-spacing: 0em;
							text-align: center;
							white-space: nowrap;
						}
						.performer-details {
							width: 100%;
							margin-bottom: 8px;
							font-size: 14px;
							font-weight: 400;
							line-height: 2.0;
							letter-spacing: .1em;
							text-align: justify;
						}
						.performer-details:last-of-type {
							margin-bottom: 0px;
						}
							.performer-details a{
								text-decoration: underline;
								color: #000;
							}
							.performer-details i {
								font-size: 24px;
								margin-right: 6px;
								position: relative;
								top: 4px;
							}
}

/* SP ================================================== */
@media all and (max-width:559px){
header {
	background: none !important;
}
#live {
	width: 100%;
	position: relative;
}
	.page-topdeco {
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
		.page-topdeco img {
			width: 100%;
			height: auto;
		}
	.page-illustration {
		display: none;
	}
	.live--inner {
		width: 100%;
		padding: 100px 0px 40px;
		margin: auto auto;
	}
		.livepage-title {
			width: 290px;
			height: auto;
			margin: auto auto 30px;
		}
			.livepage-title img {
				width: 100%;
				height: auto;
			}
		.live-txt {
			width: 100%;
			margin: auto auto 30px;
			font-size: 18px;
			font-weight: 400;
			text-align: center;
			line-height: 2.2;
			letter-spacing: .2em;
		}
			.live-txt span {
				padding-left: .2em;
				padding-bottom: 5px;
				background:linear-gradient(transparent 30%, #EEE2DC 30%);
			}
			.live-txt span:nth-of-type(2) {
				padding-left: .4em;
			}
		.live-follow_instagram {
			width: 90%;
			margin: auto auto 40px;
			font-size: 16px;
			font-weight: 400;
			text-align: center;
			color: ;
		}
			.live-follow_instagram a {
				color: #000000;
				text-decoration: underline;
			}
		.sp-illustration {
			width: 90%;
			height: auto;
			margin: auto auto 50px;
		}
			.sp-illustration img {
				width: 100%;
				height: auto;
			}
		.live-performer {
			width: 85%;
			margin: auto auto;
		}
			.performer-list {
				width: 100%;
			}
				.performer-item {
					width: 100%;
					height: auto;
					margin-bottom: 63px;
				}
				.performer-item:last-of-type {
					margin-bottom: 0px;
				}
					.performer-live_contents {
						width: 100%;
						height: 153px;
						margin-bottom: 35px;
						border: solid 1px #000000;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						position: relative;
					}
						.performer-live_contents::before {
							content: '';
							display: block;
							width: calc(100% + 4px);
							height: 100%;
							border-top: solid 7px #ffffff;
							border-bottom: solid 7px #ffffff;
							position: absolute;
							top: 0;
							left: -2px;
							z-index: 1;
						}
						.performer-live_contents::after {
							content: '';
							display: block;
							width: 33px;
							height: 17px;
							margin-left: -16px;
							border-left: solid 16px #ffffff;
							border-right: solid 16px #ffffff;
							background-color: #000000;
							position: absolute;
							bottom: -9px;
							left: 50%;
							z-index: 2;
						}
						.performer-live_contents p {
							width: 100%;
							text-align: center;
							line-height: 1.6;
						}
						.performer-live_ttl {
							margin-bottom: 10px;
							font-size: 16px;
							font-weight: 700;
							letter-spacing: .04em;
						}
						.performer-live_dtl {
							font-size: 14px;
							font-weight: 400;
							letter-spacing: .1em;
						}
					.performer-suchedule {
						width: 100%;
						margin-bottom: 13px;
						font-family: futura-pt, sans-serif;
						font-size: 21px;
						font-weight: 500;
						line-height: 1.0;
						letter-spacing: .1em;
						text-align: center;
					}
					.performer-item:last-of-type .performer-suchedule {
						display: none;
					}
						.performer-suchedule span {
							letter-spacing: .2em;
						}
					.performer-image {
						width: 100%;
						height: auto;
						margin-bottom: 27px;
						position: relative;
					}
						.performer-image img {
							width: 100%;
							height: auto;
						}
						.performer-image::before {
							content: '終了しました。';
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							height: 100%;
							background-color: rgba(113, 117, 119, .83);
							font-size: 18px;
							font-weight: 400;
							color: #ffffff;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 1;
						}
						.performer-item:nth-of-type(2) .performer-image::before {
							display: none;
						}
						.performer-item:nth-of-type(3) .performer-image::before {
							display: none;
						}
					.performer-info {
						width: 100%;
					}
						.performer-name {
							width: 100%;
							padding: 12px 0px;
							margin-bottom: 10px;
							border-top: dashed 1px #000000;
							border-bottom: dashed 1px #000000;
							font-size: 18px;
							line-height: 1.6;
							letter-spacing: 0em;
							text-align: center;
							white-space: nowrap;
						}
						.performer-details {
							width: 100%;
							margin-bottom: 8px;
							font-size: 14px;
							font-weight: 400;
							line-height: 2.0;
							letter-spacing: .1em;
							text-align: justify;
						}
						.performer-details:last-of-type {
							margin-bottom: 0px;
						}
							.performer-details a{
								text-decoration: underline;
								color: #000;
							}
							.performer-details i {
								font-size: 24px;
								margin-right: 6px;
								position: relative;
								top: 4px;
							}
}