@charset "utf-8";
/* 
10px/63%
11px/69%
12px/75%
13px/82%
14px/88%
15px/94%
16px/100%
17px/107%
18px/113%
19px/119%
20px/125%
21px/132%
22px/138%
23px/144%
24px/150%
25px/157%
26px/163%
*/

/* ==============================================================================
   night01,2共通
============================================================================== */
@font-face{
	font-family: "DigitalNumbers";
	src: url("/fonts/DigitalNumbers-onlyNum.woff2") format("woff2"),
		url("/fonts/DigitalNumbers-onlyNum.woff") format("woff");
}
#mainimg .inner.mvNight01,
#mainimg .inner.mvNight02{
	max-width: 1480px;
	z-index: 1;
}

@media screen and (min-width:768px) {
	.fv_ver202312 #mainimg .mvNight01 .text06,
	.fv_ver202312 #mainimg .mvNight02 .text06{
		font-size: clamp(18px, 1.5vw, 24px);
	}
	.fv_ver202312 #mainimg .mvNight01 .text06 ul li,
	.fv_ver202312 #mainimg .mvNight02 .text06 ul li{
		font-size: clamp(18px, 1.5vw, 24px);
		padding: 0.5rem;
		padding-bottom: 0.25rem;
	}
}

/* ==============================================================================
   night01 夜帯（20時〜22時59分まで）
============================================================================== */
.fv_ver202312 #mainimg .mvNight01 .nowTime{
	font-family: "DigitalNumbers";
	position: absolute;
    top: 31%;
    left: 31.3%;
    display: flex;
	align-items: center;
    justify-content: center;
    width: 14.4%;
    height: 15%;
    color: #fff100;
    font-size: clamp(16px, 2.6vw, 38px);
	letter-spacing: -3px;
}
.fv_ver202312 #mainimg .mvNight01 .nowTime .min{
	font-size: 0.75em;
}
.fv_ver202312 #mainimg .mvNight01 .bottomBox img.price{
	/*打消し用*/
	top: auto;
	left: auto;
	transform: translateX(0);
	width: fit-content;
	height: auto;
	position: unset;
}

@media screen and (min-width:768px) {
	.fv_ver202312 #mainimg .mvNight01 .text06{
		top: 12%;
		left: 47%;
		transform: translateX(0);
	}
	.fv_ver202312 #mainimg .mvNight01 .bottomBox{
		position: absolute;
		bottom: 8%;
		right: 16%;
		width: 53%;
	}
}
@media screen and (max-width:767px) {
	.fv_ver202312 #mainimg .mvNight01 .text06{
		top: 14vw;
	}
	.fv_ver202312 #mainimg .mvNight01 .nowTime{
		top: 34.8%;
		left: 23.8%;
		width: 26%;
		height: 7%;
		font-size: 5.3vw;
	}
	.fv_ver202312 #mainimg .mvNight01 .bottomBox img.price{
		margin: -.8em 0 -.5em;
	}
}

/* ==============================================================================
   night02 深夜・早朝帯（23時〜5時59分まで）
============================================================================== */
.fv_ver202312 #mainimg .mvNight02 #sec21 .block + p{
	margin-top: 0;
}
.fv_ver202312 #mainimg .mvNight02 .callcenter{
	position: absolute;
	display: flex;
	align-items: center;
    justify-content: center;
	font-weight: bold;
	color: var(--pink);
}
.fv_ver202312 #mainimg .mvNight02 .callcenter p{
	padding: 0;
}
.fv_ver202312 #mainimg .mvNight02 + #sec21 .block + p{
	padding-top: 0.5rem;
	margin: 0;
}
.fv_ver202312 #mainimg .mvNight02 .callcenter .num{
	font-size: 2em;
}
.fv_ver202312 #mainimg .mvNight02 .callcenter .txt_l{
	font-size: 1.5em;
}

@media screen and (min-width:768px) {
	.fv_ver202312 #mainimg .mvNight02 .text06{
		top: 8%;
		left: 35%;
		transform: translateX(0);
	}
	.fv_ver202312 #mainimg .mvNight02 .callcenter{
		top: 50%;
		right: 22%;
		width: 10.5%;
		height: 12%;
		font-size: clamp(14px, 1.4vw, 22px);
	}
}

@media screen and (max-width:767px) {
	.fv_ver202312 #mainimg .mvNight02 .callcenter{
		top: 26%;
		right: 8%;
		width: 18.2%;
		height: 6.8%;
		font-size: 3.5vw;
	}
	.fv_ver202312 #mainimg .mvNight02 #sec21,
	.fv_ver202312 #mainimg .mvNight02 + #sec21 p{
		padding: 0;
	}
}