html, body { height: 100%; }
html { scroll-behavior: smooth; }

body *, body *::before, body *::after { box-sizing: border-box; }

@font-face {
	font-family: 'Gilroy';
	src: url('../../../../../font/Gilroy-Regular.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../../../../../font/Gilroy-SemiBold.ttf') format('truetype');
	font-weight: bold;
    font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../../../../../font/Gilroy-Black.ttf') format('truetype');
	font-weight: 800;
    font-style: normal;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	margin: 0 auto;
	background: #1A1D3B;
	font-family: 'Gilroy', 'Noto Sans SC', chinese !important;
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
/*	letter-spacing: 0.02em;*/
	color: #000;
	transition: 0.2s ease-in-out;
}

header, footer, .tagbox { display: none; }

a:link, a:hover, a:visited { text-decoration: none; color: #fff!important; cursor: pointer;}
p { padding: 0; margin: 0; line-height: 1; }
img { image-rendering: high-quality;  }
table { width: 100%; }

.email_safe:before {
	content: attr(data-website) "\0040" attr(data-user);
	unicode-bidi: bidi-override;
	direction: rtl;
}

.content { overflow-x: hidden; width: 100%; }
.container { max-width: 1600px!important; }

.responsive_text { font-size: 1.125vw; }
.responsive_text p { line-height: 1.1; width: 100%; }
.responsive_text p span { font-weight: 500; }
.responsive_text .responsive_headline { font-size: 2em; font-weight: 600; word-spacing: 0.15em; letter-spacing: -0.015em; line-height: 1.1; text-transform: uppercase; }
@media only screen and (min-width: 1921px)	{ 
	.responsive_text { font-size: 0.9vw; }
	.responsive_text .responsive_headline { font-size: 2.75em; }
}
@media only screen and (max-width: 1600px)	{ 
	.responsive_text { font-size: 1.5vw; } 
}
@media only screen and (max-width: 1366px)	{ 
	.responsive_text { font-size: 1.65vw; } 
}
@media only screen and (max-width: 991px)	{ 
	.responsive_text { font-size: 2vw; }
}
@media only screen and (max-width: 767px)	{ 
	.responsive_text { font-size: 3.25vw; } 
	.responsive_text .responsive_headline {  font-size: 1.25em; }
}
@media only screen and (max-width: 500px)	{ 
	.responsive_text { font-size: 18px; }
}


.landing_premiere_concerts {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	padding: 0 15px;
	line-height: 1;
	color: #fff;	
	background: url('../../../../../library/images/common/landing/asmo_premiere_concerts_31Jul_1Aug/landing_bg_amso_premiere_concerts_desktop1.jpg') no-repeat top center #1A1D3B;
	background-size: cover;
}

.landing_premiere_concerts .container {
	width: 100%;
	max-width: 1600px;

}

.landing_premiere_concerts .landing_container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

/********** landing_header **********/

.landing_premiere_concerts .landing_header {
	padding: 10px 0;
}

.landing_premiere_concerts .landing_header img {
	height: 10vw;
	max-height: 100px;
	min-height: 60px;
	width: auto;
}


/********** landing_mainvisual **********/

.landing_premiere_concerts .landing_mainvisual {
	display: flex;
	gap: 5vw;
	min-height: 70vh;
	flex-direction: column;
	position: relative;
}

.landing_premiere_concerts .landing_mainvisual .landing_event_title {
	display: flex;
	flex-direction: column;
	width: 55vw;
	gap: 5px;
	font-size: 3.75vw;
	font-weight: bold;
	padding: 50px 0 0;
	position: relative;
	z-index: 10;
}

.landing_premiere_concerts .landing_mainvisual .landing_event_title p:last-child {
	font-weight: normal;
}

.landing_premiere_concerts .landing_mainvisual .landing_event_info {
	display: flex;
	gap: 30px;
}

.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	text-align: center;
}

.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox p {
	line-height: 1.2;
}

.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox img {
	width: 90%;
	margin: 0 auto;
}

.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox > div:nth-child(1) {
	clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 54px;
	max-width: 350px;
	gap: 4px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	text-align: center;
	padding: 6px 30px;
}

.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox > div:nth-child(3) {
	padding-top: 10px;
}

.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox:nth-child(1) > div:nth-child(1) {
	background: #3D71B8E6;
}

.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox:nth-child(2) > div:nth-child(1) {
	background: #F7941DE6;
}

.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox .btn_booking {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 15px 8px; 
	background: #fff;
	color: #000!important;
	font-size: 16px;
	line-height: 1;
	gap: 5px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.5);
	transition: 0.2s ease-in-out;
}

.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox .btn_booking span {
	font-size: 0.875em;
}

.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox .btn_booking:hover {
	transform: scale(1.04);
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual {
	position: absolute;
    top: 50px;
    right: 5vw;
    display: flex;
    width: 45vw;
	max-height: 65vh;
	min-height: 50vh;
    aspect-ratio: 1 / 1.15;
    max-width: 600px;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer {
	position: absolute;
	width: 100%;
	right: 0;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer img {
	position: relative;
	z-index: 1;
	display: block;
	width: 90%;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer1 {
	top: -50px;
	right: -11%;
	z-index: 1;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 {
	bottom: 0;
	right: 27%;
	z-index: 2;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer3 {
	bottom: 0;
	right: -25%;
	z-index: 3;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer span { 
	position: absolute;
	width: 25%
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer1 span:nth-of-type(1) {
	top: -15%;
    right: 38%;
    width: 16%;
    aspect-ratio: 1 / 2.4;
	z-index: 0;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer1 span:nth-of-type(1) p:nth-child(1)  {
	border-top: 0.75vw solid #4164B4;
	background: #641E82;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer1 span:nth-of-type(1) p:nth-child(1) img {
	width: 100%;
	top: -32%;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer1 span:nth-of-type(1) p:nth-child(2)  {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 105%;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer1 span:nth-of-type(1) p:nth-child(2) img {
	height: 90%;
	width: auto;
	bottom: -10%;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer1 span:nth-of-type(2) {
	position: absolute;
    top: -5%;
    left: 18%;
    background: #783890CC;
    width: 8%;
    aspect-ratio: 1 / 5;
    z-index: 0;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer1 span:nth-of-type(3) {
	position: absolute;
    top: 40%;
    left: 14%;
    background: #BE8D59;
	background: -webkit-linear-gradient(top left, rgba(190, 141, 89, 0.7) 0%, rgba(248, 214, 140, 0.7) 50%, rgba(192, 153, 85, 0.7) 100%);
	background: -o-linear-gradient(top left, rgba(190, 141, 89, 0.7) 0%, rgba(248, 214, 140, 0.7) 50%, rgba(192, 153, 85, 0.7) 100%);
	background: linear-gradient(to bottom right, rgba(190, 141, 89, 0.7) 0%, rgba(248, 214, 140, 0.7) 50%, rgba(192, 153, 85, 0.7) 100%);
    width: 8%;
    aspect-ratio: 1 / 1;
    z-index: 2;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 span:nth-of-type(1) p:nth-child(2) img {
	height: 90%;
	width: auto;
	bottom: -10%;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 span:nth-of-type(1) {
	top: -16%;
    right: 80%;
    width: 12%;
    aspect-ratio: 1 / 2.4;
    z-index: 0;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 span:nth-of-type(1) p:nth-child(1)  {
	background: #4164B4;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 span:nth-of-type(1) p:nth-child(1) img {
	width: 100%;
	top: 0;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 span:nth-of-type(1) p:nth-child(2)  {
	width: 50%;
	height: 125%;
	overflow: hidden;
	position: absolute;
	left: 15%;
	top: 105%;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 span:nth-of-type(2) {
	position: absolute;
    top: -35%;
    left: 20%;
    background: #783890;
    width: 4%;
    aspect-ratio: 1 / 10;
    z-index: 0;
}



.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 span:last-child
.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer3 span:last-child {
	position: absolute;
    width: 30%;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 span:last-child img,
.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer3 span:last-child img {
	width: 100%;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 span:last-child {
	top: 42%;
    left: 37%;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 span:nth-of-type(3) {
	position: absolute;
    top: 15%;
    left: 4%;
    background: #BE8D59;
	background: -webkit-linear-gradient(top left, rgba(190, 141, 89, 1) 0%, rgba(248, 214, 140, 1) 50%, rgba(192, 153, 85, 1) 100%);
	background: -o-linear-gradient(top left, rgba(190, 141, 89, 1) 0%, rgba(248, 214, 140, 1) 50%, rgba(192, 153, 85, 1) 100%);
	background: linear-gradient(to bottom right, rgba(190, 141, 89, 1) 0%, rgba(248, 214, 140, 1) 50%, rgba(192, 153, 85, 1) 100%);
    width: 8%;
    aspect-ratio: 1 / 1;
    z-index: 2;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer3 span:last-child {
	top: 75%;
    left: 40%;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer3 span:last-child img {
	width: 100%;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer3 span:nth-of-type(1) {
	top: 7%;
    right: 35%;
    width: 16%;
    aspect-ratio: 1 / 2.4;
    z-index: 0;
    display: flex;
    justify-content: flex-end;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer3 span:nth-of-type(1) p:nth-child(1)  {
	width: 25%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: 5%;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer3 span:nth-of-type(1) p:nth-child(1) img {
	width: 100%;
	top: 0;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer3 span:nth-of-type(1) p:nth-child(2)  {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 105%;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer3 span:nth-of-type(2) {
	position: absolute;
    top: 25%;
    left: 27%;
    background: #783890CC;
    width: 7%;
    aspect-ratio: 1 / 5;
    z-index: 0;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer3 span:nth-of-type(1) p:nth-child(2) img {
	height: 90%;
	width: auto;
	bottom: -10%;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .textbox {
	position: absolute;
	z-index: 5;
	left: -30%;
	top: 90%;	
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .textbox > div {
	padding: 12px 30px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 5px;
	background: #492E50;
	background: -webkit-linear-gradient(left, rgba(73, 46, 80, 0) 0%, rgba(73, 46, 80, 1) 30%, rgba(121, 94, 34, 1) 50%, rgba(73, 46, 80, 1) 70%, rgba(73, 46, 80, 0) 100%);
	background: -o-linear-gradient(left, rgba(73, 46, 80, 0) 0%, rgba(73, 46, 80, 1) 30%, rgba(121, 94, 34, 1) 50%, rgba(73, 46, 80, 1) 70%, rgba(73, 46, 80, 0) 100%);
	background: linear-gradient(to right, rgba(73, 46, 80, 0) 0%, rgba(73, 46, 80, 1) 30%, rgba(121, 94, 34, 1) 50%, rgba(73, 46, 80, 1) 70%, rgba(73, 46, 80, 0) 100%);
	transform: rotate(-5deg);
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .textbox p {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1;
}

.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .textbox p:nth-child(2) {
	font-size: 0.75em;
	font-weight: normal;
}






/********** landing_infobox **********/

.landing_premiere_concerts .landing_infobox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1.5vw;
	padding: 50px 50px 100px;
	font-size: 1vw;
	text-align: center;
}

.landing_premiere_concerts .landing_infobox p {
	font-size: 1.75em;
	line-height: 1.125;
}

.landing_premiere_concerts .landing_infobox p span {
	font-size: 0.8375em;
	white-space: nowrap;
}

/********** landing_footer **********/

.landing_premiere_concerts .landing_footer {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.landing_premiere_concerts .landing_footer .landing_container {
	gap: 30px;
}

.landing_premiere_concerts .landing_footer .landing_container > div:nth-child(1) {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2vw;
}

.landing_premiere_concerts .landing_footer .ticketing_info {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 1.25vw;
}

.landing_premiere_concerts .landing_footer .ticketing_info > div {
	display: flex;
	gap: 5px;
}

.landing_premiere_concerts .landing_footer .ticketing_info i {
	font-style: normal;
	padding: 0 5px;
}

.landing_premiere_concerts .landing_footer .ticketing_info p {
	font-size: 1.125em;
	line-height: 1.25;
}

.landing_premiere_concerts .landing_footer .ticketing_info p b {
	white-space: nowrap;
}

.landing_premiere_concerts .landing_footer .ticketing_info p span {
	font-size: 0.875em;
}

.landing_premiere_concerts .landing_footer .ticketing_info p span.small {
	font-size: 0.625em;
	position: relative;
	top: -2px;
}

.landing_premiere_concerts .landing_footer .ticketing_info p {
	font-size: 1.125em;
	line-height: 1.25;
}

.landing_premiere_concerts .landing_footer .ticketing_info_logos {
	display: flex;
	gap: 4vw;
}

.landing_premiere_concerts .landing_footer .ticketing_info_logos p {
	white-space: nowrap;
	font-size: 	11px;
}

.landing_premiere_concerts .landing_footer .ticketing_info_logos > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75vw;
}

.landing_premiere_concerts .landing_footer .ticketing_info_logos > div > div {
	display: flex;
	gap: 2vw;
}

.landing_premiere_concerts .landing_footer .amso_linktree_qr {
	display: flex;
}

.landing_premiere_concerts .landing_footer .amso_linktree_qr img {
	display: block;
	width: 100%;
	max-width: 100px;
	min-width: 60px;
}

.landing_premiere_concerts .landing_footer .landing_copyright {
	font-size: 11px;
	padding: 0 0 10px;
}

.landing_premiere_concerts .dl_urbtix {
	display: none;
	width: 40px;
	height: 40px;
}



@media only screen and (min-width: 1921px) {

}

@media only screen and (min-width: 1600px) {
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_title {
		font-size: 72px;
	}
	
	.landing_premiere_concerts .landing_infobox {
		font-size: 16px;
	}
}

@media only screen and (max-width: 1366px) {
	.landing_premiere_concerts .landing_footer .ticketing_info {
		font-size: 16px;
	}
	
	.landing_premiere_concerts .landing_mainvisual {
		min-height: auto;
		padding-bottom: 50px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info {
		justify-content: center;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_title {
		font-size: 4vw;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual {
		position: relative;
		margin: 0 2vw 0 auto;
		min-height: 40vw;
		width: 60vw;
		margin-top: -11vh;
		margin-bottom: 14vh;
		right: 0;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_title p:last-child {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}
	
	.landing_premiere_concerts .landing_mainvisual {
		gap: 0;
	}
	
}



@media only screen and (max-width: 992px) {

	
	.landing_premiere_concerts .landing_footer .ticketing_info {
		gap: 10px;
	}
	
	.landing_premiere_concerts .landing_footer .ticketing_info > div {
		flex-direction: column;
		gap: 2px;
	}
	
	.landing_premiere_concerts .landing_footer .ticketing_info > div:nth-child(1) {
		gap: 10px;
	}
	
	.landing_premiere_concerts .landing_footer .ticketing_info > div:nth-child(1) i {
		display: none;
	}
	
	.landing_premiere_concerts .landing_footer .ticketing_info_logos > div > div {
		flex-wrap: wrap;
	}
	
	.landing_premiere_concerts .landing_footer .ticketing_info_logos > div > div > div {
		margin-right: 10px;
	}
	
	.landing_premiere_concerts .landing_footer .ticketing_info_logos > div:nth-child(2) {
		display: none;
	}
	
	.landing_premiere_concerts .landing_footer .ticketing_info_logos > div { 
		align-items: flex-start;
	}
	
	.landing_premiere_concerts .landing_footer .ticketing_info p { 
		font-size: 1em;
	}
	
	.landing_premiere_concerts .landing_footer .ticketing_info_logos {
		padding: 30px 0;
	}
	
	.landing_premiere_concerts .landing_infobox {
		font-size: 1.5vw;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_title {
		font-size: 5vw;
	}
	
	.landing_premiere_concerts .landing_infobox p span {
		font-size: 0.8375em;
		white-space: nowrap;
		display: block;
		padding: 2px 0 0;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox > div:nth-child(1) {
		width: 100%;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual {
		width: 75vw;
		margin-top: -11vh;
		right: 0;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer1 {
		right: -28%;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 {
		bottom: 10%;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .textbox {
		left: -25%;
		top: 87%;	
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .textbox p {
		font-size: 12px;
	}
	
	.landing_premiere_concerts .dl_urbtix {
		display: block;
		margin-top: -20px;
	}
	
	.landing_premiere_concerts .dl_urbtix img {
		width: 100%;
	}
	
	.landing_premiere_concerts .landing_footer .ticketing_info p {
		display: flex;
		align-items: flex-end;
		gap: 3px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox > div:nth-child(1) {
		width: 85%;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info {
		flex-direction: column;
		width: 100%;
	}
}


@media only screen and (max-width: 576px) {
	::-webkit-scrollbar { display: none; }
	
	.landing_premiere_concerts .landing_footer .landing_container {
		flex-direction: column;
		gap: 0;
	}
	
	.landing_premiere_concerts .landing_footer .landing_container .amso_linktree_qr img {
		max-width: 80px;
	}
	
	.landing_premiere_concerts .landing_footer .landing_copyright {
		font-size: 9px;
	}
	
	.landing_premiere_concerts .landing_infobox {
		font-size: 2.25vw;
		padding: 50px 0 100px;
	}
	
	.landing_premiere_concerts .landing_infobox p { 
		font-size: 2.75em;
	}
	
	.landing_premiere_concerts .landing_infobox p span {
		font-size: 0.75em;
	}
	
	.landing_premiere_concerts .landing_infobox span {
		display: block;
		width: 100%;
	}
	
	.landing_premiere_concerts .landing_infobox {
		gap: 20px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox > div:nth-child(1) {
		min-height: auto;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_title {
		font-size: 8vw;
		padding-top: 30px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info {
		gap: 50px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox > div:nth-child(1) {
		font-size: 13px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox .btn_booking {
		font-size: 12px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_title {
		width: 100%;
	}
	
	.landing_premiere_concerts .landing_mainvisual {
		padding-bottom: 30px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .textbox > div {
		transform: rotate(5deg);
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer3 span:last-child {
		top: 65%;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 {
		right: 20%;
		bottom: 7%;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_title {
		gap: 2px;
		padding-top: 10px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 span:nth-of-type(3) {	
		width: 6%;
		top: 16%;
		left: 5%;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .textbox > div {
		padding: 8px 30px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual {
		width: 80vw;
		right: -2vw;
	}

}



/********* RESPONSIVE LAYOUT SETTINGS **********/

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) {
	::-webkit-scrollbar { display: none; }
	.landing_premiere_concerts {
		padding: 15px;
	}
}

/* iPads (landscape) ----------- */

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : landscape) {
	::-webkit-scrollbar { display: none; }
	.landing_premiere_concerts .landing_mainvisual {
		gap: 50px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual {
		position: absolute;
		width: 38vw;
		right: 2vw;
		top: 12vh;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_title p:last-child {
		flex-direction: row;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info {
		justify-content: flex-start;
		gap: 0;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .textbox {
		transform: scale(0.8);
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox > div:nth-child(1) {
		font-size: 12px;
		min-height: 48px;
		padding: 6px 20px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox .btn_booking {
		font-size: 12px;
	}
	
	.landing_premiere_concerts .landing_infobox {
		padding: 5vh 50px 10vh;
	}
	
	.landing_premiere_concerts {
		padding: 15px 25px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox img {
		width: 80%;
	}
	
	.landing_premiere_concerts .landing_mainvisual {
		padding-bottom: 10vh;
	}
}

@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : landscape) {
	::-webkit-scrollbar { display: none; }
	.landing_premiere_concerts .landing_infobox {
		padding: 0 50px 4vh;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	::-webkit-scrollbar { display: none; }
	.landing_premiere_concerts {
		padding: 10px;
	}
	
	.landing_premiere_concerts .landing_mainvisual {
		padding-bottom: 8vh;
	}
	
	.landing_premiere_concerts .landing_infobox {
		padding: 0 50px 5vh;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox {
		margin-left: -2%;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual {
		width: 36vw;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_title {
		padding-top: 40px;
	}
}


/* iPads (portrait) ----------- */

/* iPad Mini Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	::-webkit-scrollbar { display: none; }
	.landing_premiere_concerts .landing_mainvisual .landing_event_info {
		flex-direction: row;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox > div:nth-child(1) {
		width: 100%;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_title {
		font-size: 6.5vw;
		width: 100%;
		padding-top: 20px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual {
		width: 65%;
        margin-top: -8vh;
        right: 6vw;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer2 {
		bottom: 0;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer3 {
		bottom: -5%;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual .performer.performer1 {
		right: -12%
	}
	
}

/* iPad Air Portrait */
@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : portrait) {
	::-webkit-scrollbar { display: none; }
	.landing_premiere_concerts .landing_mainvisual .landing_event_title {
		width: 100%;
		font-size: 7vw;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info {
		flex-direction: row;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_event_info .landing_event_infobox > div:nth-child(1) {
		width: auto;
		max-width: none;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual {
		margin-top: -11vh;
		margin-right: auto;
		width: 66vw;
		max-width: 690px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual {
        right: -8vw;
	}
	

}

/* iPad Pro Portrait */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
	::-webkit-scrollbar { display: none; }
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual {
		margin-top: -11vh;
		margin-right: 4vw;
		width: 70vw;
		max-width: 690px;
	}
	
	.landing_premiere_concerts .landing_mainvisual .landing_ani_visual {
        right: 0;
	}

}