@charset "utf-8";

.mv4-logo {
	position: absolute;
	padding: 20px;
	z-index: 2;
	top: 0;
}
.mv4-logo a {
	display: block;
}
.mv4-logo img {
	/* 375：125px、1280：210px */
	max-width: clamp(7.813rem, 5.611rem + 9.39vw, 13.125rem);
}
:root {
	--color01: #01acc6;
	--color02: #fff830;
}
#site-wrap::before {
	content: '';
	position: absolute;
	z-index: -1;
	height: 100%;
	width: 100%;
	background: #f2fafa;
}
/* url(/img/mv4r/lower/lower-mv4-bg.webp) */

.lower-head {
	position: relative;
	/* 500：80px、1280：170px */
	padding-bottom: clamp(5rem, 1.394rem + 11.54vw, 10.625rem);
}
.head-img {
	/* 500：100px、1280：160px */
	margin-top: clamp(6.25rem, 3.846rem + 7.69vw, 10rem);
	position: relative;
	width: 100%;
	/* 835：200px、1280：280px */
	height: clamp(12.5rem, 3.118rem + 17.98vw, 17.5rem);
	max-height: 280px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center center;
}
.head-img::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(/img/mv4r/lower/filter.webp) repeat center;
	z-index: 1;
}
.head-img.img1 {background-image: url(/img/mv4r/lower/head-img01.webp);}
.head-img.img2 {background-image: url(/img/mv4r/lower/head-img02.webp);}
.head-img.img3 {background-image: url(/img/mv4r/lower/head-img03.webp);}
.head-img.img4 {background-image: url(/img/mv4r/lower/head-img04.webp);}
.head-img.img5 {background-image: url(/img/mv4r/lower/head-img05.webp);}
.head-img.img6 {background-image: url(/img/mv4r/lower/head-img06.webp);}
.head-img.img7 {background-image: url(/img/mv4r/lower/head-img07.webp);}
.head-img.img8 {background-image: url(/img/mv4r/lower/head-img08.webp);}
.head-img.img9 {background-image: url(/img/mv4r/lower/head-img09.webp);}
.head-img.img10 {background-image: url(/img/mv4r/lower/head-img10.webp);}

@media (min-width: 835px) {
	.head-img {
		/* 835：355px、1440：600px */
		background-size: auto clamp(22.188rem, 1.054rem + 40.5vw, 37.5rem);
	}
}
@media (min-width: 1440px) {
	.head-img {
		background-size: cover;
	}
}
@media not (min-width: 835px) {
	.head-img {
		/* 500：220px、8350：350px */
		background-size: auto clamp(13.75rem, 1.623rem + 38.81vw, 21.875rem);
	}
}
@media not (min-width: 600px) {
	.head-img {
		/* background-size: auto 100%; */
	}
}
.lower-head .main-title {
	/* 835：65px、1280：120px */
	font-size: clamp(4.063rem, -2.388rem + 12.36vw, 7.5rem);
	text-align: center;
	line-height: 1;
	font-weight: 600;
	position: absolute;
	overflow: hidden;
	color: var(--color01);
	left: 0;
	right: 0;
	transform: translateY(-40%);
	z-index: 1;
}
.lower-head .main-title .intro-itile-sp {
	line-height: 1;
	overflow: hidden;
}
.lower-head .main-title p {
	align-items: center;
	display: flex;
	justify-content: center;
}
.lower-head .main-title .sm {
	/* 835：38px、1280：60px */
	font-size: clamp(2.375rem, -0.205rem + 4.94vw, 3.75rem);
	display: inline-block;
	transform: translateY(-20%);
}
@media not (min-width: 835px) {
	.lower-head .main-title {
		font-weight: 700;
	}
}
@media (min-width: 835px) {
	.title-in.flex {
		display: flex;
		justify-content: center;
	}
}
.title-in span {
	opacity: 0;
	position: relative;
	display: inline-block;
	transform: translateY(100%);
	transition: .3s ease-out;
}
.title-in span.on {
	opacity: 1;
	transform: translateY(0%);
}

.lower-section {
	/* 500：50px、1280：100px */
	margin: 0 auto clamp(3.125rem, 1.122rem + 6.41vw, 6.25rem);
}

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Site Contents     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
.lower-navi {
	width: 90%;
	margin: auto;
}
.lower-navi ul {
	/* 500：40px、1280：80px */
	margin-bottom: clamp(2.5rem, 0.897rem + 5.13vw, 5rem);
}
.lower-navi ul li {
	text-align: center;
}
.lower-navi ul li a {
	width: 100%;
	display: inline-block;
	border: 2px solid #111;
	/* 835：14px、1280：18px */
	font-size: clamp(0.875rem, 0.406rem + 0.9vw, 1.125rem);
	line-height: 1;
	padding: 10px 0;
}
@media (min-width: 835px) {
	.lower-navi ul {
		display: flex;
		justify-content: center;
		gap: 60px;
	}
	.lower-navi ul li a {
		width: 140px;
	}
}
@media not (min-width: 835px) {
	.lower-navi ul li {
		margin-bottom: 10px;
	}
}
.lower-box {
	color: #111111;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	/* 500：40px、1280：80px */
	margin-bottom: clamp(2.5rem, 0.897rem + 5.13vw, 5rem);
	/* 500：40px、1280：80px */
	padding: clamp(2.5rem, 0.897rem + 5.13vw, 5rem) 0 0;
	background-color: #fff;
}
.lower-title {
	background-color: var(--color01);
	color: #fff;
	text-align: center;
	/* 835：17px、1280：24px */
	font-size: clamp(1.063rem, 0.242rem + 1.57vw, 1.5rem);
	font-weight: 800;
	padding: 10px 0;
	width: 90%;
	max-width: 1080px;
	margin: auto;
}
.lower-box.sub .item {
	border-bottom: 1px solid rgba(17, 17, 17, .5);
}
.lower-box.sub .item:last-child {
	border-bottom: none;
}
.lower-box .item {
	width: 90%;
	max-width: 1080px;
	margin: auto;
	font-weight: 600;
/* 500：40px、1280：60px */
	padding: clamp(2.5rem, 1.699rem + 2.56vw, 3.75rem) 0;
}

@media (min-width: 835px) {
	.lower-box {
		width: 90%;
	}
	.lower-box .item {
		display: flex;
		gap: 50px;
		padding: 60px 0 80px;
	}
	.lower-box .item .left {
		width: 50%;
	}
	.lower-box .item .right {
		width: 50%;
	}
}
@media not (min-width: 835px) {
	.lower-box .item .left {
		text-align: center;
	}
	.lower-box .item .right {
		padding-top: 40px;
	}
}
.lower-box .details {
	margin-bottom: 25px;
}
.lower-box .mab30 {
		margin-bottom: 15px;
	}
.lower-box .details li {
	display: flex;
	/* 835：14px、1280：16px */
	font-size: clamp(0.875rem, 0.64rem + 0.45vw, 1rem);
	margin-bottom: 10px;
	line-height: 1.6;
}
.lower-box .details li .main {
	width: 18%;
	min-width: 90px;
	font-weight: 800;
}
.lower-box .details li .txt {
	width: 82%;
	font-weight: 500;
}
.lower-box .details li .txt div {
	margin-bottom: 10px;
}
.lower-box .note {
	/* 835：12px、1280：13px */
	font-size: clamp(0.75rem, 0.633rem + 0.22vw, 0.813rem);
	line-height: 1.6;
	font-weight: 400;
}

@media (min-width: 835px) {
	.lower-box .details {
		margin-bottom: 50px;
	}
	.lower-box .mab30 {
		margin-bottom: 30px;
	}
}
.lower-box .right .main-txt {
	margin-bottom: 30px;
}
.lower-box .item-title {
	color: var(--color01);
	line-height: 1;
	margin-bottom: 15px;
}
@media (min-width: 835px) {
	.lower-box .item-title {
		margin-bottom: 30px;
	}
}
.lower-box .item-title .txt {
	/* 835：30px、1280：48px */
	font-size: clamp(1.875rem, -0.236rem + 4.04vw, 3rem);
}
.lower-box .item-title .sub-txt {
	/* 835：18px、1280：24px */
	font-size: clamp(1.125rem, 0.421rem + 1.35vw, 1.5rem);
	margin-top: 10px;
}
.lower-box .bt-box {
	width: 90%;
	max-width: 1080px;
	margin: auto;
	padding-bottom: 30px;
	font-weight: 500;
	line-height: 1.6;
	/* 835：14px、1280：16px */
	font-size: clamp(0.875rem, 0.64rem + 0.45vw, 1rem);
}
@media (min-width: 835px) {
	.lower-box .bt-box {
		line-height: 1.8;
	}
}
@media (min-width: 835px) {
	.lower-box .bt-box {
		padding-bottom: 80px;
	}
}
.lower-box .bt-box .title {
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 1.4;
}
@media (min-width: 835px) {
	.lower-box .bt-box .title {
		margin-bottom: 30px;
		line-height: 1;
	}
}
.lower-box .bt-box .bg {
	background-color: #ffffe5;
	/* 835：12px、1280：13px */
	font-size: clamp(0.75rem, 0.633rem + 0.22vw, 0.813rem);
}
.lower-box .bt-box .bg .warp {
	width: 90%;
	margin: 15px auto;
	padding: 15px 0;
}
@media (min-width: 835px) {
	.lower-box .bt-box .bg .warp {
		width: 95%;
		margin: 30px auto;
		padding: 30px 0;
	}
}
.lower-box .bt-box .note {
	margin-top: 5px;
}
@media (min-width: 835px) {
	.lower-box .bt-box .note {
		margin-top: 10px;
	}
}
.lower-box .item-title {
	font-weight: 700;
}
.button-box div {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 10px;
}
@media (min-width: 835px) {
	.lower-box .item-title {
		gap: 30px;
		margin-bottom: 20px;
	}
}
.button-box.cart a {
	background-color: var(--color01);
	color: #fff;
	display: inline-flex;
	border-radius: 3px;
	padding: 6px 10px;
	/* 835：13px、1280：15px */
	font-size: clamp(0.813rem, 0.578rem + 0.45vw, 0.938rem);
}
@media (min-width: 835px) {
	.button-box.cart a {
		border-radius: 6px;
		padding: 8px 15px;
	}
}
.button-box.cart a svg {
	width: 17px;
	height: 17px;
}
@media (min-width: 835px) {
	.button-box.cart a svg {
		width: 20px;
		height: 20px;
	}
}
.button-box.cart a svg path {
	fill: var(--color02);
}
.button-box.cart a .mar {
	margin-right: 5px;
}
@media (min-width: 835px) {
	.button-box.cart a .mar {
		margin-right: 10px;
	}
}
.button-box.cart .note li {
	position: relative;
	top: 25%;
}
.lower-box .sub-title .title {
	/* 835：14px、1280：16px */
	font-size: clamp(0.875rem, 0.64rem + 0.45vw, 1rem);
	color: var(--color01);
	border-bottom: 1px solid var(--color01);
	margin-bottom: 10px;
	padding-bottom: 3px;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- チケット +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-*/
.ticket {
	
}
.ticket .sub-title {
	/* 835：18px、1280：24px */
	font-size: clamp(1rem, 0.531rem + 0.9vw, 1.25rem);
	font-weight: bold;
	text-align: center;
	padding-top: 30px;
}
@media (min-width: 835px) {
	.ticket .sub-title {
		padding-top: 60px;
	}
}

#mvtk-widgets-container {
	margin: auto;
}

@media not (min-width: 835px) {
	.ticket .item.widgets {
		display: flex;
		flex-direction: column-reverse;
	}
}

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- 音楽 +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-*/
.music-movie .movie-link {
	width: 100%;
	max-width: 510px;
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- ムービー +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-*/
.movie {
	width: 90%;
	max-width: 500px;
}
.movie .list .item {
	width: 100%;
}
@media (min-width: 835px) {
	.movie {
		max-width: 1200px;
	}
	.movie .list {
		display: grid;
		gap: 50px 28px;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.movie .list .item {
		max-width: 380px;
	}
}
@media not (min-width: 835px) {
	.movie .list .item {
		margin-bottom: 30px;
	}
}

.movie-link {
	display: inline-block;
	position: relative;
}
.movie-link::before {
	content: "";
	position: absolute;
	width: 50%;
	height: 50%;
	/* 500：50px、1280：116px */
	max-width: clamp(3.125rem, 0.481rem + 8.46vw, 7.25rem);
	max-height: clamp(3.125rem, 0.481rem + 8.46vw, 7.25rem);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border: 2px solid var(--color01);
	border-radius: 50%;
	transition: .45s cubic-bezier(.39,.58,.57,1);
}
.movie-link::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 1%;
	margin: auto;
	border-style: solid;
	/* 500：10px、1280：22px *//* 500：13px、1280：35px */
	border-width: clamp(0.625rem, 0.144rem + 1.54vw, 1.375rem) 0 clamp(0.625rem, 0.144rem + 1.54vw, 1.375rem) clamp(0.813rem, -0.069rem + 2.82vw, 2.188rem);
	border-color: transparent;
	transition: .45s cubic-bezier(.39,.58,.57,1);
	border-left-color: var(--color01);
}
@media (min-width: 835px) {
	.movie-link::before {
		/* 835：80px、1280：135px */
		width: 25%;
		height: 45%;
		border: 4px solid var(--color01);
	}
	.movie-link::after {
		left: 2.5%;
	}
}
.movie .list .item p {
	/* 835：14px、1280：16px */
	font-size: clamp(0.875rem, 0.64rem + 0.45vw, 1rem);
	margin-top: 5px;
	font-weight: 400;
}
@media (min-width: 835px) {
	.movie .list .item p {
		margin-top: 15px;
	}
}
/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- フッター +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-*/
.footer-wrap {
	background: #01acc6 url(/img/mv4r/sound-euphonium.webp);
	background-repeat: no-repeat;
	background-position: 55% -3vw;
	background-size: 107%;
	color: #111111;
}
.footer-copyright {
	font-weight: 600;
}
@media (min-width: 835px) {
	.footer-wrap {
		background-position: 103% -3.5vw;
		background-size: 50%;
	}
}
@media not (min-width: 835px) {
}