@import url("keyframes.css");
@import url("common.css");
@import url("sns_icons.css");
@import url("timetable.css");
@import url("artist.css");
@import url("panel.css");
@import url("release.css");
@import url("lightbox.css");


/*	info (egc)
============================== */

div.info {
}
div.info > article {
	text-align:left;
	background-color:hsla(0,0%,100%,0.95);
}
div.info > article h2, div.info > article dl dt, div.info > article dl dd {
	line-height:1.5;
}
div.info > article h2, div.info > article dl dt {
}
div.info > article h2 {
	border-style:solid;
	border-color: #aa3cd2;
	margin-bottom:0.75em;
}
div.info > article dl dt {
	color: #aa3cd2;;
	margin-bottom:0.25em;
}
@media all and (min-width: 1200px) {
div.info > article {
	max-width:1200px;
	margin:0 auto;
}
}
@media all and (min-width: 992px) and (max-width: 1199.98px) {
div.info > article {
	margin:0 30px;
}
}
@media all and (min-width: 992px) {
div.info {
	padding-top:80px;
}
div.info > article {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:40px;
}
div.info > article dl dd:not(:last-child) {
	margin-bottom:40px;
}
div.info > article h2 {
	font-size:150%;
	margin-left:-40px;
	padding-left:10px;
	border-left-width:30px;
}
div.info > article dl dt, div.info > article dl dd {
	font-size:112.5%;
}
}
@media all and (max-width: 991.98px) {
div.info {
	padding:0 3.125vw;
	padding-top:40px;
}
div.info > article {
	padding:6.25vw;
}
div.info > article dl dd:not(:last-child) {
	margin-bottom:20px;
}
div.info > article h2 {
	font-size:100%;
	margin-left:-6.25vw;
	padding-left:1.75vw;
	border-left-width:4.5vw;
}
div.info > article dl dt, div.info > article dl dd {
	font-size:87.5%;
}
}



/*	.header
============================== */
/* kv */
div.header header {
	text-align:left;
}
div.header header > h1 span, div.header header > h1 a {
	display:block;
}
div.header header > h1 > span,
div.header header > h1 > a {
	position:relative;
	height:0;
	padding-top: -webkit-calc(9 / 16 * 100%);
	padding-top: calc(9 / 16 * 100%);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
div.header header > h1 > .lazy-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
}
div.header header > h1 > span > span,
div.header header > h1 > a > span {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 1200px) {
div.header header {
	max-width:1200px;
	margin:0 auto;
}
}
@media all and (min-width: 992px) and (max-width: 1199.98px) {
}
@media all and (min-width: 992px) {
div.header {
	padding-top:40px;
}
div.header header > h1 {
}
div.header header > h1 > .lazy-done {
/*	box-shadow:2px 3px 8px hsla(24,31%,69%,1); */
}
}
@media all and (max-width: 991.98px) {
div.header {
}
div.header header > h1 {
}
}




/*	.unit
============================== */
div.unit {
	position:relative;
}
div.unit:after {
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	top:0;
	right:0;
	bottom:0;
	left:0;
	/**/
	transform : skewY(-7.5deg);
	/**/
}
div.calendar:after {
	background-image: -webkit-gradient(linear, right top, left bottom, from(hsla(22,100%,50%,1)), to(hsla(22,100%,50%,0.8)));
	background-image: linear-gradient(-135deg, hsla(22,100%,50%,1), hsla(22,100%,50%,0.8));
}
div.timetable:after {
	background-image: -webkit-gradient(linear, right top, left bottom, from(hsla(38,100%,48%,1)), to(hsla(38,100%,48%,0.8)));
	background-image: linear-gradient(-135deg, hsla(38,100%,48%,1), hsla(38,100%,48%,0.8));
}
div.artist:after {
	background-image: -webkit-gradient(linear, right top, left bottom, from(hsla(220,100%,81%,1)), to(hsla(220,100%,81%,0.8)));
	background-image: linear-gradient(-135deg, hsla(220,100%,81%,1), hsla(220,100%,81%,0.8));
}
div.tbs-topics:after {
	background-image: -webkit-gradient(linear, right top, left bottom, from(hsla(192,100%,49%,1)), to(hsla(192,100%,49%,0.8)));
	background-image: linear-gradient(-135deg, hsla(192,100%,49%,1), hsla(192,100%,49%,0.8));
}
div.sns-share:after {
	background-image: -webkit-gradient(linear, right top, left bottom, from(hsla(0,100%,100%,1)), to(hsla(0,100%,100%,0.8)));
	background-image: linear-gradient(-135deg, hsla(0,100%,100%,1), hsla(0,100%,100%,0.8));
}
div.release:after, div.event:after {
	background-image: -webkit-gradient(linear, right top, left bottom, from(hsla(192,100%,49%,1)), to(hsla(0,100%,100%,0.9)));
	background-image: linear-gradient(-135deg, hsla(192,100%,49%,1), hsla(0,100%,100%,0.9));
}
div.header, div.info > article,
div.calendar > aside, div.sns-share > aside,
div.unit > article,
div.tbsv9_banner_w,
body.timetable div.lb-inner > article {
	position:relative;
	z-index:2;
}
@media all and (min-width: 1200px) {
div.unit > article {
	max-width:1200px;
	margin:0 auto;
}
}
@media all and (min-width: 992px) and (max-width: 1199.98px) {
div.unit > article {
	margin:0 30px;
}
}
@media all and (min-width: 992px) {
div.unit {
	padding:80px 0;
}
}
@media all and (max-width: 991.98px) {
div.unit {
	padding:40px 0;
}
div.unit > article {
	margin:0 3.125vw;
}
}

/*	.unit article
============================== */
div.unit > article {
	text-align:left;
}
div.unit > article > header,
div.lb-inner > article > header {
	display:flex;
	justify-content:center;
	align-items:center;
}
div.unit > article > header:before,
div.lb-inner > article > header:before {
	content:"";
	display:block;
	background-image:url(../img/logo.png);
	background-size:cover;
	background-repeat:no-repeat;
}
div.unit > article > header h2,
div.lb-inner > article > header h2 {
	display:flex;
	flex-direction:column;
	line-height:1.25;
	text-align:center;
}
div.unit > article > header h2:before,
div.lb-inner > article > header h2:before {
	font-weight:900;
	color:#000;
}
div.timetable > article > header h2:before,
div.lb-inner > article > header h2:before {
	content:"TIMETABLE";
}
div.artist > article > header h2:before {
	content:"ARTIST";
}
div.release > article > header h2:before,
div.tbs-topics > article > header h2:before {
	content:"TOPICS";
}
div.event > article > header h2:before {
	content:"EVENT";
}
div.unit > article > header h2 > span,
div.lb-inner > article > header h2 > span {
	color:#fff;
}
@media all and (min-width: 992px) {
div.unit > article > header:before,
div.lb-inner > article > header:before {
	width:100px;
	height:100px;
	margin-right:20px;
}
div.unit > article > header h2:before,
div.lb-inner > article > header h2:before {
	font-size:350%;
}
div.unit > article > header,
div.lb-inner > article > header {
	padding-bottom:40px;
}
div.unit > article > header h2 > span,
div.lb-inner > article > header h2 > span {
	font-size:150%;
}
}
@media all and (max-width: 991.98px) {
div.unit > article > header:before,
div.lb-inner > article > header:before {
	width:64px;
	height:64px;
	margin-right:3.125vw;
}
div.unit > article > header h2:before,
div.lb-inner > article > header h2:before {
	font-size:8vw;
}
div.unit > article > header,
div.lb-inner > article > header {
	padding-bottom:20px;
}
}


/*	.artist
============================== */
div.unit > article > .inner {
}
div.unit > article > .inner > h3 {
	display:flex;
	justify-content:center;
	align-items:center;
}
div.unit > article > .inner > h3 > span {
	line-height:1.5;
}
div.unit > article > .inner > h3:after {
	content:"";
	display:block;
	background-image:url(../img/kokorohibike.png);
	background-size:cover;
	background-repeat:no-repeat;
}
div.unit > article > .inner p.txt {
	text-align:center;
	line-height:1.5;
}
div.unit > article > .inner > .inner-inner {
}
@media all and (min-width: 992px) {
div.unit > article > .inner > h3 {
	padding:40px 0;
}
div.unit > article > .inner > h3 > span {
	font-size:225%;
}
div.unit > article > .inner > h3:after {
	width:100px;
	height:75px;
	margin-left:20px;
}
div.unit > article > .inner:not(:last-child) {
	margin-bottom:80px;
}
div.unit > article > .inner p.txt {
	font-size:150%;
}
div.unit > article > .inner > .inner-inner {
	display:flex;
	flex-direction:column;
	align-items:center;
}
div.unit > article > .inner > .inner-inner dl {
	text-align:center;
}
}
@media all and (max-width: 991.98px) {
div.unit > article > .inner > h3 {
	padding:20px 0;
}
div.unit > article > .inner > h3 > span {
	font-size:5vw;
}
div.unit > article > .inner > h3:after {
	width:64px;
	height:48px;
	margin-left:3.125vw;
}
div.unit > article > .inner:not(:last-child) {
	margin-bottom:40px;
}
div.unit > article > .inner p.txt {
	font-size:100%;
}
}



div.artist article div.copy p {
	font-weight:700;
	text-align:center;
	line-height:1.5;
}
div.artist article div.copy p span {
	color:#3c00a0;
}
div.artist article div.copy p b {
	color:#ff001e;
}
div.artist article div.copy p:not(:last-child) {
	margin-bottom:1.5em;
}
div.artist article div.copy p > span,
div.artist article div.copy p > b {
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.5, transparent), color-stop(0.5, hsla(0,100%,100%,.25)), to(hsla(0,100%,100%,.25)));
	background-image: linear-gradient(transparent 50%, hsla(0,100%,100%,.25) 50%);
}
@media all and (min-width: 992px) {
div.artist article div.copy {
	margin-bottom:60px;
}
div.artist article div.copy p {
	font-size:175%;
}
}
@media all and (max-width: 991.98px) {
div.artist article div.copy {
	margin-bottom:30px;
}
div.artist article div.copy p {
	font-size:125%;
}
}



div.artist article .inner section.unit-h4 {
	display:flex;
	flex-direction:column;
	align-items:center;
}
div.artist article .inner section.unit-h4 div.header-h4 {
	margin-bottom:1.5em;
}
div.artist article .inner section.unit-h4 h4 {
	text-align:center;
	margin-bottom:0.25em;
}
div.artist article .inner section.unit-h4 h4 span {
	display:inline-block;
	padding-bottom:0.25em;
	border-bottom:2px solid #ff001e;
}
div.artist article .inner section.unit-h4 ul {
	list-style-type:disc;
	margin-left:1.25em;
}
div.artist article .inner section.unit-h4 ul:not(:last-child),
div.artist article .inner section.unit-h4 dl:not(:last-child) {
	margin-bottom:1.5em;
}
div.artist article .inner section.unit-h4 ul li,
div.artist article .inner section.unit-h4 dl dt, div.artist article .inner section.unit-h4 dl dd {
	line-height:1.5;
}
div.artist article .inner section.unit-h4 ul li:not(:last-child) {
	margin-bottom:0.25em;
}
div.artist article .inner section.unit-h4 dl dd:not(:last-child) {
	margin-bottom:0.75em;
}
div.artist article .inner section.unit-h4 dl dt {
	color:#3c00a0;
}
@media all and (min-width: 992px) {
div.artist article .inner section.unit-h4:not(:last-child) {
	margin-bottom:40px;
}
div.artist article .inner section.unit-h4 h4 {
	font-size:175%;
}
div.artist article .inner section.unit-h4 dl {
	text-align:center;
}
div.artist article .inner section.unit-h4 ul li,
div.artist article .inner section.unit-h4 dl dt, div.artist article .inner section.unit-h4 dl dd {
	font-size:150%;
}
}
@media all and (max-width: 991.98px) {
div.artist article .inner section.unit-h4:not(:last-child) {
	margin-bottom:20px;
}
div.artist article .inner section.unit-h4 h4 {
	font-size:112.5%;
}
div.artist article .inner section.unit-h4 ul li,
div.artist article .inner section.unit-h4 dl dt, div.artist article .inner section.unit-h4 dl dd {
	font-size:100%;
}
}


div.unit > article > .inner > .inner-inner dl:not(:last-child) {
	margin-bottom:0.5em;
}
div.unit > article > .inner > .inner-inner dl dt, div.unit > article > .inner > .inner-inner dl dd {
	line-height:1.5;
}
div.unit > article > .inner > .inner-inner dl dt {
	color:#ff001e;
}
div.unit > article > .inner > .inner-inner dl dd:not(:last-child) {
	margin-bottom:0.5em;
}
@media all and (min-width: 992px) {
div.unit > article > .inner > .inner-inner:not(:last-child) {
	margin-bottom:40px;
}
div.unit > article > .inner > .inner-inner dl dt, div.unit > article > .inner > .inner-inner dl dd {
	font-size:125%;
}
}
@media all and (max-width: 991.98px) {
div.unit > article > .inner > .inner-inner:not(:last-child) {
	margin-bottom:20px;
}
div.unit > article > .inner > .inner-inner dl dt, div.unit > article > .inner > .inner-inner dl dd {
	font-size:100%;
}
}




div.artist p.p-topic {
	text-align:center;
}
div.artist p.p-topic a {
	text-decoration:none;
	color:#000;
}
div.artist p.p-topic a > span {
}
div.artist p.p-topic a > span.txt {
	display:block;
	line-height:1.5;
	margin-bottom:0.25em;
}
div.artist p.p-topic a > span.txt > span {
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.5, transparent), color-stop(0.5, hsla(0,100%,100%,.25)), to(hsla(0,100%,100%,.25)));
	background-image: linear-gradient(transparent 50%, hsla(0,100%,100%,.25) 50%);
}
div.artist p.p-topic a > span.btn {
	display:inline-block;
	color:#fff;
	line-height:1.25;
	padding:0.25em 1em;
	background-color:#c00;
	border-radius:30px 30px;
}
div.artist section.inner-h4 {
	background-color:hsla(216,62%,67%,0.5);
}
div.artist section.inner-h4 > h4 {
	color:#fff;
	text-align:center;
	line-height:1.5;
	margin-bottom:0.5em;
}
@media all and (min-width: 992px) {
div.artist p.p-topic {
	margin-bottom:40px;
}
div.artist p.p-topic a > span.txt {
	font-size:175%;
}
div.artist p.p-topic a > span.btn {
	font-size:112.5%;
}
div.artist section.inner-h4 {
	padding:20px;
}
div.artist section.inner-h4:not(:last-child) {
	margin-bottom:20px;
}
div.artist section.inner-h4 > h4 {
	font-size:175%;
}
}
@media all and (max-width: 991.98px) {
div.artist p.p-topic {
	margin-bottom:20px;
}
div.artist p.p-topic a > span.txt {
	font-size:125%;
}
div.artist p.p-topic a > span.btn {
	font-size:87.5%;
}
div.artist section.inner-h4 {
	padding:3.125vw;
}
div.artist section.inner-h4:not(:last-child) {
	margin-bottom:3.125vw;
}
div.artist section.inner-h4 > h4 {
	font-size:112.5%;
}
}



/*	.bnr
============================== */
div.bnr > aside, div.bnr > nav, div.bnr-header > nav {
	text-align:left;
	position:relative;
	z-index:1;
	/* background-color:hsla(0,100%,100%,.5); */
}
div.bnr ul li a, div.bnr ul li span, div.bnr-header ul li a, div.bnr-header ul li span {
	display:block;
}
div.bnr ul li a, div.bnr-header ul li a, div.bnr-header ul li > span,
div.bnr ul li > span {
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	height:0;
}
div.bnr nav ul li > span {
	padding-top: -webkit-calc(620 / 750 * 100%);
	padding-top: calc(620 / 750 * 100%);
}
div.bnr nav ul li a {
	padding-top: -webkit-calc(9 / 16 * 100%);
	padding-top: calc(9 / 16 * 100%);
}
div.bnr nav ul li.west a {
	padding-top: -webkit-calc(680 / 750 * 100%);
	padding-top: calc(680 / 750 * 100%);
}
div.bnr nav ul li.oubo a, div.bnr nav ul li.oubo span {
	padding-top: -webkit-calc(3 / 4 * 100%);
	padding-top: calc(3 / 4 * 100%);
}
div.bnr aside ul li a, div.bnr-header nav ul li a, div.bnr-header nav ul li > span {
	padding-top: -webkit-calc(240 / 800 * 100%);
	padding-top: calc(240 / 800 * 100%);
}
div.bnr-header nav ul li.kokoro a {
	padding-top: -webkit-calc(720 / 1200 * 100%);
	padding-top: calc(720 / 1200 * 100%);
}
div.bnr ul li a span, div.bnr ul li span span, div.bnr-header ul li a span, div.bnr-header ul li span span {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.bnr ul li a.lazy-done, div.bnr ul li > span.lazy-done, div.bnr-header ul li a.lazy-done, div.bnr-header ul li span.lazy-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
	box-shadow:2px 4px 10px hsla(0,0%,0%,.25);
}
@media all and (min-width: 1200px) {
div.bnr > nav, div.bnr > aside, div.bnr-header > nav {
	max-width:1200px;
	margin:0 auto;
}
}
@media all and (min-width: 992px) and (max-width: 1199.98px) {
div.bnr > nav, div.bnr > aside, div.bnr-header > nav {
	margin:0 30px;
}
}
@media all and (min-width: 992px) {
div.bnr {
	padding:80px 0;
}
div.bnr ul, div.bnr-header ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items:center;
	gap:30px;
}
div.bnr ul li, div.bnr-header ul li {
	width:calc((100% - 30px)/2);
}
div.bnr ul li:nth-child(odd) {
/*	margin-right:30px; */
}
}
@media all and (max-width: 991.98px) {
div.bnr {
	padding:40px 0;
}
div.bnr > nav, div.bnr-header > nav,
div.bnr > aside {
	margin:0 6.25vw;
}
div.bnr ul li:not(:last-child), div.bnr-header ul li:not(:last-child) {
	margin-bottom:20px;
}
}




/*	.event
============================== */
div.unit.event p.txt {
	text-align:center;
	line-height:1.5;
}
div.unit.event article section.unit-h3 {
	line-height:1.5;
}
div.unit.event article section.unit-h3 h3 {
	color:#3c00a0;
	border-bottom:2px solid #3c00a0;
	padding-bottom:0.2em;
	margin-bottom:0.75em;
}
div.unit.event article section.unit-h3 dl dd:not(:last-child) {
	margin-bottom:1.25em;
}
div.unit.event article section.unit-h3 dl dt {
	color:#ff001e;
	color:#fff;
	margin-bottom:0.5em;
}
div.unit.event article section.unit-h3 dl dd b {
	color:#d61880;
}
@media all and (min-width: 992px) {
div.unit.event p.txt {
}
div.unit.event p.txt,
div.unit.event article section.unit-h3 dl,
div.unit.event article section.unit-h3 p {
	font-size:125%;
}
div.unit.event p.txt:not(:last-child),
div.unit.event article section.unit-h3:not(:last-child) {
	margin-bottom:40px;
}
div.unit.event article section.unit-h3 {
	text-align:center;
}
div.unit.event article section.unit-h3 h3 {
	display:inline-block;
	font-size:150%;
}
}
@media all and (max-width: 991.98px) {
div.unit.event p.txt,
div.unit.event article section.unit-h3 dl,
div.unit.event article section.unit-h3 p {
	font-size:100%;
}
div.unit.event p.txt:not(:last-child),
div.unit.event article section.unit-h3:not(:last-child) {
	margin-bottom:20px;
}
div.unit.event article section.unit-h3 h3 {
	font-size:112.5%;
}
}






/*	.btn
============================== */
div.btn {
	text-align:center;
}
div.btn a {
	text-decoration:none;
}
div.btn > p {
	line-height:1.5;
}
div.btn > p:not(:last-child) {
	margin-bottom:1em;
}
div.btn > p.caption {
	margin-top:1em;
}
div.btn span,
div.btn a {
	display:block;
	font-weight:700;
	text-align:center;
	line-height:1.5;
}
div.btn > span,
div.btn > a {
	margin:0 auto;
}
div.btn span span,
div.btn a span {
	color:#000;
	padding:0.5em;
	border-style:solid;
	border-color:#f01899;
}
@media all and (min-width: 992px) {
div.btn:not(:last-child) {
	margin-bottom:60px;
}
div.btn > a,
div.btn > span {
	width:420px;
}
div.btn a span,
div.btn span span {
	border-width:5px;
	font-size:150%;
	box-shadow:5px 5px #f01899;
}
div.btn > p {
	font-size:125%;
}
div.btn > p.caption {
	font-size:100%;
}
}
@media all and (max-width: 991.98px) {
div.btn:not(:last-child) {
	margin-bottom:40px;
}
div.btn > a,
div.btn > span {
	width:60vw;
}
div.btn a span,
div.btn span span {
	border-width:3px;
	font-size:112.5%;
	box-shadow:3px 3px #f01899;
}
div.btn > p {
	font-size:100%;
}
div.btn > p.caption {
	font-size:83%;
}
}




@media print {
div.bnr, div.bnr-header {
	display:none;
}
}