/*------------------------------------------------------1200px----*/
/*------------------------------------------------------1200px----*/
/*------------------------------------------------------1200px----*/

@media (min-width:0px) and (max-width:1200px){


:root{

	--uniP-sm:10px;
	--uniP:20px;
	--uniP-lg1:30px;
	--uniP-lg2:40px;

	--rad01:10px;
	--rad01_sm:5px;

}


/*-------------------------FONT----------------------------*/

.accT01 {
    font-size: 0.8rem;
}


/*-------------------------GLOBAL----------------------------*/


.mainNavItems,
.audCon {
    margin: 0.3rem 0 0 0;
}

.preCon .accT01 {
    margin: 0 0 6px 0;
}

.preCon .acc01 {
    font-size: 0.44rem;
    line-height: 1.66em;
}

preCon .acc01 {
    font-size: 0.66vw;
}

.mainTicket {
    width: 9vw;
}

.mainTicket .tickTitle {
    font-size: 3.8vw;
}

input[type=text], .formItemSelect{
    border-radius: 40px;
}

.hbIcon_wrpr {
    width: 80px;
    height: 80px;
}

.modSocCon .socCon{
	gap: 12px;
}

.modSocCon .soc_wrpr {
    width: 20px;
    height: 20px;
}

/*-------------------------HOME----------------------------*/

.playTitle {
    font-size: 3vw;
}


.greetingsCon {
    padding: 6vw 6vw 0 6vw;
}

#summonSection01 .titleCon {
    padding: 0 var(--uniP-lg1) 0 0;
    margin: 0 0 0 0;
    grid-template-columns: 1fr 1fr;
}

#summonSection01 .bc01_lg1 {
    font-size: 1rem;
    padding: 0 0 0 var(--uniP-lg1);
}

.summTitle span {
    margin: 0 0 0 18vw;
}

.formBttm {
    margin: 10px 0 00 0;
}

.footerMain {
    grid-template-columns: 3fr 1fr 2fr 3fr;
}



/*------------------------EVENTS---------------------------*/

.screeningBlockCon {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.multiDateBlock {
    grid-template-columns: 1fr 1fr 1fr;
}

.shwtTitle{
	font-size:0.55rem;
}



/*-------------------------PRESS--------------------------*/

.artBlock {
    padding: var(--uniP-sm) var(--uniP-sm) var(--uniP) var(--uniP-sm);
}

.pubIMG01 {
    width: clamp(100px, 2vw, 220px);
}


/*-------------------------MYTH---------------------------*/

#mythEntrySection .storyCon .row-01{
    position: relative;
    display: grid;
    grid-template-columns: 22vw 1fr 1fr 1fr;
    grid-gap: 4vw;
}

#mythEntrySection .storyCon .row-02 {
    padding: 0 4vw 0 0;
}

.mSam_wrpr {
    left: -1vw;
}

#mythEntrySection .storyCon .row-03 {
    gap: 4vw;
}


/*-------------------------ORIGINS---------------------------*/

#oriEntrySection .storyCon .row-01 {
    grid-template-columns: 22vw 1fr 1fr 1fr;
    grid-gap: 1vw;
}


/*-------------------------SHOP---------------------------*/

.mainGridCon {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: var(--uniP);
}


/*-------------------------WATCH---------------------------*/

.watchListCon{
	display:flex;
	flex-direction:column;
	gap: clamp(var(--uniP-sm), 5vw, var(--uniP));
}

}