@charset "UTF-8";

/* present */
.present {
	max-width: 908px;
	margin: 40px auto 0;
	/* padding-bottom: 15px;
	border-bottom: solid 2px #000; */
}
.present .presentTtl {
	font-size: 28px;
	line-height: 1.5;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
.present .presentTtl span {
	line-height: 1.5;
}
.present .presentTtl .presentTtlSpace {
	padding-left: 1em;
}
.present .presentTtl::before ,
.present .presentTtl::after {
	content: "";
	height: 2px;
	background-color: #000;
	flex-grow: 1;
}
.present .presentTtl::before  {
	margin-right: 25px;
}
.present .presentTtl::after  {
	margin-left: 25px;
}
.present .presentTicket {
	margin: 30px auto 0;
	width: 56%;
	line-height: 1;
}
.present .presentTxt {
	margin-top: 20px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.7;
}
.present .presentTxt span {
	font-size: 18px;
}
.present .presentTxt + .presentTxt {
	margin-top: 10px;
}
.present .presentTxt .txt04 {
	margin-right: 10px;
	padding: 5px 10px 2px 10px;
	background-color: #000;
	color: #fff;
}
@media (max-width: 767px) {
	.present {
		max-width: 95%;
		margin-top: 6vw;
		/* padding-bottom: 15px; */
	}
	.present .presentTtl {
		font-size: 4.533vw;
		text-align: center;
	}
	.present .presentTtl .presentTtlSpace {
		padding-left: 0;
	}
	.present .presentTtl::before  {
		margin-right: 15px;
	}
	.present .presentTtl::after  {
		margin-left: 15px;
	}
	.present .presentTicket {
		margin-top: 4vw;
	}
	.present .presentTxt {
		margin-top: 2.667vw;
		font-size: 3.333vw;
		line-height: 1.9;
	}
	.present .presentTxt span {
		font-size: 2.933vw;
	}
	.present .presentTxt + .presentTxt {
		margin-top: 10px;
	}
}

/* notAvailableCont */
.notAvailableCont {
	margin: 45px auto 80px;
	padding: 0 10px;
	max-width: 888px;
	font-size: 16px;
	line-height: 1.37;
}
.notAvailableCont h1 {
	margin-top: 50px;
	padding: 10px 15px;
	background-color: #000;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	line-height: 1.37;
}
.notAvailableCont .contNote {
	font-size: 16px;
	line-height: 1.7;
	padding: 0 15px;
}
.notAvailableCont .contTxt {
	font-size: 16px;
	line-height: 1.7;
	padding: 15px;
	border: solid 1px #000;
}
@media (max-width: 767px) {
	.notAvailableCont {
		margin: 9vw auto 12vw;
		padding: 0;
		width: 95%;
		font-size: 3.733vw;
		line-height: 1.28;
	}
	.notAvailableCont h1 {
		margin-top: 9.5vw;
		padding: 2vw 4vw;
		font-size: 4vw;
		line-height: 1.28;
	}
	.notAvailableCont .contNote {
		font-size: 3.333vw;
		padding: 0;
	}
	.notAvailableCont .contTxt {
		font-size: 3.333vw;
		padding: 3vw 4vw 3.733vw;
	}
}

.notAvailableCont .btn {
	margin: 55px auto 60px;
	text-align: center;
}
.notAvailableCont .btn a {
	display: inline-block;
	padding: 8px 20px;
	border: solid 2px #000;
	border-radius: 10px;
	font-size: 18px;
	line-height: 1.7;
}
@media (max-width: 767px) {
	.notAvailableCont .btn {
		margin: 10vw auto;
	}
	.notAvailableCont .btn a {
		padding: 2.667vw 4.667vw;
		border-radius: 2.666vw;
		font-size: 4vw;
	}
}

.notAvailableCont .note {
	margin-top: 20px;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
@media (max-width: 767px) {
	.notAvailableCont .note {
		margin-top: 6vw;
		font-size: 3.733vw;
		text-align: left;
	}
}