@charset "UTF-8";
#main .main-container{font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Lucida Grande",Osaka,Verdana,"ＭＳ Ｐゴシック",sans-serif;position:relative;font-size:83.333%;overflow:hidden}
#main .main-container *{-webkit-box-sizing:border-box !important;box-sizing:border-box}
#main .main-container:before{background-image:url(../img/bg.png);content:"";position:absolute;left:50%;top:0;margin-left:-687.5px;width:1375px;height:1000px;display:block;background-repeat:no-repeat;z-index:0}
#main .main-container .page_heading{margin-bottom:45px;margin-top:80px;position:relative;z-index:1}
#main .main-container .page_heading__title{text-align:center;color:#6997a1;font-family:"游明朝","Yu Mincho","游明朝体",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-size:4.5em}
#main .main-container .page_heading__title .sp{width:52%;max-width:300px}
#main .main-container .page_heading__lead{margin-top:22px;padding:0 20px;font-size:1.6em;text-align:center;line-height:1.625}
#main .main-container .section_wrapper{max-width:1000px;padding:0 20px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:1}
#main .main-container .section_wrapper.single{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#main .main-container .section_wrapper+.section_wrapper{margin-top: 60px}
#main .main-container .section_wrapper .section{width:47%}
#main .main-container .section_wrapper .section a{display:block}
#main .main-container .section_wrapper .section a img{-webkit-transition:.3s;transition:.3s;vertical-align:bottom}
#main .main-container .section_wrapper .section a:hover{text-decoration:none}
#main .main-container .section_wrapper .section a:hover .section__img .pic{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
#main .main-container .section_wrapper .section__img{margin-bottom:30px;position:relative;overflow:hidden}
#main .main-container .section_wrapper .section__img .num{position:absolute;width:9%;right:10px;top:10px;z-index:1}
#main .main-container .section_wrapper .section img{width:100%}
#main .main-container .section_wrapper .section__heading{color:#c6dce1;line-height:1;border-left:2px solid #c6dce1}
#main .main-container .section_wrapper .section__heading .month{display:block;position:relative;padding-left:19px}
#main .main-container .section_wrapper .section__heading .month img{height:48px;width:auto}
#main .main-container .section_wrapper .section .title{font-weight:700;padding-left:19px;color:#333;font-size:1.8em;display:block;padding-top:6px}
#main .main-container .map_wrapper{margin-top:83px;background-color:#e9f1f3}
#main .main-container .map_wrapper .map{margin:0 auto;max-width:1100px;position:relative}
#main .main-container .map_wrapper .map-bg{z-index:0}
#main .main-container .map_wrapper .map-bg__base{opacity:.2}
#main .main-container .map_wrapper .map-bg__tree{position:absolute;left:0;top:0;opacity:0}
#main .main-container .map_wrapper .map-bg__obj{position:absolute;left:0;top:0;opacity:0}
#main .main-container .map_wrapper .map-spots{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%}
#main .main-container .map_wrapper .map-spots__item{position:absolute;opacity:0;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;cursor:default}
#main .main-container .map_wrapper .map-spots__item .balloon{font-size:0;width:31.5px;height:31.5px;display:block;position:absolute;z-index:1;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom}
#main .main-container .map_wrapper .map-spots__item:nth-child(1){top:26%;left:59%;width:15.4%}
#main .main-container .map_wrapper .map-spots__item:nth-child(1) .balloon{background-image:url(../img/balloon_1_active.png);right:-19%;top:1%}
#main .main-container .map_wrapper .map-spots__item:nth-child(2){top:19.3%;left:15.9%;width:15.4%}
#main .main-container .map_wrapper .map-spots__item:nth-child(2) .balloon{background-image:url(../img/balloon_2_active.png);right:-21%;top:-39%}
#main .main-container .map_wrapper .map-spots__item:nth-child(3){top:16.5%;left:49.5%;width:15.2%;width:15.4%}
#main .main-container .map_wrapper .map-spots__item:nth-child(3) .balloon{background-image:url(../img/balloon_3_active.png);top:-30%;right:-12%}
#main .main-container .map_wrapper .map-spots__item:nth-child(4){top:61%;left:25%;width:19.5%}
#main .main-container .map_wrapper .map-spots__item:nth-child(4) .balloon{background-image:url(../img/balloon_4_active.png);right:-6%;top:-8%}
#main .main-container .map_wrapper .map-spots__item:nth-child(5){top:81%;left:58%;width:12%}
#main .main-container .map_wrapper .map-spots__item:nth-child(5) .balloon{background-image:url(../img/balloon_5_active.png);right:-18%;top:-4%}
#main .main-container .map_wrapper .map-spots__item:nth-child(6){left:51.5%;top:40%;width:16.5%}
#main .main-container .map_wrapper .map-spots__item:nth-child(6) .balloon{background-image:url(../img/balloon_6_active.png);right:-11%;top:7%}
#main .main-container .map_wrapper .map-spots__item.active{cursor:pointer}
#main .main-container .map_wrapper .map-spots__item.active:hover{-webkit-transform:scale(1)!important;-ms-transform:scale(1)!important;transform:scale(1)!important}
#main .main-container .map_wrapper .map-spots__item.active .balloon{width:42px;height:42px}
#main .main-container .map_wrapper .map-spots.done .map-spots__item{-webkit-transition:.2s;transition:.2s}
#main .main-container .map_wrapper img{width:100%;vertical-align:bottom}
#main .main-container #footer_button_area{margin-bottom:40px;position:relative;z-index:1}
#main .main-container #footer_button_area .back_button{font-size:1.4em}
@media screen and (min-width:768px){#main .main-container .page_heading__title .sp{display:none}
}
@media screen and (max-width:860px){#main .main-container .map_wrapper .map-spots__item .balloon{width:21px;height:21px}
#main .main-container .map_wrapper .map-spots__item.active .balloon{width:26.25px;height:26.25px}
}
@media screen and (max-width:767px){#main .main-container{font-size:95.238%}
#main .main-container:before{background-image:url(../img/bg_sp.png);-webkit-background-size:100% 100%;background-size:100%;width:100%;margin:0;left:0;top:-40px}
#main .main-container .page_heading{margin-top:45px;margin-bottom:35px}
#main .main-container .page_heading__title{font-size:3.6em}
#main .main-container .page_heading__title .pc{display:none}
#main .main-container .page_heading__lead{text-align:left}
#main .main-container .section_wrapper{display:block;padding:0 25px}
#main .main-container .section_wrapper+.section_wrapper{margin-top: 40px}
#main .main-container .section_wrapper .section{width:100%;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;margin-bottom:40px}
#main .main-container .section_wrapper .section__img{margin-bottom:12px}
#main .main-container .section_wrapper .section__heading .month{padding-left:10px}
#main .main-container .section_wrapper .section__heading .month img{height:34px}
#main .main-container .section_wrapper .section .title{font-size:1.4em;padding-left:11px}
#main .main-container .map_wrapper{margin-top:60px}
#main .main-container .map_wrapper .map-spots__item .balloon{width:14.7px;height:14.7px}
#main .main-container .map_wrapper .map-spots__item.active .balloon{width:18.9px;height:18.9px}
}