/* ====================================== */
/*  SP CSS */
/* ====================================== */


@media (max-width: 767px) {


/* ---- com ---- */


/*html {
font-size: 15px;
}*/

.sp {
display: block;
}


/* ---- preloader ---- */


#loader img {
width: 28px;
}


/* ---- box ---- */


video,
#ol {
min-height: 100vh;
}


/* ---- header ---- */


header .bar {
width: 100%;
position: absolute;
padding: 76px 40px 0 40px;
pointer-events: none;
}

.logo,
.sns {
z-index: 1;
}

.logo {
position: absolute;
padding: 30px 40px;
}

.logo img {
width: 20px;
}

/* sns */

.sns {
display: flex;
position: absolute;
}

.sns li a {
padding: 30px;
}

.sns li:first-child a {
padding-right: 15px;
padding-bottom: 30px;
}

.sns li:last-child a {
padding-top: 30px;
padding-right: 40px;
padding-left: 15px;
}

.sns img {
width: 18px;
}


/* ---- index ---- */


#index div {
width: 100%;
padding: 80px 40px 40px 40px;
margin-top: auto;
}


/* ---- content ---- */


main {
padding: 0 40px 40px 40px;
}


/* ---- lineup ---- */


#lineup li {
width : calc(100% / 1);
}

#lineup li img {
height: 120px;
}


/* ---- drink ---- */


#drink br:last-child {
display: none;
}

#drink ul {
padding-bottom: 24px;
}

#drink li {
padding: 40px 72px 0 0;
}


/* ---- information ---- */


#introductions h2 {
font-size: 3.8rem;
line-height: 1.2;
}

#information .access span:last-child {
margin-left: 0;
}

#information .ticket a img {
width: 100%;
}


/* ---- footer ---- */

footer {
padding: 0 48px 24px 48px;
}

}