@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(--color12); position: relative;}
.cont02 .bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url("../images/schedule/shanghai/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; opacity: 0;}
.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(--color12); color: var(--color05);} 
.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: 1665px; width: 1200px; margin: auto; position: relative;}

.cont02 .bg .inner .box02 .day1 .spots .spot01_ttl01 { position: absolute; top: 25px; left: 520px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_img01 { width: 800px; height: 451px; position: absolute; top: 90px; left: 350px; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 { width: 460px; height: auto; position: absolute; top: 580px; left: 540px; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 p { font-size: 18px;}

.cont02 .bg .inner .box02 .day1 .spots .spot02_ttl01 { position: absolute; top: 344px; left: 180px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_img01 { width: 500px; height: 301px; position: absolute; top: 410px; left: 0px; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt01 { width: 270px; position: absolute; top: 950px; left: 850px; z-index: auto; font-size: 18px; color: var(--color05);}

.cont02 .bg .inner .box02 .day1 .spots .spot03_ttl01 { position: absolute; top: 756px; left: 170px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot03_img01 { width: 800px; height: 451px; position: absolute; top: 820px; left: 100px; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot03_txt01 { width: 300px; height: 300px; position: absolute; top: 860px; left: 800px; z-index: auto; background: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot03_txt01 p { width: 210px; font-size: 18px; color: var(--color03);}

.cont02 .bg .inner .box02 .day1 .spots .spot04_ttl01 { position: absolute; top: 1224px; left: 800px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot04_img01 { width: 400px; height: 251px; position: absolute; top: 1288px; left: 700px; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot04_txt01 { width: 276px; position: absolute; top: 1450px; left: 390px; z-index: auto; font-size: 18px; color: var(--color05);}




/* day02 */
.cont02 .bg .inner .box02 .day2 .spots { height: 2635px; width: 1200px; margin: auto; position: relative;}

.cont02 .bg .inner .box02 .day2 .spots .spot01_ttl01 { position: absolute; top: 28px; left: 430px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_img01 { width: 800px; height: 451px; position: absolute; top: 90px; left: 100px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 { width: 300px; height: 300px; position: absolute; top: 244px; left: 800px; z-index: auto; background: var(--color12);}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 p { width: 210px; color: var(--color00);}

.cont02 .bg .inner .box02 .day2 .spots .spot02_ttl01 { position: absolute; top: 578px; left: 684px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img01 { width: 800px; height: 451px; position: absolute; top: 810px; left: 100px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 { width: 470px; height: auto; position: absolute; top: 670px; left: 100px; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 p { color: var(--color05); font-size: 18px;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img02 { width: 500px; height: 301px; position: absolute; top: 640px; left: 600px; z-index: auto;}

.cont02 .bg .inner .box02 .day2 .spots .spot03_ttl01 { position: absolute; top: 1300px; left: 600px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img01 { width: 800px; height: 451px; position: absolute; top: 1370px; left: 300px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 { width: 320px; height: 320px; position: absolute; top: 1330px; left: 50px; z-index: auto; background: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 p { width: 210px; color: var(--color11);}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img02 { width: 400px; height: 251px; position: absolute; top: 1690px; left: 100px; z-index: auto;}

.cont02 .bg .inner .box02 .day2 .spots .spot04_ttl01 { position: absolute; top: 1978px; left: 400px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_img01 { width: 800px; height: 451px; position: absolute; top: 2040px; left: 100px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 { width: 300px; height: 300px; position: absolute; top: 2194px; left: 800px; z-index: auto; background: var(--color12);}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 p { width: 200px; color: var(--color00);}
.cont02 .bg .inner .box02 .day2 .spots .spot04_img02 { width: 400px; height: 251px; position: absolute; top: 1890px; left: 700px; z-index: auto;}



/* day03 */
.cont02 .bg .inner .box02 .day3 .spots { height: 1855px; width: 1200px; margin: auto; position: relative;}

.cont02 .bg .inner .box02 .day3 .spots .spot01_ttl01 { position: absolute; top: 28px; left: 650px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_img01 { width: 800px; height: 451px; position: absolute; top: 90px; left: 350px; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 { width: 250px; height: 250px; position: absolute; top: 290px; left: 200px; z-index: auto; background: var(--color05);}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 p { width: 170px; color: var(--color11);}

.cont02 .bg .inner .box02 .day3 .spots .spot02_ttl01 { position: absolute; top: 590px; left: 398px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot02_img01 { width: 800px; height: 451px; position: absolute; top: 656px; left: 100px; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot02_txt01 { width: 350px; height: 350px; position: absolute; top: 758px; left: 800px; z-index: auto; font-size: 18px; background: var(--color12);}
.cont02 .bg .inner .box02 .day3 .spots .spot02_txt01 p { width: 230px; color: var(--color00);}

.cont02 .bg .inner .box02 .day3 .spots .spot03_ttl01 { position: absolute; top: 1172px; left: 584px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot03_img01 { width: 800px; height: 451px; position: absolute; top: 1240px; left: 350px; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot03_txt01 { width: 230px; height: auto; position: absolute; top: 1530px; left: 100px; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot03_txt01 p { font-size: 18px;}







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(--color12); position: relative;}
.cont02 .bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url("../images/schedule/shanghai/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; opacity: 0;}
.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(--color12); color: var(--color05);} 
.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: 99.107vw; width: 71.429vw; margin: auto; position: relative;}

.cont02 .bg .inner .box02 .day1 .spots .spot01_ttl01 { position: absolute; top: 1.488vw; left: 30.952vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_img01 { width: 47.619vw; height: 26.845vw; position: absolute; top: 5.357vw; left: 20.833vw; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 { width: 27.381vw; height: auto; position: absolute; top: 34.524vw; left: 32.143vw; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 p { font-size: 1.071vw;}

.cont02 .bg .inner .box02 .day1 .spots .spot02_ttl01 { position: absolute; top: 20.476vw; left: 10.714vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_img01 { width: 29.762vw; height: 17.917vw; position: absolute; top: 24.405vw; left: 0px; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt01 { width: 16.071vw; position: absolute; top: 56.548vw; left: 50.595vw; z-index: auto; font-size: 1.071vw; color: var(--color05);}

.cont02 .bg .inner .box02 .day1 .spots .spot03_ttl01 { position: absolute; top: 45vw; left: 10.119vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot03_img01 { width: 47.619vw; height: 26.845vw; position: absolute; top: 48.81vw; left: 5.952vw; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot03_txt01 { width: 17.857vw; height: 17.857vw; position: absolute; top: 51.19vw; left: 47.619vw; z-index: auto; background: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot03_txt01 p { width: 12.5vw; font-size: 1.071vw; color: var(--color03);}

.cont02 .bg .inner .box02 .day1 .spots .spot04_ttl01 { position: absolute; top: 72.857vw; left: 47.619vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot04_img01 { width: 23.81vw; height: 14.94vw; position: absolute; top: 76.667vw; left: 41.667vw; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot04_txt01 { width: 16.429vw; position: absolute; top: 86.31vw; left: 23.214vw; z-index: auto; font-size: 1.071vw; color: var(--color05);}




/* day02 */
.cont02 .bg .inner .box02 .day2 .spots { height: 156.845vw; width: 71.429vw; margin: auto; position: relative;}

.cont02 .bg .inner .box02 .day2 .spots .spot01_ttl01 { position: absolute; top: 1.667vw; left: 25.595vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_img01 { width: 47.619vw; height: 26.845vw; position: absolute; top: 5.357vw; left: 5.952vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 { width: 17.857vw; height: 17.857vw; position: absolute; top: 14.524vw; left: 47.619vw; z-index: auto; background: var(--color12);}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 p { width: 12.5vw; color: var(--color00);}

.cont02 .bg .inner .box02 .day2 .spots .spot02_ttl01 { position: absolute; top: 34.405vw; left: 40.714vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img01 { width: 47.619vw; height: 26.845vw; position: absolute; top: 48.214vw; left: 5.952vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 { width: 27.976vw; height: auto; position: absolute; top: 39.881vw; left: 5.952vw; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 p { color: var(--color05); font-size: 1.071vw;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img02 { width: 29.762vw; height: 17.917vw; position: absolute; top: 38.095vw; left: 35.714vw; z-index: auto;}

.cont02 .bg .inner .box02 .day2 .spots .spot03_ttl01 { position: absolute; top: 77.381vw; left: 35.714vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img01 { width: 47.619vw; height: 26.845vw; position: absolute; top: 81.548vw; left: 17.857vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 { width: 19.048vw; height: 19.048vw; position: absolute; top: 79.167vw; left: 2.976vw; z-index: auto; background: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 p { width: 12.5vw; color: var(--color11);}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img02 { width: 23.81vw; height: 14.94vw; position: absolute; top: 100.595vw; left: 5.952vw; z-index: auto;}

.cont02 .bg .inner .box02 .day2 .spots .spot04_ttl01 { position: absolute; top: 117.738vw; left: 23.81vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_img01 { width: 47.619vw; height: 26.845vw; position: absolute; top: 121.429vw; left: 5.952vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 { width: 17.857vw; height: 17.857vw; position: absolute; top: 130.595vw; left: 47.619vw; z-index: auto; background: var(--color12);}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 p { width: 11.905vw; color: var(--color00);}
.cont02 .bg .inner .box02 .day2 .spots .spot04_img02 { width: 23.81vw; height: 14.94vw; position: absolute; top: 112.5vw; left: 41.667vw; z-index: auto;}



/* day03 */
.cont02 .bg .inner .box02 .day3 .spots { height: 110.417vw; width: 71.429vw; margin: auto; position: relative;}

.cont02 .bg .inner .box02 .day3 .spots .spot01_ttl01 { position: absolute; top: 1.667vw; left: 38.69vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_img01 { width: 47.619vw; height: 26.845vw; position: absolute; top: 5.357vw; left: 20.833vw; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 { width: 14.881vw; height: 14.881vw; position: absolute; top: 17.262vw; left: 11.905vw; z-index: auto; background: var(--color05);}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 p { width: 10.119vw; color: var(--color11);}

.cont02 .bg .inner .box02 .day3 .spots .spot02_ttl01 { position: absolute; top: 35.119vw; left: 23.69vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot02_img01 { width: 47.619vw; height: 26.845vw; position: absolute; top: 39.048vw; left: 5.952vw; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot02_txt01 { width: 20.833vw; height: 20.833vw; position: absolute; top: 45.119vw; left: 47.619vw; z-index: auto; font-size: 1.071vw; background: var(--color12);}
.cont02 .bg .inner .box02 .day3 .spots .spot02_txt01 p { width: 13.69vw; color: var(--color00);}

.cont02 .bg .inner .box02 .day3 .spots .spot03_ttl01 { position: absolute; top: 69.762vw; left: 34.762vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot03_img01 { width: 47.619vw; height: 26.845vw; position: absolute; top: 73.81vw; left: 20.833vw; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot03_txt01 { width: 13.69vw; height: auto; position: absolute; top: 91.071vw; left: 5.952vw; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot03_txt01 p { font-size: 1.071vw;}







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(--color12); position: relative;}
.cont02 .bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url("../images/schedule/shanghai/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; opacity: 0;}
.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(--color08); color: var(--color11);} 
.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: 215.156vw; width: 100%; margin: auto; position: relative;}

.cont02 .bg .inner .box02 .day1 .spots .spot01_ttl01 { position: absolute; top: 0; left: 26.25vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_img01 { width: 80vw; height: auto; position: absolute; top: 7.187vw; left: 10.313vw; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 { width: 34.375vw; position: absolute; top: 69.375vw; left: 62.187vw; 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: 55.625vw; left: 23.75vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_img01 { width: 55.625vw; height: auto; position: absolute; top: 63.438vw; left: 3.125vw; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt01 { width: 83.75vw; position: absolute; top: 1565.625vw; left: 8.75vw; z-index: auto; border-radius: 0;}

.cont02 .bg .inner .box02 .day1 .spots .spot03_ttl01 { position: absolute; top: 102.188vw; left: 17.188vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot03_img01 { width: 81.25vw; height: 45.469vw; position: absolute; top: 109.375vw; left: 9.375vw; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot03_txt01 { width: 84.375vw; position: absolute; top: 156.25vw; left: 8.75vw; z-index: auto; color: var(--color05); border-radius: 0;}

.cont02 .bg .inner .box02 .day1 .spots .spot04_ttl01 { position: absolute; top: 168.125vw; left: 60.938vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot04_img01 { width: 40.313vw; height: auto; position: absolute; top: 176.563vw; left: 51.563vw; z-index: 0;}
.cont02 .bg .inner .box02 .day1 .spots .spot04_txt01 { width: 42.188vw; position: absolute; top: 188.438vw; left: 8.75vw; z-index: auto; color: var(--color05);}




/* day02 */
.cont02 .bg .inner .box02 .day2 .spots { height: 335.313vw; width: 100%; margin: auto; position: relative;}

.cont02 .bg .inner .box02 .day2 .spots .spot01_ttl01 { position: absolute; top: 0; left: 43.125vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_img01 { width: 80vw; height: auto; position: absolute; top: 7.187vw; left: 10vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 { width: 82.813vw; position: absolute; top: 53.125vw; left: 8.75vw; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 p { width: 100%;}

.cont02 .bg .inner .box02 .day2 .spots .spot02_ttl01 { position: absolute; top: 65.625vw; left: 49.375vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img01 { width: 80vw; height: auto; position: absolute; top: 98.125vw; left: 4.063vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 { width: 82.813vw; position: absolute; top: 144.063vw; left: 8.75vw; z-index: 10; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 p { width: 100%;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img02 { width: 55.625vw; height: auto; position: absolute; top: 73.438vw; left: 39.063vw; z-index: auto;}

.cont02 .bg .inner .box02 .day2 .spots .spot03_ttl01 { position: absolute; top: 163.125vw; left: 33.438vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img01 { width: 80vw; height: auto; position: absolute; top: 170.938vw; left: 4.063vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 { width: 48.438vw; position: absolute; top: 220vw; left: 3.75vw; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 p { width: 100%;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img02 { width: 40vw; height: auto; position: absolute; top: 217.813vw; left: 54.688vw; z-index: auto;}

.cont02 .bg .inner .box02 .day2 .spots .spot04_ttl01 { position: absolute; top: 247.5vw; left: 43.75vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_img01 { width: 80vw; height: auto; position: absolute; top: 255vw; left: 14.688vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 { width: 48.438vw; position: absolute; top: 303.125vw; left: 47.188vw; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 p { width: 100%;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_img02 { width: 39.375vw; height: auto; position: absolute; top: 296.25vw; left: 4.063vw; z-index: auto;}



/* day03 */
.cont02 .bg .inner .box02 .day3 .spots { height: 224.375vw; width: 100%; margin: auto; position: relative;}

.cont02 .bg .inner .box02 .day3 .spots .spot01_ttl01 { position: absolute; top: 0; left: 40vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_img01 { width: 80vw; height: auto; position: absolute; top: 7.5vw; left: 10vw; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 { width: 82.813vw; position: absolute; top: 53.125vw; left: 9.375vw; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 p { width: 100%;}

.cont02 .bg .inner .box02 .day3 .spots .spot02_ttl01 { position: absolute; top: 63.438vw; left: 39.063vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot02_img01 { width: 80vw; height: 70.469vw; position: absolute; top: 71.25vw; left: 10vw; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot02_txt01 { width: 82.813vw; position: absolute; top: 117.188vw; left: 8.438vw; border-radius: 0;}
.cont02 .bg .inner .box02 .day3 .spots .spot02_txt01 p { width: 100%;}

.cont02 .bg .inner .box02 .day3 .spots .spot03_ttl01 { position: absolute; top: 140.625vw; left: 32.813vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot03_img01 { width: 80vw; height: auto; position: absolute; top: 148.438vw; left: 10.313vw; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot03_txt01 { width: 82.813vw; position: absolute; top: 195.313vw; left: 8.438vw; z-index: auto; border-radius: 0;}








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(--color12); position: relative;}
.cont02 .bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url("../images/schedule/shanghai/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; opacity: 0;}
.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(--color12); color: var(--color05);} 
.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: 1377px; width: 100%; margin: auto; position: relative;}

.cont02 .bg .inner .box02 .day1 .spots .spot01_ttl01 { position: absolute; top: 0; left: 168px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_img01 { width: 512px; height: auto; position: absolute; top: 46px; left: 66px; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 { width: 220px; position: absolute; top: 444px; left: 398px; 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: 356px; left: 152px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_img01 { width: 356px; height: auto; position: absolute; top: 406px; left: 20px; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot02_txt01 { width: 536px; position: absolute; top: 10020px; left: 56px; z-index: auto; border-radius: 0;}

.cont02 .bg .inner .box02 .day1 .spots .spot03_ttl01 { position: absolute; top: 654px; left: 110px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot03_img01 { width: 520px; height: 291px; position: absolute; top: 700px; left: 60px; z-index: auto;}
.cont02 .bg .inner .box02 .day1 .spots .spot03_txt01 { width: 540px; position: absolute; top: 1000px; left: 56px; z-index: auto; color: var(--color05); border-radius: 0;}

.cont02 .bg .inner .box02 .day1 .spots .spot04_ttl01 { position: absolute; top: 1076px; left: 390px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day1 .spots .spot04_img01 { width: 258px; height: auto; position: absolute; top: 1130px; left: 330px; z-index: 0;}
.cont02 .bg .inner .box02 .day1 .spots .spot04_txt01 { width: 270px; position: absolute; top: 1206px; left: 56px; z-index: auto; color: var(--color05);}




/* day02 */
.cont02 .bg .inner .box02 .day2 .spots { height: 2146px; width: 100%; margin: auto; position: relative;}

.cont02 .bg .inner .box02 .day2 .spots .spot01_ttl01 { position: absolute; top: 0; left: 276px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_img01 { width: 512px; height: auto; position: absolute; top: 46px; left: 64px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 { width: 530px; position: absolute; top: 340px; left: 56px; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 p { width: 100%;}

.cont02 .bg .inner .box02 .day2 .spots .spot02_ttl01 { position: absolute; top: 420px; left: 316px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img01 { width: 512px; height: auto; position: absolute; top: 628px; left: 26px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 { width: 530px; position: absolute; top: 922px; left: 56px; z-index: 10; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 p { width: 100%;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img02 { width: 356px; height: auto; position: absolute; top: 470px; left: 250px; z-index: auto;}

.cont02 .bg .inner .box02 .day2 .spots .spot03_ttl01 { position: absolute; top: 1044px; left: 214px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img01 { width: 512px; height: auto; position: absolute; top: 1094px; left: 26px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 { width: 310px; position: absolute; top: 1408px; left: 24px; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 p { width: 100%;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img02 { width: 256px; height: auto; position: absolute; top: 1394px; left: 350px; z-index: auto;}

.cont02 .bg .inner .box02 .day2 .spots .spot04_ttl01 { position: absolute; top: 1584px; left: 280px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_img01 { width: 512px; height: auto; position: absolute; top: 1632px; left: 94px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 { width: 310px; position: absolute; top: 1940px; left: 302px; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 p { width: 100%;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_img02 { width: 252px; height: auto; position: absolute; top: 1896px; left: 26px; z-index: auto;}



/* day03 */
.cont02 .bg .inner .box02 .day3 .spots { height: 1436px; width: 100%; margin: auto; position: relative;}

.cont02 .bg .inner .box02 .day3 .spots .spot01_ttl01 { position: absolute; top: 0; left: 256px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_img01 { width: 512px; height: auto; position: absolute; top: 48px; left: 64px; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 { width: 530px; position: absolute; top: 340px; left: 60px; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 p { width: 100%;}

.cont02 .bg .inner .box02 .day3 .spots .spot02_ttl01 { position: absolute; top: 406px; left: 250px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot02_img01 { width: 512px; height: 451px; position: absolute; top: 456px; left: 64px; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot02_txt01 { width: 530px; position: absolute; top: 750px; left: 54px; border-radius: 0;}
.cont02 .bg .inner .box02 .day3 .spots .spot02_txt01 p { width: 100%;}

.cont02 .bg .inner .box02 .day3 .spots .spot03_ttl01 { position: absolute; top: 900px; left: 210px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot03_img01 { width: 512px; height: auto; position: absolute; top: 950px; left: 66px; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot03_txt01 { width: 530px; position: absolute; top: 1250px; left: 54px; z-index: auto; border-radius: 0;}







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;}


}