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

main#day1 { background: #EFF8FE; margin-bottom: 0; padding-bottom: 1px; }

#day1 .contentsWrap { background: #fff; width: 100%; margin-bottom: 60px; overflow: hidden; margin-top: 40px; font-size: 1.6rem; }

#day1 .topText { font-weight: bold; line-height: 1.8;}


/* h2 */
#day1 .contentsWrap h2 { text-shadow : 2px  2px 1px #00AFEC,-2px  2px 1px #00AFEC, 2px -2px 1px #00AFEC,-2px -2px 1px #00AFEC, 2px  0px 1px #00AFEC, 0px  2px 1px #00AFEC,-2px  0px 1px #00AFEC,0px -2px 1px #00AFEC;  font-weight: bold; color: #fff; padding: 20px 10px; border-bottom: 4px solid #00AFEC; border-top: 4px solid #00AFEC; position: relative; margin-bottom: 50px; text-align: center; }
#day1 .contentsWrap h2 span { position: relative; }

#day1 .contentsWrap h2 span::before,#day1 .contentsWrap h2 span::after { content: ''; width:10px; height: 10px; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background: #00AFEC; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); border-radius: 10px; } 
#day1 .contentsWrap h2 span::before {  }
#day1 .contentsWrap h2 span::after {  }

#day1 .btn {}
#day1 .btn a {}

#day1 .discription {}
#day1 .discription .l_col-2 { margin-bottom: 45px; }
#day1 .discription .l_col-2 > div { border: 11px solid #DCF1FC; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
#day1 .discription .l_col-2 > div:nth-of-type(1) { position: relative; }
#day1 .discription .l_col-2 > div:nth-of-type(2) {}
#day1 .discription .l_col-2 > div:nth-of-type(1) img { width: 100%; max-width: 359px; }
#day1 .discription .l_col-2 > div:nth-of-type(2) img { width: 100%; max-width: 422px; }
#day1 .discription .l_col-2 > div:nth-of-type(1)::before { content: ''; position: absolute; background: url(images/arrow.png) no-repeat center / 100%; width: 78px; height: 99px; }

#day1 .bg-blue { background: #DCF1FC; }
#day1 .bg-blue > * {}

#day1 .parkMap .l_col-2 { }
#day1 .parkMap .l_col-2 > div:first-of-type > div:first-of-type {}
#day1 .parkMap .l_col-2 > div:first-of-type img {}
#day1 .parkMap .l_col-2 > div:last-of-type > div:last-of-type {}
#day1 .parkMap .l_col-2 .title { color: #00AFEC; font-weight: bold; font-size: 1.8rem; line-height: 1.8; margin-bottom: 5px; }
#day1 .parkMap .l_col-2 .title span { width: 24px; height: 24px; display: inline-block; color: #fff; background: #00AFEC; text-align: center; line-height: 24px; border-radius: 50%; margin-right: 5px; }


@media (min-width: 768px) {
    #day1 .contentsWrap { padding: 60px; border-radius: 10px; }
    #day1 .contentsWrap h2 { font-size: 3.8rem; }

    #day1 .contentsWrap h2 span::before { right: -50px; }
    #day1 .contentsWrap h2 span::after { left: -50px; }

    #day1 .topText { border-left: 10px solid #00AFEC; padding-left: 20px; margin-bottom: 50px; font-size: 1.8rem; }

    #day1 .discription { margin-bottom: 150px; }
    #day1 .discription .l_col-2 > div { height: 347px; }
    #day1 .discription .l_col-2 > div:nth-of-type(1) { width: 440px; }
    #day1 .discription .l_col-2 > div:nth-of-type(2) { width: 500px; }
    #day1 .discription .l_col-2 > div:nth-of-type(1) img { height: 272px; }
    #day1 .discription .l_col-2 > div:nth-of-type(2) img { height: 263px; }
    #day1 .discription .l_col-2 > div:nth-of-type(1)::before { top: 50%; right: -50px; transform: translateY(-50%); }

    #day1 .bg-blue { border-radius: 10px; padding: 40px 55px; }
    #day1 .bg-blue > * { line-height: 1.8; }
    
    #day1 .btn {  margin: 30px auto 90px;  }

    #day1 .parkMap {}
    #day1 .parkMap .l_col-2 > div:first-of-type > div:first-of-type { margin-bottom: 45px; }
    #day1 .parkMap .l_col-2 > div:first-of-type img { margin-bottom: 20px; }
    #day1 .parkMap .l_col-2 > div:last-of-type > div:last-of-type { padding-top: 48px; }

}

@media (max-width: 767px) {
    #day1 .container { margin-right: 0px; margin-left: 0px; }
    #day1 .contentsWrap { padding: 45px 0px 15px; }
    #day1 .contentsWrap h2 {  font-size: 3.0rem; }

    #day1 .contentsWrap h2 span::before { right: -30px; }
    #day1 .contentsWrap h2 span::after { left: -30px; }

    #day1 .topText { margin-bottom: 45px; }

    #day1 .discription { padding-left: 25px; padding-right: 25px; margin-bottom: 50px; }
    #day1 .discription .l_col-2 > div { max-width: 500px; }
    #day1 .discription .l_col-2 > div:nth-of-type(1) { padding: 24px 30px; margin-bottom: 30px; }
    #day1 .discription .l_col-2 > div:nth-of-type(2) { padding: 20px 25px; margin-bottom: 0; }
    #day1 .discription .l_col-2 > div:nth-of-type(1)::before { margin: 0 auto; transform: rotate(90deg); bottom: -75px; }

    #day1 .bg-blue { margin: 0 calc(50% - 50vw); width: 100vw; padding: 40px 45px; }
    #day1 .bg-blue > * { font-size: 1.4rem; line-height: 2.0; }

    #day1 .btn {  margin: 18px auto 20px;  }


    #day1 .parkMap { margin-left: 15px; margin-right: 15px; }
    #day1 .parkMap .l_col-2 p { padding-left: 10px; padding-right: 10px; }
    #day1 .parkMap .l_col-2 p:not(.title) { font-size: 1.4rem; line-height: 1.8; }
    #day1 .parkMap .l_col-2 > div { margin-bottom: 40px; }
    #day1 .parkMap .l_col-2 > div:first-of-type > div:first-of-type { margin-bottom: 25px; }
    #day1 .parkMap .l_col-2 > div:first-of-type img { margin-bottom: 5px; }
    #day1 .parkMap .l_col-2 > div:last-of-type > div:last-of-type { padding-top: 20px; }

}