@charset "UTF-8";


/* --------------------------------------------------
SNS nozawahiroba
-------------------------------------------------- */

.sns-list{
    position: fixed;
    background-color: #fff;
    padding:  10px 17px;
    right:  0px;
    top:140px;
    z-index:9000;
    border-top:1px solid #ccc;    
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.sns-list a{
	text-decoration:none;
}

.sns-list p img{
	width:25px;
	height:auto;
}

.sns-list p img:hover{
	opacity:0.5;
}


/* ########### 960px以下 ########### */
@media (max-width: 960px) {


.sns-list{
    border:0px solid #fff;
    padding:  10px;
    right:  0;
    top:0px;
    z-index:30000;
    background-color: transparent;
}

.sns-list p img{
	width:26px;
	height:auto;
}


}/* 960px以下 end */



 /* .画像比率 */
.image-trim {position: relative;overflow: hidden;padding-top: 110%;}
.image-trim img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover;transition-duration: 0.5s;}
.image-trim a img:hover{opacity: 0.6;transition-duration: 0.5s;}



/* --------------------------------------------------
スマホのみ改行、center
-------------------------------------------------- */

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

.br-sp {display: none;}

}

/* --------------------------------------------------
PCのみ改行、center
-------------------------------------------------- */
@media screen and (max-width: 600px){

.br-smh {display: none;}
.center-smh {text-align:center;}

}


/* --------------------------------------------------
googleカレンダー
-------------------------------------------------- */

.calendar-width{max-width:960px;width:100%;height:auto;text-align:center;margin:0 auto 50px;}



/* --------------------------------------------------
looding 普通のまる
-------------------------------------------------- */


/* ブラウザのスクロールバーを常に表示させることでカクカクッとなるのを防ぐ */
html{
  overflow-y:scroll;
}
 
/* ローディングの背景部分のCSS */
.loader{
  background:#fff;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:10000;
}
 
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation,
.loader-animation:after {
  border-radius: 50%;
  width: 6em;
  height: 6em;
  position:absolute;
top: 40%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

  
.loader-animation {
  margin: 0 auto;
  font-size: 1.0rem;
  position: relative;
  text-indent: -9999em;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



/* --------------------------------------------------
基本設定
-------------------------------------------------- */

html {
    /* ルートのフォントサイズを10pxに設定しておく */
	font-size: 62.5%;
}


body {color:#333;margin: 0;font:16px/1 'Helvetica Neue', 'Arial', 'Hiragino Kaku Gothic ProN','Hiragino San', 'Meiryo', sans-serif;}
* html body {font-size: 1.6em;}
*:first-child+html body {font-size: 1.6em;}


.conterts-title-en h3,.menubox-wrapper-left .shisetsu-en,.blink.title-en-under{font-family: 'Poppins', sans-serif;}
.menubox-wrapper-left h3,.home-copy-smh,.title-jp-default,.imagesyosai-facilities h4,.home-menubox .home-menubox-contents h4{font-family: 'Noto Sans JP', sans-serif;}


    
* html body {font-size: 1.6em;}
*:first-child+html body {font-size: 1.6em;}



h3{line-height:1.9;}

a:link{color:#333333;}
a:visited{color:#333333;}
a:hover{color:#000;text-decoration:none;}
a:active{color:#000;text-decoration:none;}

.big{font-size:2.2rem;}
.middle{font-size:1.8rem;}
.small{font-size:1.2rem;}
.small02{font-size:1.0rem;}
.red{color:#da5050;}
.white{color:#ffffff;}
.yellow{color:#fbc011;}

.nowrap{white-space: nowrap;}
.font-normal{font-weight:normal;}
.fa-check-square{font-size:2.5rem;font-weight:600;color:#0facd9;margin-right:10px;}
.arrow {font-size:14px;margin-top:10px;animation-name: arrow;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-direction: alternate;animation-duration: 1.5s;}


.newwindowimg img{width:20px;height:auto;}

@keyframes arrow {
    0% {transform: translate(0,0px);}
    100% {transform: translate(0,-15px)}
}


/* 文字選択背景色 */
::selection {background: #58a53f; /*背景色*/color: #fff; /*文字色*/}
::-moz-selection {background: #58a53f; /*背景色*/color: #fff; /*文字色*/}


.shisetsu-en{font-size:5.0rem;color:#6ba34d;font-weight:600;line-height:1.0;margin-bottom:20px;}


/* ################################### 画面サイズ650px以下 ########################################### */
@media screen and (max-width:650px) {

.page-title .heading06 {position: relative;padding-top: 50px;padding-bottom: 50px;font-size: 2.2rem;text-align: center;letter-spacing:0.1em;}
.page-title .heading06::before {content: attr(data-en);position: absolute;top: -20px;left: 50%;transform: translateX(-50%);color: rgba(19,143,46,1);font-size: 50px;}

}/* 650px以下end */


/* 文字基本見出し指定 */
.conterts-title h3{font-size:2.3rem;font-weight:600;margin-top:20px;}

/* 文字基本見出し指定 英語 */
.conterts-title-en h3 .en-titletop{font-size:5.5rem;font-weight:600;margin-top:20px;letter-spacing:0.1em;border-bottom: 6px double #fbc011;color:#fbc011;}


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.conterts-title-en{text-align:center;}
.conterts-title-en h3 .en-titletop{font-size:4.5rem;}

.shisetsu-en{font-size:4.0rem;text-align:center;}

}/* 960px以下end */




/* 文字基本見出し指定 home */
.home-copy-smh{font-size:2.7rem;font-weight:500;letter-spacing:0.1em;line-height:1.6;}


.cr { clear:both; }
.clearfix::after {content: " ";display: block;clear: both;}
.center{text-align:center;}
.right{text-align:right;}


p,h4{line-height:2.2;}
p img,h1 img,h2 img,h3 img,h4 img,.link-style img{vertical-align: middle;}
li{list-style : none ;} 
 
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



.space01{margin:0 0 10px;}
.space02{margin:0 0 20px;}
.space03{margin:0 0 30px;}
.space04{margin:0 0 40px;}
.space05{margin:0 0 50px;}
.space06{margin:0 0 60px;}
.space07{margin:0 0 70px;}
.space08{margin:0 0 80px;}
.space09{margin:0 0 90px;}
.space10{margin:0 0 100px;}
.space11{margin:10px 0 0;}
.space12{margin:20px 0 0;}
.space13{margin:30px 0 0;}
.space14{margin:10px 0 100px;}
.space15{margin:30px 0 50px;}
.space16{padding:30px 0 100px;}
.space17{padding:60px 0;}
.space18{margin:80px 0 20px;}
.space19{padding:40px 0;}
.space20{padding-top:80px;padding-bottom:30px;}
.space21{padding:10px 0;}
.space22{padding-top:0;padding-bottom:30px;}
.space23{padding:60px 0 0;}
.space24{padding-bottom:100px;}
.space25{padding:100px 0 0;}
.space26{padding:0 0 50px;}
.space27{margin-top:-100px;}
.space28{padding:120px 0;}
.space29{padding:60px 0 100px;}
.space30{margin-bottom:-70px;}
.space31{margin:30px 0;}
.space32{padding:80px 0 0;}
.space33{margin:-10px;}
.space34{margin-top:-20px;}
.space35{margin:10px 0 20px;}

.space17-smh{padding:90px 0;}
.space23-smh{padding:60px 0 0;}
.space32-smh{padding:90px 0 0;}


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.smh-center{text-align:center;}
.home-copy-smh{font-size:2.3rem;font-weight:500;letter-spacing:0.1em;line-height:1.6;}

}/* 960px以下end */


/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {

p,td,li,#newBox{font-size:14px;}
#newBox h2{font-size:18px;}
#tree .breadcrumb{font-size:11px;}


}/* 600px以下end */


/* --------------------------------------------------
ふわっ
-------------------------------------------------- */

/* fadeUp */

.fadeUp{animation-name:fadeUpAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;}

@keyframes fadeUpAnime{
from {opacity: 0;transform: translateY(100px);}
to {opacity: 1;transform: translateY(0);}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 .fadeUpTrigger{opacity: 0;}



/* --------------------------------------------------
スクロール途中から上部固定 */
-------------------------------------------------- */

#contentsindex{position:relative;z-index: 990;}

#header{position: fixed;width:100%;z-index: 999;}


/*==ふわっと出現させるためのCSS*/

/*　上に上がる動き　*/

#header.UpMove{position: fixed;width:100%;animation: UpAnime 0.5s forwards;  }

@keyframes UpAnime{
  from {opacity: 1;transform: translateY(0);}
  to {opacity: 0;transform: translateY(-100px);}
}

/*　下に下がる動き　*/
#header.DownMove{position: fixed;width:100%;animation: DownAnime 0.5s forwards;}

@keyframes DownAnime{
  from {opacity: 0;transform: translateY(-100px);
  }
  to {opacity: 1;transform: translateY(0);}
}



/*　上余白（スクロールの弊害）　*/

.smh-pctop{padding-top:100px;}



@media screen and (max-width:1140px) {
#header,
#header.UpMove,
#header.DownMove{
    animation:none;
    height: auto;
    padding: 0;
    display: block;
    background-color: rgba(255,255,255,0);
}

.smh-pctop{padding-top:10px;}
    
}



/* --------------------------------------------------
vegas
-------------------------------------------------- */
.wrapper-slider{max-width:2000px;}


/* --------------------------------------------------
slick
-------------------------------------------------- */

.bg-slider{padding:0;}

.imagesyosai{float:left;width:50%;}
.imagesyosai img{width:100%;height:auto;}


/* --------------------------------------------------
slick　施設紹介
-------------------------------------------------- */


/* 点滅アニメーションを適用 */
.blink {font-size:2.0rem;color:#77a258;animation: blinking 1s ease-in-out infinite alternate;}


@keyframes blinking {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}



.bg-slider-facilities{padding:0;margin-bottom:50px;}
/* パターン① */
@keyframes float1 {
  0% { transform: translateY(0); }
  100% { transform: translateY(-10px); }
}

/* パターン② */
@keyframes float2 {
  0% { transform: translateY(0); }
  100% { transform: translateY(-16px); }
}

/* パターン③ */
@keyframes float3 {
  0% { transform: translateY(0); }
  100% { transform: translateY(-14px); }
}

/* 割り当て */
.variable.slider .imagesyosai-facilities:nth-child(3n+1) {
  animation: float1 2.8s ease-in-out infinite alternate;
}

.variable.slider .imagesyosai-facilities:nth-child(3n+2) {
  animation: float2 3.6s ease-in-out infinite alternate;
}

.variable.slider .imagesyosai-facilities:nth-child(3n+3) {
  animation: float3 2.4s ease-in-out infinite alternate;
}

.imagesyosai-facilities{float:left;width:50%;}
.imagesyosai-facilities img{width:100%;height:auto;padding:7%;}
.imagesyosai-facilities h4{font-size:1.4rem;font-weight:normal;margin-top:0px;padding:0;text-align:center;line-height:1.6;}
.imagesyosai-facilities .letter{vertical-align: middle;font-size: 1.8rem;color: #64884a;font-weight:bold;  display: inline-block;}
.imagesyosai-facilities .letter img{max-width:30px;width:100%;height:auto;}
.imagesyosai-facilities img:hover{opacity:0.9;}


/* --------------------------------------------------
wrapper
-------------------------------------------------- */

/* 全体の横幅を固定 */

.wrapper,.wrapper-default{max-width: 1500px;margin: 0 auto;text-align:left;clear:both;width:100%;}
.wrapper-default-inner,.wrapper-home-inner{margin:0 20px;}
.wrapper-bg{padding:10px 0;background:#ebefde;}



/* ################################### 画面サイズ768px以下 ########################################### */
@media screen and (max-width:960px) {

#wrapper,#wrapper-default{padding-top:50px;}

}/* 768px以下end */



/* 文字左、写真右回り込み */

.concept-block{padding-top:50px;}
.photo-box{display: flex;max-width:2000px;width:100%;margin: 0 auto 50px 0;clear:both;}
.photo-box-left{flex: 1;padding:20px 10px;}
.photo-box-right{flex: 1;}
.photo-box-right-inner{width:90%;margin:20px auto;}

.photo-box02{display: flex;flex-flow: row-reverse;max-width:2000px;width:100%;margin: 0 auto 50px 0;clear:both;}
.photo-box02-left{flex: 1;padding:20px 10px;margin-left:15px;}
.photo-box02-right{flex: 1;}
.photo-box02-right-inner{width:90%;margin:20px auto;}

.photo-box02-right .photo-box-right-inner h3,.photo-box02-right .photo-box02-right-inner h3{font-size:2.7rem;}
.photo-box02-right .heading {font-size: 2.6rem;}
.photo-box02-right .heading::before {content: attr(data-en);display: block;color: #77a158;font-size: 13px;}
.photo-box02-right .heading::after {content: '';display: block;width: 40px;height: 1px;background-color: #77a158;}



.photo-box02-right-inner .madorizu img{max-width:550px;width:100%;height:auto;}

.photo-box-left img,.photo-box02-left img{width:100%;height:auto;border-radius:10px;}


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.concept-block{padding-bottom:70px;padding-top:20px;}
.photo-box,.photo-box02{display:block;margin: 0 auto 40px;}
.photo-box-left,.photo-box02-left{padding-bottom:20px;}
.photo-box-left,.photo-box02-left{text-align:center;}
.photo-box-left a{text-align:center;}
.photo-box-left img,.photo-box02-left img{width:96%;height:auto;}

}/* 960px以下end */

/* ################################### 画面サイズ768px以下 ########################################### */
@media screen and (max-width:768px) {

.photo-box-right-inner,.photo-box02-right-inner{width:90%;}
.photo-box-right02-inner,.photo-box02-right02-inner{width:90%;}

}/* 768px以下end */

/* ################################### 画面サイズ500px以下 ########################################### */
@media screen and (max-width:500px) {

.photo-box-left img,.photo-box02-left img{width:100%;}
.concept-block{padding-bottom:30px;}

}/* 500px以下end */



/* --------------------------------------------------
header / top-list
-------------------------------------------------- */

header{width:100%;background:#fff;}
.header-global{clear:both;width:100%;}
.header-global-inner{max-width:1770px;width:100%;margin:0 auto;}
.top-list-left {display: flex;align-items: center;}
.top-list-left h1 img{float:left;width: 200px;height: auto;margin-top:5px;}
.top-list{display: flex;width:100%;}
.top-list-left{flex:1;margin-left:20px;}
.top-list-right{text-align:right;margin-right:10px;margin-top:30px;}
.top-list-right{padding-right:40px;}


/* ################################### ロゴ1500px以下 ########################################### */

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

.top-list-left h1 img{float:left;width: 200px;height: auto;margin-top:15px;}

}/* 1500px以下end */



/* ######################################### ロゴ1141px以上 ######################################### */
@media (min-width: 1141px) {

.logo-responsive{display:none;}

}/* 1441px以上 end */



/* ################################### ロゴ1140px以下 ########################################### */

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

.top-list-left {display:none;}
.logo-responsive h3{text-align:center;}
.logo-responsive h3 img{max-width:230px;width:100%;height:auto;padding-top:50px;padding-right:0px;}

}/* 1140px以下end */


/* ################################### 画面サイズ600px以下 ########################################### */

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

.logo-responsive h3 img{padding-top:50px;}

}/* 600px以下end */

/* ################################### 画面サイズ420px以下 ########################################### */

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

.logo-responsive h3 img{padding-top:80px;}

}/* 420px以下end */



/* ######################################### 1500px以上 ######################################### */
@media (min-width: 1500px) {

.header-global{clear:both;max-width:1800px;width:100%;margin:0 auto 10px;}

}/* 1500px以上 end */


/* ################################### 画面サイズ1140px以下 ########################################### */
@media screen and (max-width:1140px) {


header,.header-global{background: transparent;}
header{margin-bottom:0;}
.top-list{display: block;}
.top-list-left{text-align:center;padding:50px 0 30px;margin-left:0px;}
.top-list-right{text-align:center;margin-left:0px;}
.top-list-right a{;font-weight:bold;}
.top-list-right .header-tel{margin-right:0;}
.top-list-left h1 img{max-width:100px;width:100%;height:auto;padding-right:0px;}

}/* 1140px以下end */



/* --------------------------------------------------
mainphoto
-------------------------------------------------- */

/* home-header */

.home-main-block{position: relative;max-width:4000px;margin: 0 auto;}
.home-box{max-width:4000px;height:1000px;margin:0 0 0 auto;}

.home-copy{max-width:2000px;width:100%;height:auto;position: absolute;top: 0;left: 0;margin-top:420px;color:#fff;}



.en-title-midashitop{text-align:center;margin-bottom:-15px;font-size:10.0rem;font-weight:600;letter-spacing:0.2em;line-height:1.0;margin-bottom:15px;}






.en-title-midashi{text-align:center;margin-bottom:-15px;font-size:3.0rem;letter-spacing:0.2em;line-height:1.0;margin-bottom:5px;}
.slick-content-midashi{text-align:center;margin-bottom:-5px;font-size:2.7rem;font-weight:600;}
.slick-content-text{text-align:center;margin-bottom:10px;font-size:2.0rem;font-weight:600;letter-spacing:0.3em;}



/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.home-box{max-width:4000px;height:600px;margin:0 0 0 auto;}
.home-copy{margin-top:200px;}
.slick-content-midashi{font-size:2.2rem;}
.slick-content-text{font-size:1.8rem;}

.en-title-midashitop{margin-bottom:-15px;font-size:7.0rem;line-height:1.0;margin-bottom:15px;}

}/* 960px以下end */



/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.en-title-midashitop{font-size:5.0rem;}
.slick-content-midashi{font-size:2.0rem;}
.slick-content-text{font-size:1.7rem;}

}/* 960px以下end */







/* --------------------------------------------------
HOME
-------------------------------------------------- */


.newsbox-wrapper{max-width:1500px;padding:0 20px;}



/* home event */

.eventbox-wrapper{max-width:1500px;display: flex;margin:100px auto 0;padding:0 20px 70px;}
.eventbox-wrapper-left{flex:20%;margin:30px;}
.eventbox-wrapper-right{flex:80%;}

.eventblock-wrapper{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.eventbox-wrapper-right .eventblock{width:33.333%;padding:10px;margin-bottom:20px;}

.eventblock .eventphoto img{width:100%;height:auto;}
.eventblock .eventphoto img:hover{opacity:0.9;}

.eventblock .eventupday{font-size:1.4rem;text-align:right;}
.eventblock .event-day{font-size:1.4rem;}
.eventblock .event-day span{font-size:1.1rem;padding:2px;background:#639a29;color:#fff;font-weight:bold;}

.eventblock .eventtitle{padding-top:10px;font-size:1.8rem;text-align:center;}
.eventblock .eventtext{font-size:1.4rem;}

.event-thumb{position: relative;width: 100%;aspect-ratio: 16 / 11;overflow: hidden;background: #eee;}

.eventblock .hosoku span{padding:2px;margin-right:5px;font-size:1.2rem;}

.eventblock .hosoku .eventend{padding:2px;border:2px solid #dd605b;color:#fff;background:#dd605b;}
.eventblock .hosoku .jizen{padding:2px;border:2px solid #6ba34d;color:#6ba34d;}
.eventblock .hosoku .uten{padding:2px;border:2px solid #0799cb;color:#0799cb;}


/* EVENTラベル 下に移動*/



/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.eventbox-wrapper{display: block;margin:100px auto 0;padding:0 20px 70px;}

.eventbox-wrapper-right .eventblock{width:50%;padding:5px;margin-bottom:20px;}

}/* 960px以下end */






/* home about */

.aboutbox-wrapper{max-width:1500px;display: flex;margin:100px auto 0;padding:0 20px 70px;}
.aboutbox-wrapper-left{flex:20%;margin:0 30px 30px 0;}
.aboutbox-wrapper-right{flex:80%;}


.aboutbox-wrapper-right .aboutbox{display: flex;margin:0 auto;margin-left:40px;margin-top:10px;}
.aboutbox-wrapper-right .aboutbox .about-left{width:50%;}
.aboutbox-wrapper-right .aboutbox .about-right{width:50%;margin-left:30px;}
.aboutbox-wrapper-right .aboutbox .about-right img{width:97%;height:auto;}


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.aboutbox-wrapper{display: block;}
.aboutbox-wrapper-left{flex:20%;margin:0 0 30px 0;}

}/* 960px以下end */


/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {

.aboutbox-wrapper-right .aboutbox{display: block;margin-left:0;}
.aboutbox-wrapper-right .aboutbox .about-left{width:100%;margin-bottom:20px;}
.aboutbox-wrapper-right .aboutbox .about-right{width:100%;margin-left:0;}
.aboutbox-wrapper-right .aboutbox .about-right img{width:100%;height:auto;}


}/* 600px以下end */




/* home access */
.traffic p span{margin-right:10px;}
.traffic p span img{max-width:40px;width:100%;height:auto;}



/* home 料金案内 */

.ryokinlist li{line-height:1.9;}


/* 公園のルールを守ろう */

    .rules{
      max-width:1200px;
      margin:0 auto;
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px 22px;
    }

    .rule{
      border:2px solid #a9d06b;
      border-radius:22px;
      background:#fff;
      padding:22px 24px;
      display:grid;
      grid-template-columns: 96px 1fr;
      align-items:center;
      column-gap:18px;

      min-height:140px;
    }

    .rule__num{
      width:78px;
      height:78px;
      border-radius:999px;
      background:#a9d06b;
      color:#fff;
      display:grid;
      place-items:center;
      font-weight:800;
      font-size:34px;
      line-height:1;
      margin-left:8px;
    }

    .rule__text{
      margin:0;
      font-size:18px;
      line-height:1.9;
      letter-spacing:0.02em;
      font-weight:600;
    }

    @media (max-width:900px){
      .rule{
        padding:18px 18px;
        grid-template-columns: 84px 1fr;
        min-height:120px;
      }
      .rule__num{
        width:70px;
        height:70px;
        font-size:30px;
        margin-left:4px;
      }
      .rule__text{ font-size:16px; }
    }

    /* スマホ：1列（関数なし） */
    @media (max-width:640px){
      .rules{
        grid-template-columns: 1fr;
        gap:14px;
      }
      .rule{
        grid-template-columns: 76px 1fr;
      }
    }



/* menubox */
.map{background:url(../imghome/zu.png) top right no-repeat;background-size: 60% auto, 60% auto;}

.menubox-wrapper{max-width:1600px;display: flex;margin:0 auto 0;padding:60px 20px;}
.menubox-wrapper-left{width:30%;margin:10px 30px 30px;}
.menubox-wrapper-right{width:70%}


.menubox-wrapper-left .copy-back img{max-width:430px;width:100%;height:auto;}


.menubox-wrapper-left h3{font-size:2.5rem;}
.menubox-wrapper-left .space-left{margin-left:30px;}

.menubox-wrapper-left .other-facilities h4{font-size:1.8rem;margin:50px 0 5px;}
.menubox-wrapper-left .other-facilities li{line-height:1.6;}
.menubox-wrapper-left .other-facilities li span{color:#58a53f;}




/* ########### 960px以下 ########### */
@media (max-width: 960px) {

.menubox-wrapper{display: block;margin:0 auto;padding:60px 20px;}
.menubox-wrapper-left{width:100%;margin:0 0 50px;}
.menubox-wrapper-right{width:100%;margin-right:50px;}

.menubox-wrapper-left .space-left{margin-left:0;}
.menubox-wrapper-left .copy-back img{display:none;}

}/* 960px以下end */





.home-menubox{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;}
.home-menubox .home-menubox-inner{width:24%;margin-bottom:30px;}
.home-menubox .home-menubox-inner img{max-width:420px;width:100%;height:auto;}

.home-menubox .home-menubox-contents{padding:5px 5px 10px 5px;}
.home-menubox .home-menubox-contents h4{font-size:1.4rem;font-weight:normal;margin-top:10px;padding:0 0 5px;text-align:center;line-height:1.6;}

.home-menubox-contents h4 .letter{vertical-align: middle;font-size: 1.8rem;color: #64884a;font-weight:bold;  display: inline-block;}
.home-menubox-contents h4 .letter img{max-width:30px;width:100%;height:auto;}



/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.home-menubox .home-menubox-inner{width:49%;}

}/* 768px以下end */


/* ########### 500px以下 ########### */
@media (max-width: 768px) {

.home-menubox .home-menubox-contents h4{font-size:1.4rem;}

}/* 500px以下end */



/* 画像楕円 */
.fa_photo001 img{border-radius:63% 37% 57% 43% / 46% 48% 52% 54%;}
.fa_photo002 img{border-radius:38% 62% 41% 59% / 52% 39% 61% 48%;}
.fa_photo003 img{border-radius:66% 34% 62% 38% / 48% 58% 42% 52%;}
.fa_photo004 img{border-radius:42% 58% 62% 38% / 56% 61% 39% 44%;}
.fa_photo005 img{border-radius:42% 58% 68% 32% / 43% 43% 57% 57%;}
.fa_photo006 img{border-radius:63% 37% 62% 38% / 46% 47% 53% 54%;}
.fa_photo007 img{border-radius:36% 64% 57% 43% / 46% 54% 46% 54%;}
.fa_photo008 img{border-radius:63% 37% 43% 57% / 56% 46% 54% 44%;}
.fa_photo009 img{border-radius:47% 53% 51% 49% / 47% 53% 47% 53%;}
.fa_photo010 img{border-radius:72% 28% 59% 41% / 53% 58% 42% 47%;}
.fa_photo011 img{border-radius:36% 64% 54% 46% / 55% 47% 53% 45%;}
.fa_photo012 img{border-radius:53% 47% 62% 38% / 48% 53% 47% 52%;}
.fa_photo013 img{border-radius:42% 58% 68% 32% / 43% 43% 57% 57%;}








/* --------------------------------------------------
contactfooter
-------------------------------------------------- */

.contactfooter-wrapper{clear:both;background:#fbc011;}
.contactfooter-box{display:flex;align-items:center;max-width:900px;width:100%;margin: 0 auto;clear:both;padding:40px 0;}
.contactfooter-box-left{flex:3;}
.contactfooter-box-right{flex:2;text-align:right;}

.contactfooter-box h3 span{white-space: nowrap;font-weight:600;font-size:3.0rem;letter-spacing:0.1em;color:#fff;}


/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.contactfooter-box{text-align:center;}
.contactfooter-box{display:block;padding:40px 0;}
.contactfooter-box h3 span{font-size:3.0rem;}

}/* 768px以下end */



/* --------------------------------------------------
第2階層NAVI
-------------------------------------------------- */

.centered {position: relative;overflow: hidden;margin:20px 0 80px;}
.centered ul {position: relative;left: 50%;float: left;padding-top:50px;}
.centered ul li {position: relative;left: -50%;float: left;font-size:1.6rem;line-height:1.9;white-space: nowrap;}
.centered ul li a{margin:0 20px;}


/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.centered ul li{font-size:1.2rem;}
.centered ul li a{margin:0 5px;}

}/* 768px以下end */




/* ########### PC用 768px以下 ########### */
@media (min-width: 768px) {

.centered-pc {position: relative;overflow: hidden;margin:20px 0 80px;}
.centered-pc ul {position: relative;left: 50%;float: left;padding-top:50px;}
.centered-pc ul li {position: relative;left: -50%;float: left;font-size:1.6rem;line-height:1.9;white-space: nowrap;}
.centered-pc ul li a{margin:0 20px;}

.centered-smh{display:none;}

}/* 768px以上end */


/* ########### スマホ用 768px以上 ########### */
@media (max-width: 768px) {

.centered-smh-space{margin-top:50px;margin-bottom:50px;}
.centered-smh {position: relative;overflow: hidden;margin:20px 0;}
.centered-smh ul {position: relative;left: 50%;float: left;}
.centered-smh ul li {position: relative;left: -50%;float: left;font-size:1.6rem;line-height:1.9;white-space: nowrap;}
.centered-smh ul li a{margin:0 20px;}

.centered-pc{display:none;}
.centered-smh ul li{font-size:1.2rem;}

}/* 768px以上end */


/* --------------------------------------------------
tree
-------------------------------------------------- */

#tree{width:100%;}
.tree-inner{text-align:right;margin: 0 auto;padding:15px 30px;}
.tree-inner i{margin:0 15px;}
#tree .breadcrumb,#tree .breadcrumb a{font-size:1.4rem;}

/* ########### 650px以下 ########### */
@media (max-width: 650px) {

#tree .breadcrumb,#tree .breadcrumb a{font-size:1.2rem;}
.tree-inner i{margin:0 5px;}
.tree-inner{padding-right:10px;text-align:right;}

}/* 650px以下end */


/* --------------------------------------------------
各ページメイン画像
-------------------------------------------------- */

/* 各ページメイン画像 */
#title{width:100%;}
.title-inner{padding:0;}

.title-en{text-align:center;font-size:3.5rem;color:#fff;padding:150px 0 0;font-weight:500;line-height:50px;font-weight:600;letter-spacing:0.3em;}
.title-jp{text-align:center;font-size:1.6rem;color:#fff;padding:0;font-weight:500;}

.title-en-default{text-align:center;font-size:3.5rem;padding:90px 0 1px;font-weight:500;}
.title-jp-default{text-align:center;font-size:2.5rem;padding:90px 0 1px;font-weight:500;letter-spacing:0.3em;}

/* イベントとお知らせの下階層 */
.title-en-under{text-align:center;font-size:3.5rem;padding:90px 0 1px;font-weight:500;letter-spacing:0.3em;}
.title-jp-under{text-align:center;font-size:1.6rem;padding:0;font-weight:500;letter-spacing:0.3em;}



.titleinner-default{width:100%;margin: 0 auto;padding:0;}



.titleinner-event,.titleinner-news,.titleinner-facilities,.titleinner-information{width:100%;height:350px;margin: 0 auto;padding:0;}

.titleinner-event{background-image:url(../imgevent/event_mainphoto.jpg);background-size: cover;background-color: #a6d1d4;background-position: left;}
.titleinner-news{background-image:url(../imgnews/news_mainphoto.jpg);background-size: cover;background-color: #a6d1d4;background-position: center;}
.titleinner-facilities{background-image:url(../imgfacilities/facilities_mainphoto.jpg);background-size: cover;background-color: #a6d1d4;background-position: center;}
.titleinner-information{background-image:url(../imginformation/information_mainphoto.jpg);background-size: cover;background-color: #a6d1d4;background-position: center;}



/* ################################### 画面サイズ1140px以下 ########################################### */
@media screen and (max-width:1140px) {

#title{margin-top:20px;}

}/* 1140px以下end */


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.title-inner{padding:0;}
#title{padding:0;}


}/* 960px以下end */


/* --------------------------------------------------
footer
-------------------------------------------------- */
.footer-link-wrapper-bg{padding:20px 0 40px;}
.footer-link-wrapper{max-width:1300px;margin:0 auto;padding-top:20px;}
.footer-link{display: flex;justify-content: center;flex-wrap: wrap;}
.footer-link div{width:25%;padding-left:30px;}

.footer-link li{line-height:1.9;font-size:1.4rem;}
.footer-link a{text-decoration:none;}
.footer-link .toplink{list-style: disc;color:#58a53f;}

/* ################################### 画面サイズ768px以下 ########################################### */
@media screen and (max-width:600px) {


.footer-link div{width:50%;}
.footer-link li{font-size:1.4rem;}
.footer-link .underlink{font-size:1.1rem;}

}/* 768px以下end */



.footer-wrapper{clear: both;padding-top:0px;color:#000;}
footer{clear: both;width:100%;padding:0 0 30px;}

#footer-inner{max-width:1400px;margin:0 auto;padding-bottom:20px;}
.footer-block{margin:20px 20px 10px;text-align:center;}
.footer-block h2 img{max-width:220px;width:100%;height:auto;}
.footer-block .footer-insta{margin:15px 0;}
.footer-block .footer-insta img{width:35px;height:35px;}
.footer-block  p{line-height:1.6;}
.footer-block  p span{white-space: nowrap;font-size:1.4rem;}

.copyright{clear:both;padding-top:6px;font-size:1.1rem;}


/*リンクの形状*/
#page-top a{display: flex;justify-content:center;align-items:center;width: 60px;height: 60px;color: #58a53f;text-align: center;text-transform: uppercase; text-decoration: none;font-size:2.6rem;transition:all 0.3s;}
#page-top a:hover{color: #000;}
#page-top {position: fixed;right: 10px;bottom:10px;z-index: 2;opacity: 0;transform: translateY(100px);}
#page-top.UpMove{animation: Upmotion 0.5s forwards;}

@keyframes Upmotion{
  from {opacity: 0;transform: translateY(100px);}
  to {opacity: 1;transform: translateY(0);}
}

/*　下に下がる動き　*/

#page-top.Downmotion{
  animation: DownAnime 0.5s forwards;
}
@keyframes Downmotion{
  from {opacity: 1;transform: translateY(0);}
  to {opacity: 1;transform: translateY(100px);
  }
}



/* --------------------------------------------------
entry
-------------------------------------------------- */

.entrybodyBlock{clear:both;}


/* ブロックエディタ設定 */
.entrybodyBlock h1,.entrybodyBlock h2,.entrybodyBlock h3,.entrybodyBlock h4,.entrybodyBlock h5,.entrybodyBlock h6{margin-top:40px;margin-bottom:30px;font-weight:normal;}
.entrybodyBlock h1{font-size:3.0rem;}
.entrybodyBlock h2{font-size:2.7rem;}
.entrybodyBlock h3{font-size:2.4rem;}
.entrybodyBlock h4{font-size:2.2rem;}
.entrybodyBlock h5{font-size:2.0rem;}
.entrybodyBlock h6{font-size:1.8rem;}
.entrybodyBlock th,.entrybodyBlock td {padding:3% 5%;}
.entrybodyBlock ul,.entrybodyBlock ol{margin:30px 0 30px 18px;}
.entrybodyBlock ol li{list-style-type: decimal;}
.entrybodyBlock ul li{list-style-type: disc;}
.entrybodyBlock li{line-height:1.9;}
.entrybodyBlock hr{margin:50px 0;}
.entrybodyBlock img{max-width:100%;height:auto;margin:30px 0;}

.entrybodyBlock iframe{margin:30px 0;}

.entrybodyBlock mt-be-column{width:50%;padding:20px;}

.entryline h1{font-size:2.2rem;font-weight:bold;border-bottom: solid 3px #fbc011;padding-bottom:10px;}
.entryline h1 span{vertical-align:middle;margin-left:10px;}

.entryline h1 a{margin:0 0 40px;line-height:1.7;font-size:2.0rem;font-weight:bold;text-decoration:none;}
.entry-date{margin:5px 0 30px;padding: 0;font-size:1.2rem;}
.entry{margin:0 0 100px;}


#entryside{margin:0 0 60px;}
#entryside h2{margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid;border-color:#ededed;font-size:1.6rem;font-weight:normal;}
#entryside ul{margin:0 0 50px;}
#entryside li{margin:0 0 0 10px;padding: 0 0 0 10px;line-height:1.9;}

.entry-big{margin:0 0 40px;padding-top:5px;padding-bottom:5px;text-align:center;background-color: #ffff;border: 1px solid #ccc;}



/* 上は通常のお知らせ｜下は追加 */

.entryheader{margin-bottom:20px;}
.entryheader img{max-width:1000px;width:100%;height:auto;}

.entryheader .event-day{font-size:1.8rem;}
.entryheader .event-day span{font-size:1.6rem;padding:2px;background:#639a29;color:#fff;font-weight:bold;}

.entryheader .hosoku{padding:5px 0;}
.entryheader .hosoku span{padding:2px;margin-right:5px;font-size:1.2rem;}
.entryheader .hosoku .eventend{padding:2px;border:2px solid #dd605b;color:#fff;background:#dd605b;}
.entryheader .hosoku .jizen{padding:2px;border:2px solid #6ba34d;color:#6ba34d;}
.entryheader .hosoku .uten{padding:2px;border:2px solid #0799cb;color:#0799cb;}


/* ################################### 画面サイズ650px以下 ########################################### */
@media screen and (max-width:650px) {


.entrybodyBlock mt-be-column{width:100%;padding:20px;}


}/* 650px以下end */


/* ################################### 画面サイズ480px以下 ########################################### */
@media screen and (max-width:480px) {

.entryline h1 a{font-size:1.6rem;}

}/* 480px以下end */


/* 表組設定 */

.entrybodyBlock .table-newskiji{width:100%;margin:30px auto;border-collapse:collapse;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.entrybodyBlock .table-newskiji td{padding:5px 20px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;line-height:1.9;}
.entrybodyBlock .table-newskiji .c-news{width:120px;text-align:center;background:#f3f3f3;}



/* --------------------------------------------------
news 2列
-------------------------------------------------- */

.home-contents-block{display: flex;max-width:1500px;margin:0 auto;padding:0 20px 0;}
.news-title{flex: 20%;margin:0 30px 30px 0;}
.news-contents{flex: 80%;margin-left:40px;}

/* ########### 1200px以下 ########### */
@media (max-width: 1200px) {

.home-contents-block{margin:0 20px;}

}/* 1200px以下end */



/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {


.home-contents-block{display:block;padding:0 30px 30px;}
.news-title{margin-right:0px;}
.news-contents{flex: 1;margin-left:0px;}

}/* 960px以下end */


/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {


.home-contents-block{display:block;padding:0 10px 30px;}


}/* 600px以下end */



/* --------------------------------------------------
new
-------------------------------------------------- */

.newBox{clear:both;padding:50px 0 20px;margin:0 auto;}
.newBox h3{font-size:3.4rem;font-weight:600;letter-spacing:0.3em;}
.newBox .news{font-size:1.7rem;color:#000;font-weight:400;}

span.new {display: none;color: #fff;background: #ee5555;font-size:12px;padding:1px 3px;margin-left:2px;}
span.new img {vertical-align: middle;margin:0 0 0 5px;}



.news-link {align-items: center; display: flex; padding-bottom: 10px;padding-top: 10px;}
.news-link:not(:first-of-type) {border-top: 1px solid #ccc; /* 記事リンク間の線 */}
.news-info {align-items: center;display: flex;flex-shrink: 0; /* これが無いと日付・カテゴリーラベルが潰れる */}
.news-date{font-size:1.4rem;margin-left: 30px;}
.news-category {width:170px;background:#fff;border:1px solid #ccc;border-radius:5px;margin-left: 10px;padding: 5px;text-align:center;font-size:1.4rem;display:block;text-decoration:none;}
.news-category{color: #000!important;}
.news-category:hover{opacity: 0.8;}


.news-titlelist {margin-left: 30px;font-size:1.5rem;}



/* 画面幅800px以下のスタイル */
@media screen and (max-width: 800px) {

.news-link {display: block;}
.news-info {padding-top:10px;}
.news-titlelist {margin-left: 0;margin-top: 10px;}
.news-titlelist {margin-left: 10px;}
.news-category {width:180px;border-radius:5px;margin-left: 10px;padding: 5px;text-align:center;font-size:1.2rem;display:block;text-decoration:none;}

}


/* --------------------------------------------------
お問い合わせ
-------------------------------------------------- */


.tel{font-size:3.0rem;line-height:40px;letter-spacing:0.1em;}
.tel a{text-decoration: none;}


/* ########### 767px以下 ########### */
@media screen and (max-width: 767px){

.tel a{text-decoration: underline;}

}/* 768px以下end */



/* --------------------------------------------------
アクセス
-------------------------------------------------- */

.map-width{max-width:1400px;width:100%;margin:40px auto 80px;}


/* --------------------------------------------------
基本情報
-------------------------------------------------- */

.table{border-spacing: 0;max-width:1400px;width:100%;margin:40px auto 80px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.table td{padding:20px;border-bottom:1px solid #ccc;line-height:1.9;}
.table td:last-child{padding:20px;border-bottom:1px solid #ccc;line-height:1.9;}


.table .c-title{min-width:70px;width:300px;text-align:center;vertical-align:top;border-right:1px solid #ccc;}


/* ########### 767px以下 ########### */
@media screen and (max-width: 767px){

.table .c-title{min-width:70px;width:200px;}

}/* 768px以下end */


/* --------------------------------------------------
イベント・お知らせのペジャー
-------------------------------------------------- */



.pager-block{clear:both;padding-top:50px;}
.pager-block .pager .pagination {clear:both;text-align: center;}
.pager-block .pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  width: 100px;
  height: 50px;
  text-align: center;
  position: relative;
  border:1px solid #ccc;
  vertical-align:middle;
  line-height:50px;
}

.pager-block .pager .pagination .pre,.pager-block .pager .pagination .link{width: 50px;height: 50px;}
.pager-block .pager .pagination .next,.pager-block .pager .pagination .last{width: 100px;height: 50px;}
.pager-block .pager .pagination li a{display: block;}
.pager-block .pager .pagination .pre{background: #f5d992;}

.pager-block .pager .pagination li a:hover,
.pager-block .pager .pagination li a.active{color: #fff;background: #f5d992;}


/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:650px) {

.pager-block .pager .pagination .pre,.pager-block .pager .pagination .link{width: 20px;height: 30px;}
.pager-block .pager .pagination .next,.pager-block .pager .pagination .last{width: 60px;height: 30px;}
.pager-block .pager .pagination li {line-height:30px;font-size:1.1rem;}
.pager-block .pager .pagination .li-none{display:none;}

}/* 650px以下end */




/* --------------------------------------------------
木や鳥、雪の装飾パーツ
-------------------------------------------------- */

.sakura{padding:150px 0;background:url(../imgtree/sakura.jpg) top right no-repeat;background-size: 300px 300px;}


.tree-images-hiyodori img,.tree-images-tree img,.tree-images-kamakiri img,.tree-images-icho img,.tree-images-snow img{max-width:300px;width:100%;height:auto;}
.tree-images-hiyodori,.tree-images-tree,.tree-images-kamakiri,.tree-images-icho,.tree-images-snow{padding:30px 0 80px;}

.tree-images-hiyodori{margin-left:20%;}
.tree-images-tree{margin-left:40%;}
.tree-images-kamakiri{margin-left:30%;}
.tree-images-icho{margin-left:50%;}
.tree-images-snow{text-align:center;}



/* ################################### 画面サイズ768px以下 ########################################### */
@media screen and (max-width:768px) {

.sakura{padding:150px 0;background:url(../imgtree/sakura.jpg) top right no-repeat;background-size: 200px 200px;}
.tree-images-hiyodori img,.tree-images-tree img,.tree-images-kamakiri img,.tree-images-icho img,.tree-images-snow img{max-width:200px;width:100%;height:auto;}

}/* 768px以下end */


/* ################################### 画面サイズ500px以下 ########################################### */
@media screen and (max-width:500px) {

.tree-images-hiyodori,.tree-images-tree,.tree-images-kamakiri,.tree-images-icho,.tree-images-snow{padding:10px 0 30px;}

}/* 500px以下end */



/* --------------------------------------------------
イベント
-------------------------------------------------- */


.event-float {display:flex;margin-bottom:20px;justify-content:center;align-items:center;}
.event-float-left {flex:1;}
.event-float-right {flex:1;text-align:right;}


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.event-float {display:block;margin-bottom:30px;}
.event-float-right {text-align:center;}

}/* 960px以下end */


/* --------------------------------------------------
about
-------------------------------------------------- */
.wrapper-about{max-width:1500px;margin:0 auto;padding:0 20px;}

.aboutarea-block .areamap {text-align:center;margin:50px 0;}
.aboutarea-block .areamap img{max-width:1200px;width:100%;height:auto;}


/* --------------------------------------------------
施設紹介
-------------------------------------------------- */
/* 背景の丸のアニメーション */

.fluid {position: absolute;top: 5%;left: 5%;z-index: 1;width:40vh;height: 40vh;background:#fbc011;animation: fluidrotate 30s ease 0s infinite;}

@keyframes fluidrotate {  
0%, 100% {border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;}
14% {border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;}
28% {border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;}
42% {border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;}
56% {border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;}
70% {border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;}
84% {border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;}
}

.facilities-top{position: relative;z-index: 2;display: flex;justify-content:center;padding-top:50px;}

.facilities-top-left{flex:9;margin-top:40px;margin-right:50px;}
.facilities-top-right{flex:10;}


.facilitiesarea-block .areamap {text-align:center;}
.facilitiesarea-block .areamap img{max-width:1000px;width:100%;height:auto;}



.facilities-dan{max-width:1500px;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom:100px;}
.facilities-dan-contents{width:25%;margin-bottom:40px;padding:10px;}
.facilities-dan-contents img{width:100%;height:auto;margin-bottom:20px;border-radius:10px;}
.facilities-dan-contents h3{font-size:1.8rem;text-align:center;}
.facilities-dan-contents h4{font-size:1.4rem;text-align:center;color:#78a157;}


.facilities-dan::before{content:"";display: block;width:25%;order:1;}
.facilities-dan::after{content:"";display: block;width:25%;}


.attentionicon{margin-bottom:15px;}
.attentionicon img{max-width:70px;width:100%;height:auto;}

.attention-block{display: flex;justify-content:center;margin-bottom:80px;}
.attention-block-left{flex:1;margin-right:30px;border-radius:10px;padding:20px;background:#fff;}
.attention-block-right{flex:1;margin-left:30px;border-radius:10px;padding:20px;background:#fff;}


.attention-block-left h3, .attention-block-right h3{font-size:2.2rem;text-align:center;margin-bottom:20px;}
.attention-heading {position: relative;font-size: 26px;text-align: center;}
.attention-heading::before {content: attr(data-number);display: block;margin-bottom: 10px;color: #77a158;font-size: 30px;}
.attention-heading::after {content: '';position: absolute;top: 50px;left: 50%;transform: translateX(-50%);width: 1px;height: 20px;background-color: #77a158;}

.attention-block-left h4, .attention-block-right h4{font-size:1.8rem;margin-top:20px;}
.attention-block-left ul, .attention-block-right ul{background:#f3f3f3;border-radius: 10px;padding:20px;}
.attention-block-left ul li, .attention-block-right ul li{line-height:1.6;font-size:1.4rem;}

.attention-block-left .attention-photo,.attention-block-right .attention-photo{margin-bottom:20px;}
.attention-block-left .attention-photo img,.attention-block-right .attention-photo img{width:100%;height:auto;}



/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.facilities-top{display:block;}
.facilities-top-left{flex:9;margin-top:40px;margin-right:0;}
.facilities-top-right{flex:10;}


.facilities-dan-contents{width:50%;margin-bottom:40px;padding:10px;}


.attention-block-left{margin-right:10px;}
.attention-block-right{margin-left:10px;}

}/* 960px以下end */



/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {

.attention-block-left{margin-right:3px;}
.attention-block-right{margin-left:3px;}

.attention-block{display: block;}
.attention-block-left{margin-right:0;margin-bottom:20px;}
.attention-block-right{margin-left:0;}
.attentionicon img{max-width:50px;width:100%;height:auto;}

}/* 600px以下end */



/* --------------------------------------------------
slick HOME用
-------------------------------------------------- */


.section-news {padding: 80px 0;overflow: hidden;position: relative;}

/* 左側を白で隠す */
.section-news::before {content: "";position: absolute;left: 0;top: 0;width: calc((100vw - 1430px) / 2 + 20px);height: 100%;background: #fff; z-index: 5;}



/* 右側だけ画面端まで広げる */
.slider-wrap { margin-right: calc(50% - 50vw);}
.slider .slideblock {padding-right: 20px;}

.inner-news { max-width: 1430px;margin: 0 auto;padding: 0 20px;}


	.slider .slide-inner img {width: 100%;height: 100%;object-fit: cover;display: block;}
	.slider .slide-inner img:hover {opacity:0.9;}
	.slider .slide-inner .news-thumb{position: relative;width: 100%;aspect-ratio: 16 / 12;overflow: hidden;background: #eee;}

/* 月ラベル */

.event-badge-wrap {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  gap: 8px; /* 間隔 */
  z-index: 2;
}

/* 共通スタイルまとめる */
.event-badge01,.event-badge02,.event-badge03,.event-badge04,.event-badge05,.event-badge06,.event-badge07,.event-badge08,.event-badge09,.event-badge10,.event-badge11,.event-badge12 {
padding: 6px 14px;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: .08em;border-radius: 2px;line-height: 1;}


.event-badge01{padding: 6px 14px;background: #69c7e9;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: .08em;border-radius: 2px;line-height: 1;z-index: 2;}
.event-badge02{padding: 6px 14px;background: #7ac9c8;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: .08em;border-radius: 2px;line-height: 1;z-index: 2;}
.event-badge03{padding: 6px 14px;background: #8ec54d;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: .08em;border-radius: 2px;line-height: 1;z-index: 2;}
.event-badge04{padding: 6px 14px;background: #f1a0c3;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: .08em;border-radius: 2px;line-height: 1;z-index: 2;}
.event-badge05{padding: 6px 14px;background: #f5dd4c;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: .08em;border-radius: 2px;line-height: 1;z-index: 2;}
.event-badge06{padding: 6px 14px;background: #f5ab21;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: .08em;border-radius: 2px;line-height: 1;z-index: 2;}
.event-badge07{padding: 6px 14px;background: #eb5f2f;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: .08em;border-radius: 2px;line-height: 1;z-index: 2;}
.event-badge08{padding: 6px 14px;background: #d4df46;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: .08em;border-radius: 2px;line-height: 1;z-index: 2;}
.event-badge09{padding: 6px 14px;background: #9aca5b;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: .08em;border-radius: 2px;line-height: 1;z-index: 2;}
.event-badge10{padding: 6px 14px;background: #819d62;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: .08em;border-radius: 2px;line-height: 1;z-index: 2;}
.event-badge11{padding: 6px 14px;background: #a28c55;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: .08em;border-radius: 2px;line-height: 1;z-index: 2;}
.event-badge12{padding: 6px 14px;background: #b59fcb;color: #fff;font-size: 14px;font-weight: 700;letter-spacing: .08em;border-radius: 2px;line-height: 1;z-index: 2;}



/* ################################### 画面サイズ768px以下 ########################################### */
@media screen and (max-width:600px) {


.event-badge-wrap {
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  gap: 5px; /* 間隔 */
  z-index: 2;
}

.event-badge01,.event-badge02,.event-badge03,.event-badge04,.event-badge05,.event-badge06,.event-badge07,.event-badge08,.event-badge09,.event-badge10,.event-badge11,.event-badge12 {
padding: 4px 10px;color: #fff;font-size: 12px;font-weight: 700;letter-spacing: .08em;border-radius: 2px;line-height: 1;}

}/* 768px以下end */








	.slider .slide-inner .day{text-align:right;font-size:1.4rem;}
	.slider .slide-inner .title{font-size: 1.8rem;text-align: center;font-weight:600;line-height:1.6;padding-top:10px;}
	.slider .slide-inner .news-day{font-size:1.5rem;}
	.slider .slide-inner .news-day span{font-size:1.3rem;padding:2px;background:#639a29;color:#fff;font-weight:bold;}
	.slider .slide-inner .hosoku span{padding:2px;margin-right:5px;font-size:1.2rem;}
	.slider .slide-inner .hosoku .eventend{padding:2px;border:2px solid #dd605b;color:#fff;background:#dd605b;}
	.slider .slide-inner .hosoku .jizen{padding:2px;border:2px solid #6ba34d;color:#6ba34d;}
	.slider .slide-inner .hosoku .uten{padding:2px;border:2px solid #0799cb;color:#0799cb;}
	.slider .slide-inner .newstext{font-size:1.4rem;}



	.slider .slick-track {display: flex;}
	.slider .slick-slide {height: auto;}
	.slider .slick-slide > div { height: 100%;}
	.slider .slick-prev,
	.slider .slick-next {z-index: 10;width: 44px;height: 44px;}
	.slider .slick-prev {left: 20px;}
	.slider .slick-next {right: 20px;}

	/* 丸ボタン */
	.slider .slick-prev,
	.slider .slick-next {width: 50px;height: 50px;background: #fbc011;border-radius: 50%;display: flex !important;align-items: center;justify-content: center;z-index: 20;}
	/* デフォルト矢印を消す */
	.slider .slick-prev:before,
	.slider .slick-next:before {display: none;}
	/* 矢印文字 */
	.slider .slick-prev:after,
	.slider .slick-next:after {font-size: 22px;font-weight: bold;color: #fff;}
	/* 左 */
	.slider .slick-prev:after {content: "＜";}
	/* 右 */
	.slider .slick-next:after {content: "＞";}

/* hover */
.slider .slick-prev:hover,
.slider .slick-next:hover {background: #fff;}
.slider .slick-prev:hover:after,
.slider .slick-next:hover:after {color: #f9d989;}


/* ################################### ブレイクポイント ########################################### */
@media screen and (max-width: 1200px) {
  .slider .slideblock {padding-right: 16px;}
}


@media screen and (max-width: 960px) {
  .section-news {padding: 60px 0;}
  .slider .slideblock {padding-right: 12px;}
  .slider .slide-inner {border-radius: 12px;}
  .slider-wrap {margin-right: calc(50% - 50vw);}
}

@media screen and (max-width: 768px) {
  .section-news {padding: 40px 0;}
  .slider .slideblock {padding-right: 10px;}
  .slider .slide-inner {border-radius: 10px;}
}
/* ブレイクポイント */