@charset "utf-8";.front-main{position:relative;overflow:hidden}.mainvisual-area{position:relative;width:100%;height:calc(100vh - 130px);background:#f5f5f5;z-index:60}.mainvisual-main{width:100%;height:100%}.mainvisual-main img{width:100%;height:100%;object-fit:cover;object-position:bottom center}.mainvisual-area .slick-slider,.mainvisual-area .slick-list,.mainvisual-area .slick-track{height:100%}.mainvisual-catch-block{position:absolute;top:80px;left:50%;width:100%;max-width:1350px;transform:translateX(-50%);z-index:60;object-fit:cover}.mainvisual-catch-block>div{transform:rotate(.05deg)}.mainvisual-topics-block{position:absolute;bottom:100px;left:50%;width:100%;max-width:1350px;transform:translateX(-50%);z-index:60}.mainvisual-topics{display:flex;align-items:center;width:100%;min-height:70px;padding:0 70px;background:var(--color-cream);border-radius:150px}.mainvisual-topics-label{padding-right:50px;font-family:var(--font-family-title);transform:rotate(.05deg);font-size:var(--font-size-36px);font-weight:var(--font-black);cursor:inherit}.mainvisual-topics-list{flex:1;line-height:1.35;overflow:hidden}.slick-vertical .mainvisual-topics-main.slick-slide,.slick-initialized .mainvisual-topics-main.slick-slide{display:grid;grid-template-columns:auto 1fr;column-gap:1em;width:100%}.mainvisual-topics-main>div:first-child{grid-column:1/2;grid-row:1/2}.mainvisual-topics-main>div:nth-child(2){display:flex;align-items:center;grid-column:2/3;grid-row:auto;overflow:hidden}.mainvisual-topics-list time{color:var(--color-base);font-size:var(--font-size-20px);font-weight:var(--font-bold)}.mainvisual-topics-link{flex:1;margin-right:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mainvisual-topics-linkbtn{width:9em;height:20px;text-align:center;color:var(--color-white);font-size:var(--font-size-13px);font-weight:var(--font-bold);line-height:20px;background:var(--color-gray);border-radius:20px}.mainvisual-catch span{display:none}.mainvisual-catch-image1{position:relative;width:40%;height:auto}.mainvisual-catch-image2{position:absolute;top:48%;left:-1%;width:5vw;height:auto;animation-duration:5s;animation-name:slide1;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes slide1{from{margin-left:0}to{margin-left:-1%}}.mainvisual-catch-image3{position:absolute;bottom:15px;left:2%;width:3.5vw;height:auto;animation-duration:3s;animation-name:slide2;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes slide2{from{margin-bottom:0;margin-left:0}to{margin-bottom:1%;margin-left:1%}}.mainvisual-catch-image4{position:absolute;bottom:-30px;left:10%;width:3vw;height:auto;animation-duration:2s;animation-name:slide3;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes slide3{from{margin-left:0}to{margin-left:1%}}@media screen and (min-width:480px) and (max-width:960px){.mainvisual-catch{font-size:clamp( var(--font-size-24px), calc( -1rem + 8.333333333333332vw ), 4rem )}.mainvisual-topics-label{font-size:clamp( var(--font-size-18px), calc( 0.045rem + 3.6vw ), var(--font-size-36px) )}.mainvisual-topics-list time{font-size:clamp( var(--font-size-16px), calc( 0.75rem + 0.8333333333333334vw ), var(--font-size-20px) )}.mainvisual-topics-link{font-size:clamp( var(--font-size-14px), calc( 0.75rem + 0.4166666666666667vw ), var(--font-size-16px) )}}@media screen and (max-width:1410px){.mainvisual-catch-block,.mainvisual-topics-block{left:0;width:100%;padding:0 30px;transform:none}}@media screen and (max-width:1160px){.mainvisual-topics{padding:0 50px}.mainvisual-topics-label{padding-right:30px}.mainvisual-topics-main.slick-slide{display:block}.mainvisual-topics-link{margin-right:0}.mainvisual-topics-linkbtn{display:none}.mainvisual-catch-image4{bottom:-5px;left:10%}}@media screen and (max-width:960px){.mainvisual-catch-image1{width:50%}.mainvisual-catch-image2{width:6vw}.mainvisual-catch-image3{bottom:25px;width:4.5vw}.mainvisual-catch-image4{width:4vw}}@media screen and (max-width:767px){.mainvisual-area{height:calc(100vw * 1.3)}.mainvisual-catch-block{top:50px}.mainvisual-topics-block{bottom:50px}.mainvisual-topics{padding:0 20px}.mainvisual-topics-label{padding-right:20px}.mainvisual-catch-image1{width:60%}.mainvisual-catch-image2{width:8vw}.mainvisual-catch-image3{bottom:20px;width:6vw}.mainvisual-catch-image4{width:5vw}}@media screen and (max-width:520px){.mainvisual-catch-block,.mainvisual-topics-block{padding:0 15px}.mainvisual-topics{padding:0 15px;min-height:50px}.mainvisual-topics-label{padding-right:15px}}@media screen and (max-width:480px){.mainvisual-catch{font-size:var(--font-size-24px)}.mainvisual-topics-label{font-size:var(--font-size-18px)}.mainvisual-topics-list time{font-size:var(--font-size-16px)}.mainvisual-topics-link{font-size:var(--font-size-14px)}.mainvisual-catch-image3{bottom:15px}}.front-content-grouparea{position:relative}.front-content-area{position:relative;padding:80px 0}.front-content-area+.front-content-area{padding-top:0}.front-btn-block{margin-top:36px;text-align:center}.front-title_lev1{font-family:var(--font-family-title);transform:rotate(.05deg);font-size:var(--font-size-36px);font-weight:var(--font-black)}.front-title_lev1>span{display:block;color:var(--color-gray);font-size:var(--font-size-20px);font-weight:var(--font-regular)}.front-content-intro{text-align:center}.front-content-intro .intro-note-block{margin-top:20px;font-weight:var(--font-bold)}@media screen and (min-width:480px) and (max-width:960px){.front-title_lev1{font-size:clamp( var(--font-size-24px), calc( 0.75rem + 2.5vw ), var(--font-size-36px) )}.front-title_lev1>span{font-size:clamp( var(--font-size-14px), calc( 0.5rem + 1.25vw ), var(--font-size-20px) )}}@media screen and (max-width:960px){.front-news-item a{display:flex;align-items:center;width:100%;height:70px;padding:0 50px;background:var(--color-white);border-radius:50px}}@media screen and (max-width:960px){.front-content-area{padding:50px 0}.front-content-area.overlap_top{padding:60px 0}}@media screen and (max-width:480px){.front-title_lev1{font-size:var(--font-size-24px)}.front-title_lev1>span{font-size:var(--font-size-14px)}}.front-news-area{width:100%;max-width:1000px;margin-top:45px;margin-left:auto;margin-right:auto}.front-news-catlist{width:fit-content;margin-left:auto;margin-right:auto;list-style:none}.front-news-catlist>li{display:inline-flex;margin-right:1em}.front-news-catlist button{position:relative;color:var(--color-text-base);font-weight:var(--font-bold)}.front-news-catlist button:before{content:'';display:inline-block;width:12px;height:12px;margin-right:4px;background:var(--color-gray);border-radius:50%}.front-news-list{margin-top:24px;list-style:none}.front-news-list p{margin-top:0}.front-news-item{margin-bottom:16px}.front-news-item:last-child{margin-bottom:0}.front-news-item a{display:flex;align-items:center;width:100%;height:70px;padding:0 50px;background:var(--color-white);border-radius:50px}.front-news-type{display:flex;align-items:center;height:100%}.front-news-date{width:6.5em;color:var(--color-base);font-size:var(--font-size-20px);font-weight:var(--font-bold)}.front-news-cat{position:relative;width:6.5em;font-weight:var(--font-bold)}.front-news-cat:before{content:'';display:inline-block;width:12px;height:12px;margin-right:4px;background:var(--color-gray);border-radius:50%}.front-news-title{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media screen and (min-width:480px) and (max-width:960px){.front-news-date{font-size:clamp( var(--font-size-15px), calc( 10px + 1.0416666666666665vw ), var(--font-size-20px) )}.front-news-cat,.front-news-title{font-size:clamp(  var(--font-size-14px), calc( 12px + 0.4166666666666667vw ),  var(--font-size-16px) )}}@media screen and (max-width:960px){.front-news-item a{display:block;padding:10px 35px;height:auto;line-height:1.5}}@media screen and (max-width:768px){.front-news-item a{padding:10px 25px}}@media screen and (max-width:480px){.front-news-date{font-size:var(--font-size-15px)}.front-news-cat,.front-news-title{font-size:var(--font-size-14px)}}.front-guidemap-area{margin-top:80px}.front-guidelink-block{margin-top:30px;margin-left:auto;margin-right:auto}.front-guidelink-list{display:grid;gap:3.5%;grid-template-columns:repeat(4,1fr);margin-left:auto;margin-right:auto;list-style:none}.front-guidelink-item{position:relative;display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:313/297;text-align:center}#tenniscourt.front-guidelink-item{background:url(//bunsupo.or.jp/sports-park/app/wp-content/themes/spotrspark/assets/css/../images/frame-orange.svg) center center no-repeat;background-size:contain}#ground.front-guidelink-item{background:url(//bunsupo.or.jp/sports-park/app/wp-content/themes/spotrspark/assets/css/../images/frame-blue.svg) center center no-repeat;background-size:contain}#pool.front-guidelink-item{background:url(//bunsupo.or.jp/sports-park/app/wp-content/themes/spotrspark/assets/css/../images/frame-lightblue.svg) center center no-repeat;background-size:contain}#kyodonomori.front-guidelink-item{background:url(//bunsupo.or.jp/sports-park/app/wp-content/themes/spotrspark/assets/css/../images/frame-yellow.svg) center center no-repeat;background-size:contain}.front-guidelink-link{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.front-guidelink-link>span{display:none;font-size:0}.front-guidelink-label{display:flex;justify-content:center;align-items:center;height:2.5em;font-size:var(--font-size-24px);font-weight:var(--font-bold);line-height:1.3}.front-guidelink-icon{display:flex;justify-content:center;align-items:center;max-width:190px;width:100%;height:90px;margin-top:7px}.front-guidelink-icon img{width:calc(100% - 30px);height:100%;object-fit:contain}.front-guidelink-btn{margin-top:15px}.front-guidelink-btn>span{display:flex;justify-content:center;align-items:center;width:120px;height:30px;margin-left:auto;margin-right:auto;color:var(--color-white);font-size:var(--font-size-14px);font-weight:var(--font-bold);background:var(--color-d-gray);border-radius:30px;transition:all .3s}.front-guidelink-item:hover .front-guidelink-btn>span{color:var(--color-d-base);background:var(--color-l-gray)}@media screen and (max-width:1410px){.front-guidelink-list{gap:2%}}@media screen and (max-width:960px){.front-guidelink-list{gap:1%}.front-guidelink-btn{margin-top:7px}.front-guidelink-btn>span{width:7em}}@media screen and (min-width:768px) and (max-width:1350px){.front-guidelink-label{font-size:clamp( var(--font-size-16px), calc( 5.443298969072165px + 1.3745704467353952vw ), var(--font-size-24px) )}.front-guidelink-icon{height:clamp( 55px, calc( -6.538461538461533px + 6.41025641025641vw ), 80px )}.front-guidelink-btn>span{height:clamp( 20px, calc( -4.615384615384613px + 2.564102564102564vw ), 30px )}}@media screen and (max-width:767px){.front-guidelink-list{width:100%;max-width:420px;grid-template-columns:repeat(2,1fr);gap:3.5%}.front-guidelink-label{font-size:var(--font-size-16px)}.front-guidelink-icon{height:55px}.front-guidelink-btn>span{height:20px}}@media screen and (max-width:420px){.front-guidelink-btn{display:none}}.front-slider-wrap{width:100%;max-width:1440px;padding-left:45px;padding-right:45px;margin-left:auto;margin-right:auto}@media screen and (max-width:1510px){.front-slider-wrap{width:auto;margin-left:30px;margin-right:30px}}@media screen and (max-width:960px){.front-slider-wrap{width:auto;margin-left:10px;margin-right:10px}}.front-slidercolumn-area{margin-top:50px;margin-left:auto;margin-right:auto}.front-slidercolumn-msg{text-align:center}.front-slidercolumn-area .slick-list{margin:0 -7px}.front-slidercolumn-area .slick-slide{margin:0 7px}.grid-event-col-wrap{position:relative}.front-slidercolumn-list .slick-track{display:flex;align-items:stretch}.front-slidercolumn-list .slick-slide{height:auto!important}.front-slidercolumn-list .slick-arrow{position:absolute;top:50%;display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin:0;font-size:0;line-height:1;text-indent:-999999px;background:var(--color-base);border-radius:50%;transform:translateY(-50%);z-index:10}.front-slidercolumn-list .slick-arrow.slick-prev{left:-45px}.front-slidercolumn-list .slick-arrow.slick-next{right:-45px}.front-slidercolumn-list .slick-arrow:before{position:absolute;top:50%;content:'';display:block;width:12px;height:12px;border-top:solid 2px var(--color-white);border-right:solid 2px var(--color-white)}.front-slidercolumn-list .slick-arrow.slick-prev:before{left:16px;transform:translateY(-50%) rotate(-135deg)}.front-slidercolumn-list .slick-arrow.slick-next:before{right:16px;transform:translateY(-50%) rotate(45deg)}.front-slidercolumn-list .slick-dots{display:flex;justify-content:center;list-style:none}.front-slidercolumn-list .slick-dots{display:flex;justify-content:center;list-style:none}.front-slidercolumn-list .slick-dots button{position:relative;width:20px;height:15px;font-size:0;text-indent:-999999px}.front-slidercolumn-list .slick-dots button:before{content:'';position:absolute;top:0;left:0;display:block;width:15px;height:15px;background:var(--color-l-gray);border-radius:50%}.front-slidercolumn-list .slick-dots .slick-active button:before{background:var(--color-base)}@media screen and (max-width:767px){.front-slider-wrap{padding-left:30px;padding-right:30px}.front-slidercolumn-list .slick-arrow{width:25px;height:25px}.front-slidercolumn-list .slick-arrow:before{width:8px;height:8px}.front-slidercolumn-list .slick-arrow.slick-prev{left:-30px}.front-slidercolumn-list .slick-arrow.slick-next{right:-30px}.front-slidercolumn-list .slick-arrow.slick-prev:before{left:10px}.front-slidercolumn-list .slick-arrow.slick-next:before{right:10px}.front-slidercolumn-list .slick-dots button{width:15px;height:10px}.front-slidercolumn-list .slick-dots button:before{width:10px;height:10px}}@media screen and (max-width:619px){.front-slidercolumn-area{max-width:340px}}.calender-block{margin-top:30px}.calender-header{display:flex;justify-content:space-between;align-items:center}.calender-label{font-size:var(--font-size-20px)}.calender-btn{position:relative;display:flex;justify-content:center;align-items:center;width:90px;height:30px;font-size:var(--font-size-15px);font-weight:var(--font-bold);color:var(--color-d-base);line-height:0;background:var(--color-cream);border:1px solid var(--color-d-base);border-radius:50px;transition:all .3s}.calender-btn:hover{color:var(--color-white);background:var(--color-d-base)}.calender-btn>span{position:relative}.calender-btn .prev{padding-left:13px}.calender-btn .next{padding-right:13px}.calender-btn .prev:before,.calender-btn .next:before{position:absolute;top:50%;content:'';display:block;width:8px;height:8px;border-top:solid 2px var(--color-d-base);border-right:solid 2px var(--color-d-base)}.calender-btn:hover .prev:before,.calender-btn:hover .next:before{border-top:solid 2px var(--color-white);border-right:solid 2px var(--color-white)}.calender-btn .prev:before{left:0;transform:translateY(-50%) rotate(-135deg)}.calender-btn .next:before{right:0;transform:translateY(-50%) rotate(45deg)}.calender-week-wrap{display:grid;grid-template-columns:repeat(7,1fr);margin-top:20px;font-size:var(--font-size-15px);font-weight:var(--font-bold)}.calender-week-col{display:flex;justify-content:center;align-items:center;height:30px;background:var(--color-l-base);border:solid var(--color-white);border-width:2px 0 0 2px}.calender-week-col:last-child{border-width:2px 2px 0}.week-sun{color:var(--color-white);background:var(--color-d-base)}.week-sat{color:var(--color-white);background:var(--color-gray)}.calender-date-wrap{display:grid;grid-template-columns:repeat(7,1fr);font-size:var(--font-size-15px);font-weight:var(--font-bold);background:var(--color-cream)}.calender-date-col{border:solid var(--color-white);border-width:2px 0 0 2px}.calender-date-col:nth-of-type(7n){border-width:2px 2px 0}.calender-date-num{display:flex;justify-content:center;align-items:center;height:30px;background:var(--color-l-gray)}.calender-date-content{padding:5px 10px;min-height:90px;height:calc(100% - 30px );background:var(--color-cream)}.calender-date-content ul{list-style:none}.calender-date-content ul>li{position:relative;margin-left:calc(0.5em + 5px);margin-bottom:7px;text-indent:calc(-0.5em - 6px);line-height:1.3}.calender-date-content ul>li:last-child{margin-bottom:0}.calender-date-content ul>li:before{content:'';position:relative;top:-.2em;display:inline-block;width:.5em;height:.5em;margin-right:5px;background:var(--color-l-gray);border-radius:50%}.calender-date-content a{text-decoration:underline}.calender-date-content a.set-icon-blank:after{padding-left:17px;color:var(--color-base)}@media screen and (min-width:768px) and (max-width:960px){.calender-date-content ul{font-size:clamp( var(--font-size-14px), calc( 10px + 0.5208333333333333vw ), var(--font-size-15px) )}}@media screen and (max-width:767px){.calender-week-wrap{display:none}.calender-date-wrap{display:block;margin-top:15px}.calender-date-col{display:grid;grid-template-columns:4em 1fr;width:100%;height:100%;border:dotted var(--color-gray);border-width:1px 0 0}.calender-date-col:nth-of-type(7n){border-width:1px 0 0}.calender-date-col.date_none{display:none}.calender-date-num{align-items:flex-start;height:auto;background:var(--color-l-base)}.calender-date-num.date_sat{color:var(--color-white);background:var(--color-gray)}.calender-date-num.date_sun{color:var(--color-white);background:var(--color-d-base)}.calender-date-content{height:auto;min-height:0}.calender-date-content ul{font-size:var(--font-size-14px)}}.front-content_set{position:relative;z-index:50}.front-backimage{position:absolute;width:600px;height:600px;margin-left:auto;margin-right:auto;border-radius:50%;overflow:hidden;z-index:1}.front-backimage>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.front-backimage.news_top{top:0;left:-100px}.front-backimage.news_bottom{bottom:-150px;right:-100px}.front-backimage.event_middle{width:660px;height:660px;top:50%;left:-155px;transform:translateY(-50%)}.front-backimage.calender_top{top:-50px;left:-65px}.front-backimage.calender_bottom{bottom:-50px;right:-55px}@media screen and (min-width:767px) and (max-width:1549px){.front-backimage{position:absolute;width:40vw;height:40vw}.front-backimage.news_top{left:-6.5vw}.front-backimage.news_bottom{bottom:-9.6vw;right:-6.5vw}.front-backimage.event_middle{width:42.6vw;height:42.6vw;left:-10vw}.front-backimage.calender_top{top:-3.2vw;left:-4.2vw}.front-backimage.calender_bottom{bottom:-3.2vw;right:-3.5vw}}@media screen and (max-width:1160px){.front-backimage.calender_bottom{display:none}}@media screen and (max-width:767px){.front-backimage{width:40vw;min-width:180px;height:40vw;min-height:180px}.front-backimage.news_top,.front-backimage.calender_top,.front-backimage.news_bottom,.front-backimage.event_middle,.front-backimage.calender_bottom{display:none}}.fixed-info-wrap{position:fixed;bottom:150px;right:55px;z-index:100}.fixed-info-wrap:hover{filter:brightness(1.05);transition:filter .2s}.fixed-info{position:relative;display:flex;width:330px;height:135px;background:#fff;border-radius:10px;border:5px solid #fff}.fixed-info>div{width:40%;margin-right:10px}.fixed-info img{display:block;width:100%;height:100%;object-fit:cover;object-position:right bottom;border-radius:6px 0 0 6px}.fixed-info-inner{display:flex;flex-flow:column;justify-content:center;height:135px;width:calc(100% - 40%);flex:1;padding:5px 0}.fixed-info-inner div:first-child{display:flex;align-items:center;height:86.4px;padding-bottom:20px;flex-grow:1}.fixed-info-inner p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;border-left:5px solid var(--color-l-base);padding-left:10px}.fixed-info-link{position:absolute;bottom:.3em;right:0;display:flex;justify-content:flex-end;align-items:center;font-size:.8rem;padding-top:5px}.fixed-info-link:after{content:'';display:inline-block;background:url(//bunsupo.or.jp/sports-park/app/wp-content/themes/spotrspark/assets/css/../images/arrow_green.png) center center no-repeat;width:10px;height:15px;margin-left:15px;margin-right:10px}.fixed-info-arrow{position:absolute;top:-10%;right:-10%;width:43px;height:43px;background:var(--color-d-base);border-radius:50%;transform:translateX(-50%)}.fixed-info-arrow:before,.fixed-info-arrow:after{content:'';position:absolute;top:50%;left:50%;width:3px;height:25px;background:#fff}.fixed-info-arrow:before{transform:translate(-50%,-50%) rotate(45deg)}.fixed-info-arrow:after{transform:translate(-50%,-50%) rotate(-45deg)}@media screen and (max-width:767px){.fixed-info-wrap{bottom:20px;right:90px}.fixed-info{width:400px;height:90px}.fixed-info-link{display:none}.fixed-info-arrow{position:absolute;width:30px;height:30px;right:-7%}.fixed-info-arrow:before,.fixed-info-arrow:after{height:20px}.fixed-info>div{width:30%}.fixed-info-inner p{font-size:.85rem}.fixed-info-inner{height:90px;width:calc(100% - 30%)}.fixed-info-inner div:first-child{padding-bottom:10px}}@media screen and (max-width:500px){.fixed-info>div{width:0}.fixed-info img{display:none}.fixed-info{width:70vw}}@media screen and (max-width:370px){.fixed-info{width:60vw}.fixed-info-arrow{right:-10%}}