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

@keyframes top_main {
0% { opacity: 1;}
50% { opacity: 1;}
100% { opacity: 0;}
}
@keyframes top_midashi {
0% { transform: translateY(-50px); opacity: 0;}
30% { transform: translateY(-50px); opacity: 0;}
100% { transform: translateY(0); opacity: 1;}
}
@keyframes top_img {
0% { transform: scale(0.8); opacity: 0;}
30% { transform: scale(0.8); opacity: 0;}
100% { transform: scale(1); opacity: 1;}
}
/*
@keyframes top_leed {
0% { transform: translateY(50px); opacity: 0;}
30% { transform: translateY(50px); opacity: 0;}
100% { transform: translateY(0); opacity: 1;}
}
*/
@keyframes top_leed {
0% { transform: translateY(50px); opacity: 0;}
50% { transform: translateY(50px); opacity: 0;}
100% { transform: translateY(0); opacity: 1;}
}




#top_main{ background-repeat: no-repeat; position: relative;}
#top_main::before{ content: ""; width: 100%; height: 100%; left: 0; top: 0; background-color: white; display: block; position: absolute; animation-name: top_main; opacity: 0;}
#top_midashi{ text-align: center; overflow: hidden; position: relative; animation-name: top_midashi;}
#top_midashi>h1{ position: absolute; top: -200px; font-size: 20px; left: 0; margin: 0; color: transparent;}
#top_midashi>img{ display: block; margin: 0 auto;}
#main_img{ display: block; margin: 0 auto; animation-name: top_img;}
#main_leed,
#main_leed2{ text-align: center; font-weight: bold; animation-name: top_leed; position: relative; overflow: hidden;}
#main_leed>span,
#main_leed2>span{ background-color: white; color: black; display: block; text-align: center; position: absolute; bottom: auto; top: 100%;}
#top_main::before,#top_midashi,#main_img,#main_leed,
#top_main::before,#top_midashi,#main_img,#main_leed2{ animation-duration: 2s; animation-timing-function: ease-out;}
@media (min-width: 768px) {
#top_main{ height: 1720px; padding-top: 60px;
background-image: url("../images/main_pc.png") , url("../images/main_back.jpg"); background-size: 1200px auto,1200px auto; background-position: center bottom;}

#top_main.sunset{ background-image: url("../images/main_pc.png") , url("../images/2023/main_back.jpg");}

#top_midashi{ margin-bottom: 30px; transform: translateY(0);}
#top_midashi>h1{}
#top_midashi>img{ width: 660px;}
#main_img{ width: 880px;}
#main_leed,
#main_leed2{ line-height: 2.4em; animation-duration: 3.2s;}
#main_leed>span,
#main_leed2>span{ width: 400px; border-radius: 10px; left: calc(50% - 200px);}
}
@media (min-width: 1200px) {
#top_main{ height: auto; padding-bottom: 40%; background-size: 100% auto,100% auto; background-position: center bottom 8%;}
}
@media (max-width: 767.98px) {
#top_main{ height: calc(267vw - 20px); padding-top: 25vw; background-color: #0282c9;
background-image: url("../images/main_sp.png") , url("../images/main_back.jpg"); background-size: cover, cover; background-size: 134vw auto; background-position: center top, center bottom;}

#top_main.sunset{ background-color: #fff000; background-image: url("../images/main_sp.png") , url("../images/2023/main_back.jpg");}

#top_main>.container{ padding: 0;}
#top_midashi{ margin-bottom: 2vw;}
#top_midashi>img{ width: 68vw;}
#main_img{ width: 74vw;}
#main_leed,
#main_leed2{ font-size: 2.6vw; line-height: 2em; margin-top: 2em;}
#main_leed>span,
#main_leed2>span{ width: 60vw; border-radius: 10px; left: calc(20vw);}

}


#top_main.no_leed{ height: auto; background-position: center bottom; padding-bottom: 40%;}
#top_main.no_leed #main_leed{}
#top_main.no_leed #main_leed>span,
#top_main.no_leed #main_leed2>span{ top: auto; bottom: 0;}
@media (min-width: 768px) {
#top_main.no_leed{}
#top_main.no_leed #main_leed{ height: 16.8em;}
#top_main.no_leed #main_leed2{ height: 19.2em;}
}
@media (max-width: 767.98px) {
#top_main.no_leed{}
#top_main.no_leed #main_leed{ height: 14em;}
#top_main.no_leed #main_leed2{ height: 16em;}
}





#top_main.main_slide{ height: auto; background-position: center bottom;}
#top_main.main_slide.no_leed{ padding-bottom: auto;}
#top_main.no_leed #main_leed>span{ top: auto; bottom: 0;}

.main_slide .swiper-button-next,
.main_slide .swiper-button-prev{ background-size: contain; transition: .3s;}
.main_slide .swiper-button-prev{ transform: rotate(180deg); transform-origin: center;}
.main_slide .swiper-button-next,
.main_slide .swiper-container-rtl .swiper-button-prev{ right: 0;}
.main_slide .swiper-button-prev,
.main_slide .swiper-container-rtl .swiper-button-next{ left: 0;}
.main_slide .swiper-button-next.swiper-button-disabled,
.main_slide .swiper-button-prev.swiper-button-disabled{ opacity: 0;}

.main_slide .swiper-button-next,
.main_slide .swiper-button-prev{ background-image: url("../images/slide/main_slide_dot.png");}
.tourism_slide_img{ position: relative;}
.tourism_slide_img>p{ background-color:#fff100; color: #00499f; font-weight: bold; position: absolute; display: flex; justify-content: center; align-items: center; z-index: 9; border-radius: 10px;}
.tourism_slide_img>a::before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}

.sunset .tourism_slide_img>p{ background-color: #006cba; color: white;}
@media (min-width: 768px) {
#top_main.main_slide{ padding-bottom: 460px;}
.tourism_slide_img{ padding: 0 120px;}
.tourism_slide_img>p{ right: 140px; top: 350px; font-size: 20px; width: 200px; height: 50px; border-radius: 10px;}

.main_slide .swiper-button-next,
.main_slide .swiper-button-prev{ width: 120px; height: 120px; top: 230px;}

}
@media (min-width: 1200px) {
#top_main.main_slide{ padding-bottom: 38.5%;}
}

@media (max-width: 767.98px) {
#top_main.main_slide{ padding-bottom: 42%;}
.tourism_slide_img>p{ right: 3vw; top: 53vw; font-size: 3vw; width: 30vw; height: 7vw; border-radius: 2vw;;}
.main_slide .swiper-button-next,
.main_slide .swiper-button-prev{ width: 36px; top: 20%;}
}



.ru_img{ position: relative;}
.ru_img>img{ display: block; margin: 0 auto; animation-name: top_midashi; animation-duration: 2s; animation-timing-function: ease-out; animation-fill-mode: both;}
.ru_img>img.text{ top: 0;}
.ru_img>img.ru{ animation-delay: 0s;}
.ru_img>img.fukidashi,
.ru_img>img.new,
.ru_img>img.new02{ position: absolute; animation-delay: .5s;}
/*
.ru_lead{ background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%), linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%), linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);}
.ru_lead>p{ background-color: rgba(255,255,255,0.80); font-weight: bold; margin: 0; text-align: center;}
.ru_lead>p>a{ background-color: #006cba; color: white; display: flex; justify-content: center; align-items: center;}
.ru_lead>p>a:hover{ opacity: .7; text-decoration: none;}
*/
.ru_lead{ animation-name: top_leed; animation-timing-function: ease-out; animation-duration: 2s;}
.ru_lead>p{ font-weight: bold; text-align: center; line-height: 2.4em;}
.ru_lead>p>a{ background-color: #006cba; color: white; display: flex; justify-content: center; align-items: center;}
.ru_lead>p>a:hover{ opacity: .7; text-decoration: none;}

@media (min-width: 768px) {
.ru_img{}
.ru_img>img{}
.ru_img>img.text{ width: 660px;}
.ru_img>img.ru{ width: 450px; margin-top: -5px;}
.ru_img>img.fukidashi{ width: 200px; right: calc(50% + 120px); top: 210px;}
.ru_img>img.new{ width: 260px; left: calc(50% + 120px); top: 200px;}
.ru_img>img.new02{ width: 260px; left: calc(50% + 120px); top: 150px;}
/*
.ru_lead{ padding: 5px; width: 500px; border-radius: 30px; margin: 0 auto;}
.ru_lead>p{ border-radius: 25px; font-size: 18px; padding: 30px;}
.ru_lead>p>a{ height: 60px; width: 300px; border-radius: 10px; margin: 20px auto 0;}
*/
.ru_lead{ margin-top: 20px;}
.ru_lead>p>a{ width: 200px; height: 50px; border-radius: 10px; font-size: 20px; margin: 20px auto 0;}
}
@media (max-width: 767.98px) {
.ru_img{}
.ru_img>img{}
.ru_img>img.text{ width: 80%;}
.ru_img>img.ru{ width: 70%;}
.ru_img>img.fukidashi{ width: 25%; right: 67%; top: 35%;}
.ru_img>img.new{ width: 30%; left: 65%; top: 30%;}
.ru_img>img.new02{ width: 34%; left: 63%; top: 27%;}
/*
.ru_lead{ padding: 5px; width: 85%; border-radius: 20px; margin: 0 auto;}
.ru_lead>p{ border-radius: 15px; font-size: 12px; padding: 15px 5px;}
.ru_lead>p>a{ height: 40px; width: 80%; border-radius: 10px; margin: 20px auto 0;}
*/
.ru_lead{ margin-top: 3vw; font-size: 2.6vw;}
.ru_lead>p>a{ width: 30vw; height: 7vw; border-radius: 2vw; font-size: 3vw; margin: 3vw auto 0;}

}









.midashi_2{ color: white;}
#top_movie{}
@media (min-width: 768px) {
#top_movie{ display: flex; justify-content: space-between; margin: 40px 0 50px;}
#top_movie>div{ width: 100%;}
#top_movie .midashi_2{ text-align: center; font-size: 20px;}
.movie_back{ background: url("../images/deco/17.png") no-repeat calc(50% - 250px) 60px / 150px auto,
url("../images/deco/18.png") no-repeat calc(50% - 700px) 60px / 610px auto,
url("../images/deco/19.png") no-repeat right calc(50% - 700px) top 30px / 550px auto,
url("../images/deco/20.png") no-repeat left calc(50% - 400px) bottom 80px / 100px auto;}
}
@media (max-width: 767.98px) {
.midashi_2{ text-align: center;}
#top_movie{ margin-top: 20px; margin-bottom: 30px;}
#top_movie>div:nth-child(1){ /*border-bottom: 1px solid white; */padding-bottom: 30px; margin-bottom: 20px;}
#top_movie>div>.midashi_2{ margin-bottom: 30px;}
.movie_back{ background: url("../images/deco/17.png") no-repeat calc(50% - 100px) 30px / 60px auto,
url("../images/deco/21.png") no-repeat -32vw calc(107px - 5vw) / 44vw auto,
url("../images/deco/22.png") no-repeat right -16vw top calc(107px - 15vw) / 30vw auto,
url("../images/deco/23.png") no-repeat right calc(50% - 160px) bottom 0px / 200px auto;}

}
#top_movie .midashi_2>.text::before,
#top_movie .midashi_2>.text::after{ content: none;}




.midashi_3{ color: white;}

.leed100{ color: white; text-align: center; font-weight: 500;}
.leed100>small{ display: block; letter-spacing: .06em; padding-left: .06em;}
.hundred_img img{ display: block; margin:auto;}
@media (min-width: 768px) {

.leed100{ font-size: 16px; margin: 0 0 30px; letter-spacing: .16em; padding-left: .16em;}
.leed100>small{ margin-top: 5px; font-size: 12px;}

.hundred_img{ margin-top: 30px; margin-bottom: 60px;}
.hundred_img img{ width: 980px;}
.splink_map{ display: none;}
.btn_base.topics_btn{ margin-bottom: 80px;}
}
@media (max-width: 767.98px) {

.leed100{ font-size: 11px; margin: 0 0 15px;}
.leed100>small{ margin-top: 5px; font-size: 10px;}

.hundred_img{ margin-bottom: 40px;}
.splink_map{ position: relative;}
.splink_map>img{ position: relative;}
.splink_map>a{ position: absolute; display: block;}
.splink_map>a.ct01{ width: 31%; padding: 0 0 30%; left: 14%; top: 0%;}
.splink_map>a.ct02{ width: 38%; padding: 0 0 27%; left: 57%; top: 27%;}
.splink_map>a.ct03{ width: 36%; padding: 0 0 24%; left: 12%; top: 24%;}
.splink_map>a.ct05{ width: 45%; padding: 0 0 19%; left: 47%; top: 46%;}
.splink_map>a.ct06{ width: 29%; padding: 0 0 26%; left: 62%; top: 61%;}
.splink_map>a.ct07{ width: 27%; padding: 0 0 30%; left: 28%; top: 79%;}
.splink_map>a.ct08_1{ width: 30%; padding: 0 0 25%; left: 48%; top: 3%;}
.splink_map>a.ct08_2{ width: 18%; padding: 0 0 11%; left: 73%; top: 21%;}
.splink_map>a.ct08_3{ width: 34%; padding: 0 0 20%; left: 9%; top: 44%;}
.splink_map>a.ct08_4{ width: 16%; padding: 0 0 16%; left: 39%; top: 61%;}
.splink_map>a.ct08_5{ width: 28%; padding: 0 0 26%; left: 0%; top: 66%;}

.hundred2021_img .splink_map>a.ct07{ width: 26%; padding: 0 0 35%; left: 0%; top: 67%;}
.hundred2021_img .splink_map>a.ct08_5{ width: 27%; padding: 0 0 30%; left: 37%; top: 79%;}

.btn_base.topics_btn{ margin-bottom: 60px;}

}



.leed_kouhou{ font-weight: 500; text-align: center;}
.leed_kouhou>small{ display: block; letter-spacing: .06em; padding-left: .06em;}
@media (min-width: 768px) {
.midashi_4>.mds_s{ margin-bottom: 15px;}
.leed_kouhou{ font-size: 16px; margin: 30px 0; letter-spacing: .16em; padding-left: .16em;}
.leed_kouhou>small{ font-size: 12px; margin-top: 5px;}
.kouhou_back{ background: url("../images/deco/27.png") no-repeat calc(50% - 350px) 110px / 180px auto,
url("../images/deco/28.png") no-repeat right calc(50% - 320px) top 110px / 146px auto,
url("../images/deco/29.png") no-repeat left calc(50% - 400px) bottom -40px / 300px auto,
url("../images/deco/30.png") no-repeat right calc(50% - 440px) bottom -45px / 300px auto;}
.kouhou_box.blank_box{ margin-bottom: 120px;}
}
@media (max-width: 767.98px) {
.leed_kouhou{ font-size: 11px; margin: 15px 0;}
.leed_kouhou>small{ font-size: 10px; margin-top: 5px;}
.kouhou_back{ background: url("../images/deco/27.png") no-repeat calc(50% - 153px) 110px / 70px auto,
url("../images/deco/28.png") no-repeat right calc(50% - 150px) top 110px / 56px auto,
url("../images/deco/29.png") no-repeat left calc(50% - 120px) bottom -25px / 150px auto,
url("../images/deco/30.png") no-repeat right calc(50% - 120px) bottom -25px / 150px auto;}
.kouhou_box.blank_box{ margin-bottom: 70px;}
}


.midashi_5{ color: white;}
@media (min-width: 768px) {
.midashi_5{ margin-bottom: 40px;}
}
@media (max-width: 767.98px) {
.midashi_5{ margin-bottom: 20px;}

}





.back_base .swiper-button-next,
.back_base .swiper-button-prev{ background-size: contain; transition: .3s;}
.back_base .swiper-button-prev{ transform: rotate(180deg); transform-origin: center;}
.back_base .swiper-button-next,
.back_base .swiper-container-rtl .swiper-button-prev{ right: 0;}
.back_base .swiper-button-prev,
.back_base .swiper-container-rtl .swiper-button-next{ left: 0;}
.back_base .swiper-container-horizontal>.swiper-pagination-bullets,
.back_base .swiper-pagination-custom,
.back_base .swiper-pagination-fraction{ bottom: 0;}

.back_base .swiper-button-next.swiper-button-disabled,
.back_base .swiper-button-prev.swiper-button-disabled{ opacity: 0;}


#news_slide .swiper-button-next,
#news_slide .swiper-button-prev,
#news_slide .swiper-button-next,
#news_slide .swiper-button-prev,
#hundred_slide .swiper-button-next,
#hundred_slide .swiper-button-prev,
#kouhou_slide .swiper-button-next,
#kouhou_slide .swiper-button-prev{ background-image: url("../common/images/arrow/slide_circle.svg");}

#news_slide .swiper-pagination-bullet{ opacity: 1; border: 2px solid black; background-color: transparent;}
#news_slide .swiper-pagination-bullet-active{ background-color: black;}

#hundred_slide .swiper-pagination-bullet{ opacity: 1; border: 2px solid white; background-color: transparent;}
#hundred_slide .swiper-pagination-bullet-active{ background-color: white;}


#kouhou_slide .swiper-pagination-bullet{ opacity: 1; border: 2px solid black; background-color: transparent;}
#kouhou_slide .swiper-pagination-bullet-active{ background-color: black;}

#news_slide .swiper-slide,
#hundred_slide .swiper-slide{ height: auto;}
.wave_box>.wave_midashi{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

@media (min-width: 768px) {
.back_base .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 8px;}
.back_base .swiper-button-next,
.back_base .swiper-button-prev{ width: 40px; height: 40px;}

#news_slide{ padding: 0 20px 50px 15px; margin: 50px -15px 30px;}
#news_slide .swiper-slide{ width: calc(33.33% - 20px);}
#news_slide .swiper-button-next,
#news_slide .swiper-button-prev{ top: calc(50% - 15px);}



#hundred_slide{ margin: 0 -15px 30px; padding: 70px 15px 50px;}
#hundred_slide .swiper-slide{ width: calc(33.33% - 20px);}
#hundred_slide .swiper-button-next,
#hundred_slide .swiper-button-prev{ top: calc(50% - 25px); margin-top: 30px}

#kouhou_slide{ padding: 25px 20px 50px 15px; margin: 0 -15px 30px;}
#kouhou_slide .swiper-slide{ width: calc(33.33% - 20px);}
#kouhou_slide .swiper-button-next,
#kouhou_slide .swiper-button-prev{ top: calc(50% - 25px);}

}
@media (max-width: 767.98px) {

.back_base .swiper-button-next,
.back_base .swiper-button-prev{ width: 36px;}

#news_slide{ padding: 0 20px 30px 15px; margin: 10px -5px 20px;}
#news_slide .swiper-button-next,
#news_slide .swiper-button-prev{ top: calc(50% - 15px);}

#hundred_slide{ padding: 50px 20px 30px 15px; margin: 0 -5px 30px;}
#hundred_slide .swiper-button-next,
#hundred_slide .swiper-button-prev{}



#kouhou_slide{ padding: 0 20px 40px 15px; margin: 0 -5px 30px;}
#kouhou_slide .swiper-button-next,
#kouhou_slide .swiper-button-prev{ top: calc(50% - 20px);}

}




#today_box>.deco_icon{ position: absolute; z-index: 2;}
#news_back{ background-image: url("../images/deco/07.png"); background-repeat: no-repeat;}
#hundred{ position: relative;}
#hundred>.deco_icon{ position: absolute; z-index: 2;}
@media (min-width: 768px) {
.i01{ width: 42px; left: calc(50% + 460px); top: 40px;}
.i02{ width: 42px; right: calc(50% + 300px); top: 460px;}
.i03{ width: 150px; right: calc(50% + 390px); top: 70px;}
.i04{ width: 150px; left: calc(50% + 320px); top: 460px;}


#news_back{ margin-top: -40px; padding-top: 40px; background-size: 155px auto; background-position: right 10px top;}

.i06{ width: 50px; right: 15px; top: -60px;}

.i09{ width: 40px; right: calc(50% + 270px); top: 50px;}

#hundred>.deco_icon.i12{ z-index: 0; right: 170px; top: -90px; width: 90px;}
.i13{ width: 45px; left: -10px; bottom: 15px;}
.i14{ width: 120px; right: -10px; bottom: -55px;}


.i15{ width: 120px; right: calc(50% + 200px); top: -120px;}
.i16{ width: 50px; left: calc(50% + 300px); top: -60px;}

.i17{ width: 110px; left: calc(50% + 240px); top: 160px;}
.i18{ width: 300px; left: calc(50% + 200px); bottom: -30px;}
.i19{ width: 300px; right: calc(50% + 200px); bottom: -40px;}

.i21{ width: 300px; right: calc(50% + 200px); bottom: -40px;}

.i05,
.i07,
.i08,
.i10,
.i11,
.i20{ display: none;}


}
@media (max-width: 767.98px) {
.i01{ width: 26px; right: 10px; top: 40px;}
.i02{ width: 26px; right: -12px; top: calc(162px + 53vw);}
.i03{ width: 80px; left: -30px; top: calc(155px + 53vw);}
.i04{ width: 80px; right: -25px; top: calc(225px + 106vw);}

.i05{ width: 26px; left: -18px; top: calc(105px + 22vw);}

#news_back{ background-image: url("../images/deco/07.png"); background-repeat: no-repeat; background-size: 40px auto; background-position: right 20px top 10px;}

.i06{ width: 18px; right: 7px; top: -23px;}
.i07{ width: 14px; right: 47px; top: -28px;}
.i08{ width: 23px; left: 13px; bottom: 94px;}
.i09{ width: 14px; right: 30px; bottom: 104px;}
.i10{ width: 110px; left: -10px; bottom: 0;}
.i11{ width: 120px; right: -10px; bottom: -30px;}

#hundred>.deco_icon.i12{ z-index: 0; right: 10px; top: -40px; width: 70px;}
.i13{ width: 30px; left: 10px; bottom: 5px;}
.i14{ width: 60px; right: 10px; bottom: -15px;}

.i15{ width: 60px; left: 10px; top: -60px;}
.i16{ width: 40px; right: 10px; top: -50px;}

.i17{ width: 50px; left: calc(50% + 70px); top: 90px;}
.i18{ width: 110px; left: -20px; bottom: -20px;}
.i19{ width: 160px; right: -30px; bottom: -30px;}

.i20{ width: 26px; right: 10px; top: -30px;}

.i21{ width: 100px; right: calc(50% + 60px); bottom: -10px;}

}




#today_box{ position: relative;}
#today{ position: absolute; background: url("../images/today.svg"); z-index: 2; background-repeat: no-repeat; background-position: center; background-size: contain;}
#today>p{ position: absolute; margin: 0; line-height: 1em;}
#today>p>span{ line-height: 1em; position: absolute;}
#today>p>span:nth-child(1){ left: 0; top: 0; text-align: center; display: flex; justify-content: center; align-items: center; font-weight: bold;}
#today>p>span:nth-child(1)>span{ line-height: 1em;}
#today>p>span:nth-child(1)>span:nth-child(1){ padding-bottom: 0.125em;}
#today>p>span:nth-child(1)>span:nth-child(2){ -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
#today>p>span:nth-child(2){ text-align: center; font-weight: 500; display: none;}
#today>span{ position: absolute; background-repeat: no-repeat; background-position: center; background-size: contain;}
@media (min-width: 768px) {
/*
#today{ left: -50px; top: -50px; width: 250px; height: 130px;}
#today>p{ left: 70px; top: 66px;}
#today>p>span{ width: 130px;}
#today>p>span:nth-child(1){ height: 36px;}
#today>p>span:nth-child(1)>span:nth-child(1){ font-size: 24px; margin-right: 4px;}
#today>p>span:nth-child(1)>span:nth-child(2){ font-size: 12px;}
#today>p>span:nth-child(2){ font-size: 10px; top: 33px; padding-right: 16px;}
#today>span{ width: 30px; height: 30px; right: 30px; top: 68px;}
*/
#today{ left: -50px; top: -50px; width: 325px; height: 169px;}
#today>p{ left: 91px; top: 86px;}
#today>p>span{ width: 169px;}
#today>p>span:nth-child(1){ height: 47px;}
#today>p>span:nth-child(1)>span:nth-child(1){ font-size: 31px; margin-right: 5px;}
#today>p>span:nth-child(1)>span:nth-child(2){ font-size: 16px;}
#today>p>span:nth-child(2){ font-size: 13px; top: 43px; padding-right: 21px;}
#today>span{ width: 39px; height: 39px; right: 39px; top: 88px;}
}
@media (min-width: 1160px) {
#today{ left: calc(50% - 630px);}
}

@media (max-width: 767.98px) {
#today{ left: -36px; top: -44px; width: 130px; height: 68px;}
#today>p{ left: 38px; top: 32px;}
#today>p>span{ width: 70px;}
#today>p>span:nth-child(1)>span:nth-child(1){ font-size: 14px; margin-right: 2px;}
#today>p>span:nth-child(1)>span:nth-child(2){ font-size: 8px;}
#today>p>span:nth-child(2){ font-size: 8px; top: 20px; padding-right: 10px;}
#today>span{ width: 18px; height: 18px; right: 9px; top: 35px;}
}







@media (min-width: 768px) {
#link_list{ margin-bottom: 20px;}
}
@media (max-width: 767.98px) {
#link_list{ margin-bottom: 30px;}
}




@media (min-width: 768px) {
.btn_base.page_top{ margin-top: 100px;}
}
@media (max-width: 767.98px) {
.btn_base.page_top{ margin-top: 50px;}
}







@media (min-width: 768px) {}
@media (max-width: 767.98px) {}