@charset "UTF-8";
/* CSS Document */

.l-body, .p-info, .p-menu {
	background: #5d6776;
}
.c-linkBtn {
font-family: var(--font-sans);
}
.c-linkBtn.--rev{
	border: 1px solid var(--theme-color);
}
.c-linkBtn.--rev:hover{
	border: 1px solid var(--white-color);
}
.p-menu .c-section__title .main, .p-menu .c-section__title .sub {
	color: #c8a24e;
}
.l-header{
	padding:calc(35/750 *100%) 0 0 0;
}
.l-header .c-container{
	display: flex;
	justify-content: end;
	padding:0;
}
.l-header__reservation{
	position: fixed;
	width:calc(205/750 * 100%);
	max-width:205px;
  display: inline-block;
  animation: float-left 2.8s ease-in-out infinite;
}
@keyframes float-left {
  0%,
  20% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-8px);
  }
  60% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
.l-header__reservation a{
	opacity: 1;
	transition: all 0.3s ease;
}
.l-header__reservation a:hover{
	opacity: 0.8;
	transition: all 0.3s ease;
}
.p-mv__content{
	position: relative;
}
.mvTitle{
	position: absolute;
	width:calc(614/750*100%);
	top: calc(220/750 * 100%);
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}
.mvInfo{
	position: absolute;
	width:100%;
	height:calc(125/750 * 100%);
	padding:0 calc(38/750 * 100%);
	top: calc(550/750 * 100%);
	display: flex;
	justify-content: space-between;
	z-index: 10;
}
.mvDate{
	width:calc(284/750 * 100vw);
	max-width: 284px;
}
.mvPrice{
	width:calc(335/750 * 100vw);
	max-width: 335px;
	margin-top: calc(40/750 * 100%);
}
.mvPlace{
	position: absolute;
	width: 100%;
	bottom:0;
	z-index: 10;
	height:calc(55/750 * 100%);
	text-align: center;
}
.mvPlace .nameEn{
	margin-bottom: 0.1em;
	font-size:34px;
	font-family: var(--font-en);
	font-weight: 400;
  font-style: normal;
	letter-spacing: 0.07em;
	@media only screen and (max-width: 750px) {
		font-size:calc(34/750 * 100vw);
	}
}
.mvPlace .nameJa{
	font-size:20px;
	@media only screen and (max-width: 750px) {
		font-size:calc(20/750 * 100vw);
	}
}
.p-info {
	background: url(/lp/takibino_uta/flairge_dalliance/img/lead_bg.jpg) no-repeat top center / cover;
	padding: calc(140 / 750 * 100%) 0 calc(400 / 750 * 100%);
}
.p-info__leadTitle {
	writing-mode: horizontal-tb;
	text-align: center;
	vertical-align: middle;
	text-orientation: upright;
	margin: 0 auto 1.2em;
	letter-spacing: .2em;
	line-height: 1.8;
	font-weight: 600;
	font-size:37px;
	@media only screen and (max-width: 750px) {
		font-size:calc(37/750 * 100vw);
	}
}
.p_info{
	background:#091930;
	padding:calc(120/750 * 100%) 0;
}
.p-info__listItem dl dt{
	padding-bottom: 0;
	margin-bottom: calc(30/750 * 100%);
	border: none;
}
.p-info__listItem dl dt img{
	width: calc(370/750 * 100%);
}
.p-info__listItem dl dd {
	font-family: var(--font-sans);
	line-height: 1.6;
	font-size: 24px;
	font-weight: normal;
	@media only screen and (max-width: 750px) {
		font-size:calc(24/750 * 100vw);
	}
}
.p-info__listItem dl dd .main{
	display: block;
	margin-bottom: calc(40 / 750 * 100%);
	font-size: 46px;
	letter-spacing: 0.1em;
	margin-right: -0.1em;
	@media only screen and (max-width: 750px) {
		font-size:calc(46/750 * 100vw);
	}
}
.p-info__block{
}
.p-info__block:first-of-type{
	margin-bottom:calc(50/750 * 100%);
}
.p-info__note{
	font-weight: 300;
	font-size: 19px;
	@media only screen and (max-width: 750px) {
		font-size:calc(19/750 * 100vw);
	}
}

.p-info__block .en{
	font-size: 42px;
	color: var(--title-color);
	letter-spacing: 0.05em;
	margin-right: -0.05em;
	@media only screen and (max-width: 750px) {
		font-size:calc(42/750 * 100vw);
	}
}
.p-plan{
	padding:calc(120/750 * 100%) 0;
	font-family: var(--font-sans);
}
.p-plan__block h2{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin:calc(60/750 * 100%) auto calc(50/750 * 100%);
}
.p-plan__block h2 img{
	width: calc(370/750 * 100%);
}
.p-plan__block h2 span{
	font-size : 24px;
  line-height : 1.6;
  letter-spacing : 2.64px;
	font-weight: 600;
	@media only screen and (max-width: 750px) {
		font-size:calc(24/750 * 100vw);
	}
}
.p-plan__price{
	margin-bottom: calc(60/750 * 100%);
	font-size : 22px;
  letter-spacing : 2.42px;
	text-align: center;
	@media only screen and (max-width: 750px) {
		font-size:calc(22/750 * 100vw);
	}
}
.p-plan__price .price{
	margin-bottom: calc(10/750 * 100%);
	font-family : var(--font-en);
  font-size : 66px;
  letter-spacing : 4.62px;
	@media only screen and (max-width: 750px) {
		font-size:calc(66/750 * 100vw);
	}
}
.p-plan__price .price>span{
	font-size:48px;
	@media only screen and (max-width: 750px) {
		font-size:calc(48/750 * 100vw);
	}
}
.p-plan__txt{
	margin-bottom: calc(60/750 * 100%);
	font-size : 22px;
	line-height : 1.6;
  letter-spacing : 2.42px;
	@media only screen and (max-width: 750px) {
		font-size:calc(22/750 * 100vw);
	}
}
.p-plan__info dl{
	margin-bottom: calc(40/750 * 100%);
}
.p-plan__info dt{
	padding:calc(10/750 * 100%);
	font-size : 24px;
  line-height : 1.6;
  letter-spacing : 2.64px;
	text-align: center;
	border-bottom:solid 1px #FFF;
	@media only screen and (max-width: 750px) {
		font-size:calc(24/750 * 100vw);
	}
}
.p-plan__info dd{
	padding:20px 10px 0;
	font-size : 26px;
  line-height : 2.0;
  letter-spacing : 3.08px;
	text-align: center;
	font-weight: 800;
	@media only screen and (max-width: 750px) {
		font-size:calc(26/750 * 100vw);
	}
}
.p-plan__info.schedule dd .tm{
	display: flex;
	letter-spacing: 0;
	margin-bottom: 10px;
	@media only screen and (max-width: 750px) {
		margin-bottom: 0;
	}
}
.p-plan__info.schedule dd .tm > span:first-of-type{
	font-weight: normal;
	margin-right: 1em;
}
.p-plan__artist{
	background:#091930;
	padding:calc(70/750 * 100%) calc(40/750 * 100%) calc(100/750 * 100%);
}
.p-plan__artist h2{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin:0 auto calc(60/750 * 100%);
}
.p-plan__artist h2 img{
	width: calc(370/750 * 100%);
}
.p-plan__artist h2 span{
	font-size : 24px;
  line-height : 1.6;
  letter-spacing : 2.64px;
	@media only screen and (max-width: 750px) {
		font-size:calc(24/750 * 100vw);
	}
}
.p-plan__artistBlock{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: calc(25/750 * 100%);
	@media only screen and (max-width: 750px) {
		display: block;
	}
}
@media only screen and (max-width: 750px) {
	.p-plan__artistBlock img{
		display: block;
		width:50%;
		margin:0 auto calc(40/750 * 100vw);
	}
}
.p-plan__artistBlock .txt p:first-of-type{
	margin-bottom: 0.5em;
	font-size : 40px;
  line-height : 1.0;
  letter-spacing : 4.4px;
	font-weight: 800;
	@media only screen and (max-width: 750px) {
		font-size:calc(40/750 * 100vw);
	}
}
.p-plan__artistBlock .txt p:last-of-type{
  font-size : 20px;
  line-height : 1.6;
  letter-spacing : 1.54px;
	@media only screen and (max-width: 750px) {
		font-size:calc(20/750 * 100vw);
	}
}
.p-plan__sns{
	display: flex;
	justify-content: flex-start;
	gap: 24px;
	margin-top: calc(30/750 * 100%);
	@media only screen and (max-width: 750px) {
		margin-top: 30px;
	}
}
.p-plan__sns a{
	display: flex;
	align-items: center;
	height:30px;
}
.p-plan__sns a img{
	filter: brightness(0) invert(1);
	
}
.p-plan__sns >div:nth-child(1) img{
	width: 24px;
}
.p-plan__sns >div:nth-child(2) img{
	width:30px;
}

.p-plan__sns >div:nth-child(3) img{
	width: 22px;
}
.p-plan .c-section__footer{
	margin:calc(100/750 * 100%) 0 calc(220/750 * 100%);
}
.p-access__contactHead{
	padding-bottom: 1.0em;
	margin-bottom: calc(75 / 750 * 100%);
}
.p-access .c-linkBtn {
	background:#5d6776;
	color:#FFF;
	border: 1px solid var(--theme-color);
	margin-bottom: calc(100/750 * 100%);
}
.p-access .c-section__footer.webinfo >div{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: calc(30/750 * 100%);
}
/* .p-access .c-section__footer .c-linkBtn{
	height: 80px;
} */
.p-access .c-linkBtn.web{
	font-family: var(--font-en);
	font-size: 40px;
	letter-spacing: 0.05em;
	font-weight: 500;
	height:80px;
	margin-bottom: 0;
	@media only screen and (max-width: 750px) {
		font-size:calc(40/750 * 100vw);
	}
}
.p-access .c-linkBtn.instagram{
	height:80px;
}
.p-access .c-linkBtn.instagram img{
	filter: brightness(0) invert(1);
	width: 30px;
	height:30px;
}

.p-access .c-linkBtn.instagram:hover img{
	filter: brightness(0) invert(0);
}
.p-access__contactName{
	font-family: var(--font-sans);
	margin-bottom: 0.5em;
}
.p-access__linkBtn::after {
	background: #FFF;
}

.l-footer__copyright {
	padding: 15px 0;
}
.l-footer__copyright p {
	letter-spacing: 0.05em;
	font-size: 20px;
	@media only screen and (max-width: 750px) {
		font-size:calc(20/750 * 100vw);
	}
}