@charset "utf-8";


.mv4-logo {
	position: absolute;
	padding: clamp(1.875rem, 0.321rem + 6.63vw, 5.625rem) 0 0 clamp(1.25rem, -0.563rem + 7.73vw, 5.625rem);
	z-index: 2;
}
.mv4-logo a {
	display: block;
}
.mv4-logo img {
	/* 375：125px、1280：210px */
	max-width: clamp(7.813rem, 5.611rem + 9.39vw, 13.125rem);
}

:root {
	--font-size-xl: clamp(1.188rem, 0.851rem + 1.44vw, 2rem);
	--font-size-l: clamp(1.063rem, 0.985rem + 0.33vw, 1.25rem);
	--font-size-m: clamp(0.813rem, 0.735rem + 0.33vw, 1rem);
	--font-size-s: clamp(0.75rem, 0.698rem + 0.22vw, 0.875rem);
}

.indent01 {
	padding-left: 1em;
	text-indent: -1em;
}
.indent02 {
	padding-left: 2em;
	text-indent: -2em;
}


#site-wrap::before {
	height: clamp(0.219rem, 0.05rem + 0.72vw, 0.625rem);
	left: 0;
	right: 0;
	top: clamp(0.938rem, 0.549rem + 1.66vw, 1.875rem);
	width: calc(100% - clamp(0.313rem, -0.335rem + 2.76vw, 1.875rem)* 2);
	margin: 0 auto;
}
/* 青枠 */
.site-wrap-border {
	position: relative;
}
#site-wrap::before,
#site-wrap::after,
.site-wrap-border::before,
.site-wrap-border::after {
	display: block;
	content: '';
	position: absolute;
	z-index: 10;
	background: #01acc6;
}
#site-wrap::before {
	/* 375：3.5px、1280：10px */
	height: clamp(0.219rem, 0.05rem + 0.72vw, 0.625rem);
	left: 0;
	right: 0;
	/* 375：15px、1280：30px */
	top: clamp(0.938rem, 0.549rem + 1.66vw, 1.875rem);
	/* 375：5px、1280：30px */
	width: calc(100% - clamp(0.313rem, -0.335rem + 2.76vw, 1.875rem) * 2);
	margin: 0 auto;
}
#site-wrap::after {
	/* 375：3.5px、1280：10px */
	width: clamp(0.219rem, 0.05rem + 0.72vw, 0.625rem);
	top: 0;
	/* 375：5px、1280：30px */
	right: clamp(0.313rem, -0.335rem + 2.76vw, 1.875rem);
	bottom: 0;
	/* 375：15px、1280：30px */
	height: calc(100% - clamp(0.938rem, 0.549rem + 1.66vw, 1.875rem) * 2);
	margin: auto 0;
}
.site-wrap-border::before {
	/* 375：3.5px、1280：10px */
	height: clamp(0.219rem, 0.05rem + 0.72vw, 0.625rem);
	right: 0;
	/* 375：15px、1280：30px */
	bottom: clamp(0.938rem, 0.549rem + 1.66vw, 1.875rem);
	left: 0;
	/* 375：5px、1280：30px */
	width: calc(100% - clamp(0.313rem, -0.335rem + 2.76vw, 1.875rem) * 2);
	margin: 0 auto;
}
.site-wrap-border::after {
	/* 375：3.5px、1280：10px */
	width: clamp(0.219rem, 0.05rem + 0.72vw, 0.625rem);
	top: 0;
	bottom: 0;
	/* 375：5px、1280：30px */
	left: clamp(0.313rem, -0.335rem + 2.76vw, 1.875rem);
	/* 375：15px、1280：30px */
	height: calc(100% - clamp(0.938rem, 0.549rem + 1.66vw, 1.875rem) * 2);
	margin: auto 0;
}
.footer-wrap {
	/* 375：80px、1280：120px ／ 375：40px、1280：60px*/
	padding: clamp(5rem, 3.964rem + 4.42vw, 7.5rem) 0 clamp(2.5rem, 1.982rem + 2.21vw, 3.75rem) 0;
}

.lower {
	position: relative;
}
.lower::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FDFDFC;
	z-index: -2;
}
/* コンテンツ */
.lower-wrap {
	position: relative;
	/* 375：90px、1280：120px */
	padding-top: clamp(5.625rem, 4.848rem + 3.31vw, 7.5rem);
}
.lower-wrap::before {
	content: '';
	position: absolute;
	/* 375：50px、1280：90px */
	top: clamp(3.125rem, 2.089rem + 4.42vw, 5.625rem);
	right: 0;
	left: 0;
	z-index: -1;
	width: 88%;
	height: 100%;
	margin: auto;
	background-position: top center;
	background-repeat: repeat-y;
}
@media (min-width: 835px) {
	.lower-wrap::before {
		max-width: 1680px;
		background-image: url("/img/common/lower-bg.webp");
	}
}
@media (max-width: 834.98px) {
	.lower-wrap::before {
		max-width: 700px;
		background-image: url("/img/common/lower-bg-sp.webp");
		background-size: contain;
	}
}
.inner-content-wrap {
	/* 375：90px、1280：180px */
	padding-bottom: clamp(5.625rem, 3.294rem + 9.94vw, 11.25rem);
}

#second {
	font-family: 'Zen Old Mincho', serif;
  font-weight: 500;
}


/* 見出し */
.section-heading {
	position: relative;
	z-index: 1;
	/* 375：40px、1280：90px */
	margin-bottom: clamp(2.5rem, 1.205rem + 5.52vw, 5.625rem);
	/* 375：32px、1280：48px */
	font-size: clamp(2rem, 1.586rem + 1.77vw, 3rem);
	font-weight: 900;
	letter-spacing: .1em;
	line-height: 1;
	text-align: center;
}
.section-heading-10th-img {
	text-align: center;
}
.section-heading-10th-img img {
	max-width: 250px;
}
.section-heading-10th-img.mini img {
	max-width: 200px;
}
.section-heading-img {
	text-align: center;
}
.section-heading-img img {
	max-width: 250px;
}
.section-heading-img.concert9th img {
	max-width: 400px;
}
@media (max-width: 834.98px) {
	.section-heading-10th-img img {
		width: 35%;
	}
	.section-heading-img img {
		width: 35%;
	}
	.section-heading-img.concert9th img {
		width: 45%;
	}

}

@media (max-width: 834.98px) {
	.section-heading {
		margin-top: .8em;
	}
}
@media (max-width: 834.98px) {
	.section-heading.long-title {
		margin-top: 1.1em;
		/* 375：45px、1280：90px */
		margin-bottom: clamp(2.813rem, 1.647rem + 4.97vw, 5.625rem);
		/* 375：26px、1280：48px */
		font-size: clamp(1.625rem, 1.314rem + 1.33vw, 2.375rem);
	}
}
.section-heading-deco {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	z-index: -1;
	transform: translateY(-42%);
	/* 375：120px、1280：200px */
	width: clamp(7.5rem, 5.428rem + 8.84vw, 12.5rem);
	margin: auto;
}
.section-heading span {
	display: block;
}
.section-heading-title {
	color: #2076DF;
	white-space: nowrap;
}
.inner-content-heading {
	padding-bottom: 1em;
	/* 375：20px、1280：32px */
	font-size: clamp(1.25rem, 0.939rem + 1.33vw, 2rem) ;
	font-weight: 900;
	text-align: center;
}
.inner-content-heading:nth-of-type(n+2) {
	/* 375：80px、1280：180px */
	padding-top: clamp(5rem, 2.41rem + 11.05vw, 11.25rem);
}
@media not (min-width: 835px) {
	.inner-content-heading {
		text-align: left;
	}
}

@media not (min-width: 835px) {
	.inner-content-heading .sub {
		padding-top: 10px;
	}
}
.inner-content-wrap .main-title {
	color: #2076DF;
	/* 375：24px、1280：48px */
	font-size: clamp(1.25rem, 0.939rem + 1.33vw, 2rem);
	font-weight: 900;
	padding-bottom: 1em;
	text-align: center;
}
@media (max-width: 834.98px){
	.inner-content-wrap .main-title {
		margin-top: 60px;
	}
}
@media (min-width: 835px) {
	.inner-content-wrap .main-title {
		padding-bottom: 50px;
		margin-top: 120px;
	}
}

/* inner-content */
.inner-content-wrap {
	width: 88%;
	margin: 0 auto;
}
@media (max-width: 834.98px) {
	.inner-content-wrap {
		width: 82%;
		max-width: 600px;
		margin-top: 40px;
	}
}
@media (min-width: 835px) {
	.inner-content-wrap {
		margin-top: 80px;
	}
}
.inner-content-title {
	padding-bottom: 50px;
	font-size: clamp(1.188rem, 1.058rem + 0.55vw, 1.5rem);
	font-weight: 900;
	text-align: center;
}
@media (min-width: 835px) {
	.onair-series .inner-content-heading {
			padding-bottom: 50px;
	}
}
.inner-content-heading:nth-of-type(n+2) {
	/* 375：80px、1280：180px */
	padding-top: clamp(5rem, 2.41rem + 11.05vw, 11.25rem);
}

@media (max-width: 834.98px) {
	.inner-content-title {
		padding-bottom: 1em;
	}
}

.inner-content-title:nth-of-type(n+2) {
	/* 375：45px、1280：90px */
	padding-top: clamp(2.813rem, 1.647rem + 4.97vw, 5.625rem);
}
@media (max-width: 834.98px) {
	.card-list-has-date .card-link-desc {
		padding-top: 1.25em;
	}
}


.second .inner-content-heading {
	color: #2076DF;
}
@media (min-width: 835px) {
	.second .inner-content-heading {
		padding-bottom: 50px;
	}
}
.second .inner-content-heading span {
	font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
	display: block;
	line-height: 1.8;
}
.second-sp-wp {
	max-width: 700px;
	margin: auto;
}
.second-sp-wp-img {
	max-width: 600px;
	margin: auto;
}
.second-sp-wp-img img:nth-child(n + 2) {
	margin-top: clamp(1.25rem, 1.019rem + 0.98vw, 2.188rem);
}
.second-sp-txt {
	font-size: var(--font-size-m);
	line-height: 1.8;
	margin-top: 20px;
}
.second-left .box-left {
	max-width: 700px;
	margin: auto;
	padding-left: clamp(1rem, 0.637rem + 1.55vw, 1.875rem);
}
.second-left .box-left .heading-txt {
	font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);
	color: #2076DF;
	font-weight: bold;
}

.second .inner-content-title {
	padding-top: clamp(2.813rem, 1.647rem + 4.97vw, 5.625rem);
	font-size: clamp(1.188rem, 1.058rem + 0.55vw, 1.5rem);
	font-weight: 900;
	padding-bottom: 0;
}
.second-left .box-left .inner-content-title {
	text-align: left;
	margin-left: -1em;
}
.second .inner-content-title span {
	position: relative;
	padding-left: clamp(1.563rem, 1.433rem + 0.55vw, 1.875rem);
	display: inline-block;
}
.second .inner-content-title span::before {
	content: "";
	position: absolute;
	background: url(/img/second-bass-clef.webp) no-repeat;
	width: clamp(0.813rem, 0.748rem + 0.28vw, 0.969rem);
	height: 59px;
	top: 11px;
	left: 5px;
	background-size: clamp(0.813rem, 0.748rem + 0.28vw, 0.969rem);
}


.text-link {
	color: rgb(1, 172, 198);
	text-decoration: underline;
}
.text-link:hover {
	text-decoration: none;
}
.second .note {
	font-size: var(--font-size-s);
	margin-top: 15px;
}

.inner-content-desc-btn-link.return {
	text-align: center;
}
.inner-content-desc-btn-link a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.2em;
	padding-top: 50px;
	color: #2076DF;
	border-radius: 9999px;
	font-size: var(--font-size-m);
	font-weight: 900;
}
.inner-content-desc-btn-link.return a {
	padding-top: clamp(2.813rem, 1.647rem + 4.97vw, 5.625rem);
}
.btn-text {
	margin-top: -.1em;
}
.btn {
	display: flex;
	align-items: center;
	gap: .5em;
	font-size: clamp(1.094rem, 0.977rem + 0.5vw, 1.375rem);
}
.arrow {
	font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 24;
}
.arrow {
	padding: .65em;
	background: #fff100;
	color: #2076DF;
	border-radius: 50%;
	font-size: clamp(1.094rem, 0.977rem + 0.5vw, 1.375rem);
}
.inner-content-desc-btn-link a .arrow {
	margin-left: .3em;
}





.img-box {
	margin: 10px 0;

}
.ma-top {
	margin-top: 20px;
}
.box-left .box-list {
	margin-bottom: 30px;
}
.box-left .box-list:last-child {
	margin-bottom: 0;
}
.box-left .list01 li {
	margin-bottom: 10px;
}
.box-left .list01 li:first-child {
	margin-bottom: 0;
}
.link-color {
	color: #2076DF;
	text-decoration: underline;
}
.link-color:hover {
	text-decoration: none;
}



@media (min-width: 835px) {
	.inner-content-row {
		display: flex;
		gap: clamp(2.5rem, 2.424rem + 0.32vw, 2.813rem);
	}
	.inner-content-left, .inner-content-right {
		width: 46.5%;
	}
}


.inner-content-right img {
	max-width: 500px;
	width: 100%;
}

.txt-cancel {
	text-decoration: line-through;
	color: #ccc;
}
.txt-cancel a {
	pointer-events: none;
	color: #ccc;
}


.inner-content-color-box {
	background-color: #E6F0FC;
	max-width: 800px;
	margin: 20px auto 0;
	padding: 30px;
}
@media (max-width: 834.98px) {
	.inner-content-color-box {
		padding: 15px;
		margin: 10px auto 0;
	}
}
.inner-content-color-box a {
	color: #01ACC6;
	text-decoration: underline;
}
.inner-content-color-box a:hover {
	text-decoration: none;
}


.movie-link {
	display: block;
	position: relative;
	width: 100%;
	max-width: 600px;
	margin: auto;
	margin-top: clamp(1.25rem, 1.019rem + 0.98vw, 2.188rem);
}
.movie-link::before {
	content: "";
	position: absolute;
	/* 835：80px、1280：135px */
	width: 25%;
	height: 45%;
	max-width: 135px;
	max-height: 135px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #FFF894;
	opacity: .9;
	border-radius: 50%;
	transition: .45s cubic-bezier(.39,.58,.57,1);
}
@media (max-width: 834.98px) {
	.movie-link::before {
		/* 835：80px、1280：135px */
		width: clamp(5rem, -1.45rem + 12.36vw, 8.438rem);
		height: clamp(5rem, -1.45rem + 12.36vw, 8.438rem);
	}
}
.movie-link::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 8px;
	margin: auto;
	border-style: solid;
	border-width: 19px 0 19px 30px;
	border-color: transparent;
	transition: .45s cubic-bezier(.39,.58,.57,1);
	border-left-color: #009fe8;
}
@media (max-width: 834.98px) {
	.movie-link::after {
		/* 835：10px、1280：19px／835：15px、1280：30px */
		border-width: clamp(0.625rem, -0.43rem + 2.02vw, 1.188rem) 0 clamp(0.625rem, -0.43rem + 2.02vw, 1.188rem) clamp(0.938rem, -0.822rem + 3.37vw, 1.875rem);
	}
}
.movie-min-box {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	width: 100%;
	max-width: 600px;
	margin: auto;
}
.movie-min-box .movie-link {
	outline: 1px solid #dddddd;
	outline-offset: 0px;
}
.movie-min-box .movie-link::before {
	max-width: 60px;
	max-height: 60px;
}
.movie-min-box .movie-link::after {
	border-width: 9px 0 9px 15px;
}

@media not (min-width: 835px) {
	.movie-min-box .movie-link::before {
		max-width: 40px;
		max-height: 40px;
	}
	.movie-min-box .movie-link::after {
		border-width: 7px 0 7px 12px;
		left: 3px;
	}
}
.mfp-close {
	font-size: 60px;
}
.mfp-close-btn-in .mfp-close {
	color: #FFF894;
}
.mfp-iframe-holder .mfp-close {
	top: -40px;
}

.box-left .novelty-img {
	max-width: 500px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 3px;
}
.box-left .novelty-img.top {
	margin-top: 0;
}
@media (min-width: 835px) {
	.box-left .novelty-img {
		max-width: 300px;
		margin-top: 30px;
	}
}

.anniversary-list {
	width: 90%;
	max-width: 500px;
	margin: auto;
}
.anniversary-list a {
	display: block;
}

@media (min-width: 835px) {
	.anniversary-list a {
		margin-bottom: 60px;
	}
}
@media (max-width: 834.98px) {
	.anniversary-list a {
		margin-bottom: 30px;
	}
}

.bg-cl {
	background-color: #E6F0FC;
}
.wi-800 {
	max-width: 750px;
	margin: 20px auto 0;
	padding: 30px;
}
/* goods-box */
.goods-box .goods-list {
	display: grid;
	justify-content: center;
	column-gap: clamp(0.625rem, -0.227rem + 3.64vw, 2.5rem);
	row-gap: clamp(3.125rem, 2.51rem + 2.62vw, 5.625rem);
	margin: 0 auto;
	padding-top: 30px;
}
@media (max-width: 834.98px) {
	.goods-box .goods-list {
		grid-template-columns: 50% 50%;
		padding-top: 10px;
	}
}
@media (min-width: 835px) {
	.goods-box .goods-list {
		grid-template-columns: repeat(auto-fill, clamp(10.625rem, 5.511rem + 21.82vw, 21.875rem));
		max-width: 1300px;
	}
}
.goods-box .goods-title {
	padding: 1em 0 .5em;
	color: #2076DF;
	font-size: var(--font-size-l);
	font-weight: 700;
}
.goods-box .goods-desc-wrap {
	font-size: var(--font-size-m);
}

.goods-box-note {
	font-size: var(--font-size-m);
	margin-top: 15px;
	color: #ff0000;
	}

@media (min-width: 835px) {
	.goods-box-note {
		text-align: center;
		padding-left: 0;
    text-indent: 0;
	}
}

.concert9th-cd-priv {
	padding: .3em 0;
}
@media (min-width: 835px) {
	.concert9th-cd-priv {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
}
@media not (min-width: 835px) {
	.concert9th-cd-priv img:first-child {
		margin-bottom: 10px;
	}
}

.important {
	margin: 30px auto 0;
	border: #ff0000 1px solid;
	padding: 10px;
	font-size: clamp(0.875rem, 0.64rem + 0.45vw, 1rem);
	max-width: 700px;
	width: 100%;
}
.important a {
	display: block;
}
@media (min-width: 835px) {
	.important {
		transition: .3s ease-out;
		margin: 50px auto 0;
	}
	.important:hover {
		opacity: .6;
	}
}