/**
* Filename :coloerfuldream.css
* Description :Lenny's Coloerful Dream Circus Show pick styles
**/
/* ================================== base styles & helper ================================== */

@font-face {
	font-family: 'MaruBuri';
	font-weight: 200;
	font-style: normal;
	src: url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-ExtraLight.eot');
	src: url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-ExtraLight.eot?#iefix') format('embedded-opentype'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-ExtraLight.woff2') format('woff2'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-ExtraLight.woff') format('woff'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-ExtraLight.ttf') format("truetype");
	font-display: swap;
} 
@font-face {
	font-family: 'MaruBuri';
	font-weight: 300;
	font-style: normal;
	src: url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Light.eot');
	src: url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Light.eot?#iefix') format('embedded-opentype'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Light.woff2') format('woff2'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Light.woff') format('woff'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Light.ttf') format("truetype");
	font-display: swap;
} 
@font-face {
	font-family: 'MaruBuri';
	font-weight: 400;
	font-style: normal;
	src: url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Regular.eot');
	src: url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Regular.eot?#iefix') format('embedded-opentype'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Regular.woff2') format('woff2'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Regular.woff') format('woff'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Regular.ttf') format("truetype");
	font-display: swap;
} 
@font-face {
	font-family: 'MaruBuri';
	font-weight: 600;
	font-style: normal;
	src: url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-SemiBold.eot');
	src: url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-SemiBold.eot?#iefix') format('embedded-opentype'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-SemiBold.woff2') format('woff2'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-SemiBold.woff') format('woff'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-SemiBold.ttf') format("truetype");
	font-display: swap;
} 
@font-face {
	font-family: 'MaruBuri';
	font-weight: 700;
	font-style: normal;
	src: url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Bold.eot');
	src: url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Bold.eot?#iefix') format('embedded-opentype'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Bold.woff2') format('woff2'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Bold.woff') format('woff'),
			 url('https://wwwrod.everland.com/font/MaruBuri/MaruBuri-Bold.ttf') format("truetype");
	font-display: swap;
}

/* base */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, main, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; box-sizing:border-box; background:transparent; }
html, body { width:100%; scroll-behavior: smooth; }
html { font-size:10px; }
body { font-family:'MaruBuri', sans-serif; color:#333; text-align:center; }
ul, ol { list-style-type:none; }
a { box-sizing:border-box; color:#333; text-decoration:none; cursor:pointer; }
a:hover, a:active { text-decoration:none; }
button { margin:0; padding:0; box-sizing:border-box; border:0 none; background-color:transparent; vertical-align:middle; color:#333; font-family:'MaruBuri', sans-serif; cursor:pointer; outline:none; }
figcaption { display:none; }
img { width:100%; vertical-align:top; }
.hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; }
.body-stop { overflow:hidden; }
::-webkit-scrollbar { display: none; width:0; background-color:transparent; -webkit-appearance:none; }
::-webkit-scrollbar-track { background-color:transparent; }
::-webkit-scrollbar-thumb { background-color:transparent; border-radius:1rem; opacity:0; }

/* text */
.txt-l { font-weight: 300; }
.txt-r { font-weight: 400; }
.txt-sb { font-weight: 600; }
.txt-b { font-weight: 700; }

/* layout */
/* .wrapper { overflow: hidden; position:relative; max-width: 720px; margin: 0 auto; background: url("../img/bg.jpg") repeat-y top 31.5rem center; background-size: 100% auto; } */
.wrapper { overflow: hidden; position:relative; max-width: 720px; margin: 0 auto; background: url("../img/bg.jpg") repeat-y top 50rem center; background-size: 100% auto; }
.sec { width: 100%; }
.sec h2 { margin:0 auto 1.5rem; }

#main { position: relative; }
#main .video-wrap { position: relative; }
#main .video-wrap .title { display: flex; justify-content: center; align-items: center; position: relative; height: 50rem; }
#main .video-wrap .title::before { content: ''; position: absolute; top: 0; right: 0; left: 0; z-index: 2; width: 100%; height: 18.9rem; margin: 0 auto; background: url("../img/bg-colorful-dream-top.png") no-repeat top center; background-size: auto 100%; }
#main .video-wrap .title::after { content: ''; position: absolute; right: 0; bottom: -0.8rem; left: 0; z-index: 2; width: 100%; height: 4.5rem; margin: 0 auto; background: url("../img/bg-colorful-dream-bottom.png") no-repeat top center; background-size: auto 100%; }
#main .video-wrap .title video { height: calc(100% - 11.2rem); margin: 11rem auto 0; object-fit: cover; }
/* #main .content-wrap { position: relative; z-index: 2; width: 100%; margin: -2.4rem auto 0; } */
#main .content-wrap { position: relative; z-index: 2; width: 100%; margin: 3.2rem auto 0; }
#main .content-wrap .content { position: relative; }
#main .content-wrap .content::before { content: ''; position: absolute; top: 6rem; left: 2rem; width: 3.9rem; height: 5.5rem; background: url('../img/obj-bg-13.png') no-repeat center; background-size: 100% auto; }
#main .content-wrap .content h2 { margin-bottom: 2.5rem; background: linear-gradient(132deg, #e94cb5 0%, #23a9fc 99%); background-clip: text; -webkit-background-clip: text; color: transparent; font-size: 2rem; line-height: 2.8rem; letter-spacing: -0.005rem; -webkit-filter: drop-shadow(0 0.15rem #fff); filter: drop-shadow(0 0.15rem #fff); }
#main .content-wrap .content p { font-size: 1.5rem; line-height: 2.3rem; letter-spacing: -0.06rem; }
#main .content-wrap .content .txt-color1 { color: #0096bc; }
#main .content-wrap .content .txt-color2 { color: #0075bc; }
#main .content-wrap .content .txt-color3 { color: #0012bc; }
#main .content-wrap .content .txt-color4 { margin-top: 1rem; color: #7700bc; }
#main .content-wrap .content .txt-color5 { margin-top: 1rem; color: #b500cb; }
#main .slider-wrap { position: relative; width: 30rem; margin: 3rem auto 0; }
#main .slider-wrap::before { content: ''; position: absolute; top: 0; right: 0; left: 0; z-index: 1; width: 30rem; height: 20rem; border-radius: 1.5rem; box-shadow: 0 .5rem 1rem rgba(177, 88, 144, .38); }
#main .slider-wrap::after { content: ''; position: absolute; top: 20rem; right: 0; left: 0; z-index: 2; width: 28.3rem; height: 2.6rem; margin: 0 auto; background: url('../img/obj-slider.png') no-repeat center; background-size: 100% auto; }
#main .slider-wrap .slick-list { position: relative; z-index: 3; }
#main .slider-wrap .slick-arrow { position: absolute; top: 7.95rem; z-index: 9; width: 4.1rem; height: 4.1rem; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: .9rem auto; color: transparent; font-size: 0; text-indent: -999rem; box-shadow: 0 .4rem 1rem rgba(0, 0, 0, .2); }
#main .slider-wrap .slick-prev { left: -2.05rem; background-image: url("../img/icon-slider-prev.png"); }
#main .slider-wrap .slick-next { right: -2.05rem; background-image: url("../img/icon-slider-next.png"); }
#main .slider-wrap .slick-dots { margin-top: 2.7rem; }
#main .slider-wrap .slick-dots li { display: none; justify-content: center; align-items: center; color: #553abc; font-size: 1.4rem; font-weight: 700; line-height: normal; letter-spacing: -0.035rem; transition: .3s; }
#main .slider-wrap .slick-dots li small { font-size: 1rem; }
#main .slider-wrap .slick-dots li.slick-active { display: flex; }

#lineup { position: relative; padding: 7.7rem 0 7.3rem; }
#lineup::before { content: ''; position: absolute; top: 4.7rem; left: 1.9rem; width: 3.7rem; height: 5.7rem; background: url("../img/obj-bg-1.png") no-repeat center; background-size: 100% auto; }
#lineup > h2 { margin-bottom: 3rem; }
#lineup > h2 img { width: 15rem; }
#lineup .lineup-wrap > ul { position: relative; }
#lineup .lineup-wrap > ul > li { position: relative; z-index: 2; }
#lineup .lineup-wrap > ul > li::before { content: ''; position: absolute; z-index: 1; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
#lineup .lineup-wrap > ul > li::after { content: ''; position: absolute; z-index: 1; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
#lineup .lineup-wrap > ul > li + li { margin-top: 8.5rem; }
#lineup .lineup-wrap > ul > li > div { position: relative; z-index: 2; }
#lineup .lineup-wrap > ul > li .img { display: block; position: relative; text-align: left; }
#lineup .lineup-wrap > ul > li h3 { position: absolute; text-align: right; z-index: 2; }
#lineup .lineup-wrap > ul > li .list-img li + li { margin-top: 2rem; }
#lineup .lineup-wrap > ul > li:nth-child(even) .img { text-align: right; }
#lineup .lineup-wrap > ul > li:nth-child(even) h3 { text-align: right; }
#lineup .lineup-wrap > ul > li:nth-child(3n) .img { text-align: center; }
/* item1 */
#lineup .lineup-wrap > ul > .item1::before { top: 11.5rem; right: 2.3rem; width: 4.1rem; height: 2.6rem; background-image: url("../img/obj-bg-2.png"); }
#lineup .lineup-wrap > ul > .item1::after { bottom: -.3rem; left: 0; width: 10.5rem; height: 8.6rem; background-image: url("../img/obj-bg-3.png"); }
#lineup .lineup-wrap > ul > .item1 .img > img { width: 22.9rem; }
#lineup .lineup-wrap > ul > .item1 h3 { position: relative; right: 3rem; margin-top: 1.5rem; }
#lineup .lineup-wrap > ul > .item1 h3 img { width: 13.4rem; }
#lineup .lineup-wrap > ul > .item1 .list-img { margin-top: 1.1rem; margin-right: 3rem; }
#lineup .lineup-wrap > ul > .item1 .list-img li { text-align: right; }
#lineup .lineup-wrap > ul > .item1 .list-img li img { width: 12rem; }
/* item2 */
#lineup .lineup-wrap > ul > .item2::before { top: 3rem; left: 8.4rem; width: 7.2rem; height: 5.9rem; background-image: url("../img/obj-bg-4.png"); }
#lineup .lineup-wrap > ul > .item2::after { bottom: -1.1rem; left: 14rem; width: 16.1rem; height: 8.5rem; background-image: url("../img/obj-bg-5.png"); }
#lineup .lineup-wrap > ul > .item2 .img > img { width: 23.5rem; margin-right: -1rem; }
#lineup .lineup-wrap > ul > .item2 h3 { top: 13.5rem; left: 3rem; }
#lineup .lineup-wrap > ul > .item2 h3 img { width: 8.8rem; }
#lineup .lineup-wrap > ul > .item2 .list-img { margin-top: -1rem; }
#lineup .lineup-wrap > ul > .item2 .list-img li { text-align: left; }
#lineup .lineup-wrap > ul > .item2 .list-img li img { width: 18rem; }
/* item3 */
#lineup .lineup-wrap > ul > .item3::before { top: 7.5rem; right: 0; width: 7.9rem; height: 8rem; background-image: url("../img/obj-bg-6.png"); }
#lineup .lineup-wrap > ul > .item3::after { bottom: -1rem; left: 10.4rem; width: 5.4rem; height: 7.7rem; background-image: url("../img/obj-bg-7.png"); }
#lineup .lineup-wrap > ul > .item3 .img > img { width: 28.7rem; margin-right: 1.3rem; }
#lineup .lineup-wrap > ul > .item3 h3 { position: relative; right: 3rem; }
#lineup .lineup-wrap > ul > .item3 h3 img { width: 13.3rem; }
#lineup .lineup-wrap > ul > .item3 .list-img { margin-top: 1.1rem; margin-right: 3rem; }
#lineup .lineup-wrap > ul > .item3 .list-img li { text-align: right; }
#lineup .lineup-wrap > ul > .item3 .list-img li img { width: 12.1rem; }
/* item4 */
#lineup .lineup-wrap > ul > .item4 { margin-top: 10.5rem; }
#lineup .lineup-wrap > ul > .item4::before { top: 10.2rem; left: 0; width: 6.8rem; height: 6.3rem; background-image: url("../img/obj-bg-8.png"); }
#lineup .lineup-wrap > ul > .item4::after { top: 20rem; right: 0; width: 8.2rem; height: 7.3rem; background-image: url("../img/obj-bg-9.png"); }
#lineup .lineup-wrap > ul > .item4 .img > img { width: 21.7rem; margin-right: 1.9rem; }
#lineup .lineup-wrap > ul > .item4 h3 { top: -3.5rem; left: 3rem; }
#lineup .lineup-wrap > ul > .item4 h3 img { width: 15.6rem; }
#lineup .lineup-wrap > ul > .item4 .list-img { margin-top: 2rem; }
#lineup .lineup-wrap > ul > .item4 .list-img li img { width: 29.9rem; }
/* item5 */
#lineup .lineup-wrap > ul > .item5 { margin-top: 10rem; }
#lineup .lineup-wrap > ul > .item5::before { top: 16.7rem; right: 0; width: 9.4rem; height: 8rem; background-image: url("../img/obj-bg-10.png"); }
#lineup .lineup-wrap > ul > .item5 .img > img { width: 23.5rem; }
#lineup .lineup-wrap > ul > .item5 h3 { top: 2.3rem; right: 3rem; }
#lineup .lineup-wrap > ul > .item5 h3 img { width: 10rem; }
#lineup .lineup-wrap > ul > .item5 .list-img { margin-top: 2rem; }
#lineup .lineup-wrap > ul > .item5 .list-img li img { width: 29.9rem; }
#lineup .lineup-wrap > ul > .item5 .list-img li:nth-child(1) img { width: 19.6rem; }
/* item6 */
#lineup .lineup-wrap > ul > .item6 { margin-top: 10.5rem; }
#lineup .lineup-wrap > ul > .item6::before { top: -.5rem; right: 1.4rem; width: 12.2rem; height: 8rem; background-image: url("../img/obj-bg-11.png"); }
#lineup .lineup-wrap > ul > .item6::after { right: 9rem; bottom: -1.6rem; width: 4rem; height: 5.6rem; background-image: url("../img/obj-bg-12.png"); }
#lineup .lineup-wrap > ul > .item6 .img > img { width: 28.7rem; }
#lineup .lineup-wrap > ul > .item6 h3 { top: 22.4rem; left: 3rem; }
#lineup .lineup-wrap > ul > .item6 h3 img { width: 10.7rem; }
#lineup .lineup-wrap > ul > .item6 .list-img { margin-top: 4.8rem; }
#lineup .lineup-wrap > ul > .item6 .list-img li { text-align: left; }
#lineup .lineup-wrap > ul > .item6 .list-img li img { width: 18rem; }

#director { position: relative; margin-bottom: 6.5rem; }
#director > h2 { margin-bottom: 2.5rem; }
#director > h2 img { width: 15rem; }
#director .img { margin-bottom: 1.6rem; text-align: center; }
#director .img img { position: relative; width: 31.8rem; }
#director .con p { margin-top: 1.5rem; background: linear-gradient(-48deg, #c81f90 0%, #0e77d8 100%); background-clip: text; -webkit-background-clip: text; color: transparent; font-size: 1.5rem; line-height: 2.3rem; letter-spacing: -0.03rem; }
#director .con p span + span { display: block; margin-top: 1rem; }

#instruction { position: relative; }
#instruction > div { padding: 3.5rem; background: linear-gradient(-146deg, #3a135f 0%, #034763 99%); }
#instruction h2 { color: #fff; font-size: 2rem; text-align: left; letter-spacing: -0.05rem; }
#instruction .list-caution li { position: relative; padding-left: 1.3rem; color: #fff; font-size: 1.3rem; line-height: 1.8rem; text-align: left; word-break: keep-all; }
#instruction .list-caution li::before { content: '※'; position: absolute; left: 0; }
#instruction .list-caution li + li { margin-top: 1rem; }

.btn-top { display:none; position:fixed; z-index:10; right:1rem; bottom: 1rem; width:8.3rem; height:8.3rem; background:url('../img/btn-top.png') no-repeat center; background-size:100% auto; color:transparent; font-size:0; text-indent:-9999px; }
.btn-top.fixed { position: absolute; bottom: calc(100% + 1rem); }

@media (min-width:720px) { 
	html { height:100%; font-size:13px; }
	body::-webkit-scrollbar { display:none; }
	body::before { content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url("../img/bg-pc-A.jpg") no-repeat center; background-size: cover; }
	body.pc-b::before { content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url("../img/bg-pc-B.jpg") no-repeat center; background-size: cover; }

	/* layout */
	.wrapper { background-size: 720px auto; -ms-overflow-style:none; scrollbar-width:none; background-position: top 630px center; }
	.wrapper::-webkit-scrollbar { display:none; }

	#main .content-wrap { width: 720px; margin-top: -48px; }
	#main .video-wrap .title { height: 740px; }
	#main .video-wrap .title video { position: absolute; top: 222px; left: 0; right: 0; width: 100%; height: auto; margin: 0 auto; object-fit: cover; }
	#main .video-wrap .title::before { display: none; }
	#main .video-wrap .title::after { content: ''; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: url("../img/bg-colorful-dream.png") no-repeat top center; background-size: auto 100%; }
	#main .content-wrap .content::before { top: 120px; left: 40px; width: 78px; height: 110px; }
	#main .content-wrap .content h2 { margin-bottom: 50px; font-size: 40px; line-height: 56px; letter-spacing: -1px; -webkit-filter: drop-shadow(0 3px #fff); filter: drop-shadow(0 3px #fff); }
	#main .content-wrap .content p { font-size: 30px; line-height: 46px; letter-spacing: -1.2px; }
	#main .slider-wrap { width: 600px; margin-top: 60px; }
	#main .slider-wrap::before { width: 600px; height: 400px; border-radius: 30px; box-shadow: 0 .5rem 1rem rgba(177, 88, 144, .38); }
	#main .slider-wrap::after { top: 400px; width: 566px; height: 52px; }
	#main .slider-wrap .slick-arrow { top: 159px; width: 82px; height: 82px; border-radius: 50%; background-size: 18px auto; color: transparent; font-size: 0; text-indent: -9999px; box-shadow: 0 8px 20px rgba(0, 0, 0, .2); }
	#main .slider-wrap .slick-prev { left: -41px; }
	#main .slider-wrap .slick-next { right: -41px; }
	#main .slider-wrap .slick-dots { margin-top: 54px; }
	#main .slider-wrap .slick-dots li { font-size: 28px; letter-spacing: -0.07px; }
	#main .slider-wrap .slick-dots li small { font-size: 20px; }

	#lineup { padding: 154px 0 146px; }
	#lineup::before { top: 94px; left: 38px; width: 74px; height: 114px; }
	#lineup > h2 { margin-bottom: 60px; }
	#lineup > h2 img { width: 300px; }
	#lineup .lineup-wrap > ul::before { right: 172px; bottom: -40px; width: 84px; height: 80px; }
	#lineup .lineup-wrap > ul::after { top: 1288px; right: 66px; width: 76px; height: 108px; }
	#lineup .lineup-wrap > ul > li + li { margin-top: 100px; }
	#lineup .lineup-wrap > ul > li h3 { font-size: 60px; line-height: 68px; letter-spacing: -1.5px; }
	#lineup .lineup-wrap > ul > li .list-img li + li { margin-top: 40px; }
	/* item1 */
	#lineup .lineup-wrap > ul > .item1::before { top: 230px; right: 46px; width: 82px; height: 52px; }
	#lineup .lineup-wrap > ul > .item1::after { bottom: -6px; width: 210px; height: 172px; }
	#lineup .lineup-wrap > ul > .item1 .img > img { width: 458px; }
	#lineup .lineup-wrap > ul > .item1 h3 { right: 60px; margin-top: 30px; }
	#lineup .lineup-wrap > ul > .item1 h3 img { width: 268px; }
	#lineup .lineup-wrap > ul > .item1 .list-img { margin-top: 22px; margin-right: 60px; }
	#lineup .lineup-wrap > ul > .item1 .list-img li img { width: 240px; }
	/* item2 */
	#lineup .lineup-wrap > ul > .item2::before { top: 60px; left: 168px; width: 144px; height: 118px; }
	#lineup .lineup-wrap > ul > .item2::after { bottom: -22px; left: 280px; width: 322px; height: 170px; }
	#lineup .lineup-wrap > ul > .item2 .img > img { width: 470px; margin-right: -20px; }
	#lineup .lineup-wrap > ul > .item2 h3 { top: 270px; left: 60px; }
	#lineup .lineup-wrap > ul > .item2 h3 img { width: 176px; }
	#lineup .lineup-wrap > ul > .item2 .list-img { margin-top: -20px; }
	#lineup .lineup-wrap > ul > .item2 .list-img li img { width: 360px; }
	/* item3 */
	#lineup .lineup-wrap > ul > .item3::before { top: 150px; width: 158px; height: 160px; }
	#lineup .lineup-wrap > ul > .item3::after { bottom: -10px; left: 208px; width: 108px; height: 154px; }
	#lineup .lineup-wrap > ul > .item3 .img > img { width: 574px; margin-right: 26px; }
	#lineup .lineup-wrap > ul > .item3 h3 { right: 60px; }
	#lineup .lineup-wrap > ul > .item3 h3 img { width: 266px; }
	#lineup .lineup-wrap > ul > .item3 .list-img { margin-top: 22px; margin-right: 60px; }
	#lineup .lineup-wrap > ul > .item3 .list-img li img { width: 242px; }
	/* item4 */
	#lineup .lineup-wrap > ul > .item4 { margin-top: 130px; }
	#lineup .lineup-wrap > ul > .item4::before { top: 204px; width: 136px; height: 126px; }
	#lineup .lineup-wrap > ul > .item4::after { top: 400px; width: 164px; height: 146px; }
	#lineup .lineup-wrap > ul > .item4 .img > img { width: 434px; margin-right: 38px; }
	#lineup .lineup-wrap > ul > .item4 h3 { top: -70px; left: 60px; }
	#lineup .lineup-wrap > ul > .item4 h3 img { width: 312px; }
	#lineup .lineup-wrap > ul > .item4 .list-img { margin-top: 40px; }
	#lineup .lineup-wrap > ul > .item4 .list-img li img { width: 598px; }
	/* item5 */
	#lineup .lineup-wrap > ul > .item5::before { top: 334px; width: 188px; height: 160px; }
	#lineup .lineup-wrap > ul > .item5 .img > img { width: 470px; }
	#lineup .lineup-wrap > ul > .item5 h3 { top: 46px; right: 60px; }
	#lineup .lineup-wrap > ul > .item5 h3 img { width: 200px; }
	#lineup .lineup-wrap > ul > .item5 .list-img { margin-top: 40px; }
	#lineup .lineup-wrap > ul > .item5 .list-img li img { width: 598px; }
	#lineup .lineup-wrap > ul > .item5 .list-img li:nth-child(1) img { width: 392px; }
	/* item6 */
	#lineup .lineup-wrap > ul > .item6 { margin-top: 130px; }
	#lineup .lineup-wrap > ul > .item6::before { top: -10px; right: 28px; width: 244px; height: 160px; }
	#lineup .lineup-wrap > ul > .item6::after { right: 180px; bottom: -32px; width: 80px; height: 112px; }
	#lineup .lineup-wrap > ul > .item6 .img > img { width: 574px; }
	#lineup .lineup-wrap > ul > .item6 h3 { top: 448px; left: 60px; }
	#lineup .lineup-wrap > ul > .item6 h3 img { width: 214px; }
	#lineup .lineup-wrap > ul > .item6 .list-img { margin-top: 96px; }
	#lineup .lineup-wrap > ul > .item6 .list-img li img { width: 360px; }

	#director { margin-bottom: 130px; }
	#director > h2 { margin-bottom: 50px; }
	#director > h2 img { width: 300px; }
	#director .img { margin-bottom: 32px; }
	#director .img img { width: 636px; }
	#director .con p { margin-top: 30px; font-size: 30px; line-height: 46px; letter-spacing: -1.2px; }
	#director .con p span + span { margin-top: 20px; }
	
	#instruction > div { padding: 70px; } 
	#instruction h2 { font-size: 40px; letter-spacing: -1px; }
	#instruction .list-caution li { padding-left: 26px; font-size: 26px; line-height: 36px; }
	#instruction .list-caution li + li { margin-top: 20px; }

	.btn-top { right: calc(50% - 490px); bottom: 1rem; }
	.btn-top.fixed { position: fixed; bottom: 1rem; }
}

@media(max-width:359px) {
	html { font-size:calc(4px + 1.66667vw); }
}

@media(min-width:360px)and (max-width:500px) {
	html { font-size:calc(-4.4px + 4vw); }
}

@media(min-width:501px) {
	html { font-size:12px; }

	#main .video-wrap .title::before ,
	#main .video-wrap .title::after { height: 100%; background-size: 100% auto; }
	#main .video-wrap .title::after { bottom: -1.6rem; background-position: bottom center; }

	#lineup .lineup-wrap > ul::before { right: 8.6rem; bottom: -2rem; width: 4.2rem; height: 4rem; background-image: url("../img/obj-bg-9.png"); }
}

@media(min-width:720px)and (hover:hover)and (pointer:fine) {
	html { font-size:14px; }
}