@charset "utf-8";
/* CSS Document */



* { 
margin: 0;
 padding: 0;
  border: 0;
   list-style: none; 
   }
* {
  box-sizing: border-box;/*はみ出しや余白のズレ防止*/
}
p {
	padding-top: 2px;
	padding-bottom: 4px;
	
	width:90%;
	margin:0 auto;
	text-align:left;
	font-size:16px;
	line-height:28px;

}

a {
	color: #0090EC;
	text-decoration: none;
} 
/*a:visited {
	color: #F46A00;
	text-decoration: none;
} */
a:hover {
	color: #E1001C;
} 
a:active {
　　color: #CC0066; 
} 


/*--------写真枠----------*/
/*/*.photo {
	border: 10px solid #FFF;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:1px 1px 4px #ccc;
	-moz-box-shadow:1px 1px 4px #ccc;
	-webkit-box-shadow:1px 1px 4px #ccc;
}*/

/*---------------------------------------------------------
  						clearfix
---------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
.clea{
	clear:both;	
	}
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/

}



h1 {
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	max-width:1200px;
    width: 90%;
}
h1 img {
	max-width:354px;
	width: 100%;
	max-height: 104px;
	height: auto;
    	margin-top:20px;
}




h2 {
	width:98%;
	margin:0 auto;
	font-size: 52px;
	/*font-weight: bold;
	margin-top: 20px;*/

	text-align: left;

	color: #ae722f;	
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 900;
  font-style: normal;
    
}
h2 {
  position: relative;
  padding-left: 80px;
      background: url("../img/h2.png") repeat; /* 柄画像を背景に */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; /* 柄文字 */
/**/
    margin-bottom: 0.2em;
}



h2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 63px;
  height: 111px;
  background: url("../img/h2_bg.png") no-repeat center center;
  background-size: contain;
  transform: translateY(-50%); /* 縦中央に揃える　←これが問題？ */
   /* transform: translateY(50%);  縦中央に揃える */
}
/* 画像の下線を追加 */ 
h2::after { 
    content: ""; position: 
        absolute; left: 60px; bottom: 0; /* 下線の位置調整 */ 
    width: 93%; height: 54px; /* 下線画像の高さ */ 
    background: url("../img/h2_bg02.png") repeat-x; /* 下線画像 */ 
    background-size: auto; /* 必要に応じて調整 */ 
    pointer-events: none;
}
h2.index{
	margin-top:30px;
}
h2.top{
	margin-top:0;
}
h2 img{
	max-width:350px;
	width:100%;
	max-height:50px;
	height:auto;
}

h3 {
	width:90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	/*color: #67210D;*/
	font-size: 22px;
		/*文字縁取り*/
text-shadow: 
    white 2px 0px 0px, white -2px 0px 0px,
    white 0px -2px 0px, white 0px 2px 0px,
    white 2px 2px 0px, white -2px 2px 0px,
    white 2px -2px 0px, white -2px -2px 0px,
   white 1px 2px 0px, white -1px 2px 0px,
    white 1px -2px 0px, white -1px -2px 0px,
    white 2px 1px 0px, white -2px 1px 0px,
    white 2px -1px 0px, white -2px -1px 0px,
    white 1px 1px 0px, white -1px 1px 0px,
    white 1px -1px 0px, white -1px -1px 0px;
	color: #963;	/*文字縁取り*/
border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #963;
	padding-left:10px;
     font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}


h4 {
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}

img {
	vertical-align: bottom;
	border: 0px;

}

b{font-weight: 700;}

main a:hover img {
	opacity: 0.7;
	-moz-opacity:0.7; 
	filter: alpha(opacity=70);
	zoom: 1;
}




/*ページ構成*/
html,body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	font-family:"Zen Maru Gothic", sans-serif; 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	color: #564235;
	font-weight:300;
	


}


#system_main {
	width: 100%;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
    min-width: 1200px;

}
	/*スマホ用*/
#mini{
	display:none;
}/*PC用*/
#big{
	display:inherit;
}
#big .wrap_header {
    display: flex;
    width: 1200px;
      justify-content: space-between; /* 左右端に配置 */
  align-items: center;            /* 垂直方向を中央揃え */
  width: 100%;   
}
#big .wrap_header .left img{
    width:300px;
    height: 100px;
    margin-top: 20px;
    
}
#big .wrap_header h1 {
	margin-left: inherit;
	margin-right:inherit;
	text-align:left;
	max-width:400px;
    width: 100%;
}
/**/

header {
  width: 1200px;
  width: 100%;
    height: 260px;
 
 /* position: sticky;
  top: 0;ヘッダ固定*/
  z-index: 1005;
  background-color: white;
    
}
#headerbox {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;


}
#headerbox02{
	display:inherit;
	position:absolute;
	top: 10px;
	right: 50px;
}



.button00{

	display:inherit;

}

/*768で出現*/
.button01{
	

	display:none;

}
/*--------PC（SPは768）-------*/
#mainnav {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
    padding-top: 30px;
	height:79px;
	margin-right: auto;
	margin-left: auto;
}
#mainnav00{
	width:1200px;
    width: 100%;
	margin:0 auto;
	position:relative;

		height: 77px;
	
}
#mainnav00 ul {

	margin:0 auto;

	/*overflow: hidden;*/

	display:flex;
	 justify-content: center;
flex-wrap: nowrap;
	
}
#mainnav00 ul li{
	/*width: calc((1120px;)/7);*/
	list-style-type: none;
    
	margin: 0px;
    height: 100px;
    width: 100%;
    height: auto;
}


#mainnav #mainnav00 ul li img{
	max-width:151px;
	width: 100%;
	height:100px;
    height: auto;
}


/*index用main（スライダーつき）*/

#main{

	width:100%;
	margin:0 auto;
	overflow: hidden;
	/*margin-top:650px;*/
    padding-bottom: 1.5em;
	min-width: 1200px;
}




/*index以外のmain（スライダーつき）*/
#main02{
	max-width:1200px;
	width:100%;
	margin:0 auto;
	overflow: hidden;
	
}
/**/
/* 2番目 */
.main_wrap_bg02 {
    background-image: url("../img/nami_bg.png"),url("../img/bg.png");
    background-repeat: repeat-x,repeat;
    background-position: top,bottom;
width: 100%;
    margin-bottom: 0;
    overflow:hidden;

}

/* 1番目 */

.main_wrap_bg01 {
    background-image: url("../img/nami_bg01.png");
    background-repeat:repeat-x;
        background-position: top;
    width: 100%;
        background-color: #fff;
        margin-top: 0;
    overflow:hidden;

}

.main_wrap {
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*display: block;
	clear: both;*/
	margin:0 auto;
    margin-top: 1em;
    margin-bottom: 3em;
    max-width: 1200px;
    width: 100%;
    margin-left:0 auto;
    margin-right: 0 auto;
    
}
.main_wrap::after {
content: none;
  }
.main_wrap_bg02, .main_wrap_bg01 { padding-bottom: 3em; /* ← 好きな値に調整 */ }
/**/
footer {
	text-align: center;
	background-image: url("../img/footer_bg.png");
	background-repeat:repeat-x;
	background-position:center bottom;
	height:230px;
    padding: 0;
 	
}

footer .copy_r {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* ← 下端に寄せる */
  align-items: center;
    margin: 1.5em;
}
footer .copy_r img {

  max-width: 430px;
  max-height: 42px;
    width: 90%;
    height: auto;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 5px;
	}

.pagetop {
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	max-width: 950px;
	width:100%;
	bottom:0;
	margin-top:0;
	
}
.pagetop img{
	width:66px;
	height:66px;
}

.bg1 {

	padding-top: 0px;
	padding-bottom: 40px;
	background-image:url(../img/bg.png);
	

}
/**/
table{
	border:1px solid #666;
}
table th,table td{
	border:1px solid #666;
	padding:10px;
}

ul,ul li{
	list-style-type: disc;
}
ol,ol li{
	list-style-type: decimal;
}
/**/

.title{
	position:absolute;
	left:20px;
	top:-30px;
}
/*------- トップ --------*/
/*スライダーサイズ部分はスライダーcssの下に記載*/
/* スライダー枠 */
.slider {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  margin: 15px auto 20px;
     position: relative;   /* 子要素の絶対配置の基準 */
}
/**---スライダーに重ねる画像--**/
.overlay {
  position: absolute;
  z-index: 10;          /* スライダー画像よ*/
    max-width: 1200px;
  width: 90%;
  left: 50%;                /* 中央基準 */
  transform: translateX(-50%); /* 左にずらして中央揃え */
}

/* 個別の位置調整 */
.overlay1 {
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, -50%); /* 中央配置 */
    max-width: 1200px;
    width: 90%;
}

.overlay2 {
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, -50%); /* 中央配置 */
    max-width: 1200px;
    width: 90%;
}
.overlay3 {
  top: 0; 
  left: 50%; 
  transform: translateX(-50%); /* 横方向中央揃え */
  width: 90%;
  max-width: 1200px;
  z-index: 20; /* 他の画像より前面に出す*/
}
/**---↑スライダーに重ねる画像--**/
/* スライドの並びと高さ揃え */
.center-item .slick-track {
  display: flex;
  align-items: stretch;
}

/* 各スライド*/
.slick-slide {
  flex: 0 0 auto;
  height: 350px; /* 高さを固定してガタつき防止*/ 
  padding: 0 ;
  box-sizing: border-box;
}


/* スライド内の画像 */

.center-item .slick-slide img {
  width: 100%;
  max-height: 600px;
    height: auto;
  object-fit: cover;
  display: block;

}

/* slick-listのはみ出し防止 */
.slick-list {
  overflow: hidden;
}



/*スライダーの上*/

.gaiyo h3{
    width: 95%;
    text-align: left;
    font-weight: bold;
    border-bottom: dashed 2px;padding-bottom: 0.5em;
 
}
.gaiyo h3::before {
  content: "■";        /* 文字を追加 */
  color: #ffa700;       /* 色を指定 */
  margin-right: 8px;    /* 文字との間に余白 */
}
.gaiyo {
	margin-bottom: 50px;
	
	border-radius:15px;
	padding:15px;
	width:95%;
    box-sizing: border-box; /* ← 枠線やパディングを含めて幅を計算 */
     border: 2px solid #f9b700;
	margin:0 auto;
	}
.gaiyo p{
	text-align:left;
	width:90%;
	margin:0 auto;
	margin-top:0.5em;
	margin-bottom:0.5em;
}	


.map {
	margin-bottom: 20px;  max-width: 1100px;
    width: 90%;
   margin: 0 auto;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 の比率 */
    margin-top: 1.5em;
	}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* 親の高さにフィット */
  border-radius: 30px;
  box-shadow: #CCC 0 0 7px;

}	



.map:after{
	display:block;
	clear:both;
}
/*-------情報公開-------*/

#joho {
	margin-bottom: 50px;
	
	border-radius:15px;
	padding:15px;
	width:95%;
    box-sizing: border-box; /* ← 枠線やパディングを含めて幅を計算 */
  border: 2px solid #f9b700;
	margin:0 auto;
	background-color: #FFF;

}
#joho ul {
  list-style: none;
  padding: 0;
  margin: 0;
    text-align: left;
}

#joho li {
  list-style: none;
    padding: 8px 12px;
    border-bottom: 2px dashed #ccc;
    font-size: 20px;
    gap: 1.5em; /*隙間*/
     font-family:"Zen Maru Gothic", sans-serif;
    font-weight: 600;
}
#joho li a{
    color: #777;
}
#joho li a:hover{
    opacity: 0.5;
}
#joho li:last-child {
  border-bottom: none;   /* 点線を消す */
  margin-bottom: 5px;    /* 下の余白を狭める */
  padding-bottom: 5px;   /* 内側の余白も調整 */
}
.link{
        background-color: #fff;
    border-radius: 16px;
    padding: 24px;
    text-align: left;
    width: 95%;
    margin: 30px auto;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);

    font-size: 18px;
    
}
.link p{}

.link ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.link li {
    list-style: none;
    padding: 8px 12px;
    border-bottom: 2px dashed #ccc;
    font-size: 16px;
    display: block;
}
/**/
 

.flex {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
/*-------------園について---------------*/
.moku { display: flex; justify-content: center; gap: 20px; /* 必要なら */ 
    max-width: 1127px; width: 95%; margin: 20px auto 0; } 
.moku > div { flex: 1; /* 均等に縮む */ } 
.moku .img01 { flex: 314; } .moku .img02 {flex: 392;} .moku .img03 { flex: 421;}
.moku img { 
    width: 100%; height: auto; 
    max-width: 100%; /* 親に合わせて縮む */ }
.moku h3{
    width: 95%;
    text-align: left;
    font-weight: bold;
    border-bottom: dashed 2px;padding-bottom: 0.5em;
 
}
.moku h3::before {
  content: "■";        /* 文字を追加 */
  color: #ffa700;       /* 色を指定 */
  margin-right: 8px;    /* 文字との間に余白 */
}
@media (max-width: 480px) { 
    .moku { display: block; /* flex を解除して縦並びに */ } 
    .moku > div { width: 90%;margin: 0 auto;/* 横幅いっぱいに */ }

.moku .img01,.moku .img02,.moku .img03{width: 60%;}
}

.moku02 {
	margin-bottom: 50px;
	
	border-radius:15px;
	padding:15px;
	width:95%;
    box-sizing: border-box; /* ← 枠線やパディングを含めて幅を計算 */
     border: 2px solid #f9b700;
	margin:0 auto;
	}
.moku02 p{
	text-align:left;
	width:95%;
	margin:0 auto;
	margin-top:0.5em;
	margin-bottom:0.5em;
}	
.moku02 ul,.moku02 ol{
    padding-left: 2em;
    padding-bottom: 1.5em;
}
.moku02 table{
    width: 95%;
    margin: 0 auto;
}
/*特別保育*/
.toku {
	margin-bottom: 50px;
	
	border-radius:15px;
	padding:15px;
	width:95%;
    box-sizing: border-box; /* ← 枠線やパディングを含めて幅を計算 */
     border: 2px solid #f9b700;
	margin:0 auto;
	}
.toku_title {
    
    width: 95%;
    margin: 0 auto;margin-bottom: 2em;
}
.toku_title p{
    width: 95%;
}
.toku_title .img_t{
        max-width: 411px;
    width: 95%;
    
}
.toku_title img{

    width: 100%;
}
.toku_wrap{
    margin-bottom: 1.5em;
    
}
.toku_wrap h3{
    width: 95%;
    text-align: left;
    font-weight: bold;
    border-bottom: dashed 2px;padding-bottom: 0.5em;
 
}
.toku_wrap h3::before {
  content: "■";        /* 文字を追加 */
  color: #ffa700;       /* 色を指定 */
  margin-right: 8px;    /* 文字との間に余白 */
}

.toku_wrap p{
	text-align:left;
	width:90%;
	margin:0 auto;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
/**/
.toku_wrap ul,.toku_wrap ol{
    padding-left: 2em;
    padding-bottom: 1.5em;
}
.toku_wrap table{
    width: 95%;
    margin: 0 auto;
}
/*施設*/
.shisetu {
	margin-bottom: 50px;
	
	border-radius:15px;
	padding:15px;
	width:95%;
    box-sizing: border-box; /* ← 枠線やパディングを含めて幅を計算 */
     border: 2px solid #f9b700;
	margin:0 auto;
	}

.shisetu_wrap{
    margin-bottom: 1.5em;
    
}
.shisetu_wrap h3{
    width: 95%;
    text-align: left;
    font-weight: bold;
    border-bottom: dashed 2px;padding-bottom: 0.5em;
 
}
.shisetu_wrap h3::before {
  content: "■";        /* 文字を追加 */
  color: #ffa700;       /* 色を指定 */
  margin-right: 8px;    /* 文字との間に余白 */
}

.shisetu_wrap p{
	text-align:left;
	width:90%;
	margin:0 auto;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
/**/
.shisetu_wrap ul,.shisetu_wrap ol{
    padding-left: 2em;
    padding-bottom: 1.5em;
}
.shisetu_wrap table{
    width: 95%;
    margin: 0 auto;
}

/*--写真３枚並べ共通--*/
.photo { display: flex; justify-content: center; 
    gap: 20px; max-width: 1127px; 
    width: 95%; margin: 20px auto 0; } /* 写真サイズが同じなら均等に縮む */ 
.photo .item { 
    flex: 1; text-align: center; margin: 0; /* figure のデフォルト余白を消す */ } 
/* 写真は枠に合わせて縮む */ 
.photo img { width: 100%; height: auto; display: block; 
border: 10px solid #FFF;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:1px 1px 4px #ccc;
	-moz-box-shadow:1px 1px 4px #ccc;
	-webkit-box-shadow:1px 1px 4px #ccc;
} 
/* キャプション */ 
.photo figcaption { margin-top: 8px; font-size: 14px; line-height: 1.4; }

/* 480px以下で縦並び */
@media (max-width: 480px) { 
    .photo { display: block; } .photo .item { margin-bottom: 20px; } 
}
/*--写真4枚並べ共通--*/
.photo04 
{ display: flex; 
    justify-content: center;
    gap: 20px; max-width: 1127px;
    width: 95%; margin: 20px auto 0;
    flex-wrap: wrap; /* ← 4枚以上でも折り返せる */ }
.photo04 .item { flex: 1 1 calc(25% - 20px); /* ← 4枚横並び */ 
    text-align: center; margin: 0; }
.photo04 img { width: 100%; height: auto; 
    display: block; border: 10px solid #FFF; 
    border-radius: 8px; box-shadow: 1px 1px 4px #ccc; } 
/* 768px以下：2枚並び */ 
@media (max-width: 768px)
{ .photo04 .item { flex: 1 1 calc(50% - 20px);
    } 
}
/* 480px以下で1枚ずつ */ 
@media (max-width: 480px) { .photo04 
    .item { flex: 1 1 100%; /* ← 1枚ずつ縦並び */
    }
}
/*------写真３枚ずつ２行（計６枚）-----*/
.photo06 {
  display: flex;
  justify-content: center;
  gap: 20px;
  max-width: 1127px;
  width: 95%;
  margin: 20px auto 0;
  flex-wrap: wrap; /* ← 3枚×2段にするために必要 */
}

.photo06 .item {
  flex: 1 1 calc(33.333% - 20px); /* ← 3枚並び */
  text-align: center;
  margin: 0;
}

.photo06 img {
  width: 100%;
  height: auto;
  display: block;
  border: 10px solid #FFF;
  border-radius: 8px;
  box-shadow: 1px 1px 4px #ccc;
}

.photo06 figcaption {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.4;
}
/* 1〜3枚目の上に余白 */ 
.photo06 .item:nth-child(-n+3) { margin-top: 20px; /* 好きな値に調整OK */ } 
/* 4〜6枚目の下に余白 */ .photo06 .item:nth-child(n+4) { margin-bottom: 50px; /* 好きな値に調整OK */ }

@media (max-width: 480px) { 
    /* 480pxでは縦並びにする */
    .photo06 { display: block; } 
    /* すべての写真の下に余白をつける */ 
    .photo06 .item { margin-bottom: 20px; } 
    /* 最後の写真だけ余白を消す（きれいに締める） */ 
    .photo06 .item:last-child { margin-bottom: 0; } 
    /* PC用の nth-child の余白はリセット */ 
    .photo06 .item:nth-child(-n+3), 
    .photo06 .item:nth-child(n+4) { margin-top: 0; margin-bottom: 0; 
    } 
    .photo06 figcaption { margin-bottom: 10px; /* ← キャプション下部隙間 */ }
}
/*----沿革-----*/
.enkaku {
margin-bottom: 50px;
	
	border-radius:15px;
	padding:15px;
	width:95%;
    box-sizing: border-box; /* ← 枠線やパディングを含めて幅を計算 */
     border: 2px solid #f9b700;
	margin:0 auto;

}
.enkaku dl
{ margin: 0; padding: 0; }
.enkaku .row 
{ display: grid; 
    grid-template-columns: 120px 1fr; 
    column-gap: 24px; /* dt と dd の間を広げる */
    border-bottom: 2px dashed #ccc; /* ← 行全体に点線 */ 
    padding: 6px 0; } 
.enkaku .row:last-of-type 
{ border-bottom: none; /* 最終行だけ線なし */ } 
.enkaku dt
{ margin: 0; 
    padding-left: 15px; /* dt の左側に余白 */ 
    font-weight: bold; } 
.enkaku dd { margin: 0; }
/* スマホ（480px以下）で縦並びに */ 
@media (max-width: 480px)
{ .enkaku .row { grid-template-columns: 1fr; } 
    .enkaku dt { padding-left: 0; }
    .enkaku dd { padding-left: 12px; } }

/*-------day--------*/
.day_wrap { 
    display: flex; justify-content: space-between; gap: 24px; padding-top: 1.5em;
align-items: stretch; /* ← 高さが揃う */}
.day_wrap > section { 
    flex: 1; min-width: 0; display: block; 
    width: auto !important; /* ← これが横並びの鍵 */ } 
.day_wrap img{
    max-width: 300px;
    max-height: 107px;
    width: 100%;
    height: auto;
    
}
.day_wrap table{
    border: none;
    margin-right: auto; margin-left: auto; 
    width: 100%; margin-bottom: 1em; 
    border-radius: 15px; font-size: 16px; 
}

.day_wrap table th,.day_wrap table td{
    border: none;
    border-bottom: 2px dashed #ccc;
}
.day_wrap table tr:last-child th, .day_wrap table tr:last-child td { border-bottom: none; }
.day_wrap table th {
    width: 20%;
    text-align: center;
}
.day01 table {
    border-radius:15px;
	padding:15px;
    box-sizing: border-box; /* ← 枠線やパディングを含めて幅を計算 */
     border: 2px solid #f8c4aa;
    background-color: #FCF8F0;
}
.day02 table {
    border-radius:15px;
	padding:15px;
    box-sizing: border-box; /* ← 枠線やパディングを含めて幅を計算 */
     border: 2px solid #cce2f8;
    background-color: #EEF3F9;
}
.day01 table th {
    color:#fe7c3c;
}
.day02 table th {
    color:#5ca2e8;
}
/*-----------------------*/

/*↓----------year box---------------*/
.year_wrap{ margin-bottom: 50px;
    padding:15px; width:95%; 
    padding-top: 2em;
    box-sizing: border-box; 
   /* border: 2px solid #f9b700; */
    margin:0 auto; display: flex; 
    flex-wrap: wrap; gap: 20px; 
    justify-content: space-between; align-items: stretch; } 
.year { 
    width: calc(33.333% - 20px); 
    box-sizing: border-box; 
    display: flex;
    flex-direction: column; /* ← 追加 */ }
.year dl { margin: 0; display: flex; /* ← 追加 */ 
    flex-direction: column; /* ← 追加 */ 
    height: 100%; /* ← 追加 */ } 
.year dt img { 
    max-width: 250px; 
    width: 100%; height: 
        auto; display: block; } 
.year dd { background-color: #fff; 
    padding: 0.5em; 
    border-radius: 15px;flex: 1; /* ← 高さを揃える */
border: 2px solid #a6927c; /* ← ボーダーを入れるならここ */}
    }
/* 768px 以下：2つ並べる */ 
@media (max-width: 768px)
{ .year { width: calc(50% - 10px); } } 
/* 480px 以下：横並べなし（1つずつ） */ 
@media (max-width: 480px) { .year { width: 100%; } 
}
.year_wrap02{
    margin-bottom: 50px;
    width:95%; 
    padding-top: 1em;
    
}

 

/**/
   .y_photo {
        display: flex;
		width:100%;
		 flex-wrap: wrap;
			 justify-content: center;
      }
	.y_photo p{
	font-size:12px;
	text-align:center;
	line-height: 18px;
	padding-top:10px;
	  }
	 .y_photo img{
		  height:auto;
		 
		  max-width:480px;
		  border-radius: 15px;
		  margin:5px;
		   width:100%;
	  }
	.y_photo > *{
  min-width: 8%;
  flex-basis: 30%;
  margin:5px;
  /*background: #fff;*/
  font-size: 12px;
  text-align: center;
}
.y_photo:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}



/*↑photo*/
/*↑-------yearボックス----------*/




/*------採用情報------*/
.s-joho_wrap{margin-bottom: 50px;
	
	border-radius:15px;
	padding:15px;
	width:95%;
    box-sizing: border-box; /* ← 枠線やパディングを含めて幅を計算 */
  border: 2px solid #f9b700;
	margin:0 auto;
	background-color: #FFF;
    
}
/**/
.s-joho_wrap ul,.s-joho_wrap ol{
    padding-left: 2em;
    padding-bottom: 1.5em;
}
.s-joho_wrap table{
    width: 95%;
    margin: 0 auto;
}
/**/
.s-joho_i{
padding-left: 0.7em;
    padding-right: 0.7em;
    margin-bottom: 2em;
    
}
.s-joho_i img{
   max-width: 480px;
    max-height: 180px;
    width: 100%;
    height: auto;
}
.s-joho {
        border-bottom: 2px dotted #ccc;
	

}
.s-joho + .s-joho {
  margin-top: 40px; /* ２つめ以降隙間 */
}

.s-joho:last-child {
  border-bottom: none;   /* 点線を消す */
  margin-bottom: 5px;    /* 下の余白を狭める */
  padding-bottom: 5px;   /* 内側の余白も調整 */
}
.s-joho ul {
  list-style: none;
  padding: 0;
  margin: 0;
    text-align: left;
    width: 92%;
    margin: 0 auto;
}

.s-joho li {
  list-style: none;
    padding: 8px 12px;
    border-bottom: 2px dashed #ccc;
    font-size: 20px;
    gap: 1.5em; /*隙間*/
     font-family:"Zen Maru Gothic", sans-serif;
    font-weight: 500;
}
.s-joho li::before {
  content: "✿";        /* 文字を追加 */
  color: #bbabdc;       /* 色を指定 */
  margin-right: 8px;    /* 文字との間に余白 */
}

.s-joho li a{
    color: #777;
}
.s-joho li a:hover{
    opacity: 0.5;
}
.s-joho li:last-child {
  border-bottom: none;   /* 点線を消す */
  margin-bottom: 5px;    /* 下の余白を狭める */
  padding-bottom: 5px;   /* 内側の余白も調整 */
}

.s-joho h3{
    width: 95%;
    text-align: left;
    font-weight: bold;
    /*border-bottom: dashed 2px;padding-bottom: 0.5em;*/
 border-bottom: none;
}
.s-joho h3::before {
  content: "■";        /* 文字を追加 */
  color: #8e66e1;       /* 色を指定 */
  margin-right: 8px;    /* 文字との間に余白 */
}

.s-joho p{
	text-align:left;
	width:90%;
	margin:0 auto;
	margin-top:0.5em;
	margin-bottom:0.5em;
}	
/*------////採用情報------*/

/*-------------form------------------*/

.form{

	width:95%;
	margin:0 auto;
}
.form02{ 
    background-color: #f1e8dc; 
    border-radius: 15px; 
    font-size: 16px; padding: 20px; 
    width: 95%; max-width: 1200px; /* ← 中央にきれいに収まる幅 */ 
    margin: 20px auto; 
    box-sizing: border-box; } 
/* dl 全体 */ 
.form02 .form-list { 
    margin: 0; padding: 0; } 
/* dt（見出し） */ 
.form02 dt { padding: 10px 0 5px; 
    font-size: 20px; font-weight: bold; } 
/* dd（入力欄） */ 
.form02 dd { margin: 2em 1em 30px; } 
/* input と textarea 共通 */ 
.form02 dd input, .form02 dd textarea {
    width: 100%; height: 45px; 
    margin: 0 auto;
    padding: 10px 15px; background-color: #fff; 
    border: 1px solid #999; 
    border-radius: 5px; 
    box-sizing: border-box; font-size: 16px; } 
/* textarea は高さを別管理 */ 
.form02 dd textarea { 
    height: 120px; resize: vertical; } 
.form02 dd input + input {
  margin-top: 10px; /* 好きな値に調整OK */
}

p.btn02{
	display:flex;
}

p.btn02 input {
	width: 49%;
	height: 32px;
	background-color:#F8B70D;
	margin:1em;
		cursor: pointer;/*ポインター出現*/

}

p.btn02 {
	max-width:300px;
	width:100%;
	margin:0 auto;

}
/* placeholder */ 
.form02 ::placeholder { text-align: left; padding-left: 5px; }
@media only screen and (max-width: 480px) {
	
	/* 投稿フォーム */
	#form-tbl { margin: 0 auto; text-align: center; }
	#form { width: 96%; margin: 10px auto; }
    #form th, #form td {
    	text-align: left;
		width: 100%;
        display: block;
        padding: 6px 3px;
        border-top: none;
    }
    #form tr:first-child th	{ border-top: 1px solid #666; }
    p.btn input {/* width: 10em; */
	
	width:100%;
	margin:5px;

}
p.btn{
	display: inherit;
} 
p.btn {
	max-width: inherit;
	width:80%;
	margin:0 auto;
}
}
/*---------blog------------*/
.blog_wrap {
	margin:0 auto;
	margin-bottom: 10px;
			width:95%;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
		display:flex;
		align-items: flex-start;/*高さを揃えない*/
    grid-gap: 2em;
}
.blog_wrap:after{
	    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;

}


#blogside {
	width: 30%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-align:left;
	margin-top:0;
	border-radius:15px;
	background-image: url(../img/bg.png);
	/*box-shadow:0px 0px 5px #CCC;*/
	background-color:#FFFFFF;
	margin-left:0;
    margin-right: 10px;
    padding-right: 15px;
      border: 2px solid rgba(102,204,102,0.5);

}
#blogside h2{
padding-left: 0;
font-size: 21px;
text-align: center;
padding-top: 0;
    margin-top: 10px;
    margin-bottom: 1em;
      background: url("../img/h2_blog.png") repeat; /* 柄画像を背景に */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; /* 柄文字 */
}
#blogside h2::after { 
    content: ""; 
    position:; left: 0; bottom: 0; /* 下線の位置調整 */ 
    width: 93%; height: 1px; /* 下線画像の高さ */ 
    background-image: none;
}
#blogside h2::before{
    background-image: none;
	height:45px;
    padding-left: 0;
  /* 文字との間に余白 */
	}
#blogside li::before{
content: "★";        /* 文字を追加 */
  color: #4a8357;       /* 色を指定 */
  margin-right: 8px;    /* 文字との間に余白 */
	}
#blogside ul{
	width:95%;
	text-align:left;
	margin:0 auto; 
}
#blogside ul li{
    width: 100%;
    height: auto;
    display: block;
}
#blogside ul li a{
	text-decoration:none;
	color:#333;
}
#blogside ul li a:hover{
	color:#999;
}

#blogside li {
	list-style-type: none;

	padding-left: 10px;
	min-height:30px;
	font-size:18px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	margin-bottom:1em;
}
#blogbox {
	margin:0 auto;

}
#blogbox h2 {
  position: relative;
  padding-left: 80px;
      background: url("../img/h2_blog.png") repeat; /* 柄画像を背景に */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; /* 柄文字 */
    border-bottom: dotted 2px #4a8357;
    margin-bottom: 10px;
    font-size: 28px;
  
}
 #blogbox h2::after { 
    content: ""; 
    position:; left: 0; bottom: 0; /* 下線の位置調整 */ 
    width: 93%; height: 1px; /* 下線画像の高さ */ 
    background-image: none;
}


#blogbox h2::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  width: 63px;
  height: 111px;
  background: url("../img/h2_bg-blog.png") no-repeat center center;
  background-size: contain;
  transform: translateY(-50%); /* 縦中央に揃える */
}
#blogbox ul,#blogbox ol{
    padding-left: 2em;
    padding-bottom: 1.5em;
}
#blogbox table{
    width: 95%;
    margin: 0 auto;
}
.blog02{
    border-radius: 15px;
  border: 2px solid rgba(243,143,146,0.5);
  /*box-shadow: 0 0 6px rgba(0,0,0,0.1);*/
    background-color: rgba(243,143,146,0.05);
    margin-bottom: 1.5em;
    padding: 1.5em;
}
.blog{
    border-radius: 15px;
  border: 2px solid rgba(102,204,102,0.5);
 /* box-shadow: 0 0 6px rgba(0,0,0,0.1);*/
    background-color: rgba(102,204,102,0.05);
    margin-bottom: 1.5em;
    padding: 1.5em;
}

.blog + .blog {
  margin-top: 40px; /* ２つめ以降隙間 */
}
.category { text-align: right; } 
.category p { display: inline-block; width: fit-content; /* ← これが決定打 */ 
    background-color: #6C6; border-radius: 10px; padding: 2px 10px; margin: 0; } 
.category p a { display: inline-block; color: #fff; text-decoration: none; }
.blog .pdf_area{
    padding-top: 1.5em;
    margin-bottom:  -bottom: 0;
}
.blog .pdf_area ul{
    margin-bottom: -2em;
}
.blog .pdf_area li {
    
      list-style: none;
    font-weight: 600;
        margin: 1em 0;
}
.blog .pdf_area li a::before {
  content: "✿";        /* 文字を追加 */
  color: #ae722f;       /* 色を指定 */
  margin-right: 8px;    /* 文字との間に余白 */
}
.blogdate{text-align: right;font-size: 12px;}
.blog .pdf_area li a{
	display:block;
    border: none;
	color:#ae722f;
    
}
.blog .pdf_area li a:hover::before,.blog .pdf_area li a:hover{
    color: #666;
}
/*.youtube iframe{
	max-width:800px;
	width:100%;
	margin:0 auto;
		margin-top:10px;

}*/
.youtube {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 の比率 */
  height: 0;
  overflow: hidden;
}
/* 768px 以下では余白を外す */
@media screen and (max-width: 768px) { .youtube{ margin-left: 0; }}
/* 768px 以下では余白を外す */
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*ページナビ*/
.pagination-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    list-style-type: none;
    padding: 0;
    margin-top: 3em;
}
.pagination-2 li{
	list-style-type: none;
}
.pagination-2 a {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    border-radius: 25px;
    background-color: #f2f2f2;
    color: #3c8645;
}
.pagination-2 a:hover{
	background-color: #93CE9A;
	color: #fff;
}

.pagination-2 a:not(:hover) {
    text-decoration: none;
}

.pagination-2 .current a {
    background-color: #3c8645;
    color: #fff;
    pointer-events: none;
}

.pagination-2 .prev a,
.pagination-2 .next a {
    gap: 0 4px;
    width: auto;
    padding: .5em .8em;
    line-height: 1;
}

.pagination-2 .prev a::before,
.pagination-2 .next a::after {
    display: inline-block;
    transform: rotate(45deg);
    width: .3em;
    height: .3em;
    content: '';
}

.pagination-2 .prev a::before {
    border-bottom: 1px solid #3c8645;
    border-left: 1px solid #3c8645;
}

.pagination-2 .next a::after {
    border-top: 1px solid #3c8645;
    border-right: 1px solid #3c8645;
}


/*-------保護者専用----------*/
/*---------blog------------*/
.blog02_wrap {
	margin:0 auto;
	margin-bottom: 10px;
			width:95%;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
		display:flex;
		align-items: flex-start;/*高さを揃えない*/
    grid-gap: 2em;
}
.blog02_wrap:after{
	    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;

}


#blog02side {
	width: 30%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-align:left;
	margin-top:0;
	border-radius:15px;
	background-image: url(../img/bg.png);
	/*box-shadow:0px 0px 5px #CCC;*/
	background-color:#FFFFFF;
	margin-left:0;
        margin-right: 10px;
    padding-right: 15px;
  border: 2px solid rgba(243,143,146,0.5);

}
#blog02side h2{
padding-left: 0;
font-size: 21px;
text-align: center;
padding-top: 0;
    margin-top: 10px;
    margin-bottom: 1em;
      background: url("../img/h2_blog02.png") repeat; /* 柄画像を背景に */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; /* 柄文字 */
}
#blog02side h2::after { 
    content: ""; 
    position:; left: 0; bottom: 0; /* 下線の位置調整 */ 
    width: 93%; height: 1px; /* 下線画像の高さ */ 
    background-image: none;
}
#blog02side h2::before{
    background-image: none;
	height:45px;
    padding-left: 0;
  /* 文字との間に余白 */
	}
#blog02side li::before{
content: "★";        /* 文字を追加 */
  color: #f38f92;       /* 色を指定 */
  margin-right: 8px;    /* 文字との間に余白 */
	}
#blog02side ul{
	width:95%;
	text-align:left;
	margin:0 auto; 
}
#blog02side ul li{
    width: 100%;
    height: auto;
    display: block;
}
#blog02side ul li a{
	text-decoration:none;
	color:#333;
}
#blog02side ul li a:hover{
	color:#999;
}

#blog02side li {
	list-style-type: none;

	padding-left: 10px;
	min-height:30px;
	font-size:18px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	margin-bottom:1em;
}
#blog02box {
	margin:0 auto;

}
#blog02box h2 {
  position: relative;
  padding-left: 80px;
      background: url("../img/h2_blog02.png") repeat; /* 柄画像を背景に */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; /* 柄文字 */
    border-bottom: dotted 2px #f38f92;
    margin-bottom: 10px;
    font-size: 28px;
    
  
}

#blog02box h2::after { 
    content: ""; 
    position:; left: 0; bottom: 0; /* 下線の位置調整 */ 
    width: 93%; height: 1px; /* 下線画像の高さ */ 
    background-image: none;
}

#blog02box h2::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  width: 63px;
  height: 111px;
  background: url("../img/h2_bg-blog02.png") no-repeat center center;
  background-size: contain;
  transform: translateY(-50%); /* 縦中央に揃える */
}
#blog02box ul,#blog02box ol{
    padding-left: 2em;
    padding-bottom: 1.5em;
}
#blog02box table{
    width: 95%;
    margin: 0 auto;
}
@media screen and (max-width:768px){
   .blog h2, .blog02 h2{padding-top: 15px;}
}
.blog02 + .blog02 {
  margin-top: 40px; /* ２つめ以降隙間 */
}
.category02 { text-align: right; } 
.category02 p { display: inline-block; width: fit-content; /* ← これが決定打 */ 
    background-color: #f38f92; border-radius: 10px; padding: 2px 10px; margin: 0; } 
.category02 p a { display: inline-block; color: #fff; text-decoration: none; }
.blog02 .pdf_area{
    padding-top: 1.5em;
    margin-bottom:  -bottom: 0;
}
.blog02 .pdf_area ul{
    margin-bottom: -2em;
}
.blog02 .pdf_area li {
    
      list-style: none;
    font-weight: 600;
    margin: 1em 0;
}
.blog02 .pdf_area li a::before {
  content: "✿";        /* 文字を追加 */
  color: #ae722f;       /* 色を指定 */
  margin-right: 8px;    /* 文字との間に余白 */
}
.blog02date{text-align: right;font-size: 12px;}
.blog02 .pdf_area li a{
	display:block;
    border: none;
	color:#ae722f;
    
}
.blog02 .pdf_area li a:hover::before,.blog .pdf_area li a:hover{
    color: #666;
}
.youtube iframe{
	max-width:800px;
	width:100%;
	margin:0 auto;
		margin-top:10px;

}
/*ページナビ*/
.pagination-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    list-style-type: none;
    padding: 0;
    margin-top: 3em;
}
.pagination-3 li{
	list-style-type: none;
}
.pagination-3 a {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    border-radius: 25px;
    background-color: #f2f2f2;
    color: #df7074;
}
.pagination-3 a:hover{
	background-color: #f6c6c7;
	color: #fff;
}

.pagination-3 a:not(:hover) {
    text-decoration: none;
}

.pagination-3 .current a {
    background-color: #df7074;
    color: #fff;
    pointer-events: none;
}

.pagination-3 .prev a,
.pagination-3 .next a {
    gap: 0 4px;
    width: auto;
    padding: .5em .8em;
    line-height: 1;
}

.pagination-3 .prev a::before,
.pagination-3 .next a::after {
    display: inline-block;
    transform: rotate(45deg);
    width: .3em;
    height: .3em;
    content: '';
}

.pagination-3 .prev a::before {
    border-bottom: 1px solid #df7074;
    border-left: 1px solid #df7074;
}

.pagination-3 .next a::after {
    border-top: 1px solid #df7074;
    border-right: 1px solid #df7074;
}




.c1 {
	color: #FF719D;
}
.c2 {
	color: #81D066;
}
.c3 {
	color: #FF871E;
}
.c4 {
	color: #6ECBFF;
}

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

header,main,#mainnav, #mainnav ul, #system_main,#topside {
	width: 100%;
	height:auto;	
}





header {
		min-width:0;
		max-width:768px;
	/*height: auto;	height:150px;*/

	width: 100%;
	text-align: center;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
/*background-size: contain;*/
  /*  background-color: #fff;

z-index:100;
      position: sticky;
  top: 0;　ヘッダ固定*/
  z-index: 1000; /* 他の要素より前面に出す */
  background-color: white; /* 背景色を指定して透けないように */
}



#system_main {
    min-width: inherit;
}
#headerbox {
	width: 99%;
	height:auto;
    background-size: 25%;
}
	
#headerbox02{
	display: none;
}	
    footer{
        background-size: contain;
        	height:150px;

    }
/**/
.main_wrap{
  padding: 0 15px;
    		min-width:0;
				min-width:0;
		max-width:768px;
    margin-bottom: 0;
}

/**/
#main{

	margin:0 auto;
	overflow: hidden;
	/*margin-top:650px;*/
    padding-bottom: 1.5em;
     	min-width: 0;
    max-width: 768px;
	width: 100%; 
    min-width: 0;
	
}



/**/
	/*スマホ用*/
#mini{
	display: inherit;
}/*PC用*/
#big{
	display:none;
}
	


h1 {
	width:70%;
    text-align: left;


}
h1 img {
	margin-top:20px;
    width: 80%;
    margin-bottom: 1em;

}



	

/**/


h2.index{
	margin-top:25px;
}


h2 {

	font-size: 31px;
width:  95%;
    margin: 0 auto;
    margin-bottom: 0.1em;
line-height: 1.1;
}
    @media screen and (max-width:480px){
        
h2 {

	font-size: 24px;
    padding-left: 60px;
    }
    }
    
 h2::before {

  width: 60px;   /* ← 小さくする */
  height: 80px;  /* ← 小さくする（比率を維持） */
    }

    
    h2::after{
        width: 80%;
    }
h2.waku {

	font-size: 22px;
	width:70%;
	line-height:1.2em;
	height:90px;
	padding-top:20px;
	
}
h2 img{
	width:80%;
}


.title{
	text-align:left;
		top:10px;
}
.title img{
	width:80%;
	left:0px;
	top:0px;


}






#main {
	margin-top: auto;
	margin-bottom: auto;
	/*padding-bottom: 150px;*/
	width:100%;
    margin: 0 auto;
}


#mainnav  {
	width: 100%;
	position:relative;
	
	height:158px;

	}
 .sp-nav {
    display: flex;
    flex-direction: column; /* 縦並びにする */
    align-items: center;     /* 中央揃え（必要なら） */
     /*padding-top: 100px;       上部余白（ハンバーガー分） */

  }
    /**/

    /**/

  .sp-nav ul {
    /*display: flex;
    flex-direction: column;*/
    gap: 20px;  ボタン間の余白 
    padding: 0;
    margin: 0;
      padding-top: 3em;
      padding-left: 1em;
    list-style: none;
      width: 90%;
  }

  .sp-nav ul li {
    /*width: 80%;  ボタンの幅（中央揃えしやすく） */
        display: inline-block;
  width: 45%;
  text-align: center;
    text-align: center;
    list-style: none;
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    border-color: #9A8116;
      padding-top: 0.4em;

  }

  .sp-nav ul li img {
      max-width: 151px;
    width: 100%;
    height: auto;
  }




/**/

	
#mainbox {
	max-width:748px;
	padding-left:10px;
	padding-right:10px;

	border-radius: 0px;
	width:95%;
}



defaultlist, .defaultlist li{
	padding-left:30px;
	margin-left:20px;
	float:left;
	width:43%;
}

/**/
#mokuhyo{
		/*margin-bottom: 20px;*/
		width:100%;

}



#mokuhyo ul{
	padding-left:50px;
	/*padding-top:20px;
	text-align:left;*/
}



/**/
.day_wrap {
	display: inherit;
	}
.day_wrap table{
	width:95%;
	margin:0 auto;
}
  
/**/

#year01 dl,#year02 dl,#year03 dl,#year04 dl{
	border: 1px dotted #999;
	width:30%;
	margin:5px;


	border-radius:15px;
}


/*-------------form------------------*/

.form{
	width:90%;
	margin:0 auto;
}
.form02{
	margin:0;
	background-color:#f1e8dc;
	border-radius:15px;
	font-size:16px;
	padding:0;
	width:95%;
	margin:0 auto;
	margin-top:20px;
	padding-bottom:20px;
}

.form02 dl {
	text-align:center;
	

}
.form02 dt{
	padding:10px;
	font-size:21px;
}
.form02 dd{
	padding:10px;
	margin-left:0;
}
.form03{
	margin:0;
	background-color:#f1e8dc;
	border-radius:15px;
	font-size:16px;
	padding:0;
	width:95%;
	margin:0 auto;
	margin-top:20px;
	padding-bottom:20px;
}

.form03 dl {
	text-align:center;
	

}
.form03 dt{
	padding:10px;
	font-size:21px;
}
.form03 dd{
	padding:10px;
	margin-left:0;
}


/*------------*/
/*------------*/
    
    /*blog*/
.blog_wrap,.blog02_wrap {
	margin:0 auto;
	margin-bottom: 10px;
			width:100%;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
		display: inherit;
		align-items: flex-start;/*高さを揃えない*/
}
#blogside,#blog02side{
	width:95%;

    margin: 0 auto;
    	margin-bottom:1.5em;
}

#blogside ul,#blog02side ul{
	max-height:150px;
	overflow: scroll;
	width:95%;
	margin-left:20px;
}
#blogbox,#blog02box {
	width:95%;
	margin:0 auto;

}
/**/
    #blogbox h2,#blog02box h2{
        font-size: 21px;
    }
/**/
    
#blog,#blog02{
	display:inherit;
	}

#blog .item01,#blog02 .item01{
	width:95%;
	margin:0 auto;
	
}
#blog .item02,#blog02 .item02{
	width:95%;
	padding-left:0;
		margin:0 auto;
}

 .pager .pagination li{
    display: none;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }

  .pager .pagination li.pre span::after{
    content: "　前の10件へ";
  }

  .pager .pagination li.next span::before{
    content: "次の10件へ　";
  }
  
  
  

		  #oshirase,#blog{
			  display:inherit;
		  }
 .b_photo > *{
  flex-basis: 50%;

}
.item01{
	width:0;
	width:95%;
}

 .item02 {
  flex-basis:70%;
 }      





h2{
	width:90%;}


h3 {
	font-size: 20px;
}


footer .copy img {
	/*width:100%*/
}




header {
    min-width: inherit;
	/*height: auto;
	width: 90%;*/
	text-align: center;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;


}	



/**/
#mainbox {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-radius: 0px;
	box-shadow:#CCC 0 0 15px;
	box-shadow:none;
}	


#menu_info {
	top:0px;
	right: 10px;
	right:0px;
	width:25%;
}

		
#menu_info {
	position: static;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}	
	


	
	
	
#mainnav  {
	/*width: auto;
	
	margin-bottom:30px;*/
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;}
	
	
	


#mainnav ul li {
	width: 50%;
	margin-left:auto;
	margin-right:auto;
	}
	
	
/*更新情報改行*/
#news ul li span{
	display:block;
}
/**/

/**/
#gaiyo table {

	width: 90%;

}
 #gaiyo table th,#gaiyo table td
    {display: block;width: inherit;
    text-align: left;}
#kihon td, #gaiyo td{
		display: block;
		width: auto;
	}
#kihon th, #gaiyo th{
		display: block;
		width: auto;
	padding: 3px;
	}


	  .i_photo p{
	font-size:12px;
	text-align:center;
	line-height: 18px;
	padding-top:10px;
	padding-bottom:10px;
	  }
	  .i_photo img{
		  max-width:350px;
		  width:100%;
		  border-radius: 15px;
		  margin:0;
	  }
	  .i_photo > *{
  min-width: 8%;
  flex-basis: 30%;
  margin:2px;
  /*background: #fff;*/
  font-size: 12px;
  text-align: center;
}
.i_photo:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}



/*↑photo*/
  .day_photo,.y_photo {
	        display: inherit;
		width:95%;
		 flex-wrap: wrap;
		 margin:0 auto;
  }
  	  .day_photo img,.y_photo img{
		  max-width:350px;
		  width:100%;
		  border-radius: 15px;
		 /* margin:15px;*/
		 margin:0;
	  }

/**/

/*photo*/
#class .photoarea {
	/*margin-bottom: 30px;
	margin-top:40px;*/
	display: inherit;
	width:95%;
	margin:0 auto;
}
#class .photoarea .photoarea02{
	width: 95%;
	height:auto;
}

#class .photoarea .photoarea02 img {
	width: 100%;
	height:auto;
		border-radius: 15px;
	-webkit-box-shadow: 1px 1px 3px #B5A7A7;
	box-shadow: 1px 1px 3px #B5A7A7;
	margin:5px;
}
/*↑photo*/	
.photogrid_wrap{
	width:100%;
	margin:0 auto;
	margin-top:10px;
}

   .t05_photo {
        display: inherit;
		
		 margin:0 auto;
		
      }

	
/**/
#policy td {
		display: block;
		width: auto;
	}
/*----------園について------------------*/





/***/



	  .b_photo img{
		  max-width:450px;
		  width:95%;
	  }

 .b_photo > *{
  flex-basis: 100%;

}
/**/
.sodateru03  ol{
font-size:18px;
}
/**/
.shien{
	display:inherit;
	
	width:90%;margin:0 auto;
}

.shien02-01_wrap{
	display:inherit;
	padding:0;
	padding-top:10px;
}
.shien02{
	
	width:75%;
	margin:0;
	margin:0 auto;
	margin-bottom:10px;
	font-size:21px;
}

/**/
#display_none{
	display: inherit;
}
#display_none02{
	display:none;
}
.photoarea ,.photoarea01,.photoarea02,.photoarea05{

	display: inherit;
}

.photoarea img ,.photoarea0 img1,.photoarea02 img,.photoarea05 img{
	width: 95%;
	height:auto;
	margin:0 auto;
	margin-top:10px;
}
	
/**/
#mokuhyo02 {

	display: inherit;
	
	
	}
#mokuhyo02 img{
	padding:5px;
	background:#FFF;
	width:50%;
	height:50%;
}
#mokuhyo02 ul{
	width:90%;
	margin-right:0;

}



/**/	
	
.illust {
	width: 70%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}	
	

/*box修正*/

/***/
#event2 th {
	width: auto;
	display: block;
}
#event2 td {
	width: auto;
	display: block;
}
	
	
.photoarea td {
	width: auto;
	display: block;
	margin-bottom: 10px;
}
	
	
	
	}
	@media screen and (max-width:480px){

        /*----------day------------*/
.day_wrap {
	display:inherit;
}

.day_wrap td {
		display: block;
		width: auto;
	}
.day_wrap table th {
		display: block;
		width: 100%;
	padding: 3px;
    width: 100%;
    text-align: left;
    padding-left: 0.5em;
    border-bottom: none;
	}


.day00 table {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	width:95%;
	
}
        ｝