@charset "UTF-8";

.second_page .contents_event .area_title_h1{background-image: url(../img/bg_h1_event.jpg);background-repeat: no-repeat;background-position: center bottom;background-size: cover;}


.second_page .contents_event .wrapper{max-width: 1184px;}
.first_text{text-align: center;color: #2d6019;}
.event_navi ul{display: flex;flex-wrap: wrap;margin: 0 auto;justify-content: space-between;gap: 10px 0;}
.event_navi ul li{width: calc(100% / 6);text-align: center;}
.event_navi ul li span{color: #2d6019;display: inline-block;border-bottom: 1px solid transparent;}
.tab_box{display: none;}
.tab_box.active { display: block; }
.event_navi li:hover span,.event_navi li.current span {font-weight: bold;border-bottom: 1px solid #ff435c; }
.event_navi li:hover span{cursor: pointer;}

/**/
.area_calendar{margin: 0 auto;color: #2d6019;}
.area_calendar .h2_ttl{margin-bottom: 10px;line-height: 1;padding-bottom:30px;border-bottom:1px solid #2d6019;text-align:center;}
.area_calendar .tab_box .term{margin-bottom: 10px;padding-top: 20px;}
.area_calendar .tab_box ul:not(:last-of-type){border-bottom: 1px solid;}

.area_calendar ul li .come_box a{color: #2d6019;text-decoration: underline;}
.area_calendar ul li .image{width: 100%;height: 310px;background: url(../img/empty_image.jpg) no-repeat center #000;background-size: contain;display: flex;justify-content: center;align-items: center;margin-bottom: 10px;}
.second_page .area_calendar ul li .come_box div.image img{width:100%;height:100%;object-fit: cover;}
.area_calendar ul li .come_box .text{line-height: 1.7;}
.area_calendar ul li .come_box h3{margin-bottom: 5px;}

/**/
.event_flower{padding-bottom: 50px;}
.area_flower_calendar{border: 1px solid #bea36f;}
.event_flower h2{position: relative;}
.event_flower h2::before{content: "";display: block;background: url(../img/icon_viewpoint.svg) no-repeat;background-size: cover;position: absolute;}
.area_flower_calendar ul.season{position: relative;display: grid;text-align: center;align-items: center;}
.area_flower_calendar ul.season li{width: 100%;height: 100%;display: flex;align-items: center;color: #fff;position: relative;justify-content: center;font-size: 1.375rem;letter-spacing: 0.1rem;}
.area_flower_calendar ul.season li.upper{  background: #ff435c;}
.area_flower_calendar ul.season li.middle{  background: #bea36f;}
.area_flower_calendar ul.season li.lower{  background: #2d6019;}
.area_flower_calendar ul.season li.upper::before{content: "";display: block;background: #ff435c;position: absolute;z-index: 1;}
.area_flower_calendar ul.season li.middle::after{content: "";display: block;background: #bea36f;position: absolute;z-index: 1;}
.area_flower_calendar ul.season li.lower::after{content: "";display: block;background: #2d6019;position: absolute;z-index: 1;}
.area_flower_calendar ul.season li.middle::before,.area_flower_calendar ul.season li.lower::before{content: "";display: block;background: #fffff4;position: absolute;}
.area_flower_calendar ul.season::after{content: "";display: block;background: #fffff4;position: absolute;}


.area_flower_calendar .tab_box ul li span{display: grid;place-content: center;background: #e4e4e4;font-size: 0.9375rem;-webkit-transition: all .5s;transition: all .5s;}



@media screen and (max-width:767px) {

    .first_text{font-size: 0.9375rem;line-height: 2;margin-bottom: 30px;text-align:left;}
    .first_text br{display:none;}

    .event_navi{padding-top: 20px;padding-bottom: 60px;}
    .event_navi ul li span{font-size: 1rem;}

    .area_calendar{padding-bottom: 40px;}
    .area_calendar .h2_ttl{font-size: 1.375rem;padding-bottom:20px;}
    .area_calendar ul li{padding-bottom: 30px;}
    .area_calendar ul li .come_box .text{font-size: 0.875rem;}
    .area_calendar ul li .come_box h3{font-size: 1.375rem;}
    .area_calendar .tab_box .term{font-size: 1.1875rem;}
    .area_calendar ul li .image {width: 100%;margin: 0 auto 10px;max-width: 380px;height: 30vh;max-height: 300px;}

    .event_flower h2{margin-bottom: 20px;padding-left: 40px;}
    .event_flower h2::before{width: 24px;height: 24px;left: 0px;top: 0px;}
    .event_flower h2 img{width: 181px;}

    .area_flower_calendar{padding: 20px;overflow: hidden;}
    .area_flower_calendar > div{display: flex;max-height: 440px;}

    .area_flower_calendar ul.season{width: 33px;}
    .area_flower_calendar ul.season li{font-size: 1.0625rem;}

    .area_flower_calendar ul.season li.upper::before{width: 33px;height: 15px;-webkit-clip-path: polygon(100% 0, 100% 20%, 50% 100%, 0 20%, 0% 0%);clip-path: polygon(100% 0, 100% 20%, 50% 100%, 0 20%, 0% 0%);left: 0;bottom: -14px;}
    .area_flower_calendar ul.season li.middle::after{width: 33px;height: 15px;-webkit-clip-path: polygon(100% 0, 100% 20%, 50% 100%, 0 20%, 0% 0%);clip-path: polygon(100% 0, 100% 20%, 50% 100%, 0 20%, 0% 0%);left: 0;bottom: -14px;}
    .area_flower_calendar ul.season li.lower::after{width: 33px;height: 15px;-webkit-clip-path: polygon(100% 0, 100% 20%, 50% 100%, 0 20%, 0% 0%);clip-path: polygon(100% 0, 100% 20%, 50% 100%, 0 20%, 0% 0%);left: 0;bottom: 1px;}

    .area_flower_calendar ul.season li.middle::before,.area_flower_calendar ul.season li.lower::before{width: 33px;height: 15px;-webkit-clip-path: polygon(100% 0, 100% 20%, 50% 100%, 0 20%, 0% 0%);clip-path: polygon(100% 0, 100% 20%, 50% 100%, 0 20%, 0% 0%);left: 0px;top: 1px;}
    .area_flower_calendar ul.season::after{width: 33px;height: 15px;left: 0;bottom: 0;}


    .area_flower_calendar .tab_box.active{display: flex;width: 100%;max-width: calc(100% - 42px);padding-left: 20px;}
    .area_flower_calendar .tab_box ul{display: flex;gap: 0 10px;width: 100%;height: 100%;}
    .area_flower_calendar .tab_box ul li{width: 20%;}
    .area_flower_calendar .tab_box ul li span{display: block; writing-mode: vertical-rl;width: 100%;height: calc(100% / 3);padding: 10px 8px;word-break: break-all;font-size: clamp(0.688rem, 0.417rem + 1.11vw, 0.938rem);}
    /*flower*/
    .area_flower_calendar .tab_box ul li.second{justify-content: flex-end;}
    /*100%*/
    .area_flower_calendar .tab_box ul li span.all_month{height: 100%;}
    /*66%*/
    .area_flower_calendar .tab_box ul li span.two-thirds{height: calc(100% * 2 / 3);}
}


@media screen and (min-width:768px) {

    .second_page .contents_event .wrapper{padding-right: 40px;padding-bottom: 40px;padding-left: 40px;}
    .second_page .contents_event .area_title_h1{height: 500px;}

    .event_navi{padding: 20px 0;}
    .event_navi ul{width: 420px;}
    .event_navi ul li span{font-size: 1.1875rem;}

    .first_text{font-size: 1.25rem;line-height: 1.6;padding: 40px 0;}

    /**/
    .area_calendar{max-width: 1004px;margin-top: 40px;margin-bottom: 40px;}
    .area_calendar .h2_ttl{font-size: 1.875rem;}
    .area_calendar ul{display: flex;flex-wrap: wrap;gap: 50px;padding-bottom: 60px;}
    .area_calendar ul li{width: 50%;max-width: 476px;width: calc(50% - 25px);}
    .area_calendar .tab_box .term{font-size: 1.5rem;}
    .area_calendar ul li .come_box h3{font-size: 1.875rem;}
    .area_calendar ul li .come_box .text{font-size: 0.9375rem;line-height: 1.68;}
    .area_calendar ul li .image{margin-bottom: 25px;}

    /**/
    .area_flower_calendar{padding: 19px 38px;}
    .event_flower h2{margin-bottom: 40px;padding-left: 75px;}
    .event_flower h2::before{width: 43px;height: 43px;left: 16px;top: -5px;}
    .event_flower h2 img{width: 262px;}

    .area_flower_calendar ul.season{grid-template-columns: 1fr 1fr 1fr;height: 47px;margin-bottom: 34px;}
    .area_flower_calendar ul.season li.upper::before{width: 23px;height: 47px;-webkit-clip-path: polygon(0 0, 20% 0%, 100% 50%, 20% 100%, 0 100%);clip-path: polygon(0 0, 20% 0%, 100% 50%, 20% 100%, 0 100%);right: -22px;top: 0;}
    .area_flower_calendar ul.season li.middle::after{width: 23px;height: 47px;-webkit-clip-path: polygon(0 0, 20% 0%, 100% 50%, 20% 100%, 0 100%);clip-path: polygon(0 0, 20% 0%, 100% 50%, 20% 100%, 0 100%);right: -22px;top: 0;}
    .area_flower_calendar ul.season li.lower::after{width: 23px;height: 47px;-webkit-clip-path: polygon(0 0, 20% 0%, 100% 50%, 20% 100%, 0 100%);clip-path: polygon(0 0, 20% 0%, 100% 50%, 20% 100%, 0 100%);right: 0;top: 0;}
    .area_flower_calendar ul.season li.middle::before,.area_flower_calendar ul.season li.lower::before{width: 23px;height: 47px;-webkit-clip-path: polygon(0 0, 20% 0%, 100% 50%, 20% 100%, 0 100%);clip-path: polygon(0 0, 20% 0%, 100% 50%, 20% 100%, 0 100%);left: 4px;top: 0;}
    .area_flower_calendar ul.season::after{width: 21px;height: 47px;right: 0;top: 0;}
    .area_flower_calendar .tab_box ul li{margin-bottom: 25px;display: flex;}
    .area_flower_calendar .tab_box ul li span{height: 43px;width: calc(100% / 3);font-size: 0.9375rem;}
    /*flower*/
    .area_flower_calendar .tab_box ul li.second{justify-content: flex-end;}
    /*100%*/
    .area_flower_calendar .tab_box ul li span.all_month{width: 100%;}
    /*66%*/
    .area_flower_calendar .tab_box ul li span.two-thirds{width: calc(100% * 2 / 3);}

}

@media screen and (min-width:1400px) {
.second_page .contents_event .wrapper {
        padding-right: 0;padding-left: 0;
    }
}