@media only screen and (min-width: 897px) {
#floweringkale{letter-spacing:1px}
#floweringkale .sp{display:none!important}
#lineup .sp,#goods .sp{display:none!important}
#floweringkale h3,.floweringkale-wrap h3{padding:0;margin:0;text-align:center}
#floweringkale h3::after,.floweringkale-wrap h3::after{content:none}
#floweringkale .btn{display:block;width:455px;margin:0 auto;line-height:1.3;border:2px solid #938675;border-radius:50px;text-decoration:none;color:#443829;font-weight:bold;padding:22px 0 21px;background:url(../../common/img/ar_down.png) no-repeat 95%}
#floweringkale .floweringkale-wrap{padding:0 40px}
#floweringkale .floweringkale-flex{display:flex;justify-content:space-between}
#floweringkale .floweringkale-wrap {padding: 0 40px}
#floweringkale .floweringkale-inner{padding:0 30px}
#floweringkale h4{color:#443829;font-size:24px;font-weight:bold;text-align:center;background-color:#f2e4d4;padding:5px 0}
.floweringkale-wrap h3{margin-bottom:30px}
.floweringkale-wrap h4{margin-bottom:15px;color:#443829;font-size:22px;font-weight:bold;text-align:center}
#floweringkale p{font-size:18px}
#floweringkale #know,#floweringkale #recommend,#floweringkale #step,#floweringkale #faq{padding-top:70px;padding-bottom:40px}
#floweringkale #know h3,#floweringkale #recommend h3,#floweringkale #step h3,#floweringkale #faq h3,#floweringkalefun h3{margin-bottom:25px;padding:40px 0;text-align:center;background:url(../img/title_frame.png) no-repeat center center}
.floweringkale-wrap h3{margin-bottom:25px;padding:40px 0;text-align:center;background:url(../img/title_frame02.png) no-repeat center center}
#goods h3{padding:60px 0}
#floweringkale #know{background:#faf7f2 url(../img/bg_sec01.jpg) no-repeat center top}
#floweringkale #know .img{margin:0 10px}
#floweringkale #recommend{background:#faf7f2 url(../img/bg_sec02.jpg) no-repeat center top;margin:50px 0 30px}
#floweringkale #recommend .floweringkale-flex{margin:30px 0 0}
#floweringkale #recommend h5{margin:25px 0 0;font-size:24px;font-weight:bold}
#floweringkale #recommend p{margin:10px 0 50px}
#floweringkale #recommend .arrange{padding:40px 40px 60px 20px;background-color:#fff;position:relative;transform:translate(10px,10px)}
#floweringkale #recommend .arrange::after{content:'';width:100%;height:100%;border:2px solid #333;position:absolute;top:-20px;left:-20px}
#floweringkale #recommend .arrange h4{background-color:transparent;padding:0;margin:10px 0 20px}
#floweringkale #recommend .arrange h5{margin:0;font-size:22px}
#floweringkale #recommend .arrange .type01 h5{color:#93b661}
#floweringkale #recommend .arrange .type02 h5{color:#c5628c}
#floweringkale #recommend .arrange p{line-height:1.5;margin:0}
#floweringkale #recommend .arrange .sub{font-size:20px;font-weight:bold;text-align:center}
#floweringkale #recommend .arrange .txt{width:300px}
#floweringkale #recommend .arrange .floweringkale-flex{margin:0;justify-content:center;align-items:center;background:linear-gradient(180deg,transparent 0%,transparent 20%,#faf7f2 20%,#faf7f2 85%,transparent 85%,transparent 100%)}
#floweringkale #recommend .arrange .floweringkale-flex.type01{flex-direction:row-reverse}
#floweringkale #step{background:#faf7f2 url(../img/bg_sec03.jpg) no-repeat center top;margin:30px 0 0}
#floweringkale #step .txt{width:400px}
#floweringkale #step .label{font-size:22px;font-weight:bold;padding:5px 0;margin:0 0 10px}
#floweringkale #step .label.icon01{padding-left:55px;background:#fff url(../img/icon_step01.png) no-repeat left 10px center}
#floweringkale #step .label.icon02{padding-left:65px;background:#fff url(../img/icon_step02.png) no-repeat left 10px center}
#floweringkale #step h4{margin:50px 0 0}
#floweringkale #step p{margin:30px 0 0}
#floweringkale #step .img{margin:30px 0 0;text-align:center}
#floweringkale #step ul{margin:0 0 20px}
#floweringkale #step li{font-size:18px;line-height:1.4}
#floweringkale #step li strong{font-weight:bold}
#floweringkale #step dl{font-size:18px;line-height:1.4}
#floweringkale #step dt{font-weight:bold}
#floweringkale #step dd{margin:0 0 30px}
#floweringkale #step .floweringkale-flex .img{margin:0}
#floweringkale #step .point{width:645px;margin:50px auto 0;padding:15px 30px 20px;background-color:#e3ebd1;box-sizing:border-box}
#floweringkale #step .point .ttl{text-align:center;border-bottom:2px dotted #333;padding:0 0 15px}
#floweringkale #step .point p{margin:15px 30px 0;line-height:1.5}
#floweringkale #step .calender{margin:50px 0 0}
#floweringkale #step .calender h4{font-size:26px;background-color:transparent;padding:0;margin:0}
#floweringkale #step .calender .img{margin:10px 0 0}
#floweringkale .btn-modal{font-size:18px;font-weight:bold;text-align:right;margin:5px 30px 0 0}
#floweringkale .btn-modal span{border-bottom:2px solid #333;display:inline-block;cursor:pointer;position:relative}
#floweringkale .btn-modal span::after{content:'';width:24px;height:23px;background:url(../img/icon_step03.png) no-repeat center;position:absolute;top:5px;left:-30px}
#floweringkale .btn-modal span:hover{opacity:.6}
#floweringkale .map-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:101}
#floweringkale .map-modal .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85)}
#floweringkale .map-modal .modal-contents{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;background:#fff;padding:55px 70px}
#floweringkale .map-modal .close{position:absolute;top:-45px;right:0;color:#fff;font-size:23px;font-weight:bold;line-height:1.3;letter-spacing:2px;padding:0 0 0 40px;cursor:pointer}
#floweringkale .map-modal .close:before,#floweringkale .map-modal .close:after{content:'';position:absolute;top:14px;left:0;width:29px;height:2px;border-radius:10px;background:#fff;transform:rotate(45deg)}
#floweringkale .map-modal .close:after{transform:rotate(-45deg)}
#floweringkale #faq{background:#faf7f2 url(../img/bg_sec04.jpg) no-repeat center top;margin:50px 0 0}
#floweringkale #faq .img{float:right;border-left:20px solid #faf7f2;margin-bottom:10px}
#floweringkale #faq li:not(:last-child){margin-bottom:40px;padding-bottom:20px;border-bottom:2px dotted #888}
#floweringkale #faq dl{font-size:18px}
#floweringkale #faq dt{padding:15px 0 25px 60px;background:url(../img/icon_q.png) no-repeat left 10px top 15px;position:relative}
#floweringkale #faq dt::after{content:'';width:calc(50% + 40px);height:1px;border-bottom:2px dotted #888;position:absolute;bottom:0;left:70px}
#floweringkale #faq dd{padding:15px 0 15px 60px;background:url(../img/icon_a.png) no-repeat left 15px top 18px;margin:15px 0 0}
#floweringkale #faq dd p:not(:last-child){margin-bottom:20px}
#lineup{margin:50px 0 0}
.event-bottom-banners ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.event-bottom-banners ul li{width:49%;margin:0 0 20px}
}
@media only screen and (max-width: 896px) {
#floweringkale{padding:0;text-align:justify}
#floweringkale .pc{display:none!important}
#lineup .pc,#goods .pc{display:none!important}
#floweringkale .special-intro{padding:0 10px}
#floweringkale h3,.floweringkale-wrap h3{padding:0;margin:0 0 20px;text-align:center}
#floweringkale h3::after,.floweringkale-wrap h3::after{content:none}
#floweringkale .btn{display:block;margin:0 10px;line-height:1.3;border:2px solid #938675;border-radius:50px;color:#443829;font-weight:bold;padding:12px 0 11px;background:url(../../common/img/ar_down.png) no-repeat 95%}
#floweringkale .floweringkale-wrap{padding:0 10px}
#floweringkale h4{color:#443829;font-size:20px;font-weight:bold;text-align:center;background-color:#f2e4d4;padding:5px 0}
.floweringkale-wrap h4{margin-bottom:5px;color:#443829;font-size:18px;font-weight:bold;text-align:center}
#floweringkale p{font-size:18px;padding:0 10px}
#floweringkale #know,#floweringkale #recommend,#floweringkale #step,#floweringkale #faq{padding-bottom:20px}
#floweringkale #know{background-color:#faf7f2}
#floweringkale #know .img{margin:10px 0 0}
#floweringkale #recommend{background-color:#faf7f2;margin:30px 0}
#floweringkale #recommend .floweringkale-flex{display:flex;justify-content:space-between;margin:10px 0 0}
#floweringkale #recommend .floweringkale-flex .img:nth-child(1){margin-right:5px}
#floweringkale #recommend .floweringkale-flex .img:nth-child(2){margin-left:5px}
#floweringkale #recommend h5{font-size:20px;margin:10px 10px 0}
#floweringkale #recommend p{margin:0 0 30px}
#floweringkale #recommend .arrange{padding:10px;background-color:#fff}
#floweringkale #recommend .arrange h4{background-color:transparent;padding:0;margin:10px 5% 20px}
#floweringkale #recommend .arrange h5{margin:0 20px}
#floweringkale #recommend .arrange .type01 h5{color:#93b661}
#floweringkale #recommend .arrange .type02 h5{color:#c5628c}
#floweringkale #recommend .arrange p{line-height:1.5;margin:0 20px;padding:0}
#floweringkale #recommend .arrange .sub{font-size:18px;font-weight:bold;text-align:center}
#floweringkale #recommend .arrange .floweringkale-flex{display:block;padding:20px 0;margin:15px 0 0;position:relative;z-index:1}
#floweringkale #recommend .arrange .floweringkale-flex::after{content:'';width:calc(100% - 20px);height:calc(100% - 20px);background-color:#faf7f2;position:absolute;top:10px;left:10px;z-index:-1}
#floweringkale #recommend .arrange .floweringkale-flex .img{margin:0;text-align:center}
#floweringkale #recommend .arrange .floweringkale-flex .img:nth-child(1),#floweringkale #recommend .arrange .floweringkale-flex .img:nth-child(2){margin:-15px 0 0}
#floweringkale #step{background-color:#faf7f2;margin:30px 0 0}
#floweringkale #step .label{font-size:20px;font-weight:bold;padding:7px 0;margin:10px 0}
#floweringkale #step .label.icon01{padding-left:35px;background:#fff url(../img/sp/icon_step01.png) no-repeat left 5px center / 25px}
#floweringkale #step .label.icon02{padding-left:47px;background:#fff url(../img/sp/icon_step02.png) no-repeat left 5px center / 37px}
#floweringkale #step h4{margin:30px 0 0}
#floweringkale #step p{margin:10px 0 0}
#floweringkale #step .img{margin:10px 0 0;text-align:center}
#floweringkale #step .img img{width:80%}
#floweringkale #step ul{margin:0 10px 20px}
#floweringkale #step li{font-size:18px}
#floweringkale #step li strong{font-weight:bold}
#floweringkale #step dl{font-size:18px;margin:0 10px}
#floweringkale #step dt{font-weight:bold}
#floweringkale #step dd{margin:0 0 15px}
#floweringkale #step .point{margin:20px 0 0;padding:5px 15px 15px;background-color:#e3ebd1}
#floweringkale #step .point .ttl{text-align:center;border-bottom:2px dotted #333;padding:0 0 15px}
#floweringkale #step .point .ttl img{width:65px}
#floweringkale #step .point p{margin:10px 15px 0;padding:0;line-height:1.5}
#floweringkale #step .calender{margin:20px 0 0}
#floweringkale #step .calender h4{font-size:20px;background-color:transparent;padding:0;margin:0}
#floweringkale #step .calender .img img{width:100%}
#floweringkale .btn-modal{font-size:18px;font-weight:bold;text-align:right;margin:5px 0 20px}
#floweringkale .btn-modal span{border-bottom:2px solid #333;display:inline-block;cursor:pointer;position:relative}
#floweringkale .btn-modal span::after{content:'';width:24px;height:23px;background:url(../img/icon_step03.png) no-repeat center / 12px;position:absolute;top:2px;left:-25px}
#floweringkale .btn-modal span:hover{opacity:.6}
#floweringkale .map-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:501}
#floweringkale .map-modal .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8)}
#floweringkale .map-modal .modal-contents{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:380px;max-height:60vh;background:#fff;padding:15px}
#floweringkale .map-modal .close{position:absolute;top:-30px;right:0;color:#fff;font-size:18px;font-weight:bold;line-height:1.3;letter-spacing:1px;padding:0 0 0 28px}
#floweringkale .map-modal .close:before,#floweringkale .map-modal .close:after{content:'';position:absolute;top:10px;left:1px;width:22px;height:2px;border-radius:10px;background:#fff;transform:rotate(45deg)}
#floweringkale .map-modal .close:after{transform:rotate(-45deg)}
#floweringkale #faq{background-color:#faf7f2;margin:30px 0 0}
#floweringkale #faq .img{text-align:center}
#floweringkale #faq .img img{width:70%}
#floweringkale #faq li{display:flex;flex-direction:column-reverse}
#floweringkale #faq li:not(:last-child){margin-bottom:20px;padding-bottom:30px;border-bottom:2px dotted #888}
#floweringkale #faq dl{font-size:18px}
#floweringkale #faq dt{padding:5px 10px 10px 35px;background:url(../img/sp/icon_q.png) no-repeat left 5px top 10px / 27px;position:relative}
#floweringkale #faq dt::after{content:'';width:calc(100% - 65px);height:1px;border-bottom:2px dotted #888;position:absolute;bottom:0;right:20px}
#floweringkale #faq dd{padding:5px 10px 10px 35px;background:url(../img/sp/icon_a.png) no-repeat left 8px top 10px / 20px;margin:10px 0 0}
#floweringkale #faq dd p{padding:0}
#floweringkale #faq dd p:not(:last-child){margin-bottom:20px}
#lineup{margin:30px 0 0}
.event-bottom-banners{margin:4vw}
.event-bottom-banners ul li:not(:last-child){margin:0 0 10px}
}

/*追加*/

@media only screen and (min-width: 897px) {
#floweringkalefun .sp{display:none!important}
#floweringkalefun{margin:50px 0 0;background:#faf7f2 url(../img/bg_sec05.jpg) no-repeat center top;margin:50px 0 0;padding-top:70px;}
#floweringkalefun .floweringkale-inner{padding:0 70px 30px;margin-top:20px}
#floweringkalefun .floweringkale-inner p{font-size:18px}
#floweringkalefun .btn{display:block;width:455px;margin:0 auto;line-height:1.3;border:2px solid #938675;border-radius:50px;text-decoration:none;color:#443829;font-weight:bold;padding:22px 0 21px;background:#fff url(/special/common/img/btn-ic-blank.svg) no-repeat 95%}
#floweringkalefun img{margin:30px auto;display:block}
#floweringkalefun .pb2{margin:0 0 5px 5px;display:inline}
#floweringkale .caption{font-size:14px;margin-top:10px;text-align:right;}

}
@media only screen and (max-width: 896px) {
#floweringkalefun .pc{display:none!important}
#floweringkalefun{margin:30px 0 0}
#floweringkalefun .floweringkale-inner{background-color:#faf7f2;padding:0 20px 30px;margin-top:-70px}
#floweringkalefun .floweringkale-inner p{padding-top:60px;font-size:18px}
#floweringkalefun .btn{display:block;margin:0;line-height:1.3;border:2px solid #938675;border-radius:50px;color:#443829;font-weight:bold;padding:6px 0 5px;background:#fff url(/special/common/img/btn-ic-blank.svg) no-repeat 90%}
#floweringkalefun img{margin:20px auto 30px;display:block}
#floweringkale .caption{font-size:14px;margin-top:10px;word-break:break-all;line-height:1.3;}
}