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



* { 
margin: 0;
 padding: 0;
  border: 0;
   list-style: none; 
   }

p {
	padding-top: 2px;
	padding-bottom: 4px;
	margin: 0px;
    font-family: "M PLUS Rounded 1c"; }

a {
	/*color: #0090EC;*/
    color: #564235;
	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;
    /**/
}
/*ページ構成*/
html,body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	font-family:  "M PLUS Rounded 1c",'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	color: #564235;
	font-weight:300;
    background-image: url("img/bg.png");

}


h1 {
	margin: 0 auto;
	text-align:left;
    max-width: 1200px;
    width: 100%;
    
}
h1 img {
	margin-top:50px;
	max-width:496px;
	width: 100%;
}

h2 {
box-shadow: 0px 0px 0px 5px #bbd777;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	border-radius:10px;
    background-color: #bbd777;
	width:90%;
    
	margin:0 auto;
	margin-top:25px;
	margin-bottom:25px;
	height:auto;
	text-align: left;
	/*文字縁取り*/
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: #c08d32;	/*文字縁取り*/
    /*font-family: "M PLUS Rounded 1c"; */
    font-family: "Noto Sans JP"; 
    font-weight: blod;
	padding-top:5px;
	padding-left:60px;
	
	background-image: url(img/h2_bg.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	display:inline-block;
}


h3 {
	width:92%;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: left;
	/*color: #67210D;*/
	font-size: 22px;
	-moz-background-size: 100% auto;
	font-weight: normal;
	padding-bottom: 4px;
	padding-left: 50px;
	margin-top: 20px;
	padding-top: 4px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #6fb648;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
	color: #4B7B31;
	background-image: url(img/h3_bg.png);
	background-repeat: no-repeat;
	background-position: left center;
}


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

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

}



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







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

  

}


header {
	/*height: auto;*/
	height:250px;
	min-width:1200px;
	width: 100%;
	padding: 0px;
	margin:0 auto;
	/*overflow: hidden;*/
	background-image: url(img/header.png);
	background-position: center top;
	background-repeat: repeat-x;

}
header:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}



#headerbox {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top:0;
	position: relative;
	text-align:left;
	
}

#headerbox:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
/*ヘッダー上部（左右に分ける部分）*/
/* ヘッダー上部を横並びに */
.header-top {
     width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 ; /* ← 左右に均等の余白を作る */
  display: flex;
  justify-content: space-between;
  align-items: center;

}

/* 右側画像のサイズ */
.header-right {
  margin: 0;          /* ← auto を消す */
  max-width: none;    /* ← 400px 制限を解除 */
}
.header-right img {
   max-width: 400px;
  height: auto;
    width: 100%;
    margin-top: 50px;
}

/* 768px以下で解除（縦並び） */
@media screen and (max-width: 768px) {
  .header-top {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
  }
  .header-right img {
      margin-top: 0;
    margin: 10px auto 0;  /* ← 左右中央寄せの決定版 */
  }
}

/**/
#menu_info {
	position: absolute;
	top:-130px;
	right: 5px;


}
#menu_info img {
	max-width:130px;
	width: 100%;
	max-height:113px;
	height:auto;
}

#menu_photo {
	position: absolute;
	top:-130px;
	left: 5px;

}
#menu_photo img {
	max-width:130px;
	width: 100%;
	max-height:113px;
	height:auto;
}
/**/

#mainnav {
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	height:20px;
	margin-right: auto;
	margin-left: auto;
}

#mainnav:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#mainnav00{
	width:650px;
	margin:0 auto;
    font-weight: 800;
    font-size: 21px;

		/*height: 95px;*/
	}
#mainnav00 a{
    color: #c08d32;
}
#mainnav00 a:hover{
    color: #f7bc1e;
}
#mainnav00:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}



#mainnav00 ul {

	margin:0 auto;

	overflow: hidden;
	display:flex;
align-items:center;

	
}
/*
#mainnav00 ul:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}*/






#mainnav00 ul li{
	width: 25%;
	list-style-type: none;
	margin: 0px;
}

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


/**/
	
#main {
	font-size: 16px;
	display: block;
	clear: both;
	min-width: 1200px;
	margin:0 auto;
	overflow: hidden;

}




footer {
	min-width:1200px;
	width: 100%;
	text-align: center;
	padding-top: 10px;
    border-bottom-color: #bce48d;
    background-image: url("img/footer.png");
    background-repeat: repeat-x;
    background-position: bottom;
    height: 80px;
}
footer .copy {
	text-align: center;
	font-size: 12px;
	color: #5A3D1C;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
}
footer .copy img {
	max-height: 18px;
	height:auto;
	max-width:225px;
	width:100%;
    margin-top: 50px
	}

@media (min-width: 1201px) {
.pagetop {
position: fixed; 
    bottom: 30px; 
    left: 50%; 
    transform: translateX(400px); /* 600px - 画像幅120px = 480px */
    width: 120px; z-index: 9999;
    }}
@media screen and (max-width:1200px){
/* 1200px 以下の画面では中央に戻す */
.pagetop {
   position: fixed; bottom: 20px; right: 20%; /* まずは右端に固定（1200px以下用） */ width: 120px; z-index: 9999;} 
}
.bg1 {

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


}



#mainbox {
	/*width:calc(980px - 60px);*/
	width:1200px;
	margin:0 auto;

	margin-top:0;
margin-bottom: 20px;

}
.title{
	position:absolute;
	left:20px;
	top:-30px;
}
/* トップ */

/**/
#top {
		max-width:1200px;
		width:100%;
	padding-bottom: 50px;
	
	}
#top:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
	
#top img {
	max-width:1200px;
	width: 100%;
	max-height: 508px;
	height:auto;
}

/* 教育　保育目標 */
.moku{display: flex;

    
}
.moku .topimg{
    max-width: 759px;
    max-height: 92px;
    width: 95%;
    height: auto;
}
.moku02{
    width: 80%;
}
.moku02 img{
    max-width: 1165px;
    max-height: 161px;
    width: 95%;
    height: auto;padding-bottom: 2em;
}
.moku02 ul{text-align: left;
max-width: 90%;
margin: 0 auto;
margin-bottom: 1.5em;}
.moku ul li{
    margin-bottom:10px;
	background-image: url(img/dott01.png);
	background-repeat: no-repeat;
	background-position: left center;
    background-size: 50px auto;
	padding-left:50px;
	margin-right:5px;
    font-family:  "M PLUS Rounded 1c";
    font-size: 21px;
    font-weight: 600;
    color: #826431;
    
}
.moku02 .mimg{
    width: 60%;
    margin: 0 auto;
}
.moku02 .mimg img{
    max-width: 406px;
    max-height: 154px;
    width: 100%;
    height: auto;
    
}
.moku02:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.moku03 {
  display: flex;
  flex-wrap: wrap;
  /*gap: 12px;  全体の間隔 */
    line-height: 0;
}
.moku03 img { 
     display: block; height: auto;
    max-width: 300px;
    max-height: 264px;
    width: 100%; }
/* 上の1枚目（横幅100%） */
.moku03 img:first-of-type 
{ width: 100%; margin: 0 auto 4px auto; /* ← 中央寄せ & 下だけ余白 */ display: block; /* ← 中央寄せに必須 */ }
/* 下の2枚（2番目と3番目の画像） */
.moku03 img:nth-of-type(2), .moku03 img:nth-of-type(3) 
{ width: calc(50% - 3px); }

/**/
#kihon {
	margin-bottom: 50px;
	}

#kihon table {
	border-collapse: collapse;
	border: 1px solid #CE9393;
	margin-right: auto;
	margin-left: auto;
	width: 96%;
	margin-bottom: 1em;
}
#kihon th {
	padding-top: 0.7em;
	padding-right: 0.7em;
	padding-left: 0.7em;
	padding-bottom: 0.7em;
	font-weight: normal;
	background-color: #FFE1E1;
	width:30%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}
#kihon td {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-left: 0.4em;
	padding-bottom: 0.4em;
	text-align: left;
	background-color: #FFFFFF;
}
#kihon a{
     text-decoration: underline;
    color: #4B0FDF;
   
}
#map {
	margin-bottom: 50px;
	max-width:1200px;
	width:100%;
	margin-left:0 auto;
	margin-right:0 auto;
	 display: inline-block;  
	}

#map iframe {
	width: 98%;
	height: 350px;
	border-radius:15px;
position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;

	}


#map:after{
	display:block;
	clear:both;
}

.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;
}
.top_bottomPhoto{
    
}
.top_bottomPhoto img{
    max-width: 1200px;
    max-height: 800px;
    width: 95%;
    height: auto;
    margin: 0 auto;
}

/*-------day--------*/
.day_wrap { 
    width: 90%;
    margin:0 auto;
    text-align: left;
    display: flex; justify-content: space-between; gap: 24px; 
align-items: stretch; /* ← 高さが揃う */
    font-weight: 400;
    font-size: 16px;
}

.day_wrap > section { 
    flex: 1; min-width: 0; 
    display: flex; /* ← ここを flex に */ flex-direction: column; /* ← 縦方向に並べる */ 
    width: auto !important; /* ← これが横並びの鍵 */ } 
.day_wrap .day_title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.day_wrap .day_title img.d_01{
    max-width: 366px;
    max-height: 91px;
    width: 100%;
    order: 1; 
}
.day_wrap .day_title  img.d_02{
    max-width: 162px;
    max-height: 91px;
    width: 100%;
    order:2;
}

.day_wrap table { height: 100%; /* ← section の高さに合わせて伸びる */ }


.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;
    
}
.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 #f38f92;
    background-color: #Fff;
}
.day01 table td,.day02 table td{
  display: table-cell; /* ← 元の状態に戻す */
  white-space: nowrap;
  vertical-align: middle; /* ← 画像と文字を縦中央に */
  gap: 0; /* ← flex じゃないので不要 */
}
.day_t img{
    max-width: 150px;
    max-height: 25px;
    width: auto;
    height: auto;
    
}
.day02 table {
    border-radius:15px;
	padding:15px;
    box-sizing: border-box; /* ← 枠線やパディングを含めて幅を計算 */
     border: 2px solid #61b8ba;
    background-color: #fff;
}
.day01 table th {
    color:#f38f92;
}
.day02 table th {
    color:#61b8ba;
}
/*-----------------------*/
	@media screen and (max-width:768px){

        /*----------day------------*/
.day_wrap {
	display:inherit;
    margin: 0 auto;
}
        /**/
.day_wrap .day_title {
    display: block; /* flex解除 → 縦並び */
    text-align: left;
    position: relative;
}
.day_wrap .day_title img.d_01{
    max-width: 366px;
    max-height: 91px;
    width: 100%;
    order: initial;
    display: block;
  margin: 10px auto 0; /* 中央寄せ */
        position: relative;
    z-index: 2; /* 上に見せる */
}
.day_wrap .day_title img.d_02{
    max-width: 162px;
    max-height: 91px;
    width: 100%;
order: initial;
    display: block;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: -10px; /* ← ここで食い込み量を調整 */
    position: relative;
    bottom: -20px; /* ← さらに微調整できる */
    z-index: 1; /* d1 の下に見せる */
}
   /**/     
        .day01 table,.day02 table{padding: 0; padding-top: 15px;padding-bottom: 15px;}


.day00 table {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	width:95%;
	
}
        }
@media screen and (max-width:480px){
    .day_wrap { 
        width: 95%;}
.day_wrap table th,.day_wrap table td {
width: 90%;
    display: block;
    padding: 5px;
    padding-left: 10px; padding-right: 10px;
    text-align: left;
	}
.day_wrap table tr:last-child th {}
}


.padding-top{
	padding-top:20px;
}
.day_cyara{
    max-width: 420px;
    margin: 0 auto;
    width: 100%;
    
}
.day_cyara img{
    width: 100%;
    height: auto;
}
/**/
/*↓----------year box---------------*/
/* 12か月全体のラッパー */
.year_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 35px; /* お好みで余白 */
    width: 90%;
    margin: 0 auto;
}
.year_wrap p{
    text-align: left;
}
.month_item {
  flex: 1 1 calc(33.333% - 50px); 
    width: auto !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
    b
}

.month_item > * {
  flex: 1;
}
.month_item img{
    max-width: 640px;
    max-height: 480px;
    width: 100%;
    height: auto;
    border-radius: 15px 15px 0 0;
}
.month_item dt{
    font-size: 36px;
    background-image: url("img/dt_bg.png");
    font-weight: 600;
    /*文字縁取り*/
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: #897660;
    border-radius: 15px 15px 0 0;
}
.month_item dl {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.month_item dd {
  flex: 1;
}

.month_item dd{
    background-color: #FFF;
    padding: 0.22em;
    padding-top: 1em;
    padding-bottom: 1em;
        border-radius: 0 0 15px 15px;
}
.year_notes {
  list-style: none;
  padding-left: 0;
    text-align: left;
}

.year_notes li::before {
  content: "■";
  margin-right: 0.4em;
}
/* 768px：2列 */
@media (max-width: 768px) {
  .month_item {
    flex: 1 1 calc(50% - 20px);
  }
}

/* 480px：1列 */
@media (max-width: 480px) {
  .month_item {
    flex: 1 1 100%;
  }
}




.photoarea {
	margin-bottom: 30px;
	margin-top:40px;
}
.photoarea table {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.photoarea td {
	width: 30%;
	text-align: center;
	padding:10px;
}
.photoarea td img {
	width: 90%;
	height:auto;
		border-radius: 15px;
	-webkit-box-shadow: 1px 1px 3px #B5A7A7;
	box-shadow: 1px 1px 3px #B5A7A7;
}

/*5枚並べ*/
.yearphoto5 {
    width: 100%;
    margin-bottom: 1em;
}
.yearphoto5 img.y01{
    max-width: 1200px;
    max-height: 595px;
    width: 100%;
    height: auto;
    display: none;
}
.yearphoto5 img.y02{
    max-width: 1200px;
    max-height: 242px;
    width: 100%;
    height: auto;
    display: inherit;
}
/*.yearphoto5 {
  display: flex;
  flex-wrap: wrap;
    justify-content: center; /* ← これで中央寄せ！ */
 /* gap: 20px;
  max-width: 1127px;
  width: 95%;
  margin: 20px auto 0;
}

.yearphoto5 .item {
  flex: 1 1 calc(20% - 20px); /* ← PCで5枚並び */
 /* text-align: center;
}

.yearphoto5 img {
  width: 100%;
  height: auto;
  display: block;
}*/

/* 768px以下：1枚 2枚・2枚・*/
@media (max-width: 768px) {
    .yearphoto5 img.y01{
    max-width: 1200px;
    max-height: 595px;
    width: 100%;
    height: auto;
    display: inherit;
}
.yearphoto5 img.y02{
    max-width: 1200px;
    max-height: 242px;
    width: 100%;
    height: auto;
    display: none;
}
   /* .yearphoto5 {
        gap:10px;
    }
  /* 1枚目だけ1列（でも大きさは同じ） */
  /*.yearphoto5 .item:nth-child(1) {
    flex: 1 1 60%;
      max-width: 237px;
      width: 100%;
  }

  /* 2〜5枚目は全部 50% */
 /* .yearphoto5 .item:nth-child(n+2) {
    flex: 1 1 calc(50% - 20px);
            max-width: 240px;
      width: 100%;
  }*/
}

/*-----------------------*/
#event1 {
margin-bottom: 20px;
text-align:left;
}

.photoarea {
	margin-bottom: 30px;
	margin-top:40px;
}
.photoarea table {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.photoarea td {
	width: 33.3%;
	text-align: center;
}
.photoarea td img {
	width: 95%;
	border-radius: 15px;
	-webkit-box-shadow: 1px 1px 3px #B5A7A7;
	box-shadow: 1px 1px 3px #B5A7A7;
}


/**/
#anime_wrap{
}


#anime_wrap{
 position: relative;
 /*padding-bottom:34%;  ここで幅、高さを調整 */
padding-top: 0px;

 overflow: hidden;
 }


#anime_wrap object{
	max-height:630px;
	max-width:900px;
	border-radius:15px;
	height:auto;
	width:auto;
}

/*------------*/

/*-----入園案内-------*/
.nyuen{
    width: 93%;
    margin: 0 auto;
}
.nyuen h3 {
	width:100%;
	margin:0 auto;
    color: #826431;
	margin-bottom: 1em;
	text-align: left;
	font-size: 22px;
	-moz-background-size: 100% auto;
	font-weight: normal;
    padding-left: 10px;;
	margin-top: 10px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color:#826431;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 600;
	background-image: none;
}

.nyuen img{
    max-width: 1165px;
    max-height: 161px;
    width: 95%;
    height: auto;padding-bottom: 2em;
}
.nyuen ul{text-align: left;
max-width: 90%;
margin: 0 auto;
margin-bottom: 1.5em;}
.nyuen ul li{
    margin-bottom:10px;
	background-image: url(img/dott01.png);
	background-repeat: no-repeat;
	background-position:left 5px top -10px;
    background-size: 50px auto;
	padding-left:50px;
	margin-right:5px;
    font-family:  "M PLUS Rounded 1c";
    font-size: 21px;
    font-weight: 400;
    color: #826431;
    
}
.nyuen table.nintei{
    width: 90%;
    margin:  0 auto;
    padding: 1px;
    background-color: #d9efb3;
}
.nyuen table.nintei th{
    background-color: #f3fae8;
    padding: 10px;
    text-align: center;
}
.nyuen table.nintei td{
    background-color: #FFFFFF;
    padding: 5px;
    text-align: left;
}
/**/

.nyuen table{
    width: 90%;
    margin:  0 auto;
    padding: 1px;
    background-color: #d9efb3;
}
.nyuen table th{
    background-color: #f3fae8;
    padding: 5px;
}
.nyuen table td{
    background-color: #FFFFFF;
    padding: 5px;
}
/*5枚並べ*/
.nyuenphoto5 {
    width: 100%;
    margin-bottom: 1em;
    margin-top: 1em;
}
   .nyuenphoto5 img{
    max-width: 1200px;
    max-height: 595px;
    width: 100%;
    height: auto;
    display: inherit;
}

/**/
/*
.nyuenphoto5 {
  display: flex;
  flex-wrap: wrap;
    justify-content: center; /* ← これで中央寄せ！ */
 /* gap: 20px;
  max-width: 1127px;
  width: 95%;
  margin: 20px auto 0;
}

.nyuenphoto5 .item {
  flex: 1 1 calc(20% - 20px); /* ← PCで5枚並び */
/*  text-align: center;
}

.nyuenphoto5 img {
  width: 100%;
  height: auto;
  display: block;
}*/

/* 768px以下：1枚 2枚・2枚・*/
@media (max-width: 768px) {
 
 /*   .nyuenphoto5 {
        gap:10px;
    }
  /* 1枚目だけ1列（でも大きさは同じ） */
  /*.nyuenphoto5 .item:nth-child(1) {
    flex: 1 1 60%;
      max-width: 237px;
      width: 100%;
  }

  /* 2〜5枚目は全部 50% */
  /*.nyuenphoto5 .item:nth-child(n+2) {
    flex: 1 1 calc(50% - 20px);
            max-width: 240px;
      width: 100%;
  }*/
}
/*-----入園案内-------*/

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

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

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

}





header {
		min-width:0;
		max-width:768px;
	/*min-height: 200px;*/
	height:auto;
	width: 100%;
	text-align: center;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	/*overflow: hidden;*/


}


#system_main {

}
#headerbox {
	width: 50%;
	margin-top: 30px;
	
	margin-bottom: 5px;

}
#headerbox{
	display:flex;
	justify-content:fix-end;
	position:inherit;
}
#headerbox:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}	
	
#menu_info {

	width: 50%;
		position:inherit;
		margin:2px;
	}
	
#menu_photo {

	width: 50%;
		position:inherit;
		margin:2px;
	}


		
h1 {
	width: 80%;
	/*text-align: center;
	margin-left: auto;*/
	/*text-align:left;*/
		margin-left:auto;
	margin-right:auto;
}
h1 img {
	margin-top:50px;
	width:95%;
}

h2 {

	font-size: 22px;
	width:85%;

}
h2 img{
	width:80%;
}


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


}





#mainnav  {
	width: 100%;
max-height:90px;
	height:auto;

	}
#mainnav00{
	width:0;
	max-width:768px;
	width:97%;
	
}
#mainnav #mainnav00{
	margin-left:5px;
	margin-right:5px;
	margin-bottom:2px;

}	
/*
#mainnav #mainnav00 ul{
	padding-left:10px;
	margin-bottom:20px;}
#mainnav #mainnav00 ul li{
	width:24%;

}
*/


.pagetop {

}
    footer {
	min-width:0;
        max-width: 768px;
	width: 100%;
	text-align: center;
	padding-top: 10px;
    border-bottom-color: #bce48d;
    background-image: url("img/footer.png");
    background-repeat: repeat-x;
    background-position: bottom;
    height: 80px;
}
footer .copy {
	text-align: center;
	font-size: 12px;
	color: #5A3D1C;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
}
footer .copy img {
	max-height: 18px;
	height:auto;
	max-width:225px;
	width:100%;
	}
    
    
    
  /*  footer{
        min-width: 0;
        max-width: 768px;
        width: 100%;
    }
footer .copy img {
	width: 80%;
	height:auto;
	}*/
.pagetop {
   position: fixed; bottom: 20px; right: 120px; /* まずは右端に固定（1200px以下用） */ width: 120px; z-index: 9999;} 

	
#mainbox {
	width:96%;
	margin-right: 0 auto;
	margin-left: 0 auto;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-radius: 0px;
	box-shadow:none;
	margin-top:0px;
}


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

/**/
 .moku{
        display: inherit;

    
}
.moku02{display: inherit;
align-items: center;
    width: 100%;}
.moku02 ul{text-align: left;
max-width: 95%;
margin: 0 auto;
margin-bottom: 1.5em;}
.moku02 ul li{
    margin-bottom:10px;
	background-image: url(img/dott01.png);
	background-repeat: no-repeat;
	background-position: left center;
    background-size: 50px auto;
	padding-left:50px;
	margin-right:5px;
    font-family:  "M PLUS Rounded 1c";
    font-size: 18px;
    
}
.moku02 .mimg{
    width: 90%;
    margin: 0 auto;
}
.moku03 {
  display: flex;
  flex-wrap: wrap;
  /*gap: 12px;  全体の間隔 */
    line-height: 0;
}
.moku03 img { 
     display: block; height: auto;
    max-width: 397px;
    max-height: 350px;
    width: 100%; }
/* 上の1枚目（横幅100%） */
.moku03 img:first-of-type 
{ width: 100%; margin: 0 auto 4px auto; /* ← 中央寄せ & 下だけ余白 */ display: block; /* ← 中央寄せに必須 */ }
/* 下の2枚（2番目と3番目の画像） */
.moku03 img:nth-of-type(2), .moku03 img:nth-of-type(3) 
{ width: calc(50% - 3px); }

    
#map {

	margin-left:0;

	}



#about img{
	position:static;
}
/**/

/*テーブルの高さ調整*/
.height,.height02{
	height:inherit;
}


.photoarea {
	margin-bottom: 30px;
	margin-top:5px;
}

/**/

/**/


#anime_wrap object{
	height:525px;
	width:750px;
	border-radius:15px;
}
/*-----*/
   .nyuen table.nintei th,
  .nyuen table.nintei td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}

@media screen and (max-width:480px){
header, footer,#mainnav, #mainnav ul, #system_main {
	width: 100%;	
}
h2{
	max-width:480px;
	width:70%;
}


h3 {
	font-size: 20px;
	max-width:480px;
	width:80%;
}


footer .copy img {
	/*width:100%*/
}
.pagetop {
   position: fixed; bottom: 20px; right: 20px; /* まずは右端に固定（1200px以下用） */ width: 120px; z-index: 9999;} 
.pagetop img {
	width: 80%;
}


header {
	/*height: auto;*/
	/*width: 100%;*/
	text-align: center;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;


}
/*#mainnav00{
		height:300px;
	}*/



#mainnav{
	max-height:270px;	
	height:auto;
	
}
#mainnav00 ul{
	flex-wrap:wrap;
}
/*
#mainnav00 ul:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}*/
#mainnav00 ul li{
	width: 49%;
	list-style-type: none;
	margin: 0 auto;
}

.bg{margin-top:0;
}
#mainbox {
	width:auto;
	
}	



#kihon td,#map td, #rinen td{
		display: block;
		width: auto;
	}
#kihon th,#map th,  #rinen th{
		display: block;
		width: auto;
	padding: 3px;
	}
/*

#rinen_wrap{
	display: inherit;
}
#rinen_wrap .r_right {
	width: 95%;}
#rinen_wrap .r_right img{
	width:100%;
	padding:5px;
		border-radius:15px;
		box-shadow:1px 1px 4px #ccc;
	-moz-box-shadow:1px 1px 4px #ccc;
	-webkit-box-shadow:1px 1px 4px #ccc;
}
#rinen_wrap .r_left{
	padding:10px;
	width:95%;
}


/**/


#hoshin_wrap{
	display: inherit;
}
#hoshin_wrap .r_right {
	width: 95%;}
#hoshin_wrap .r_right img{
	width:100%;
	padding:5px;
		border-radius:15px;
		box-shadow:1px 1px 4px #ccc;
	-moz-box-shadow:1px 1px 4px #ccc;
	-webkit-box-shadow:1px 1px 4px #ccc;
}
#hoshin_wrap .r_left{
	padding:10px;
	width:95%;
}
/**/
#moku_wrap{
	width:90%;
}



#moku_wrap p{
	text-align:left;
	width:80%;
	display:inline-block;
	margin-bottom:10px;
	background-image: url(img/dot.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:50px;
	margin-right:5px;
}
    
    .moku03 {
  display: flex;
  flex-wrap: wrap;
  /*gap: 12px;  全体の間隔 */
    line-height: 0;
}
.moku03 img { 
     display: block; height: auto;
    max-width: 300px;
    max-height: 264px;
    width: 100%; }
/* 上の1枚目（横幅100%） */
.moku03 img:first-of-type 
{ width: 100%; margin: 0 auto 4px auto; /* ← 中央寄せ & 下だけ余白 */ display: block; /* ← 中央寄せに必須 */ }
/* 下の2枚（2番目と3番目の画像） */
.moku03 img:nth-of-type(2), .moku03 img:nth-of-type(3) 
{ width: calc(50% - 3px); }
    
/**/

#h_menu_wrap{
	display: inherit;
	display:inline-block;
	
}
#h_menu_wrap .r_right {
	width: 95%;}
#h_menu_wrap .r_right img{
	width:100%;
	padding:5px;
		border-radius:15px;
		box-shadow:1px 1px 4px #ccc;
	-moz-box-shadow:1px 1px 4px #ccc;
	-webkit-box-shadow:1px 1px 4px #ccc;
}
#h_menu_wrap .r_left{
	padding:10px;
	width:85%;
}
/**/

/**/
#day_wrap{
	display:inherit;
}
#day_wrap .day_01,#day_wrap .day_02,#day_wrap .day_03{
	width:98%;
	display:inline-block;
}
#day_wrap table td{
		display: block;
		width: auto;
	}
#day_wrap table th{
		display: block;
	padding: 3px;
	width:98%;
	}
.photoarea table td {
	width: 95%;
	display:block;
	text-align: center;
	padding:10px;
}
.photoarea {
	margin-bottom: 2px;
	margin-top:5px;
}
/**/	
	
	
.illust {
	width: 70%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}	
	
	
	
#age1 {
	width: auto;
	float: none;
}

#age2 {
	width: auto;
	float: none;
}
		
#event1 td {
	display: block;
	margin-bottom: 10px;
	width:100%;
}

/**/

/***/
#event2 th {
	width: auto;
	display: block;
}
#event2 td {
	width: auto;
	display: block;
}
	
	
.photoarea td {
	width: auto;
	display: block;
	margin-bottom: 10px;
}
	

	
	}