@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; z-index: 10;}
.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(--color05); position: relative;}
.cont02 .bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url("../images/schedule/busan/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(--color01); text-shadow: 6px 6px 0px var(--color01); margin-bottom: 50px; position: relative;}


.cont02 .bg .inner .box01 ol { width: 700px; margin: auto; color: var(--color00); border-bottom: dotted 4px var(--color01);}
.cont02 .bg .inner .box01 ol > li { padding: 20px 0; border-top: dotted 4px var(--color01); 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(--color01); 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(--color01); border-bottom: solid 4px var(--color01); 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(--color01);}
.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: 622px; width: 1200px; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 { position: absolute; top: 30px; left: 340px; z-index: auto; text-align: center; font-size: 18px; color: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot01_img01 { width: 801px; height: 475px; position: absolute; top: 130px; left: 240px; z-index: auto;}


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

.cont02 .bg .inner .box02 .day2 .spots .spot01_ttl01 { position: absolute; top: 10px; left: 340px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_img01 { width: 800px; height: 476px; position: absolute; top: 80px; left: 100px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 { width: 300px; height: 300px; position: absolute; top: 230px; left: 800px; z-index: auto; background: var(--color01);}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 p { width: 200px; color: var(--color05);}

.cont02 .bg .inner .box02 .day2 .spots .spot01_img02 { width: 384px; height: 261px; position: absolute; top: 450px; left: 100px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt02 { width: auto; position: absolute; top: 570px; left: 380px; z-index: auto; font-size: 18px; color: var(--color05);}

.cont02 .bg .inner .box02 .day2 .spots .spot02_ttl01 { position: absolute; top: 690px; left: 570px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img01 { width: 800px; height: 534px; position: absolute; top: 760px; left: 400px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 { width: 300px; height: 300px; position: absolute; top: 760px; left: 200px; z-index: auto; background: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 p { width: 200px; color: var(--color01);}

.cont02 .bg .inner .box02 .day2 .spots .spot02_img02 { width: 400px; height: 251px; position: absolute; top: 1096px; left: 100px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt02 { width: 197px; position: absolute; top: 1230px; left: 520px; z-index: auto; font-size: 18px; color: var(--color05);}

.cont02 .bg .inner .box02 .day2 .spots .spot03_ttl01 { position: absolute; top: 1360px; left: 500px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img01 { width: 800px; height: 451px; position: absolute; top: 1420px; left: 200px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 { width: 240px; height: 240px; position: absolute; top: 1420px; left: 920px; z-index: auto; background: var(--color01);}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 p { width: 200px; color: var(--color05);}

.cont02 .bg .inner .box02 .day2 .spots .spot04_ttl01 { position: absolute; top: 1900px; left: 310px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_img01 { width: 800px; height: 534px; position: absolute; top: 1970px; left: 100px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 { width: 300px; height: 300px; position: absolute; top: 2140px; left: 800px; z-index: auto; background: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 p { width: 200px; color: var(--color01);}



/* day03 */
.cont02 .bg .inner .box02 .day3 .spots { height: 585px; width: 1200px; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_ttl01 { position: absolute; top: 10px; left: 470px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_img01 { width: 800px; height: 476px; position: absolute; top: 80px; left: 300px; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 { width: 300px; height: 300px; position: absolute; top: 240px; left: 90px; z-index: auto; background: var(--color01);}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 p { width: 200px; color: var(--color05);}



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; z-index: 10;}
.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(--color05); position: relative;}
.cont02 .bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url("../images/schedule/busan/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(--color01); text-shadow: 6px 6px 0px var(--color01); margin-bottom: 2.976vw; position: relative;}


.cont02 .bg .inner .box01 ol { width: 41.667vw; margin: auto; color: var(--color00); border-bottom: dotted 4px var(--color01);}
.cont02 .bg .inner .box01 ol > li { padding: 1.19vw 0; border-top: dotted 4px var(--color01); 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(--color01); 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(--color01); border-bottom: solid 4px var(--color01); 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(--color01);}
.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: 37.024vw; width: 71.429vw; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 { position: absolute; top: 1.786vw; left: 20.238vw; z-index: auto; text-align: center; font-size: 1.071vw; color: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot01_img01 { width: 47.679vw; height: 28.274vw; position: absolute; top: 7.738vw; left: 14.286vw; z-index: auto;}


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

.cont02 .bg .inner .box02 .day2 .spots .spot01_ttl01 { position: absolute; top: 0.595vw; left: 20.238vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_img01 { width: 47.619vw; height: 28.333vw; position: absolute; top: 4.762vw; left: 5.952vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 { width: 17.857vw; height: 17.857vw; position: absolute; top: 13.69vw; left: 47.619vw; z-index: auto; background: var(--color01);}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 p { width: 11.905vw; color: var(--color05);}

.cont02 .bg .inner .box02 .day2 .spots .spot01_img02 { width: 22.857vw; height: 15.536vw; position: absolute; top: 26.786vw; left: 5.952vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt02 { width: auto; position: absolute; top: 33.929vw; left: 22.619vw; z-index: auto; font-size: 1.071vw; color: var(--color05);}

.cont02 .bg .inner .box02 .day2 .spots .spot02_ttl01 { position: absolute; top: 41.071vw; left: 33.929vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img01 { width: 47.619vw; height: 31.786vw; position: absolute; top: 45.238vw; left: 23.81vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 { width: 17.857vw; height: 17.857vw; position: absolute; top: 45.238vw; left: 11.905vw; z-index: auto; background: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 p { width: 11.905vw; color: var(--color01);}

.cont02 .bg .inner .box02 .day2 .spots .spot02_img02 { width: 23.81vw; height: 14.94vw; position: absolute; top: 65.238vw; left: 5.952vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt02 { width: 11.726vw; position: absolute; top: 73.214vw; left: 30.952vw; z-index: auto; font-size: 1.071vw; color: var(--color05);}

.cont02 .bg .inner .box02 .day2 .spots .spot03_ttl01 { position: absolute; top: 80.952vw; left: 29.762vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img01 { width: 47.619vw; height: 26.845vw; position: absolute; top: 84.524vw; left: 11.905vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 { width: 14.286vw; height: 14.286vw; position: absolute; top: 84.524vw; left: 54.762vw; z-index: auto; background: var(--color01);}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 p { width: 11.905vw; color: var(--color05);}

.cont02 .bg .inner .box02 .day2 .spots .spot04_ttl01 { position: absolute; top: 113.095vw; left: 18.452vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_img01 { width: 47.619vw; height: 31.786vw; position: absolute; top: 117.262vw; left: 5.952vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 { width: 17.857vw; height: 17.857vw; position: absolute; top: 127.381vw; left: 47.619vw; z-index: auto; background: var(--color05);}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 p { width: 11.905vw; color: var(--color01);}



/* day03 */
.cont02 .bg .inner .box02 .day3 .spots { height: 34.821vw; width: 71.429vw; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_ttl01 { position: absolute; top: 0.595vw; left: 27.976vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_img01 { width: 47.619vw; height: 28.333vw; position: absolute; top: 4.762vw; left: 17.857vw; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 { width: 17.857vw; height: 17.857vw; position: absolute; top: 14.286vw; left: 5.357vw; z-index: auto; background: var(--color01);}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 p { width: 11.905vw; color: var(--color05);}



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; z-index: 10;}
.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(--color05); position: relative;}
.cont02 .bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url("../images/schedule/busan/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(--color01);}
.cont02 .bg .inner .box01 ol > li { padding: 3.125vw 0; border-top: dotted 4px var(--color01); 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(--color01); border-bottom: solid 4px var(--color01); 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(--color01);}
.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: 58.438vw; width: 100%; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 { width: 100vw; position: absolute; top: 0; left: 0; z-index: auto; text-align: center; color: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot01_img01 { width: 80vw; height: 74.219vw; position: absolute; top: 11.25vw; left: 10vw; z-index: auto;}


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

.cont02 .bg .inner .box02 .day2 .spots .spot01_ttl01 { position: absolute; top: 0; left: 32.656vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_img01 { width: 80vw; height: 74.375vw; position: absolute; top: 7.813vw; left: 9.375vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 { width: 82.813vw; position: absolute; top: 57.813vw; 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_img02 { width: 64.375vw; height: 40.781vw; position: absolute; top: 73.438vw; left: 9.375vw; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt02 { width: 46.875vw; height: 21.875vw; position: absolute; top: 81.25vw; left: 44.375vw; z-index: auto; font-size: 2.813vw; background: var(--color05); color: var(--color01); border-radius: 15.625vw; display: flex; justify-content: center; align-items: center;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt02 p { width: 32.344vw;}

.cont02 .bg .inner .box02 .day2 .spots .spot02_ttl01 { position: absolute; top: 107.187vw; left: 26.563vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img01 { width: 80vw; height: 83.438vw; position: absolute; top: 114.531vw; left: 10vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 { width: 82.813vw; position: absolute; top: 165.625vw; left: 7.813vw; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 p { width: 100%;}

.cont02 .bg .inner .box02 .day2 .spots .spot02_img02 { width: 40vw; height: 39.219vw; position: absolute; top: 177.344vw; left: 46.875vw; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt02 { width: 39.063vw; height: 21.875vw; position: absolute; top: 183.594vw; left: 12.5vw; z-index: auto; background: var(--color01); color: var(--color05); border-radius: 15.625vw; display: flex; justify-content: center; align-items: center;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt02 p { width: 25.781vw;}

.cont02 .bg .inner .box02 .day2 .spots .spot03_ttl01 { position: absolute; top: 213.125vw; left: 39.063vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img01 { width: 80vw; height: 70.469vw; position: absolute; top: 221.875vw; left: 10.938vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 { width: 82.813vw; position: absolute; top: 268.75vw; left: 7.813vw; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 p { width: 100%;}

.cont02 .bg .inner .box02 .day2 .spots .spot04_ttl01 { position: absolute; top: 277.5vw; left: 29.688vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_img01 { width: 80vw; height: 83.438vw; position: absolute; top: 285.313vw; left: 9.844vw; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 { width: 82.813vw; position: absolute; top: 332.813vw; left: 7.813vw; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 p { width: 100%;}



/* day03 */
.cont02 .bg .inner .box02 .day3 .spots { height: 67.031vw; width: 100%; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_ttl01 { position: absolute; top: 0; left: 25.781vw; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_img01 { width: 80vw; height: 74.375vw; position: absolute; top: 6.25vw; left: 9.375vw; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 { width: 82.813vw; position: absolute; top: 57.813vw; left: 7.813vw; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 p { width: 100%;}




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; z-index: 10;}
.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(--color05); position: relative;}
.cont02 .bg::before { content: ""; position: absolute; top: 0; left: 0; right: 0; background: url("../images/schedule/busan/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(--color01);}
.cont02 .bg .inner .box01 ol > li { padding: 20px 0; border-top: dotted 4px var(--color01); 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(--color01); border-bottom: solid 4px var(--color01); 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(--color01);}
.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: 374px; width: 100%; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day1 .spots .spot01_txt01 { width: 640px; position: absolute; top: 0; left: 0; z-index: auto; text-align: center; color: var(--color05);}
.cont02 .bg .inner .box02 .day1 .spots .spot01_img01 { width: 512px; height: 475px; position: absolute; top: 72px; left: 64px; z-index: auto;}


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

.cont02 .bg .inner .box02 .day2 .spots .spot01_ttl01 { position: absolute; top: 0; left: 209px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_img01 { width: 512px; height: 476px; position: absolute; top: 50px; left: 60px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt01 { width: 530px; position: absolute; top: 370px; 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_img02 { width: 412px; height: 261px; position: absolute; top: 470px; left: 60px; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt02 { width: 300px; height: 140px; position: absolute; top: 520px; left: 284px; z-index: auto; font-size: 18px; background: var(--color05); color: var(--color01); border-radius: 100px; display: flex; justify-content: center; align-items: center;}
.cont02 .bg .inner .box02 .day2 .spots .spot01_txt02 p { width: 207px;}

.cont02 .bg .inner .box02 .day2 .spots .spot02_ttl01 { position: absolute; top: 686px; left: 170px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_img01 { width: 512px; height: 534px; position: absolute; top: 733px; left: 64px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 { width: 530px; position: absolute; top: 1060px; left: 50px; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt01 p { width: 100%;}

.cont02 .bg .inner .box02 .day2 .spots .spot02_img02 { width: 256px; height: 251px; position: absolute; top: 1135px; left: 300px; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt02 { width: 250px; height: 140px; position: absolute; top: 1175px; left: 80px; z-index: auto; background: var(--color01); color: var(--color05); border-radius: 100px; display: flex; justify-content: center; align-items: center;}
.cont02 .bg .inner .box02 .day2 .spots .spot02_txt02 p { width: 165px;}

.cont02 .bg .inner .box02 .day2 .spots .spot03_ttl01 { position: absolute; top: 1364px; left: 250px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_img01 { width: 512px; height: 451px; position: absolute; top: 1420px; left: 70px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 { width: 530px; position: absolute; top: 1720px; left: 50px; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot03_txt01 p { width: 100%;}

.cont02 .bg .inner .box02 .day2 .spots .spot04_ttl01 { position: absolute; top: 1776px; left: 190px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_img01 { width: 512px; height: 534px; position: absolute; top: 1826px; left: 63px; z-index: auto;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 { width: 530px; position: absolute; top: 2130px; left: 50px; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day2 .spots .spot04_txt01 p { width: 100%;}



/* day03 */
.cont02 .bg .inner .box02 .day3 .spots { height: 429px; width: 100%; margin: auto; position: relative;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_ttl01 { position: absolute; top: 0; left: 165px; z-index: auto; z-index: 10;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_img01 { width: 512px; height: 476px; position: absolute; top: 40px; left: 60px; z-index: auto;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 { width: 530px; position: absolute; top: 370px; left: 50px; z-index: auto; border-radius: 0;}
.cont02 .bg .inner .box02 .day3 .spots .spot01_txt01 p { width: 100%;}




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


}