@charset "utf-8";
/* CSS Document */


/*PC*/
@media screen and (min-width: 1680px) {

.cont01 { width: 100%;}
.cont01 .bg { background: var(--color01);}
.cont01 .bg .inner { padding: 134px 0 50px;}
.cont01 .bg .inner .ttl { display: flex; flex-direction: column; align-items: center;  position: relative; width: 900px; margin: auto;}
.cont01 .bg .inner .ttl::after { content: ""; background: url("../images/schedule/sec01_img.png") 0 0; background-size: cover; width: 327px; height: 458px; position: absolute; bottom: -40px; left: -140px;}
.cont01 .bg .inner .ttl h2 { width: 336px; position: absolute; bottom: -50px; right: -180px;}
.cont01 .bg .inner .ttl .fukidashi { width: 464px; height: 80px; position: absolute; top: -20px; left: -50px;}
.cont01 .bg .inner .ttl .img { width: 900px; border: solid 8px var(--color05); border-radius: 80px; overflow: hidden;}
.cont01 .bg .inner p { font-size: 25px; color: var(--color00); text-align: center; margin-top: 85px;}



.cont02 { width: 100%;}
.cont02 .bg { background: var(--color06); position: relative;}
.cont02 .bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url("../images/schedule/seoul/cont02_bg_top.png") center top no-repeat; background-size: cover; height: 450px;}
.cont02 .bg .inner { padding: 300px 0 0;}
.cont02 .bg .inner .box01 { padding: 0;}
.cont02 .bg .inner .box01 .ttl { display: flex; flex-direction: column; align-items: center;  position: relative; width: 900px; margin: auto;}
.cont02 .bg .inner .box01 .ttl h2 { font-size: 150px; line-height: 1em; color: var(--color00); -webkit-text-stroke: 2px var(--color05); text-shadow: 6px 6px 0px var(--color05); margin-bottom: 50px; position: relative;}


.cont02 .bg .inner .box01 ol { width: 700px; margin: auto; color: var(--color00); border-bottom: dotted 4px var(--color05);}
.cont02 .bg .inner .box01 ol > li { padding: 20px 0; border-top: dotted 4px var(--color05); display: flex; justify-content: space-between; align-items: center;}
.cont02 .bg .inner .box01 ol > li h3 { font-size: 60px; line-height: 1em; color: var(--color00); background: var(--color05); padding: 5px 30px; border-radius: 20px;}
.cont02 .bg .inner .box01 ol > li > ul { width: 480px;}
.cont02 .bg .inner .box01 ol > li > ul > li { padding-left: 1.2em; position: relative;}
.cont02 .bg .inner .box01 ol > li > ul > li::before { content: "◎"; position: absolute; left: 0;}


.cont02 .bg .inner .box02 {}
.cont02 .bg .inner .box02 .day { margin: 145px 0 0; padding: 50px 0; background: var(--color00); position: relative; border-top: solid 4px var(--color05); border-bottom: solid 4px var(--color05); color: var(--color05);}
.cont02 .bg .inner .box02 .day h3 { width: 184px; position: absolute; top: -50px; left: 0; right: 0; margin: auto;}

.cont02 .bg .inner .box02 .day .spots .ttl { text-align: center; color: var(--color05); width: auto; height: auto;}
.cont02 .bg .inner .box02 .day .spots .ttl p { text-align: center; font-size: 16px; margin-bottom: 5px;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 { text-align: center; font-size: 40px;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 span { display: inline-block; align-content: center; width: 74px; height: 74px; background: var(--color00); border: solid 3px var(--color05); border-radius: 50%; margin-left: -10px;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 span:nth-of-type(1) { margin-left: 0;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 span:nth-of-type(2) { background: var(--color06);}
.cont02 .bg .inner .box02 .day .spots .txt { font-size: 18px; display: flex; justify-content: center; align-items: center; border-radius: 50%;}


/* day01 */
.cont02 .bg .inner .box02 .day1 .spots { height: 1301px; width: 1200px; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt00 { width: 100%; height: auto; position: absolute; top: 10px; left: 0px; z-index: auto; text-align: center; color: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot01_ttl01 { position: absolute; top: 64px; left: 515px; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_img01 { width: 800px; height: 635px; position: absolute; top: 130px; left: 240px; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 { width: 300px; height: 300px; position: absolute; top: 330px; left: 60px; z-index: auto; background: var(--color06);}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 p { width: 200px; color: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot02_ttl01 { position: absolute; top: 595px; left: 409px; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_img01 { width: 800px; height: 475px; position: absolute; top: 660px; left: 110px; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt01 { width: 300px; height: 301px; position: absolute; top: 590px; left: 900px; z-index: auto; background: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt01 p { width: 200px; color: var(--color06);}
.cont02 .bg .inner .box02 .day1 .spots .spot02_img02 { width: 400px; height: 251px; position: absolute; top: 1040px; left: 720px; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt02 { width: 380px; position: absolute; top: 1154px; left: 316px; z-index: auto; font-size: 18px; color: var(--color05);}


/* day02 */
.cont02 .bg .inner .box02 .day2 .spots { height: 2009px; width: 1200px; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_ttl01 { position: absolute; top: 154px; left: 400px; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_img01 { width: 801px; height: 451px; position: absolute; top: 220px; left: 100px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 { width: 300px; height: 300px; position: absolute; top: 370px; left: 810px; z-index: auto; background: var(--color06);}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 p { width: 200px; color: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt02 { width: auto; position: absolute; top: 690px; left: 100px; z-index: auto; font-size: 18px; color: var(--color05);}

.cont02 .bg .inner .box02 .day2 .spots .spot01_img02 { width: 400px; height: 273px; position: absolute; top: 10px; left: 800px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt03 { width: 340px; position: absolute; top: 50px; left: 425px; z-index: auto; font-size: 18px; color: var(--color05)}

.cont02 .bg .inner .box02 .day2 .spots .spot02_ttl01 { position: absolute; top: 752px; left: 635px; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img01 { width: 800px; height: 451px; position: absolute; top: 820px; left: 400px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 { width: 300px; height: 300px; position: absolute; top: 820px; left: 200px; z-index: auto; background: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 p { width: 200px; color: var(--color06);}

.cont02 .bg .inner .box02 .day2 .spots .spot03_ttl01 { position: absolute; top: 1320px; left: 270px; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img01 { width: 800px; height: 458px; position: absolute; top: 1357px; left: 103px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 { width: 300px; height: 300px; position: absolute; top: 1320px; left: 810px; z-index: auto; background: var(--color06);}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 p { width: 200px; color: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img02 { width: 400px; height: 251px; position: absolute; top: 1697px; left: 700px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt02 { width: 270px; position: absolute; top: 1890px; left: 440px; z-index: auto; font-size: 18px; color: var(--color05)}


/* day03 */
.cont02 .bg .inner .box02 .day3 .spots { height: 590px; width: 1200px; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 { position: absolute; top: 20px; left: 435px; z-index: auto; font-size: 18px; color: var(--color05)}
.cont02 .bg .inner .box02 .day3 .spots .spot01_img01 { width: 801px; height: 473px; position: absolute; top: 80px; left: 200px; z-index: auto;}




footer { padding-top: 610px; position: relative;}
footer::before { content: ""; position: absolute; top: 80px; left: 0; right: 0; background: url("../images/schedule/footer_bg_top.png") center top no-repeat; background-size: cover; height: 548px;}



}


@media print, screen and (min-width: 768px) and ( max-width: 1679px) {

.cont01 { width: 100%;}
.cont01 .bg { background: var(--color01);}
.cont01 .bg .inner { padding: 7.976vw 0 2.976vw;}
.cont01 .bg .inner .ttl { display: flex; flex-direction: column; align-items: center;  position: relative; width: 53.571vw; margin: auto;}
.cont01 .bg .inner .ttl::after { content: ""; background: url("../images/schedule/sec01_img.png") 0 0; background-size: cover; width: 19.464vw; height: 27.262vw; position: absolute; bottom: -2.381vw; left: -8.333vw;}
.cont01 .bg .inner .ttl h2 { width: 20vw; position: absolute; bottom: -2.976vw; right: -10.714vw;}
.cont01 .bg .inner .ttl .fukidashi { width: 27.619vw; height: 4.762vw; position: absolute; top: -1.19vw; left: -2.976vw;}
.cont01 .bg .inner .ttl .img { width: 53.571vw; border: solid 8px var(--color05); border-radius: 4.762vw; overflow: hidden;}
.cont01 .bg .inner p { font-size: 1.488vw; color: var(--color00); text-align: center; margin-top: 5.06vw;}



.cont02 { width: 100%;}
.cont02 .bg { background: var(--color06); position: relative;}
.cont02 .bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url("../images/schedule/seoul/cont02_bg_top.png") center top no-repeat; background-size: cover; height: 26.786vw;}
.cont02 .bg .inner { padding: 17.857vw 0 0;}
.cont02 .bg .inner .box01 { padding: 0;}
.cont02 .bg .inner .box01 .ttl { display: flex; flex-direction: column; align-items: center;  position: relative; width: 53.571vw; margin: auto;}
.cont02 .bg .inner .box01 .ttl h2 { font-size: 8.929vw; line-height: 1em; color: var(--color00); -webkit-text-stroke: 2px var(--color05); text-shadow: 6px 6px 0px var(--color05); margin-bottom: 2.976vw; position: relative;}


.cont02 .bg .inner .box01 ol { width: 41.667vw; margin: auto; color: var(--color00); border-bottom: dotted 4px var(--color05);}
.cont02 .bg .inner .box01 ol > li { padding: 1.19vw 0; border-top: dotted 4px var(--color05); display: flex; justify-content: space-between; align-items: center;}
.cont02 .bg .inner .box01 ol > li h3 { font-size: 3.571vw; line-height: 1em; color: var(--color00); background: var(--color05); padding: 0.298vw 1.786vw; border-radius: 1.19vw;}
.cont02 .bg .inner .box01 ol > li > ul { width: 28.571vw;}
.cont02 .bg .inner .box01 ol > li > ul > li { padding-left: 1.2em; position: relative;}
.cont02 .bg .inner .box01 ol > li > ul > li::before { content: "◎"; position: absolute; left: 0;}


.cont02 .bg .inner .box02 {}
.cont02 .bg .inner .box02 .day { margin: 8.631vw 0 0; padding: 2.976vw 0; background: var(--color00); position: relative; border-top: solid 4px var(--color05); border-bottom: solid 4px var(--color05); color: var(--color05);}
.cont02 .bg .inner .box02 .day h3 { width: 10.952vw; position: absolute; top: -2.976vw; left: 0; right: 0; margin: auto;}

.cont02 .bg .inner .box02 .day .spots .ttl { text-align: center; color: var(--color05); width: auto; height: auto;}
.cont02 .bg .inner .box02 .day .spots .ttl p { text-align: center; font-size: 0.952vw; margin-bottom: 0.298vw;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 { text-align: center; font-size: 2.381vw;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 span { display: inline-block; align-content: center; width: 4.405vw; height: 4.405vw; background: var(--color00); border: solid 3px var(--color05); border-radius: 50%; margin-left: -0.595vw;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 span:nth-of-type(1) { margin-left: 0;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 span:nth-of-type(2) { background: var(--color06);}
.cont02 .bg .inner .box02 .day .spots .txt { font-size: 1.071vw; display: flex; justify-content: center; align-items: center; border-radius: 50%;}


/* day01 */
.cont02 .bg .inner .box02 .day1 .spots { height: 77.44vw; width: 71.429vw; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt00 { width: 100%; height: auto; position: absolute; top: 0.595vw; left: 0px; z-index: auto; text-align: center; color: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot01_ttl01 { position: absolute; top: 3.81vw; left: 30.655vw; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_img01 { width: 47.619vw; height: 37.798vw; position: absolute; top: 7.738vw; left: 14.286vw; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 { width: 17.857vw; height: 17.857vw; position: absolute; top: 19.643vw; left: 3.571vw; z-index: auto; background: var(--color06);}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 p { width: 11.905vw; color: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot02_ttl01 { position: absolute; top: 35.417vw; left: 24.345vw; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_img01 { width: 47.619vw; height: 28.274vw; position: absolute; top: 39.286vw; left: 6.548vw; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt01 { width: 17.857vw; height: 17.917vw; position: absolute; top: 35.119vw; left: 53.571vw; z-index: auto; background: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt01 p { width: 11.905vw; color: var(--color06);}
.cont02 .bg .inner .box02 .day1 .spots .spot02_img02 { width: 23.81vw; height: 14.94vw; position: absolute; top: 61.905vw; left: 42.857vw; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt02 { width: 22.619vw; position: absolute; top: 68.69vw; left: 18.81vw; z-index: auto; font-size: 1.071vw; color: var(--color05);}


/* day02 */
.cont02 .bg .inner .box02 .day2 .spots { height: 119.583vw; width: 71.429vw; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_ttl01 { position: absolute; top: 9.167vw; left: 23.81vw; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_img01 { width: 47.679vw; height: 26.845vw; position: absolute; top: 13.095vw; left: 5.952vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 { width: 17.857vw; height: 17.857vw; position: absolute; top: 22.024vw; left: 48.214vw; z-index: auto; background: var(--color06);}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 p { width: 11.905vw; color: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt02 { width: auto; position: absolute; top: 41.071vw; left: 5.952vw; z-index: auto; font-size: 1.071vw; color: var(--color05);}

.cont02 .bg .inner .box02 .day2 .spots .spot01_img02 { width: 23.81vw; height: 16.25vw; position: absolute; top: 0.595vw; left: 47.619vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt03 { width: 20.238vw; position: absolute; top: 2.976vw; left: 25.298vw; z-index: auto; font-size: 1.071vw; color: var(--color05)}

.cont02 .bg .inner .box02 .day2 .spots .spot02_ttl01 { position: absolute; top: 44.762vw; left: 37.798vw; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img01 { width: 47.619vw; height: 26.845vw; position: absolute; top: 48.81vw; left: 23.81vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 { width: 17.857vw; height: 17.857vw; position: absolute; top: 48.81vw; left: 11.905vw; z-index: auto; background: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 p { width: 11.905vw; color: var(--color06);}

.cont02 .bg .inner .box02 .day2 .spots .spot03_ttl01 { position: absolute; top: 78.571vw; left: 16.071vw; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img01 { width: 47.619vw; height: 27.262vw; position: absolute; top: 80.774vw; left: 6.131vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 { width: 17.857vw; height: 17.857vw; position: absolute; top: 78.571vw; left: 48.214vw; z-index: auto; background: var(--color06);}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 p { width: 11.905vw; color: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img02 { width: 23.81vw; height: 14.94vw; position: absolute; top: 101.012vw; left: 41.667vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt02 { width: 16.071vw; position: absolute; top: 112.5vw; left: 26.19vw; z-index: auto; font-size: 1.071vw; color: var(--color05)}


/* day03 */
.cont02 .bg .inner .box02 .day3 .spots { height: 35.119vw; width: 71.429vw; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 { position: absolute; top: 1.19vw; left: 25.893vw; z-index: auto; font-size: 1.071vw; color: var(--color05)}
.cont02 .bg .inner .box02 .day3 .spots .spot01_img01 { width: 47.679vw; height: 28.155vw; position: absolute; top: 4.762vw; left: 11.905vw; z-index: auto;}




footer { padding-top: 36.31vw; position: relative;}
footer::before { content: ""; position: absolute; top: 4.762vw; left: 0; right: 0; background: url("../images/schedule/footer_bg_top.png") center top no-repeat; background-size: cover; height: 32.619vw;}



}



/*sp*/
@media only screen and (max-width: 767px) {


.cont01 { width: 100%;}
.cont01 .bg { background: var(--color01);}
.cont01 .bg .inner { padding: 20.938vw 0 7.813vw;}
.cont01 .bg .inner .ttl { display: flex; flex-direction: column; align-items: center;  position: relative; width: 100%; margin: auto;}
.cont01 .bg .inner .ttl::after { content: ""; background: url("../images/schedule/sec01_img.png") 0 0; background-size: cover; width: 26.094vw; height: 36.563vw; position: absolute; bottom: -3.125vw; left: 3.125vw;}
.cont01 .bg .inner .ttl h2 { width: 33.125vw; position: absolute; bottom: -3.125vw; right: 1.563vw;}
.cont01 .bg .inner .ttl .fukidashi { width: 45.938vw; height: 7.5vw; position: absolute; top: -3.125vw; left: 4.688vw;}
.cont01 .bg .inner .ttl .img { width: 87.5vw; border: solid 3px var(--color05); border-radius: 7.813vw; overflow: hidden;}
.cont01 .bg .inner p { font-size: 3.438vw; color: var(--color00); text-align: left; margin: 4.688vw 4.688vw 0;}




.cont02 { width: 100%;}
.cont02 .bg { background: var(--color06); position: relative;}
.cont02 .bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url("../images/schedule/seoul/cont02_bg_top_sp.png") center top no-repeat; background-size: cover; height: 40vw;}
.cont02 .bg .inner { padding: 18.75vw 0 0;}
.cont02 .bg .inner .box01 { padding: 0;}
.cont02 .bg .inner .box01 .ttl { display: flex; flex-direction: column; align-items: center;  position: relative; width: 100%; margin: auto;}
.cont02 .bg .inner .box01 .ttl h2 { width: 42.969vw; margin-bottom: 7.813vw; position: relative;}



.cont02 .bg .inner .box01 ol { width: 92.188vw; margin: auto; color: var(--color00); border-bottom: dotted 4px var(--color05);}
.cont02 .bg .inner .box01 ol > li { padding: 3.125vw 0; border-top: dotted 4px var(--color05); display: flex; justify-content: space-between; align-items: center;}
.cont02 .bg .inner .box01 ol > li h3 { font-size: 5.938vw; line-height: 1em; color: var(--color00); background: var(--color05); padding: 0.781vw 4.688vw; border-radius: 2.344vw;}
.cont02 .bg .inner .box01 ol > li > ul { width: 68.75vw;}
.cont02 .bg .inner .box01 ol > li > ul > li { padding-left: 1.2em; position: relative;}
.cont02 .bg .inner .box01 ol > li > ul > li::before { content: "◎"; position: absolute; left: 0;}


.cont02 .bg .inner .box02 {}
.cont02 .bg .inner .box02 .day { margin: 10.625vw 0 0; padding: 7.813vw 0; background: var(--color00); position: relative; border-top: solid 4px var(--color05); border-bottom: solid 4px var(--color05); color: var(--color05);}
.cont02 .bg .inner .box02 .day h3 { width: 17.969vw; position: absolute; top: -5.469vw; left: 0; right: 0; margin: auto;}

.cont02 .bg .inner .box02 .day .spots .ttl { text-align: center; color: var(--color05); width: auto; height: auto;}
.cont02 .bg .inner .box02 .day .spots .ttl p { text-align: center; font-size: 2.5vw; margin-bottom: 0px;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 { text-align: center; font-size: 3.906vw;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 span { display: inline-block; align-content: center; width: 7.5vw; height: 7.5vw; background: var(--color00); border: solid 2px var(--color05); border-radius: 50%; margin-left: -0.781vw;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 span:nth-of-type(1) { margin-left: 0;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 span:nth-of-type(2) { background: var(--color06);}
.cont02 .bg .inner .box02 .day .spots .txt { font-size: 3.125vw; display: flex; justify-content: center; align-items: center; border-radius: 50%;}



/* day01 */
.cont02 .bg .inner .box02 .day1 .spots { height: 185vw; width: 100%; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt00 { width: 100%; height: auto; position: absolute; top: 1.563vw; left: 0px; z-index: auto; text-align: center; color: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot01_ttl01 { position: absolute; top: 6.875vw; left: 36.719vw; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_img01 { width: 80vw; height: 47.656vw; position: absolute; top: 14.063vw; left: 9.375vw; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 { width: 82.813vw; height: auto; position: absolute; top: 65.625vw; left: 9.375vw; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 p { width: 100%; color: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot02_ttl01 { position: absolute; top: 78.906vw; left: 39.844vw; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_img01 { width: 80vw; height: 47.5vw; position: absolute; top: 85.938vw; left: 10.156vw; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt01 { width: 82.813vw; height: auto; position: absolute; top: 137.5vw; left: 9.375vw; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt01 p { width: 100%; color: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot02_img02 { width: 40vw; height: 25.156vw; position: absolute; top: 153.125vw; left: 7.813vw; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt02 { width: 54.688vw; height: 29.688vw; position: absolute; top: 156.875vw; left: 41.563vw; z-index: auto; font-size: 2.813vw; background: var(--color06); color: var(--color05); border-radius: 15.625vw; display: flex; justify-content: center; align-items: center;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt02 p { width: 35.156vw;}


/* day02 */
.cont02 .bg .inner .box02 .day2 .spots { height: 289.844vw; width: 187.5vw; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_ttl01 { position: absolute; top: 42.813vw; left: 39.063vw; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_img01 { width: 80vw; height: 70.469vw; position: absolute; top: 50vw; left: 9.844vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 { width: 82.813vw; position: absolute; top: 100vw; left: 7.813vw; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 p { width: 100%; color: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt02 { width: 82.813vw; position: absolute; top: 114.375vw; left: 7.813vw; z-index: auto; color: var(--color05);}

.cont02 .bg .inner .box02 .day2 .spots .spot01_img02 { width: 40vw; height: 42.656vw; position: absolute; top: 1.563vw; left: 51.563vw; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt03 { width: 51.563vw; height: 29.688vw; position: absolute; top: 8.906vw; left: 5.469vw; z-index: auto; font-size: 2.813vw; background: var(--color05); color: var(--color06); border-radius: 15.625vw; display: flex; justify-content: center; align-items: center;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt03 p { width: 35.156vw; font-size: 2.813vw;}

.cont02 .bg .inner .box02 .day2 .spots .spot02_ttl01 { position: absolute; top: 129.375vw; left: 32.656vw; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img01 { width: 80vw; height: 70.469vw; position: absolute; top: 137.5vw; left: 9.375vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 { width: 82.813vw; position: absolute; top: 184.375vw; left: 7.813vw; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 p { width: 100%; color: var(--color05);}

.cont02 .bg .inner .box02 .day2 .spots .spot03_ttl01 { position: absolute; top: 200vw; left: 26.563vw; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img01 { width: 80vw; height: 71.563vw; position: absolute; top: 204.219vw; left: 9.844vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 { width: 82.813vw; position: absolute; top: 251.563vw; left: 7.813vw; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 p { width: 100%; color: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img02 { width: 40vw; height: 39.219vw; position: absolute; top: 267.188vw; left: 7.813vw; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt02 { width: 46.875vw; height: 23.438vw; position: absolute; top: 262.5vw; left: 44.219vw; z-index: auto; font-size: 2.813vw; background: var(--color06); color: var(--color05); border-radius: 15.625vw; display: flex; justify-content: center; align-items: center;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt02 p { width: 29.688vw;}


/* day03 */
.cont02 .bg .inner .box02 .day3 .spots { height: 53.75vw; width: 187.5vw; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 { position: absolute; top: 0; left: 21.094vw; z-index: auto; font-size: 3.125vw; color: var(--color05)}
.cont02 .bg .inner .box02 .day3 .spots .spot01_img01 { width: 80vw; height: 73.906vw; position: absolute; top: 7.813vw; left: 10vw; z-index: auto;}




footer { padding-top: 34.375vw; position: relative;}
footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url("../images/schedule/footer_bg_top_sp.png") center top no-repeat; background-size: cover; height: 40vw;}


}



@media screen and (width: 640px) {


.cont01 { width: 100%;}
.cont01 .bg { background: var(--color01);}
.cont01 .bg .inner { padding: 134px 0 50px;}
.cont01 .bg .inner .ttl { display: flex; flex-direction: column; align-items: center;  position: relative; width: 100%; margin: auto;}
.cont01 .bg .inner .ttl::after { content: ""; background: url("../images/schedule/sec01_img.png") 0 0; background-size: cover; width: 167px; height: 234px; position: absolute; bottom: -20px; left: 20px;}
.cont01 .bg .inner .ttl h2 { width: 212px; position: absolute; bottom: -20px; right: 10px;}
.cont01 .bg .inner .ttl .fukidashi { width: 294px; height: 48px; position: absolute; top: -20px; left: 30px;}
.cont01 .bg .inner .ttl .img { width: 560px; border: solid 3px var(--color05); border-radius: 50px; overflow: hidden;}
.cont01 .bg .inner p { font-size: 22px; color: var(--color00); text-align: left; margin: 30px 30px 0;}



.cont02 { width: 100%;}
.cont02 .bg { background: var(--color06); position: relative;}
.cont02 .bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url("../images/schedule/seoul/cont02_bg_top_sp.png") center top no-repeat; background-size: cover; height: 256px;}
.cont02 .bg .inner { padding: 120px 0 0;}
.cont02 .bg .inner .box01 { padding: 0;}
.cont02 .bg .inner .box01 .ttl { display: flex; flex-direction: column; align-items: center;  position: relative; width: 100%; margin: auto;}
.cont02 .bg .inner .box01 .ttl h2 { width: 275px; margin-bottom: 50px; position: relative;}


.cont02 .bg .inner .box01 ol { width: 590px; margin: auto; color: var(--color00); border-bottom: dotted 4px var(--color05);}
.cont02 .bg .inner .box01 ol > li { padding: 20px 0; border-top: dotted 4px var(--color05); display: flex; justify-content: space-between; align-items: center;}
.cont02 .bg .inner .box01 ol > li h3 { font-size: 38px; line-height: 1em; color: var(--color00); background: var(--color05); padding: 5px 30px; border-radius: 15px;}
.cont02 .bg .inner .box01 ol > li > ul { width: 440px;}
.cont02 .bg .inner .box01 ol > li > ul > li { padding-left: 1.2em; position: relative;}
.cont02 .bg .inner .box01 ol > li > ul > li::before { content: "◎"; position: absolute; left: 0;}


.cont02 .bg .inner .box02 {}
.cont02 .bg .inner .box02 .day { margin: 68px 0 0; padding: 50px 0; background: var(--color00); position: relative; border-top: solid 4px var(--color05); border-bottom: solid 4px var(--color05); color: var(--color05);}
.cont02 .bg .inner .box02 .day h3 { width: 115px; position: absolute; top: -35px; left: 0; right: 0; margin: auto;}

.cont02 .bg .inner .box02 .day .spots .ttl { text-align: center; color: var(--color05); width: auto; height: auto;}
.cont02 .bg .inner .box02 .day .spots .ttl p { text-align: center; font-size: 16px; margin-bottom: 0px;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 { text-align: center; font-size: 25px;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 span { display: inline-block; align-content: center; width: 48px; height: 48px; background: var(--color00); border: solid 2px var(--color05); border-radius: 50%; margin-left: -5px;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 span:nth-of-type(1) { margin-left: 0;}
.cont02 .bg .inner .box02 .day .spots .ttl h4 span:nth-of-type(2) { background: var(--color06);}
.cont02 .bg .inner .box02 .day .spots .txt { font-size: 20px; display: flex; justify-content: center; align-items: center; border-radius: 50%;}



/* day01 */
.cont02 .bg .inner .box02 .day1 .spots { height: 1184px; width: 100%; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt00 { width: 100%; height: auto; position: absolute; top: 10px; left: 0px; z-index: auto; text-align: center; color: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot01_ttl01 { position: absolute; top: 44px; left: 235px; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_img01 { width: 512px; height: 305px; position: absolute; top: 90px; left: 60px; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 { width: 530px; height: auto; position: absolute; top: 420px; left: 60px; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 p { width: 100%; color: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot02_ttl01 { position: absolute; top: 505px; left: 255px; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_img01 { width: 512px; height: 304px; position: absolute; top: 550px; left: 65px; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt01 { width: 530px; height: auto; position: absolute; top: 880px; left: 60px; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt01 p { width: 100%; color: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot02_img02 { width: 256px; height: 161px; position: absolute; top: 980px; left: 50px; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt02 { width: 350px; height: 190px; position: absolute; top: 1004px; left: 266px; z-index: auto; font-size: 18px; background: var(--color06); color: var(--color05); border-radius: 100px; display: flex; justify-content: center; align-items: center;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt02 p { width: 225px;}


/* day02 */
.cont02 .bg .inner .box02 .day2 .spots { height: 1855px; width: 1200px; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_ttl01 { position: absolute; top: 274px; left: 250px; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_img01 { width: 512px; height: 451px; position: absolute; top: 320px; left: 63px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 { width: 530px; position: absolute; top: 640px; left: 50px; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 p { width: 100%; color: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt02 { width: 530px; position: absolute; top: 732px; left: 50px; z-index: auto; color: var(--color05);}

.cont02 .bg .inner .box02 .day2 .spots .spot01_img02 { width: 256px; height: 273px; position: absolute; top: 10px; left: 330px; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt03 { width: 330px; height: 190px; position: absolute; top: 57px; left: 35px; z-index: auto; font-size: 18px; background: var(--color05); color: var(--color06); border-radius: 100px; display: flex; justify-content: center; align-items: center;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt03 p { width: 225px; font-size: 18px;}

.cont02 .bg .inner .box02 .day2 .spots .spot02_ttl01 { position: absolute; top: 828px; left: 209px; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img01 { width: 512px; height: 451px; position: absolute; top: 880px; left: 60px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 { width: 530px; position: absolute; top: 1180px; left: 50px; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 p { width: 100%; color: var(--color05);}

.cont02 .bg .inner .box02 .day2 .spots .spot03_ttl01 { position: absolute; top: 1280px; left: 170px; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img01 { width: 512px; height: 458px; position: absolute; top: 1307px; left: 63px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 { width: 530px; position: absolute; top: 1610px; left: 50px; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 p { width: 100%; color: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img02 { width: 256px; height: 251px; position: absolute; top: 1710px; left: 50px; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt02 { width: 300px; height: 150px; position: absolute; top: 1680px; left: 283px; z-index: auto; font-size: 18px; background: var(--color06); color: var(--color05); border-radius: 100px; display: flex; justify-content: center; align-items: center;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt02 p { width: 190px;}


/* day03 */
.cont02 .bg .inner .box02 .day3 .spots { height: 344px; width: 1200px; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 { position: absolute; top: 0; left: 135px; z-index: auto; font-size: 20px; color: var(--color05)}
.cont02 .bg .inner .box02 .day3 .spots .spot01_img01 { width: 512px; height: 473px; position: absolute; top: 50px; left: 64px; z-index: auto;}




footer { padding-top: 220px; position: relative;}
footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url("../images/schedule/footer_bg_top_sp.png") center top no-repeat; background-size: cover; height: 256px;}


}
