html {
	font-size: 62.5%;
}


/*---------------ヘッダーここから---------------*/
body {
color: #000;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 300;
line-height: 1;
overflow-x: hidden;
/* background-color: var(--main-color); */ /*あかみ・メイプル・みちくさ　個々でHTMLにつける*/
}

.hidden{
	overflow-x: hidden;
}

.hidden404{
	overflow-x: hidden;
	display: flex;
	flex-flow: column;
	min-height: 100vh;
}

.bg-video-wrap {
  position: relative; /*移動するときの基準が元いた位置（相対位置）*/
  overflow: hidden;
  width: 100%;
}

.video-top {
	max-width: 100%;
  width: 100%;
  z-index: 1;
}

.video-kotei{
	    height: 50vw;
    object-fit: cover;
}
/*---------------------------------*/




/*--------------ローディング-----------*/
.star {
display: inline-block;
font-size: 3em;
	width: 100px;
	margin-bottom: 8%;
}

.star3 {
animation: r3 0.5s steps(2) infinite alternate;
}
 
@keyframes r3 {
0%   { transform: rotate(0deg); }
100% { transform: rotate(30deg); }
}


#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100% !important;
  top: 0px;
  left: 0px;
  background: #FFF;
  z-index: 98;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px !important;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #000;
  z-index: 99;
}

#loader p{
	font-size: 2rem;
	color: var(--main-color);
	font-weight: 400;
}




/*--------------動画に乗る文字ここから-----------*/
.count{
	animation: sample01 12s 0s;
}

.count:nth-of-type(2){
	animation-delay: 4s;
	}
.count:nth-of-type(3){
	animation-delay: 8s;
}

@keyframes sample01{
  0% {
    opacity: 0;
	z-index: 9;
  }
	8%{
		opacity: 1;
		z-index: 9;
	}
	17%{
		opacity: 1;
		z-index: 9;
	}
	25%{
		opacity: 0;
		z-index: 9;
	}
  100% {
    opacity: 0;
  }
}

.count h2 {
  font-size: 40px;
  line-height: 60px;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
  display: inline-block;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  box-sizing: border-box;
  width: 60px;
  height: 350px;
  background-color: #ff0000;
  opacity: 0.7;
  border: none;
  border-radius: 30px;
  z-index: 9;
}

_::-webkit-full-page-media, _:future, :root .count h2 {
  padding-right: 20px;
}
 
@media (max-width: 600px) {
  .count h2 {
    width: 25px;
    height: 150px;
    font-size: 19px;
    line-height: 26px;
    position: relative;
  }
  _::-webkit-full-page-media, _:future, :root .count h2 {
    padding-right: 10px;
  }
  
}

/*---- ぽかぽか星からやってきた ----*/
.overlay {
  position: absolute; /*移動するときの基準が top0,left0から（絶対位置）*/
  top: 5%;
  left: 45%;
	opacity: 0;
}

.overlay h2 {
    font-size: 40px;
    line-height: 60px;
    color: #ffffff;
    font-weight: 300;
    text-align: center;
    display: inline-block;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    box-sizing: border-box;
    width: 60px;
    height: 350px;
    background-color: #ff0000;
    opacity: 0.7;
    border: none;
    border-radius: 30px;
    z-index: 9;
}

/*---- お日さまいっぱい浴びるため ----*/
.overlay2 {
  position: absolute; /*移動するときの基準が top0,left0から（絶対位置）*/
  top: 23%;
  left: 20%;
	opacity: 0;
}

.overlay2 h2 {
    font-size: 40px;
    line-height: 60px;
    color: #ffffff;
    font-weight: 300;
    text-align: center;
    display: inline-block;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    box-sizing: border-box;
    width: 60px;
    height: 350px;
    background-color: #ff0000;
    opacity: 0.7;
    border: none;
    border-radius: 30px;
    z-index: 9;
}

/*---- みんなと一緒に遊ぶため ----*/
.overlay3 {
  position: absolute; /*移動するときの基準が top0,left0から（絶対位置）*/
  top: 15%;
  left: 70%;
	opacity: 0;
}

.overlay3 h2 {
    font-size: 40px;
    line-height: 60px;
    color: #ffffff;
    font-weight: 300;
    text-align: center;
    display: inline-block;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    box-sizing: border-box;
    width: 60px;
    height: 350px;
    background-color: #ff0000;
    opacity: 0.7;
    border: none;
    border-radius: 30px;
    z-index: 9;
}

@media (max-width: 850px) {
    .overlay h2 {
      width: 50px;
      height: 250px;
      font-size: 3rem;
      line-height: 50px;
      position: relative;
    }
	    .overlay2 h2 {
      width: 50px;
      height: 270px;
      font-size: 3rem;
      line-height: 50px;
      position: relative;
    }
	.overlay3 h2 {
      width: 50px;
      height: 250px;
      font-size: 3rem;
      line-height: 50px;
      position: relative;
    }
}



@media (max-width: 600px) {
    .overlay h2 {
      width: 25px;
      height: 150px;
      font-size: 2rem;
      line-height: 26px;
      position: relative;
    }
	    .overlay2 h2 {
      width: 25px;
      height: 170px;
      font-size: 2rem;
      line-height: 26px;
      position: relative;
    }
	.overlay3 h2 {
      width: 25px;
      height: 150px;
      font-size: 2rem;
      line-height: 26px;
      position: relative;
    }
}


/*-----sns-----*/

.sns {
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  top: 30px;
  /*left: 88%;*/
  right: 25px;
  height: 60px;
  z-index: 10;   /*photoより上へ*/
  /*width: 150px;*/
}

.facebook-btn img {
  max-width: 100%;
  width: 30px;
}

.facebook-btn {
  display: flex;
  background-color: #fff;
  border-radius: 20px 0 0 20px;
  padding: 15px 15px;
  /*border: solid 1px #ffffff;*/
}

.instagram-btn img {
  max-width: 100%;
  width: 30px;
}

.instagram-btn {
  display: flex;
  background-color: #ffffff;
  padding: 15px 15px;
  /*border: solid 1px #ffffff;*/
}

.youtube-btn img {
  max-width: 100%;
  width: 30px;
}

.youtube-btn {
  display: flex;
  background-color: #ffffff;
  border-radius: 0 20px 20px 0;
  padding: 15px 15px;
  /*border: solid 1px #ffffff;*/
}

@media (max-width: 600px) {
  .sns {
    top: 90px;
    width: 30px;
    /*left: 88%;*/
    right: 25px;
    height: 60px;
    z-index: 10;   /*photoより上へ*/
    /*width: 150px;*/
  }
	
  .facebook-btn img {
	max-width: 100%;
    width: 24px;
  }
	
  .facebook-btn {
    display: flex;
    background-color: #ffffff;
    border-radius: 12px 12px 0 0 ;
    padding: 6px 6px;
    /*border: solid 1px #ffffff;*/
  }
	
  .instagram-btn img {
	max-width: 100%;
    width: 24px;
  }
	
  .instagram-btn {
    display: flex;
    background-color: #ffffff;
    padding: 6px 6px;
    /*border: solid 1px #ffffff;*/
  }
	
  .youtube-btn img {
	max-width: 100%;
    width: 24px;
  }
	
  .youtube-btn {
    display: flex;
    background-color: #ffffff;
    border-radius: 0 0 12px 12px ;
    padding: 6px 6px;
    /*border: solid 1px #ffffff;*/
  }
}




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

認定こども園 あかみようちえん

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

.name {
  position: absolute;
  bottom: 0;
  left: -40px;
/* transform: translate(-975px,350px); XとYの位置調整 */
  text-align: left;
  padding: 25px 40px 25px 60px;
  vertical-align: text-top;
  font-weight: bolder;
  color: #FF4500;
  box-sizing: border-box;
  width: 420px;   /*もと33vw;*/
  background-color: #ffffff;
  opacity: 0.9;
  border: none;
  border-radius: 40px;
  z-index: 2;
 font-family: 'Zen Kaku Gothic Antique', sans-serif;
 font-size: 1.6rem;
}

.name span{
  font-size: 1em;
  vertical-align: middle;
}

.name span span{
  font-size: 1.65em;
}

.name a{
	margin: 0;
    padding: 0;
    font-size: 100%;
    background: transparent;
    color: var(--main-color);
    text-decoration: none;
}

.name-kotei{
	position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateY(3%) translateX(-50%);
    text-align: center;
    vertical-align: text-top;
    font-weight: bolder;
    width: 46vw;
    padding: 2vw;
    background-color: #ffffff;
    opacity: 0.9;
    border-radius: 60px 60px 0 0;
    font-family: 'Zen Kaku Gothic Antique', sans-serif;
    font-size: 1.6rem;
}

.name-kotei span{
  font-size: 1em;
  vertical-align: middle;
}

.name-kotei span span{
  font-size: 1.65em;
}

.name-kotei a{
	margin: 0;
    padding: 0;
    font-size: 100%;
    background: transparent;
    color: var(--main-color);
    text-decoration: none;
}

@media (max-width: 1500px){

	.name-kotei{
		border-radius: 50px 50px 0 0;
	}
	
}

@media (max-width: 1100px){

	.name-kotei{
		border-radius: 40px 40px 0 0;
	}
	
}

@media (max-width: 900px){

	.name-kotei{
		border-radius: 35px 35px 0 0;
	}
	
}

@media (max-width: 785px){
	.name-kotei{
		font-size: 0.8rem;
		border-radius: 25px 25px 0 0;
	}
}

@media (max-width: 600px) {
  .name {
  width: 270px;
  padding: 12.5px 20px 17.5px 30px;
  left: -20px;
  font-size: 1rem;
  }
	
  .name span{
	  vertical-align: middle;
	}
	
	.name-kotei{
		font-size: 1rem;
		border-radius: 30px 30px 0 0;
		padding: 4vw;
		width: 75vw;
	}
}

@media (max-width: 350px){
	.name-kotei{
		border-radius: 20px 20px 0 0;
	}
}






/*-------------動画に乗る文字ここまで--------------*/

/*---------------ヘッダーここまで---------------*/






/*-------------メイン・キャッチフレーズ-----------*/
main {
  text-align: center;    /*縦書き・あかみぐるーぷのご案内・バナー3つなど*/
  /*width: 90%;*/ /*あかみ・メイプル・みちくさ　個々でHTMLにつける*/
  margin: 0 auto;
  background-color: #fff;
 /* padding: 4%; */ 
  position: relative;
}

/*キャッチフレーズ*/
main h1{
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 3px;
  margin: 50px 0;
  color: #d2691e;
}

/*あかみようちえん */
main h2{
  color: #FF4500;
}


.catchphrase span {
  display: inline-block;
  font-size: 45px;/*3vw;*/
  font-weight: 500;
  color: #d2691e;
  letter-spacing: 3px;
  margin: 40px 0;
}

.fw100{           /*縦線は、font weight100のこと*/
  font-size: 45px;
  font-weight:100;
  color: #d2691e;
}

/*
.container p{
	text-align: justify;
}
*/

/*-------- sub-info -------*/
.sub-info {          /*背景色*/
  /*position: absolute;*/
  display: flex;
  margin-left: 20px;
  /*width: 150px;*/

}
.car img {
  display: flex;
  max-width: 100%;
  width: 23px;
}
.car {
  background-color: rgb(105, 185, 213);
  border-radius: 25px 0 0 25px;
  padding: 0.7% 1.5%;
  border: solid 1px #ffffff;
}
.glass img {
  display: flex;
  max-width: 100%;
  width: 23px;
}
.glass {
  background-color: rgb(105, 185, 213);
  padding: 0.5% 1.5%;
  border: solid 1px #ffffff;
}
.mail img {
  display: flex;
  max-width: 100%;
  width: 23px;
}
.mail {
  background-color: rgb(105, 185, 213);
  border-radius: 0 25px 25px 0;
  padding: 0.7% 1.5%;
  border: solid 1px #ffffff;
}


.open-btn1{
  background:url("img/search-white.svg") no-repeat center;/*虫眼鏡アイコンを背景に表示*/
  background-size: 23px 23px;
  width:23px;
  height:23px;
  cursor: pointer;/*カーソルを指マークに*/
}

/*クリック後、JSでボタンに btnactive クラスが付与された後の見た目*/
.open-btn1.btnactive{
  background:url("img/close-white.svg") no-repeat  center;/*閉じるアイコンを背景に表示*/
  background-size: 23px 23px;
}



@media (max-width: 800px){
	.catchphrase span {
  font-size: 3.8rem;/*3vw;*/
  font-weight: 500;
  color: #d2691e;
  letter-spacing: 3px;
  margin: 30px 0 0 0;
}

.fw100{           /*縦線は、font weight100のこと*/
  font-size: 3.8rem;
  font-weight:100;
  color: #d2691e;
}
}


@media (max-width: 600px) {
.open-btn1{
  background-size: 18px 18px;
}

/*クリック後、JSでボタンに btnactive クラスが付与された後の見た目*/
.open-btn1.btnactive{
  background-size: 18px 18px;
}
	
.mail{
	padding: 0.7% 2.5%;
	}
	
.mail img{
	   max-width: 100%;
		width: 18px;
		padding-top: 2px;
	}
	
.car{
	padding: 0.7% 2.5%;
	}
	
.car img{
	   max-width: 100%;
		width: 18px;
		padding-top: 2px;
	}
}

/*========= 検索窓の設定 ===============*/

/*==検索窓背景のエリア*/

#search-wrap{
    position:absolute;/*絶対配置にして*/
  z-index: -1;/*最背面に設定*/
  opacity: 0;/*透過を0に*/
  width:0;/*横幅は0に*/
  transition: all 0.4s;/*transitionを使ってスムースに現れる*/
  border-radius: 5px;
}

/*ボタンクリック後、JSで#search-wrapに panelactive クラスが付与された後の見た目*/
#search-wrap.panelactive{
  opacity: 1;/*不透明に変更*/
  z-index: 3;/*全面に出現*/
  width:280px;
  padding:13px;
  background:rgb(105, 185, 213);
}

/*==検索窓*/
#search-wrap #searchform{
  display: none;/*検索窓は、はじめ非表示*/
}

/*ボタンクリック後、JSで#search-wrapに panelactive クラスが付与された後*/
#search-wrap.panelactive #searchform{
  display: block;/*検索窓を表示*/
}

/*==検索フォームの設定*/

/*==テキスト入力とボタンinput共通設定*/
#search-wrap input{
  -webkit-appearance:none;/*SafariやChromeのデフォルトの設定を無効*/
  outline: none;
  cursor: pointer;/*カーソルを指マークに*/
}

/*テキスト入力input設定*/
 #search-wrap input[type="text"] {
  width: 100%;
  border: none;
  transition: all 0.5s;
  letter-spacing: 0.05em;
    height:46px;
  padding: 10px;
}

/*テキスト入力inputにフォーカスされたら*/
 #search-wrap input[type="text"]:focus {
  background:#eee;/*背景色を付ける*/
}

/*ボタンinput設定*/
 #search-wrap input[type="submit"] {
  position: absolute;
    top:10px;
  right:30px;
  background:url("img/search-orange.svg") no-repeat right;/*虫眼鏡アイコンを背景に表示*/
  background-size: 20px 20px;
  width:30px;
  height: 60px;
	 border: none;
}





/*========= 縦書き文の両サイド写真 レイアウトのためのCSS ========*/

.randomScroll {
  display: flex;
  justify-content: space-between;
	overflow: hidden;   /*スクロールでランダムに*/
}

.randomScroll img{
  max-width: 100%;
  width: 350px;
  height: auto;
}



/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
==================================================*/
.photo-01 .photo-02 {
	opacity: 0;
}


/*縦書き文*/
.vertical-text {
  text-align: start;
  font-size: 20px;
  line-height: 42px;
  display: inline-block;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #d2691e;
  margin-bottom: 50px;
}

/*
@media screen and (max-width: 1024px) {
  .vertical-text {
    font-size: 2.5vw;
    line-height: 5.5vw;
  }
}
*/
/*===================================
ふわっ
===================================*/
.fadeUp {
animation-name:fadeUpAnime;
animation-duration: 2s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}


/*---ごあいさつ・理念・コラム RE---*/

.katamari{
	display: flex;
	justify-content: center;
	margin: 8% 0;
}

.rinen-ai{
	padding-top: 3%;
}

.sise-zai{
	display: flex;
}

.sisetu{
	width: 400px;
	position: relative;
}

.sisetu img{
	width: 300px;
	max-width: 100%;
	height: auto;
}

.min-m{
	position: absolute;
	top: 50%;
	right: 50%;
	width: 150px;
	margin-right: -200px;
}


.min-m2{
	position: absolute;
    width: 100px;
    top: 50%;
    right: 50%;
    margin-top: 70px;
    margin-right: -142px;
}

.zaien{
	position: relative;
}

.zaien img{
	width: 300px;
	max-width: 100%;
	height: auto;
}

.zaien-m{
	position: absolute;
    width: 130px;
    top: 50%;
    right: 50%;
    margin-right: -162px;
}



@media (max-width: 1100px){
	.katamari{
		display: block;
	}
	
	.rinen-ai{
		margin-bottom: 4%;
	}
	
	.sise-zai{
		justify-content: center;
		margin-bottom: 7%;
	}
	
	.sisetu{
		width: auto;
		margin-right: 7%;
	}
	
}

@media (max-width: 750px){
	.sise-zai{
		display: block;
	}

	.sisetu{
		margin-right: 0;
		margin-bottom: 5%
	}
	
	.zaien{
		margin-right: -3%;
		}
}

@media (max-width: 600px){
	.sisetu img , .zaien img{
		width: 220px;
	}
	
	.min-m{
		width: 100px;
		margin-right: -135px;
	}
	
	.min-m2{
		width: 65px;
		margin-top: 53px;
		margin-right: -103px;
	}
	
	.zaien-m{
		width: 85px;
		margin-top: 10px;
		margin-right: -122px;
	}
}


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

       めだかの円周

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


@keyframes circle-move-anim {
	0% {
		transform: rotate(0deg) translateX(-200px) rotate(0deg);
	}

	100% {
		transform: rotate(360deg) translateX(0px) rotate(-360deg);
	}
}

.js-scroll-fall.is-animated .min-m {
  animation: circle-move-anim 4s linear forwards;
}

.js-scroll-fall.is-animated .min-m2 {
  animation: circle-move-anim 4s linear forwards;
}

.js-scroll-fall.is-animated .zaien-m {
  animation: circle-move-anim 4s linear forwards;
}


@media (max-width: 600px) {
  .greetings {
    display: block;
    width: 100%;
    margin: 20px 0 50px 0;
  }
	
	.greetings img{
		max-width: 100%;
		margin-left: 0;
	}

  .hamon {
    width: 220px;
    height: 220px;
	margin: 0 auto;
	margin-top: 20px;
  }

  .medaka-a {
  position: relative;
  top: -110px;
  left: 150px;
  animation: circle-move-anim  4s linear forwards;
  }

  .medaka-a img{
 max-width: 100%;
  width: 45%;
  }

  .medaka-b {
  display: flex;
  position: relative;
  top: -100px;
  left: 150px;
  animation: circle-move-anim 4s linear forwards;
  }

  .medaka-b img{
 max-width: 100%;
  width: 30%;
  }

  .medaka-c {
  display: flex;
  position: relative;
  top: -110px;
  left: 150px;
  animation: circle-move-anim 4s linear forwards;
  }

  .medaka-c img{
  max-width: 100%;
  width: 35%;
  }

}




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

       めだかの円周

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


@keyframes circle-move-anim {
	0% {
		transform: rotate(0deg) translateX(-200px) rotate(0deg);
	}

	100% {
		transform: rotate(360deg) translateX(0px) rotate(-360deg);
	}
}

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

      360度　イメージ

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


.image-360{
  position:relative;
  width:100%;
  height:0;
  padding-top:40%;
}

.image-360 iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.image-360 p{
	font-size: 1.6rem;
}

/*---かんきょう・しせつ用 --*/
.image-360-ka{
  position:relative;
  width:100%;
  height:0;
  padding-top:40%;
  margin-bottom: 5%;
}

.image-360-ka iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.image-360-ka p{
	font-size: 1.6rem;
	color: var(--main-color);
	text-align: end;
}


/*---めだかの群れ --*/
.medaka-flock {
  position: absolute;
  left: 0;
  right: 150px;
  padding: 10px;
  opacity: 0;
  transform: translateX(100%);
  transition: 2s ease;
  z-index: 1;
}


/*--- 横からフェードイン---*/
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(100%);/* 1500pxを100%に変更 */
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (max-width: 600px) {
	.image-360-ka{
		margin-bottom: 18%;
	}
	
}

@media (max-width: 420px){
	.medaka-flock{
		right: 0;
	}
}

/*------------ ボタン -----------*/
.greetings {

}

.btn-flat {
  display: inline-block;
  position: relative;
  background: #FF9900;     /* 背景色     */
  width: 400px;
  height: 75px;
  border-radius : 30px 0 0 0;  /* 角丸      */
  cursor        : pointer;     /* カーソル   */
  margin : 15px 11px;          /* 外側余白   */
  color: #fff;    /* 文字色     */
  line-height   : 2.75em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #FF9900;    /* 枠の指定 */
  text-decoration: none;
  letter-spacing: .1rem;
  font-size     : 2.4rem;        /* 文字サイズ */
}

.btn-flat:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.btn-flat:before {       /* before after疑似クラス */
  content: "";
  position: absolute;
  top: 46%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.btn-flat:after {
  content: "";
  position: absolute;
  top: 54%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}

/* 地域・子育て・求人・入園・情報公開 ボタン5つ*/
.contents-btn {
  list-style-type: none;
	justify-content: center;
  margin: 50px 0 100px 0;
}

.contents-btn-flax{
	display: flex; 
	justify-content: center;
}

/* 投稿記事もっと見るボタン*/
.btn-flat2 {
  display: inline-block;
  position: relative;
  background: #FF4500;     /* 背景色     */
  width: 15vh;
  height: 50px;
  border-radius : 10px;  /* 角丸      */
  cursor        : pointer;     /* カーソル   */
  margin : 15px 15px 50px 15px;          /* 外側余白   */
  color: #fff;    /* 文字色     */
  line-height   : 2.75em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  text-decoration: none;
  letter-spacing: .1rem;
  font-size     : 1.6rem; 
  border        : 2px solid #FF4500;/* 文字サイズ */
}

.btn-flat2:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
	}


.btn-flat2 a{
	color: #fff;
	text-decoration: none;
}

.btn-flat2 a:hover{
	color: #000066;
}

/* TOPページ入園へのリンクボタン・固定ページ一番下のバナーボタン*/
.btn-flat3 {
  display: inline-block;
  position: relative;
  background: #FF9900;     /* 背景色     */
  width: 835px;
  height: 75px;
  border-radius : 30px 0 0 0;  /* 角丸      */
  cursor        : pointer;     /* カーソル   */
  margin : 15px 15px;          /* 外側余白   */
  color: #fff;    /* 文字色     */
  line-height   : 2.75em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #FF9900;    /* 枠の指定 */
  text-decoration: none;
  letter-spacing: .1rem;
  transition: .5s;
  font-size     : 2.4rem;        /* 文字サイズ */
  text-align: center;
}

.btn-flat3:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.btn-flat3:before {       /* before after疑似クラス */
  content: "";
  position: absolute;
  top: 46%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.btn-flat3:after {
  content: "";
  position: absolute;
  top: 54%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}


/* NewMovie用*/
.btn-movie {
  display: inline-block;
  position: relative;
  background: #FF9900;     /* 背景色     */
  width: 60vw;
  height: 75px;
  border-radius : 30px 0 0 0;  /* 角丸      */
  cursor        : pointer;     /* カーソル   */
  margin : 15px 15px;          /* 外側余白   */
  color: #FF0000;    /* 文字色     */
  line-height   : 2em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #FF9900;    /* 枠の指定 */
  text-decoration: none;
  letter-spacing: .1rem;
  transition: .5s;
  font-size     : 3.5rem;        /* 文字サイズ */
  text-align: center;
  font-weight: 400;
  margin-top: 5%;
}

.btn-movie:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.btn-movie:before {       /* before after疑似クラス */
  content: "";
  position: absolute;
  top: 46%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.btn-movie:after {
  content: "";
  position: absolute;
  top: 54%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}

/* 入園へのリンクボタン*/
.btn-flat-com {
  display: inline-block;
  position: relative;
  width: 60vw;
  height: auto;
  border-radius : 30px 0 0 0;  /* 角丸      */
  cursor        : pointer;     /* カーソル   */
  margin : 15px 15px;          /* 外側余白   */
  color: #fff;    /* 文字色     */
  line-height   : 2.75em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  text-decoration: none;
  letter-spacing: .1rem;
  transition: .5s;
  font-size     : 2.4rem;        /* 文字サイズ */
  text-align: center;
}

.btn-flat-com:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.btn-flat-com:before {       /* before after疑似クラス */
  content: "";
  position: absolute;
  top: 46%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.btn-flat-com:after {
  content: "";
  position: absolute;
  top: 54%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}

.btn-ak{
	  background: #FF9900;     /* 背景色     */
	  border: 2px solid #FF9900;    /* 枠の指定 */
}

.btn-mami{
	  background:var(--main-color);     /* 背景色     */
	  border: 2px solid var(--main-color);    /* 枠の指定 */
}

/* かんきょう・しせつ用*/
.btn-flat-kankyo {
  display: inline-block;
  position: relative;
  background: #fff;     /* 背景色     */
  width: 520px;
  height: auto;
  border-radius : 30px 0 0 0;  /* 角丸      */
  cursor        : pointer;     /* カーソル   */
  margin : 15px 11px;          /* 外側余白   */
  color: var(--main-color);    /* 文字色     */
  line-height   : 2.75em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid var(--main-color);    /* 枠の指定 */
  text-decoration: none;
  letter-spacing: .1rem;
  font-size     : 2.4rem;        /* 文字サイズ */
}

.btn-flat-kankyo:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #fff;     /* 背景色     */
  background    : var(--main-color);     /* 文字色     */
}


.btn-flat-kankyo:before {       /* before after疑似クラス */
  content: "";
  position: absolute;
  top: 46%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: var(--main-color);
  transform: rotate(45deg);
}

.btn-flat-kankyo:after {
  content: "";
  position: absolute;
  top: 54%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: var(--main-color);
  transform: rotate(-45deg);
}

.btn-flat-kankyo a{
	color: var(--main-color);
	text-decoration: none;
}

.btn-flat-kankyo a:hover{
	box-shadow    : none;        /* カーソル時の影消去 */
  color         : #fff;     /* 背景色     */
  background    : var(--main-color); 
}

@media (max-width: 1100px){
	
	.contents-btn-flax{
		display: block;
	}

	.btn-flat{
		width: 550px;
	}
	
	.btn-flat3{
		width: 550px;
	}
}

@media (max-width: 600px) {

	.btn-flat{
		width: 95vw;
	}
	
	.btn-flat3{
		width: 95vw;
		margin: 0;
	}
	
	.btn-movie{
		margin: 0;
		width: 95vw;
		margin-top: 15%;
	}
	
	.btn-flat-com{
		width: 80vw;
		margin-top: 5%;
		font-size: 2rem;
	}

	.btn-flat-kankyo{
		width: 80vw;
		margin-top: 5%;
	}
	
	.btn-flat-kankyo:before{
		top: 30px;
	}
}

@media (max-width: 440px) {

	.btn-flat-com{
		width: 75vw;
	}
	
	.btn-flat-kankyo{
		font-size: 1.6rem;
	}
	
	.btn-flat-kankyo:before{
		top: 18px;
	}
	
	.btn-flat{
		font-size: 2rem;
		line-height: 3.75em;
	}

}


/*--- どんぐり・あかみぐるーぷのご案内 ---*/
.introduction h2 {
    font-size: 45px;
    letter-spacing: 15px;
    margin: 15px 0 40px 0;

}

/*===================================
　　　　　　　　　ぽよよん

@keyframes poyon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

.poyon {
  margin: 100px 0 0 0;
  animation: poyon 1.2s;
  animation-iteration-count: 2; /*--実行回数
}
===================================*/

.poyon {
  margin: 100px 0 0 0;
}

.text-box {
    display: inline-block;
    width: 60%;
    margin: 25px auto;
    writing-mode: horizontal-tb;
    text-align: justify;
    font-size: 2rem;
    line-height: 160%;
    color: #d2691e;
}


@media screen and (max-width: 1024px) {
  .introduction h2 {
    font-size: 30px;
    letter-spacing: 15px;
  }
  .text-box {
    width: 65%;
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .introduction h2 {
    font-size: 25px;
    letter-spacing: 7px;
  }
  .text-box {
    width: 65%;
    font-size: 15px;
  }
}

@media screen and (max-width: 480px) {
  .introduction {
    font-size: 25px;
    letter-spacing: none;
  }
  .text-box {
    width: 65%;
    font-size: 1.6rem;
  }
}




/*=========================

       おにぎりバナ-

===========================*/

/*------くるっと裏返し--------*/

.each-support {
  display: flex;          /* 折り返し指定 */
  justify-content: center;
}

.oni2{
	display: flex;
}

.card {
  display: flex;
  position: relative;
  cursor: pointer;
  width: 350px; /*任意の横幅を指定 */
}
/*
.card {
  height: 500px;
}
*/
.card img{
  max-width: 100%;
  width: 100%;
}


.card::before {
  content: "";
  padding-top: 90%; /*ここで比率を調整 */
}

/* カード裏面・表面の共通スタイル */
.card .back,
.card .front {
  transition: all 0.6s;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility:hidden;
}

/* カード表面のスタイル */
.card .front {
  transform: rotateY(-180deg);
}

/* ホバー時のカード裏面 */
.card:hover .back {
  transform: rotateY(180deg);
}

/* ホバー時のカード表面 */
.card:hover .front {
  transform: rotateY(0);
}



@media (max-width: 1200px){
	.each-support{
		display: block;
	}
	
	.card{
		margin: 0 auto;
	}
	
	.oni2{
		width: 75%;
		margin: 0 auto;
	}
	
	.ma-ba img{
		display: none;
	}
	
	.ma-ba{
		background-image: url("img/card2-m.png");
		background-repeat: no-repeat;
		width: 350px;
		height: auto;
		background-size: contain;
	}
	
	.ma-fr img{
		display: none;
	}
	
	.ma-fr{
		background-image: url("img/card2-ura-m.png");
		background-repeat: no-repeat;
		width: 350px;
		height: auto;
		background-size: contain;
	}
	
	.ak-ba img{
		display: none;
	}
	
	.ak-ba{
		background-image: url("img/card1-m.png");
		background-repeat: no-repeat;
		width: 350px;
		height: auto;
		background-size: contain;
	}
	
	.ak-fr img{
		display: none;
	}
	
	.ak-fr{
		background-image: url("img/card1-ura-m.png");
		background-repeat: no-repeat;
		width: 350px;
		height: auto;
		background-size: contain;
	}
	
	.mi-ba img{
		display: none;
	}
	
	.mi-ba{
		background-image: url("img/card3-m.png");
		background-repeat: no-repeat;
		width: 350px;
		height: auto;
		background-size: contain;
	}
	
	.mi-fr img{
		display: none;
	}
	
	.mi-fr{
		background-image: url("img/card3-ura-m.png");
		background-repeat: no-repeat;
		width: 350px;
		height: auto;
		background-size: contain;
	}
	
}

@media (max-width: 1000px){
	.oni2{
		display: block;
		width: auto;
	}
	

}

@media (max-width: 600px) {
	.card {
  width: 280px; /*任意の横幅を指定 */
}

}

/*------インスタグラムギャラリー------*/
#gallery img {
max-width: 100%;
width: 30%;
}

.instagram {
  width: 100%; /* 1500pxを100%に変更 */
  margin: 0 0 100px 0;
  padding: 25px 0 25px 0;
  border: 0 solid #333333;
  background-color: #faf0e6;

}





/*------------ コラムボタン ------------*/
.column {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

a.btn-photo-a {
    display: flex;
    align-items: center;
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 1rem 3rem;
    border: 2px solid #d2691e;
    background: #fff;
    text-decoration: none;
    transition: 0.3s;
	justify-content: space-between;
}
a.btn-photo-a:hover {
    background-color: #ffffd6;
}
a.btn-photo-a .a-icon {
    padding-right: 4px;
}
a.btn-photo-a .a-icon img {
	max-width: 100%;
    width: 150px;
    margin-right: 30px;
    vertical-align: middle;
}
a.btn-photo-a .a-text {
    display: block;
    flex-grow: 1;
    color: #d2691e;
    text-align: center;
    position: relative;
    padding-right: 40px;
    font-size: 27px;
}

@media (max-width: 1200px) {
	a.btn-photo-a{
		width: 80vw;
	}
	
	
    a.btn-photo-a .a-icon img {
		max-width: 100%;
        width: 10vw;
    }
    a.btn-photo-a .a-text {
        font-size: 22px;
        padding-right: 20px;
    }
}
@media (max-width: 736px) {
    a.btn-photo-a {
        max-width: 4000px;
    }
    a.btn-photo-a .a-icon img {
		max-width: 100%;
        width: 80px;
    }
    a.btn-photo-a .a-text {
        font-size: 17px;
        padding-right: 20px;
    }
}

@media (max-width: 420px){
	a.btn-photo-a .a-icon img {
	display: none;
}
	
	a.btn-photo-a .a-text:before{
		content: "";
		position: absolute;
		top: 46%;
		right: 12px;
		width: 10px;
		height: 2px;
		background: #d2691e;
		transform: rotate(45deg);
	}
	
	a.btn-photo-a .a-text:after{
		content: "";
		position: absolute;
		top: 54%;
		right: 12px;
		width: 10px;
		height: 2px;
		background: #d2691e;
		transform: rotate(-45deg);
	}
	
	a.btn-photo-a{
		padding: 1rem 2rem;
	}
	
	
}













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

おしらせ　media screen 含む

--------------------------*/
.headline-box{
    width: 100%; /* 1500pxを100%に変更 */ 
    height: auto;
    margin: 50px auto;
    color: #ffffff;
    background: #FF4500;  /*背景色*/
}

.headline-box p {
    line-height: 50px;
    font-size: 3.5rem;
    text-align: left;
    padding-left: 40px;
}


.news-list{
  list-style: none outside;
  width: 80%;
  margin: 0 auto 40px;
  padding: 0;
}
.news-list .item .date-title{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  font-size: 20px;
  text-align: left;
  left: 100px;
  text-decoration: none;
  color: #d2691e;
  border-bottom: dashed 1.5px #d2691e;
  padding: 40px 40px;
}

.news-list .item .date-title .date{
  margin: 0;
  min-width: 120px;
  font-size: 15px;
  color: #d2691e;
  padding: 0 20px 0 0;
}
.news-list .item .date-title .title-box .title{
  margin: 0;
  margin-left: 50px;
  width: 100%;
     cursor: pointer;
	transition: all .5s ease;
}

.news-list .item .date-title .title:hover {
  color: #7fbfff;
}

@media screen and (max-width: 600px){
	
.headline-box p {
    font-size: 2.8rem;
	padding: 4% 0 4% 10%;
	line-height: 30px;
}

}

@media screen and (max-width: 450px){
	
	.headline-box p{
		font-size: 2.5rem;
	}
}




/*==================================================
アコーディオンのためのcss
===================================*/


/*アコーディオンで現れるエリア*/
.news-list .item .date-title .title-box .box {
    display: none;/*はじめは非表示*/
  margin:0 3% 3% 3%;
    padding: 3%;
	font-size: 1.6rem;
	color: #000;
	line-height: 150%;
}

@media screen and (max-width: 767px){
.news-list .item .date-title{
  flex-direction: column;
 flex-wrap: wrap;
}
.news-list .item .date-title .title-box .date{
  min-width: 100px;
}
.news-list .item .date-title .title-box .title{
  margin-top: 10px;
}

}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
}

/*アイコンの＋と×*/
.za-title{
	 position: relative;
}

.za-title::before,
.za-title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #fff;
    
}
.za-title::before{
    top:48%;
    right: 15px;
    transform: rotate(0deg);
    
}
.za-title::after{    
    top:48%;
    right: 15px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.za-title.close::before{
  transform: rotate(45deg);
}

.za-title.close::after{
  transform: rotate(-45deg);
}






/*----下にあるバナー3つ-----*/
.under-bnr {
  display: flex;
  flex-wrap: wrap;            /* 折り返し指定 */
  justify-content: center;
 margin: 50px 50px 100px 50px;
}

.under-bnr img {
  max-width: 100%;
  width: 300px;
  height: auto;
}


.under-bnr img:hover {
  opacity: 0.5;
}

.under-bnr .bnr{
	margin-right: 100px;
}

.under-bnr .bnr:last-child{
	margin-right: 0;
}

@media (max-width: 800px) {

	.under-bnr{
		flex-direction: column;
	}
	
	.under-bnr .bnr{
		margin: 0 auto;
		padding: 10px;
	}
	
	.under-bnr .bnr:last-child{
	margin: 0 auto;
}
	.under-bnr img {
	max-width: 100%;
  width: 240px;
}
	
}


/*----下にあるバナー3つ-----*/
.new-banner{
	display: flex;
	justify-content: center;
	padding: 7% 0;
}

.new-banner img{
	width: 300px;
	padding: 0 5%;
}

.new-banner a:hover{
	opacity: 0.5;
}

.nb-nyukyu{
	display: flex;
	justify-content: center;
}

@media (max-width:1000px){
	.new-banner{
		display: block;
	}
	
	.new-banner img{
		padding: 0 0 3% 0;
		width: 250px;
	}
	
	.nb-nyu img{
		margin-left: -25%;
	}
	
	.nb-nyu{
		margin-left: 5%;
	}
}


@media (max-width:750px){
    .new-banner img{
		width: 200px;
	}
	
	.nb-nyu{
		margin-left: 4%;
	}
}
	

@media (max-width:700px){
	.nb-nyukyu{
		display: block;
		margin-left: 0;
	}
	
	.nb-nyukyu img{
		margin-left: 0;
	}
	
	.nb-nyu{
		margin-left: 0;
	}
}

@media (max-width:600px){
	.new-banner img{
		width: 170px;
	}
}

/*---アクセス---*/
.headline-box-transparent {
    width: 100%; /* 1500pxを100%に変更 */
    height: 50px;
    margin: 50px auto;
    color: #d2691e;
    background: none;  /*背景色*/
}

.headline-box-transparent p {
    line-height: 50px;
    font-size: 40px;
    text-align: left;
    padding-left: 40px;
}

.adress p {

    font-size: 20px;
    color: #d2691e;
    text-align: left;
    line-height: 110%;
    margin-right: 10px;
}

.ad-linkbtn{
	font-size: 1.8rem;
    background-color: var(--main-color);
    text-align: center;
    padding: 2% 0;
    margin-top: 5%;
}

.ad-linkbtn a{
	text-decoration: none;
	color: #fff;
}



.gmap {
height: 0;
overflow: hidden;
padding-bottom: 45%;
position: relative;
}

.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

@media (max-width: 600px) {
	
    .headline-box-transparent {
    margin: 15px auto;
}
	
	.headline-box-transparent p {
    font-size: 3rem;
}
}





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

        404.php用

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

.found-main{
	width: 90%;
	margin: 0 auto;
}

.found-h1{
  color: #ff4500;
	font-size: 4.5rem;
    font-weight: 400;
    padding-top: 4%;
	text-align: justify;
}

.found-text{
	text-align: left;
    margin: 0 0 100px 40px;
    font-size: 2rem;
    color: #d2691e;
    line-height: 160%;
    writing-mode: horizontal-tb;
}

.found-text a{
	color: #d2691e;
}

@media (max-width: 600px) {
	
	.found-h1{
		font-size: 3rem;
	}
	
	.found-text{
	font-size: 1.6rem;
	padding-top: 6%;
	}
}




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

       検索結果用

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

.main_title{
	font-size: 2rem;
	margin: 5% 0 3%;
	color: var(--main-color);
}

.col-12{
	font-size: 1.6rem;
	padding-top: 5%;
}

.row p{
	font-size: 1.6rem;
	margin-bottom: 2%;
}

.info{
	font-size: 2rem;
	font-weight: 400;
	text-align: justify;
	margin: 0 auto;
	line-height: 2;
	width: 800px;
}

.info article a{
	text-decoration: none;
	color: var(--main-color);
}

.info article dl{
	display: flex;
	justify-content:flex-start;
	margin-bottom: 1%;
	padding-top: 1%;
}

.info article dl dt.date{
	margin-right: 2%;
	font-size: 1.6rem;
	color: #000;
	font-weight: 300;
	margin-top: 0.8%;
}

.info article{
	border-bottom: dashed var(--main-color) 1px;
}

.top-kirari a:hover{
	opacity: 0.5;
}

@media (max-width: 1100px){
	.top-kirari img{
			width: 70vw;
		padding-bottom: 10%;
	}
}

@media (max-width: 1000px){
	.info{
		width: 80vw;
	}
}

@media (max-width: 900px){
	.main-title{
		margin: 10% 0 3%;
	}
}

@media (max-width: 600px){
	.info{
		font-size: 1.6rem;
	}
	
	.info article dl dt.date{
		font-size: 1.3rem;
	}
	
	.main_title{
		font-size: 1.6rem;
		margin: 40% 0 10%;
	}
	
	.row p{
		margin-bottom: 5%;
	}
	
	.top-kirari img{
		width: 80vw;
	}
}




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

       固定ページ用CSS

---------------------------*/
/*--------------固定ページTOP画像用CSS-----------*/
.bg-img-wrap{
	position: relative;
}

.bg-img-wrap img{
	display: block;
	max-width: 100%;
	width: 100%;
	height: 50vw;
	object-fit:cover;
	object-position: bottom;
}


/*--- 理念・遊び保育 ・　入園をお考えの方へTOP画像 ---*/
.bg-img-rinen{
	position: relative;
}

.bg-img-rinen img{
	display: block;
	max-width: 100%;
	width: 100%;
	height: 50vw;
	object-fit:cover;
	object-position: 50% 40%;
}
/*---  ---*/


/*--- 子育て支援TOP画像 ---*/
.bg-img-kosodate{
	position: relative;
}

.bg-img-kosodate img{
	display: block;
	max-width: 100%;
	width: 100%;
	height: 50vw;
	object-fit:cover;
	object-position: center;
}
/*---  ---*/


/*--- ごあいさつTOP画像 ---*/
.bg-img-aisatsu{
	position: relative;
}

.bg-img-aisatsu img{
	display: block;
	max-width: 100%;
	width: 100%;
	height: 50vw;
	object-fit:cover;
	object-position: top;
}
/*---  ---*/


/*--- 書籍紹介TOP画像 ---*/
.bg-img-shoseki{
	position: relative;
}

.bg-img-shoseki img{
	display: block;
	max-width: 100%;
	width: 100%;
	height: 50vw;
	object-fit:cover;
	object-position: 50% 68%;
}

/*--- 在園生と保護者のひろばTOP画像 ---*/
.bg-img-hiroba{
	position: relative;
}

.bg-img-hiroba img{
	display: block;
	max-width: 100%;
	width: 100%;
	height: 50vw;
	object-fit:cover;
	object-position: 50% 10%;
}

/*--- 投稿ページ用TOP ---*/
.bg-color{
	position: relative;
	background-color:var(--main-color);
	width: 100%;
	height: 50vw;
}

.bg-color img{
	display: block;
	max-width: 100%;
	width: 80%;
	height: auto;
	margin: 0 auto;
	padding-top: 8%;
}


/*---  ---*/

.pageTitle{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 3rem;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-weight: 300;
}

.pageTitle-nyu{
	position: absolute;
	top: 50%;
	left: 50%;
	color: var(--main-color);
	font-size: 3rem;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-weight: 300;
}

.pageTitle-ri{
	position: absolute;
	top: 50%;
	left: 5%;
	color: #fff;
	font-size: 3rem;
	font-weight: 300;
}


@media (max-width: 600px) {
	.pageTitle{
		font-size: 1.6rem;
	}
	
	.pageTitle-ri{
		font-size: 1.6rem;
	}
	
	.pageTitle-nyu{
		font-size: 1.6rem;
	}
}

.com-waku{
	border-left: solid  var(--main-color) 25px;
	border-right: solid var(--main-color) 25px;
	padding-bottom: 10%;
}

@media (max-width: 600px) {
	.com-waku{
	border-left: solid  var(--main-color) 20px;
	border-right: solid var(--main-color) 20px;
	padding-bottom: 15%;
}

}




/*------園のご紹介用------*/
.card-akami{
	margin: 0 auto;
	padding-top: 2%;
}

.card-akami img{
	max-width: 100%;
	width: 70%;
}

.flex{
	display: flex;
	padding-top: 2%;
	justify-content: center;
}

.akami-midashi{
	position: relative;
    bottom: 120px;
    background-color: #fff;
    border-radius: 10%;
    padding-top: 2%;
	width: 1000px;
}

.ak-bracelet img{
	max-width: 100%;
	width: 40vw;
}

.ak-leaves img{
	max-width: 100%;
	width: 40vw;
}




/*------あかみ見出し・テキスト------*/
.akami-h1{
	font-size: 4.5rem;
    color: #81cfe2;
	font-weight: 400;
	padding-top: 12%;
}

.akami-text{
	display: inline-block;
    margin: 25px auto;
    writing-mode: horizontal-tb;
    text-align: justify;
    font-size: 1.8rem;
    line-height: 160%;
    color: var(--main-color);
}

.maple-h1{
	font-size: 4.5rem;
    color: #afd000;
	font-weight: 400;
	padding-top: 12%;
}

.michi-h1{
	font-size: 4.5rem;
	color: #FF4500;
	font-weight: 400;
	padding-top: 12%;
}


.kodomo1-2{
	width: 26vw;
}

.kodomo3{
	width: 18vw;
}

.container{
	display: flex;
	flex-direction: column;
	min-height: 85vh;
}

.content{
	padding-bottom: 10%;
}

@media (max-width: 1200px) {
	.akami-midashi{
		bottom: 100px;
	}
}

@media (max-width: 940px){
	.maple-h1{
		font-size: 3.8rem;
	}
	
	.michi-h1{
		font-size: 3.8rem;
	}
}

@media (max-width: 767px) {
	.akami-midashi{
		bottom: 0;
	}
	
	.akami-text{
		width: 97%;
		font-size: 1.6rem;
	}
	
	.ak-bracelet{
		display: none;
	}
	
	.ak-leaves{
		display: none;
	}
	
	.card-akami img{
		max-width: 100%;
		width: 50%;
	}
	
	.container{
	padding-bottom: 20%;
}
	
	.akami-h1{
		font-size: 2.8rem;
	}
	
	.maple-h1{
		font-size: 2.8rem;
	}
	
	.michi-h1{
		font-size: 2.8rem;
	}
	
	.content{
		padding-bottom: 20%;
	}
}

@media (max-width: 355px) {
	.akami-h1{
		font-size: 2.3rem;
	}
	
	.maple-h1{
		font-size: 2.3rem;
	}
	
	.michi-h1{
		font-size: 2.3rem;
	}
}



/*------------ 固定ページ追加CSS用 ------------*/

.time{
	text-align: center;
	font-weight: 400;
	font-size: 3rem;
	color: var(--main-color);
}

.time span{
	font-size: 1.6rem;
}

.seikatu{
	margin-bottom: 8%;
	border-left: solid var(--main-color);
	line-height: 1.2;
	color: var(--main-color);
	text-align: left;
}

.seikatu span{
	font-weight: 400;
}

.seikatu-bus{
	background-color: var(--main-color);
    color: #fff;
    display: inline-block;
    width: 30vw;
    padding: 2%;
    margin-right: auto;
    position:relative;
}

.seikatu-bus img{
	position: absolute;
	bottom: 100%;
	right: 10%;
	max-width: 100%;
}

.seikatu-p{
	padding-left: 2%;
	font-size: 1.6rem;
}

.justify{
	justify-content: center;
}

.com-img{
	border-radius: 10% 10% 0 0;
}

.com-p{
	font-size: 1.6rem;
	color: var(--main-color);
	font-weight: 400;
	padding-top: 5%;
	text-align: justify;
}

.colum{
	position: relative;
}

.colum2{
	position: relative;
	width: 900px;
	margin: 0 auto;
}

.colum3{
	position: relative;
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 8%;
}

@media (max-width:1200px){
	.colum3{
		width: auto;
	}
}

@media (max-width: 1100px) {
	.seikatu-bus{
		width: 40vw;
	}
	
	.colum2{
		width: auto;
	}
	
	.time{
		padding-bottom: 2%;
	}
	
}

@media (max-width: 767px) {
	.time{
		font-size: 2.4rem;
		padding: 10px;
	}
	
}

@media (max-width: 600px) {
	.seikatu-p{
		font-size: 1.5rem;
	}
	
	.seikatu-bus{
		width: auto;
	}
	
	.seikatu-bus img{
		width: 25%;
	}
	
	.colum3{
	padding-bottom: 20%;
}
	
}

@media (max-width: 400px) {
	.time{
		font-size: 1.8rem;
	}
	
}





/*------あかみ用------*/
.ak-kappa{
	z-index: 99;
}

.ak-asobi{
	transform: translateY(-12px);
    -webkit-transform: translateY(-12px);
}

.ak-text-jus{
	text-align: justify;
}




/*------みちくさ用-----*/
.mi-p{
	    font-size: 1.6rem;
    text-align: justify;
    color: var(--main-color);
    line-height: normal;
	width: 80%;
	margin: auto;
}

.mi-doji{
	transform: translateY(-25px);
    -webkit-transform: translateY(-25px);
}

.mi-nenkan-h1{
	font-size: 3rem;
    letter-spacing: 5px;
    font-weight: 400;
    color: var(--main-color);
    border: 3px solid;
    width: 35vw;
    padding: 12px;
    border-radius: 50px;
    margin: auto;
    background-color: #fff;
}

.mi-backg{
	background-color: #daffff;
    width: 50vw;
    margin: auto;
    padding-top: 3%;
    border-radius: 50px 50px 0 0;
}

.mi-nenkan{
	background-color: #daffff;
	padding-bottom: 10%;
}

.mi-hello{
	padding: 0 0 5% 5%;
}

.mi-re{
	position: relative;
}

@media(max-width:1650px){
	.mi-w95{
	width: 95%;
}
}

@media(max-width:1200px){
	.mi-nenkan-h1{
		font-size: 2rem;
	}
}


@media (max-width:600px){
	
	.mi-backg{
		width: auto;
	}
	
	
	.mi-nenkan-h1{
		width: 80%;
		font-size: 2rem;
	}
	
}



/*------理念用-----*/
.ri-p{
	line-height: 1.8;
	text-align: justify;
	letter-spacing: -0.5px;
}

.ri-p a{
	font-weight: 500;
    text-decoration: underline;
	color: #000;
}

.ri-p-name{
	text-align: end;
}

.ri-link{
	font-size: 1.6rem;
	color:  var(--main-color);
	text-align: end;
	padding-right: 11%;
}

.ri-link a{
	text-decoration: none;
	color: var(--main-color);
}

.ri-keyword{
	font-family: 'Zen Kaku Gothic Antique', sans-serif;
    font-size: 3.5rem;
    color: var(--main-color);
    line-height: 2;
}

.ri-key-p{
	line-height: normal;
	font-size: 2rem;
}

.ri-human{
	display: block;
    position: absolute;
    top: -41%;
    right: -7%;
    max-width: 100%;
    width: 175px;
    transform: rotate(18deg);
}

.ri-fish{
	position: absolute;
    top: 59%;
    left: 23%;
}

.ri-yagimo{
	max-width: 100%;
	width: 650px;
	padding-top: 2%;
	margin: 0 auto;
}

.ri-kanimg{
	max-width: 100%;
	width: 400px;
	border-radius: 50%;
}

.ri-kanh1{
	font-size: 3rem;
    text-align: end;
    padding: 12% 3% 3% 3%;
    color: var(--main-color);
	font-weight: normal;
}

.ri-flex{
	display: flex;
}

.ri-kanp{
	position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.6rem;
    color: #fff;
    margin-top: 10px;
    margin-left: -47px;
}

@media (max-width: 1100px) {
	.ri-human{
		top: 50%;
		right: 50%;
    margin-top: -150px;
    margin-right: -320px;
	}
	
	.ri-fish{
    top: 70%;
    left: 8%;
	}
}

@media (max-width: 820px){
	.ri-kanh1{
		font-size: 2rem;
		padding: 30% 3% 3% 3%;
	}
	
	.ri-kanp{
		font-size: 1.3rem;
		margin-left: -41px;
	}
}

@media (max-width: 810px){
	.ri-link{
		padding-right: 0;
	}
}

@media (max-width: 781px){
	.ri-kanp{
		font-size: 1rem;
		margin-left: -28px;
	}
}

@media (max-width: 711px) {
	.ri-human{
	width: 112px;
    margin-top: -150px;
    margin-right: -265px;
	}
	
}

@media (max-width: 600px) {
	.ri-fish{
		width: 35vw;
	}
	
	.ri-human{
		display: none;
	}
	
	.ri-kanimg{
	width: 300px;
}
	
	.ri-kanh1{
		width: 65vw;
	}
	
	.ri-kanp{
		font-size: 1.3rem;
		margin-left: -36px;
	}
	
	.ri-key-p{
		font-size: 1.6rem;
	}
	
	.ri-keyword{
		font-size: 3rem;
	}
}




/*------子育て用------*/
.ko-text{
	text-align: justify;
    padding: 3% 3% 15% 0;
    line-height: 2;
}

@media (max-width: 600px) {
	.ko-text{
		padding: 3% 3% 0 0;
	}
}




/*------入園用------*/
.nyu-text{
	text-align: justify;
    padding: 3% 3% 3% 0;
    line-height: 2;
}

.nyu-text2{
	text-align: justify;
	color: rgb(105, 185, 213);
	font-weight: 400;
	padding: 0 3% 5% 0;
	line-height: 2;
}

.nyu-text a{
	color: #000;
	text-decoration: none;
}




/*------文字色カスタム------*/
.akazi span{
	color: #FF0000;
}

.akazi span span{
	font-size: 2.5rem;
}

@media (max-width: 600px) {
	.akazi span span {
    font-size: 2rem;
}
}



/************************************
** お問い合わせフォームの入力
************************************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  width: 100%;
  height: 45px;
  margin-bottom: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 3px;
  background-color: #eff1f5;
  box-shadow: none;
  color: #5c6b80;
  font-size: 1em;
  vertical-align: middle;
  line-height: 45px;
  transition: background-color 0.24s ease-in-out;
}
textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  padding: 0.5em;
  overflow: auto;
}
@media(max-width:500px) {
    .inquiry td,
    .inquiry th {
        display: block !important;
        width: 100% !important;
        border-top: none !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important
    }
    .inquiry tr:first-child th {
        border-top: 1px solid #d7d7d7 !important
    }
    .inquiry .any,
    .inquiry .haveto {
        font-size: 10px
    }
}



.inquiry{
	margin: 0 auto;
}
.inquiry th {
    text-align: left;
    font-size: 1.6rem;
    padding-right: 5px;
    width: 30%;
}
.inquiry td {
    font-size: 13px;
}

.haveto {
    font-size: 7px;
    padding: 5px;
    background: #ff4500;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    bottom: 1px
}
.any {
    font-size: 7px;
    padding: 5px;
    background: #93c9ff;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    bottom: 1px
}
.verticallist .wpcf7-list-item {
    display: block
}
#formbtn {
    display: block;
    padding: 15px;
    width: 350px;
    background: rgb(105, 185, 213);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    margin: 25px auto 0;
    border: 2px solid rgb(105, 185, 213);
	transition: 0.7s
}
#formbtn:hover {
    background: #fff;
		color: rgb(105, 185, 213);
		border: 2px solid rgb(105, 185, 213);
}
th {
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px
}
td {
    padding: 12px
}
input,
select,
textarea {
    border: 1px solid #dfdfdf;
    letter-spacing: 1px;
    margin: 0;
    max-width: 100%;
    resize: none
}

.wpcf7-response-output{
	font-size: 1.6rem;
}

.form-title{
	font-size: 2rem;
    font-weight: 500;
    padding-bottom: 2%;
}

.form-title-ac{
	font-size: 2.5rem;
    background-color: var(--main-color);
    color: #fff;
    text-align: justify;
    font-weight: 400;
    padding: 1% 0 1% 4%;
    margin-bottom: 4%;
}

@media (max-width:600px){
	.form-title-ac{
		font-size: 2rem;
		padding: 3% 3% 3% 4%;
		line-height: normal;
	}
}




/*------保育認定と対象年齢用------*/

.table{
margin: 0 auto;
  width: 90%;
  border-collapse: collapse;
	font-size: 1.6rem;
}

.table tr{
  border-bottom: solid 2px white;
}

.table tr:last-child{
  border-bottom: none;
}

.table th{
  position: relative;
  text-align: left;
  width: 40%;
  background-color: #00c3ea;
  color: white;
  text-align: center;
  padding: 10px 0;
  font-weight: 300;
  vertical-align: middle;
  font-size: 1.8rem;
}

.table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #00c3ea;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}


.table td:nth-of-type(1){
  text-align: left;
  width: 40%;
  background-color: white;
  text-align: center;
  padding: 10px 0;
  border: 2px solid #00c3ea;
}

.table td:nth-of-type(2){
  text-align: left;
  width: 20%;
  text-align: center;
  vertical-align: top;
  background-color: #ffffff;
  padding: 10px 0;
}

.table td:nth-of-type(2):before{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: relative;
  transform: translateY(calc(50% - 10%));
  border-left: 10px solid #00c3ea;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.ta-midashi{
	font-size: 1.6rem;
    background-color: var(--main-color);
    color: #fff;
    padding: 1%;
	width:90%; 
}

@media (max-width:1200px){
	.table{
		width: 100%;
	}
	
	.ta-midashi{
	width:100%; 
}
}

@media (max-width: 600px) {
	.table th{
		display: block;
		width: 100%;
	}
	
	.table td{
		display: block;
		width: 100%;
	}
	
	.table th:after{
		border-left: none;
		border-top: none;
		border-bottom: none;
	}
	
	.table td:nth-of-type(1){
		width: 100%;
	}
}





/*------アクセス用------*/
.ac-m{
	margin: 5% 0 5% 0;
	color:  var(--main-color);
}

.ac-border{
	border-bottom: dashed 1px;
    color: var(--main-color);
	margin: 7% 0 2% 0;
}

.ac-ac{
	justify-content: space-around;
	color: var(--main-color);
}

.ac-ac span{
	font-weight: 400;
}

.ac-mb{
	display: none;
}

.ac-text{
	text-align: justify;
    padding: 3% 3% 3% 0;
    line-height: 2;
}

@media (max-width: 1115px){
	.ac-mb{
		display: block;
	}
	
	.ac-pc{
		display: none;
	}
}

@media (max-width: 781px) {
	.ac-none{
	display: none;
}
}

@media (max-width: 600px) {
	.ac-border{
	margin: 15% 0 15% 0;
}
	
	.ac-none{
		display: block;
	}
}




/*------年間行事（仮）------*/

.nenkan{
	font-size: 1.6rem;
    width: 100%;
}

.nenkan table{
	width: 50%;
	margin: 0 auto;
}

.nenkan th{
	font-size: 1rem;
}

.nenkan td:nth-of-type(1) {
  width: 5%;
  text-align: end;
  padding-right: 1%;
}

.nenkan td:nth-of-type(2) {
  width: 15%;
  padding-left: 2%;
  text-align: justify;
}

.nenkan td:nth-of-type(3) {
  color: #FFCB33;
  width: 0%;
	font-size: 2rem;
	text-align: center;
}

.nenkan td:nth-of-type(4) {
  color: #F43F42;
	width: 0%;
	font-size: 2rem;
	text-align: center;
}

.nenkan td:nth-of-type(5) {
  color: #3E85E5;
	width: 0%;
	font-size: 2rem;
	text-align: center;
}

.nenkan td:nth-of-type(6) {
  width: 3%;
  text-align: end;
  padding-right: 1%;
}

.nenkan td:nth-of-type(7) {
  width: 5%;
  text-align: end;
  padding-right: 1%;
}

.nenkan td:nth-of-type(8) {
  width: 15%;
  padding-left: 2%;
  text-align: justify;
}

.nenkan td:nth-of-type(9) {
  color: #FFCB33;
  width: 0%;
	font-size: 2rem;
	text-align: center;
}

.nenkan td:nth-of-type(10) {
  color: #F43F42;
	width: 0%;
	font-size: 2rem;
	text-align: center;
}

.nenkan td:nth-of-type(11) {
  color: #3E85E5;
	width: 0%;
	font-size: 2rem;
	text-align: center;
}




/*------かんきょう・しせつ------*/
.bio-text{
	font-size: 2.5rem;
    text-align: justify;
    color: var(--main-color);
}

.ennai-p{
	text-align: justify;
    border: solid var(--main-color);
    font-size: 3rem;
    color: var(--main-color);
    padding: 3% 8%;
    border-radius: 20px;
    margin: 5% 0 5% 0;
}

.ennai-text{
	font-size: 1.6rem;
    line-height: 2;
    width: 45vw;
    margin: 0 auto;
    margin-top: 3%;
	text-align: justify;
}

.yagi{
	position: absolute;
    width: 100px;
    top: 50%;
    right: 50%;
    margin-top: -90px;
    margin-right: -275px;
}

.ennai-img{
	width: 100%;
}


@media (max-width: 750px){
	.yagi{
		width: 12vw;
		top: 97px;
		right: 326px;
	}
}


@media (max-width: 600px) {
	.ennai-p{
		font-size: 2rem;
	}
	
	.ennai-text{
    width: 85vw;
	}
	
	.yagi{
    width: 45px;
	top: 50%;
		right: 50%;
    margin-top: -57px;
    margin-right: -136px;
	}
}

@media (max-width: 451px){
	.ka-none{
		display: none;
	}
}

@media (max-width: 400px){
	.ennnai-p{
		font-size: 1.8rem;
	}
}





/*------かんきょう・しせつMAP------*/

.map{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
}
.map-hatake{
    margin-top: -90px;
    margin-left: -48px;
}

.map-higashiyama{
	margin-top: 124px;
    margin-left: 69px;
}

.map-yaketaro{
	margin-top: 183px;
    margin-left: -136px;
}

.map-mari{
	margin-top: -180px;
    margin-left: -8px;
}

.map-sora{
	margin-top: 45px;
    margin-left: 100px;
}

.map-athletic{
	margin-top: -31px;
    margin-left: -55px;
}

.map-konpan{
	margin-top: 33px;
    margin-left: -97px;
}

.map-re{
	margin-top: 138px;
    margin-left: -202px;
}

.map-mitikusa{
	margin-top: 75px;
}

.map-minoga{
	margin-top: -161px;
    margin-left: -108px;
}

.map-yagi{
	margin-top: 3px;
    margin-left: 40px;
}

.map-syonyuseki{
	margin-top: -131px;
	margin-left: -50px;
}

.map-grass{
	position: absolute;
    top: 10px;
    width: 76px;
    right: 29px;
}

@media (max-width: 600px) {	
	.map-grass{
	top: 15px;
    width: 9vw;
    right: 20px;
	}
	
	.map{
	width: 7vw;
	}
	
	.map-sora{
	margin-top: 0;
    margin-left: 0;
    top: 58%;
    left: 66%;
	}
	
	.map-higashiyama {
    margin-top: 0;
    margin-left: 0;
    top: 70%;
	left: 62%;
	}
	
	.map-mitikusa{
		margin-top: 0;
		top: 63%;
	}
	
	.map-yaketaro {
    margin-top: 0;
    margin-left: 0;
    top: 81%;
    left: 26%;
	}
	
	.map-re {
    margin-top: 0;
    margin-left: 0;
    top: 74%;
    left: 15%;
	}
	
	.map-konpan {
    margin-top: 0;
    margin-left: 0;
    top: 56%;
    left: 33%;
}
	
	.map-athletic {
    margin-top: 0;
    margin-left: 0;
    top: 45%;
    left: 40%;
}
	
	.map-hatake {
    margin-top: 0;
    margin-left: 0;
    top: 34%;
    left: 41%;
}

	.map-mari {
    margin-top: 0;
    margin-left: 0;
    top: 18%;
    left: 48%;
}
	
	.map-minoga {
    margin-top: 0;
    margin-left: 0;
    top: 21%;
    left: 31%;
}
	
	.map-yagi {
    margin-top: 0;
    margin-left: 0;
    top: 50%;
    left: 55%;
}
	
	.map-syonyuseki {
    margin-top: 0;
    margin-left: 0;
    top: 27%;
    left: 41%;
}
}


	


/*------ごあいさつ------*/

.aisatsu-text{
	text-align: justify;
    font-size: 1.6rem;
    line-height: 2;
    padding-top: 5%;
}

.aisatsu-name{
	font-size: 2.5rem;
    padding-top: 62%;
    line-height: 1.5;
}

.aisatsu-name-mb{
    font-size: 2.4rem;
    padding-top: 26%;
    line-height: 1.5;	
}

.aisatsu-color{
	background-color: #f6f6f6;
	margin-top: 10%;
}

@media (max-width: 952px){
	.aisatsu-name{
		font-size: 2rem;
	}
}

@media (max-width: 600px){
	.aisatsu-name-mb{
		font-size: 2rem;
		padding-top: 20%;
	}
}

@media (max-width: 334px){
	.aisatsu-name{
		font-size: 1.8rem;
	}
}


/*園長用*/
.encho-flex{
	display: flex;
}

.encho-img-p{
	font-size: 2rem;
    letter-spacing: 0.5rem;
    position: absolute;
	top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -21px;
    color: #fff;
}

.encho-p{
	line-height: 1.5;
    text-align: justify;
    font-size: 3rem;
    color: #FF4500;
	padding: 4% 3% 3% 3%;
}

.encho-linktext{
	margin-top: 25%;
    font-size: 1.6rem;
	color: #FF4500;
}

.encho-linktext a{
	text-decoration: none;
	color: #FF4500;
}


.encho-linkimg{
	position: absolute;
    width: 150px;
    top: 50%;
    right: 0;
    margin-top: 65px;
    margin-right: -14px;
}

.encho-img{
	border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -327px;
    margin-right: 20px;
}

.encho-img-mb{
	border-radius: 50%;
	padding-top: 7%;
}

@media (max-width: 1200px){
	.encho-img {
    top: -104px;
    right: 15px;
	margin-top: 0;
	margin-right: 0;
    width: 27vw;
}
	
	.encho-linkimg {
    width: 12vw;
    top: 260px;
    right: -23px;
	margin-top: 0;
	margin-right: 0;
	}
}
	
@media (max-width: 1000px){
	.encho-img{
		right: 10px;
	}
	
	.encho-linkimg{
	top: 225px;
    right: -25px;
	}
}
	
@media (max-width: 873px){
	.encho-p {
    font-size: 2.5rem;
    padding: 7% 3% 3% 3%;
}
	
	.encho-linkimg{
	top: 220px;
    right: -30px;
	}
}

@media (max-width: 781px){
	.encho-p{
		font-size: 2rem;
	}
	
	.encho-img{
		width: 40vw;
		right: 13px;
	}
	
	.encho-linkimg{
	width: 15vw;
    top: 256px;
    right: -11px;
	}
	
}

@media (max-width: 600px){
	.encho-linktext{
	margin-top: 10%;
}
	
	.encho-p{
		font-size: 2.5rem;
	}
	
	.wp-image-1469{
		width: 50%;
	}
}

@media (max-width: 502px){
	.encho-p{
		font-size: 2rem;
	}
}
	

/*メープル用*/
.maple-flex{
	display: flex;
	justify-content: end;
}

.maple-img{
	border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -304px;
    margin-left: 19px;
    width: 317px;
}

.maple-p{
	line-height: 1.5;
    text-align: end;
    font-size: 3rem;
    color: #dbba00;
	padding: 4% 3% 3% 3%;
}

.maple-linktext {
    margin-top: 10%;
    font-size: 1.6rem;
	color: #dbba00;
}

.maple-linktext a{
	text-decoration: none;
	color: #dbba00;
}

.maple-img-p{
	font-size: 1.6rem;
    position: absolute;
	top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -30px;
    color: #fff;
}

.maple-linkimg{
	position: absolute;
    width: 150px;
    top: 50%;
	left: 0;
    margin-top: 70px;
    margin-left: -14px;
}

.m-mb{
	display: none;
}

@media (max-width: 1200px){
	.maple-img{
		margin-top: 0;
		margin-left: 0;
		top: -111px;
		left: 13px;
		width: 27vw;
	}
	
	.maple-linkimg{
		width: 12vw;
		margin-top: 0;
		margin-left: 0;
		top: 230px;
		left: -28px;
	}
}

@media (max-width: 1000px){
	.maple-img{
		top: -90px;
		left: 10px;
	}
}

@media (max-width: 979px){
	.maple-p{
		font-size: 2.5rem;
		padding: 7% 3% 3% 3%;
	}
}

@media (max-width: 864px){
	.maple-p{
		font-size: 2rem;
		padding: 10% 3% 3% 3%;
	}
}

@media (max-width: 781px){
	.mp-none{
		display: none;
	}
	
	.maple-p{
		text-align: justify;
	}
	
	.wp-image-1283{
		width: 300px;
		margin-top: 10px;
	}
	
	.maple-img-p{
		font-size: 1.5rem;
	}
	
	.maple-img{
		width: 40vw;
		top: -105px;
		left: 10px;
	}
	
	.maple-linkimg{
		width: 15vw;
		top: 231px;
		left: -15px;
	}
}

@media (max-width: 693px){
	.wp-image-1283{
		margin-top: 30px;
	}
	
	.maple-img-p{
		font-size: 1.4rem;
		margin-top: -10px;
		margin-left: -27px;
	}
}

@media (max-width: 600px){
	.wp-image-1283{
		width: 150px;
	}
	
	.maple-img-p{
		font-size: 1.6rem;
		margin-top: 0;
		margin-left: -32px;
	}
	
	.maple-p{
		width: 65vw;
		font-size: 2.5rem;
		padding: 14% 3% 3% 3%;
	}
	
	.wp-image-1494{
		width: 50%;
	}
}

@media (max-width: 541px){
	.wp-image-1283{
		margin-top: 45px;
	}
	
	.maple-p{
		font-size: 2rem;
		padding: 20% 3% 3% 3%;
	}
	
	.maple-img-p{
		margin-top: 7px;
	}
}

@media (max-width: 478px){
	.m-mb{
		display: block;
	}
}

@media (max-width: 361px){
	.maple-p{
		padding: 16% 3% 3% 3%;
	}
	
	.maple-img-p{
		margin-top: 2px;
		margin-left: -32px;
	}
}



/*みちくさ用*/
.michi-img{
	border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -327px;
    margin-right: 24px;
	width: 317px;
}

.michi-img-p{
	font-size: 1.6rem;
    position: absolute;
	top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -30px;
    color: #fff;
}

.michi-p{
	line-height: 1.5;
    text-align: justify;
    font-size: 3rem;
    color: #00b6ff;
	padding: 4% 3% 3% 3%;
}

.michi-linkimg{
	position: absolute;
    width: 200px;
    top: 50%;
    right: 0;
    margin-top: 76px;
    margin-right: -14px;
}

@media (max-width:1200px){
	.michi-img{
		width: 27vw;
		margin-top: 0;
		margin-right: 0;
		top: -110px;
		right: 11px;
	}
	
	.michi-link-img{
		width: 12vw;
		top: 293px;
		right: 0;
		margin-top: 0;
		margin-right: 0;
	}
}

@media (max-width:1192px){
	.michi-p{
		font-size: 2.5rem;
		padding: 7% 3% 3% 3%;
	}
}

@media (max-width:1050px){
	.mi-none{
		display: none;
	}
	
	.michi-p{
		width: 44vw;
	}
	
	.michi-img{
		top: -90px;
	}
	
	.michi-link-img{
		width: 12vw;
		top: 250px;
	}
}

@media (max-width:849px){
	.michi-p{
		font-size: 2rem;
		padding: 0 3% 3% 3%;
	}
}

@media (max-width:781px){
	.michi-img-p{
		font-size: 1.4rem;
		margin-top: -8px;
		margin-left: -28px;
	}
	
	.michi-img{
		top: -110px;
		right: 10px;
		width: 41vw;
	}
	
	.michi-linkimg{
		width: 18vw;
		top: 280px;
	}
}

@media (max-width:675px){
	.michi-img-p{
		margin-top: -28px;
	}
}

@media (max-width:600px){
	.michi-p{
		width: 65vw;
		font-size: 2.5rem;
		padding: 8% 3% 3% 3%;
	}
	
	.michi-img-p{
		font-size: 1.6rem;
		margin-top: -15px;
		margin-left: -31px;
	}
	
	.wp-image-1516{
		width: 60%;
	}
}

@media (max-width:423px){
	.michi-p{
		font-size: 2rem;
	}
}

@media (max-width:361px){
	.michi-img-p{
		margin-top: -30px;
	}
}


/*エコ文化用*/
.eco-p{
    text-align: end;
    font-size: 3rem;
    color: #34af35;
	padding: 16% 3% 3% 3%;
}

.eco-img{
	border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -304px;
    margin-left: 19px;
    width: 317px;
}

.eco-img-p{
	font-size: 1.6rem;
    position: absolute;
	top: 50%;
    left: 50%;
    margin-left: -30px;
    color: #fff;
}

.eco-none{
	display: none;
}

@media (max-width: 1200px){
	.eco-img{
		top: -118px;
		left: 10px;
		margin-top: 0;
		margin-left: 0;
		width: 27vw;
	}
}

@media (max-width: 1085px){
	.eco-p{
		font-size: 2.5rem;
	}
}

@media (max-width: 952px){
	.eco-p{
		font-size: 2rem;
		padding: 25% 3% 3% 3%;
	}
	
	.eco-img{
		top: -90px;
	}
}

@media (max-width: 820px){
	.wp-image-1523{
		width: 124px;
	}
}

@media (max-width: 781px){
	.wp-image-1523{
		margin-top: 10px;
	}
	
	.eco-img-p{
		margin-left: -35px;
	}
	
	.eco-img{
		width: 40vw;
		top: -108px;
	}
}

@media (max-width: 684px){
	.wp-image-1523{
		margin-top: 23px;
	}
	
	.eco-p{
		font-size: 2rem;
		padding: 30% 3% 3% 3%;
	}
}

@media (max-width: 600px){
	.eco-p{
		font-size: 2.5rem;
		padding: 20% 3% 3% 3%;
	}
	
	.wp-image-1523{
		width: 105px;
		margin-top: 13px;
	}
}

@media (max-width: 585px){
	.eco-none{
		display: block;
	}
}

@media (max-width: 378px){
	.eco-p{
		font-size: 2rem;
		padding: 30% 3% 3% 0;
	}
}

	

.enkaku-ul{
	list-style-type: none;
    text-align: justify;
    font-size: 2rem;
}

.enkaku-ul .item{
	border-bottom: dotted var(--main-color);
    padding: 3%;
}

.aisatsu-box{
    width: 100%; /* 1500pxを100%に変更 */ 
    height: 50px;
    margin: 50px auto;
    color: #ffffff;
    background: #FF4500;  /*背景色*/
}

.aisatsu-box p {
    line-height: 50px;
    font-size: 40px;
    text-align: left;
    padding-left: 40px;
}

@media (max-width: 600px) {
	.wp-image-1523{
		width: 120px;
	}
	
	.enkaku-ul .item{
		font-size: 1.6rem;
	}
	
	.aisatsu-box p{
		font-size: 2.5rem;
	}
}


/*------書籍紹介------*/

.shoseki-h1{
	font-size: 2rem;
	text-align: justify;
	font-weight: 400;
	line-height: 1.3;
}

.shoseki-name{
	font-size: 1.6rem;
	text-align: justify;
	padding: 3% 0;
	line-height: 1.4;
}

.shoseki-text{
	font-size: 1.6rem;
	text-align: justify;
	line-height: normal;
}

.shoseki-syuppan{
	font-size: 2rem;
	text-align: end;
	font-weight: 400;
}

.shoseki-time{
	font-size: 1.6rem;
	text-align: end;
	padding: 2% 0;
}

.shoseki-p{
	padding: 4% 0 0 5%;
 }

.shoseki-border{
	border: solid 1px;
	padding: 5%;
}

@media (max-width: 600px) {
	.shoseki-text{
		padding-bottom: 10%;
	}
}

/*------年間行事------*/

.nen-re{
	position: relative;
}

.nen-p{
	font-size: 1.6rem;
    line-height: 1.5;
    text-align: justify;
	width: 80%;
	margin: auto;
}

.nen-pb{
	position: absolute;
	    bottom: 0;
    padding-bottom: 14%;
	left: 10%;
	
}

.nen-pb2{
	position: absolute;
	    bottom: 0;
    padding-bottom: 14%;
	left: 10%;
	
}

.nen-time{
	text-align: center;
	font-weight: 400;
	font-size: 3rem;
	color: #00c3ea;
}

.ne-tuchi{
	text-align: end;
    padding-right: 10%;
}

.ne-oshi2{
	transform: translateY(-13px);
}

@media (max-width: 767px) {
	.nen-time{
		font-size: 2.4rem;
		padding: 10px;
	}
	
	.nen-p{
		font-size: 1.4rem;
	}
	
	.nen-img{
		width: 45vw;
	}
	
}

@media (max-width: 414px){
	.nen-pb2{
		position: initial;
	}
}

@media (max-width: 400px) {
	.nen-time{
		font-size: 1.8rem;
	}
	
}



/*------求人案内------*/

.kyu-btn{
    font-size: 2.3rem;
    background-color: var(--main-color);
    padding: 7% 2%;
	color: #fff;
	text-align: center;
	
}

.kyu-btn a{
	text-decoration: none;
	color: #fff;
}

.kyu-text {
  padding: 0 5% 3% 12.5%;
  line-height: 3rem;
  text-align: justify;
}

.kyu-img{
	width: 90%;
    height: 350px;
    object-fit: cover;
}

.kyu-p{
	font-size: 1.6rem;
    text-align: justify;
    padding: 3% 0;
    line-height: normal;
}

.kyu-ab{
	position: absolute;
    font-size: 1.6rem;
    top: 20px;
    right: 365px;
}

.kyu-pmb{
	font-size: 1.6rem;
    padding: 5% 0 2%;
}

.kyu-mb{
	display: none;
}

@media (max-width:600px){
	.kyu-btn{
		font-size: 1.6rem;
		padding: 7% 2%;
		width: 80vw;
		margin: 0 auto;
	}
}

@media (max-width:526px){
	.kyu-mb{
		display: block;
	}
}



/*------バックナンバー------*/

.back-p{
	font-size: 1.8rem;
	line-height: 2;
	text-align: justify;
}

.back-pw{
	font-weight: 400;
	color: var(--main-color);
}

.back-p a{
	text-decoration: none;
	color: #000;
}

.back-p a:hover{
	color: var(--main-color);
}

.back-ju{
	justify-content: center;
}

@media(max-width:781px){
	.back-p{
		text-align: center;
	}
}

@media(max-width:600px){
	.back-p{
		padding: 10% 0;
	}
}





/*------在園生と保護者のひろばー------*/

.za-asobi{
	position: absolute;
	top: 50%;
	left: 50%;
}

.za-house{
	margin-top: -185px;
	margin-left: 45px;
}

.za-house img{
	width: 450px;
}

.za-click{
	margin-top: -110px;
	margin-left: 395px;
}

.za-click img{
	width: 75px;
}

.za-border{
	padding-top: 5%!important;
    border-top: dashed 1px var(--main-color);
}

.btn-flat-za {
  display: inline-block;
  position: relative;
  background: #FF9900;     /* 背景色     */
  width: 400px;
  height: 75px;
  border-radius : 30px 0 0 0;  /* 角丸      */
  cursor        : pointer;     /* カーソル   */
  margin : 15px 11px;          /* 外側余白   */
  color: #fff;    /* 文字色     */
  line-height   : 2.75em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #FF9900;    /* 枠の指定 */
  text-decoration: none;
  letter-spacing: .1rem;
  font-size     : 2.4rem;        /* 文字サイズ */
}

.btn-flat-za:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.btn-flat-za:before {       /* before after疑似クラス */
  content: "";
  position: absolute;
  top: 46%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.btn-flat-za:after {
  content: "";
  position: absolute;
  top: 54%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}

.btn-flat-za2 {
  display: inline-block;
  position: relative;
  background: #FF9900;     /* 背景色     */
  width: 400px;
  height: 75px;
  border-radius : 30px 0 0 0;  /* 角丸      */
  cursor        : pointer;     /* カーソル   */
  margin : 15px 11px;          /* 外側余白   */
  color: #fff;    /* 文字色     */
  line-height   : 2.75em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #FF9900;    /* 枠の指定 */
  text-decoration: none;
  letter-spacing: .1rem;
  font-size     : 2.4rem;        /* 文字サイズ */
}

.btn-flat-za2:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.btn-flat-za2:before {       /* before after疑似クラス */
  content: "";
  position: absolute;
  top: 46%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}

.btn-flat-za2:after {
  content: "";
  position: absolute;
  top: 54%;
  right: 12px;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
}

.za-box{
	width: 400px;
    height: auto;
    color: #fff;
    background: #FF9900;
    padding: 4.5% 2%;
	font-size: 2.5rem;
    text-align: center;
	 border-radius: 30px 0 0 0;
	margin: 0 auto;
	margin-top: 5%;
}


.za-ul{
	list-style: none;
	font-size: 2rem;
	position: relative;
}

.za-ul li{
	border: solid 1px #ff9900;
	width: 400px;
	padding: 3% 5%;
	margin: 0 auto;
}

.za-ul li a{
	text-decoration: none;
	color: #000;
}

.za-ul li a:hover{
	color: var(--main-color);
	font-weight: 400;
}

.za-headline1-text {
  padding: 0 5% 2% 12.5%;
  line-height: 3rem;
  text-align: justify;
	font-size: 1.6rem;
}

.breadcrumbs{
	font-size: 1.3rem;
	padding-top: 2%;
	width: 90%;
	margin: 0 auto;
}

.breadcrumbs a{
	text-decoration: none;
	color: var(--main-color);
}

@media (max-width:1100px){
	.za-click{
		margin-top: 0px;
	    margin-left: 0px;
		top: 18%;
		left: 90%;
	}
	
	.za-click{
		width: 7vw;
	}
	
	.za-house{
		margin-top: 0px;
	    margin-left: 0px;
		top: 5%;
		left: 54%;
	}
	
	.za-house img{
		width: 41vw;
	}
	
	.btn-flat-za{
		width: 40vw;
	}
	
	.btn-flat-za2{
		width: 550px;
	}
	
	.za-box{
		width: 40vw;
	}
	
	.za-ul li{
		width: 40vw;
	}
}

@media (max-width: 600px) {

	.btn-flat-za{
		width: 85vw;
	}
	
	.btn-flat-za2{
		width: 85vw;
	}
	
	.za-house{
		position: static;
	}
	
	.za-house img{
		width: 60vw;
	}
	
	.za-click{
		top: 54%;
		left: 70%;
		width: 10vw;
	}
	
	.za-box{
		width: 85vw;
		padding: 5% 2%;
	}
	
	.za-ul li{
		width: 85vw;
	}
	
	.breadcrumbs{
		padding-bottom: 8%;
	}
}

@media (max-width: 440px) {
	
	.btn-flat-za{
		font-size: 2rem;
		line-height: 3.75em;
	}
	
	.btn-flat-za2{
		font-size: 2rem;
		line-height: 3.75em;
	}
	
	.za-click{
		top: 61%;
	}
	
	.za-box{
		font-size: 2rem;
	}
	
	.za-ul li{
		font-size: 1.6rem;
	}

}

@media (max-width: 350px){
	.za-click{
		top: 65%;
	}
	
}



/*------細かな調整------*/
.margin-b{
	margin-bottom: 2%;
}

.margin-t{
	margin-top: 2%;
}

.center{
	margin: 0 auto;
}

.padding-t{
	padding-top: 15%;
}

.padding-t5{
	padding-top: 5%;
}

.padding-b{
	padding-bottom: 15%;
}

.text-l{
	text-align: end;
}

.mb{
	display: none;
}

.mb2{
	display: none;
}

.line-h{
	line-height: 1.5;
}

.none{
	display: none;
}

@media (max-width: 1100px) {

	
	.pc{
		display: none;
	}
	
	.mb{
		display: block;
	}
}

@media (max-width: 781px){
	.block{
		display: block!important;
	}
}

@media (max-width: 600px) {
	
	.padding-t{
	padding-top: 5%;
    padding-bottom: 15%;
	}
	
	.pc2{
		display: none;
	}
	
	.mb2{
		display: block;
	}
}



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

         投稿ページ用CSS

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

.contentAB{
	display: flex;
	margin-bottom: 5%;
	justify-content: space-between;
}

.contentA{
	width: 25%;
	padding: 10% 0 0 0;
}

.contentB{
	width: 70%;
	position: relative;
	padding-bottom: 5%;
}

.single-text{
	text-align: justify;
    font-size: 1.6rem;
    padding-top: 5%;
	line-height:normal;
}

.single-text p{
	padding-bottom: 1%;
}

.date{
	text-align: end;
	font-size: 1.6rem;
	width: 700px;
}/*-- あそびのへやで使用 --*/

.date2{
	text-align: justify;
	font-size: 1.6rem;
} /*-- あかみTOPページで使用 --*/

.date3{
	text-align: end;
	font-size: 1.6rem;
	margin-bottom: 6%;
} /*-- きらりで使用 --*/

/*-- サイド --*/
.single-sideh1{
	font-size: 2rem;
    border-bottom: solid 1px #bdbdbd;
    padding-bottom: 1%;
    width: 80%;
    margin: 0 auto;
	margin-bottom: 5%;
}

.single-side-c{
	font-size: 1.6rem;
	width: 50%;
	margin: 0 auto;
	line-height: 2;
}

.single-side-c a{
	text-decoration: none;
	color: #000;
}

.single-side-c a:hover{
	color: var(--main-color);
}

.single-side-c li{
	text-align: justify;
}

.single-side-c2{
	font-size: 1.6rem;
	width: 55%;
	margin: 0 auto;
	line-height: 2;
}

.single-side-a img{
	max-width: 100%;
	width: 100px;
}

.single-side-atext{
	font-size: 1.6rem;
}


.single-a{
	color: #000;
	text-decoration: none;
}

/*-- Pagetopボタン --*/
.page-top{
	position: absolute;
	bottom: 0;
	right: 0;
}

.page-top a{
	font-size: 1.8rem;
	text-decoration: none;
	color: var(--main-color);
	font-weight: 400;
}


.single-link{
	display: flex;
	font-size: 1.6rem;
	color: #000;
	justify-content: space-between;
	padding-top: 15%;
}

.single-link a{
	color: var(--main-color);
	text-decoration: none;
}

.single-link a:hover{
	color: #000;
}

.single-link2{
	display: flex;
	font-size: 1.8rem;
	color: #000;
	justify-content: center;
}

.single-link2 a{
	color: var(--main-color);
	text-decoration: none;
}

.single-link2 a:hover{
	color: #000;
}

.next,.prev{
	font-weight: 400;
}


.date-sin{
	margin: 0;
	min-width: 120px;
	font-size: 12px;
	color: #000;
	padding: 5px 20px 0 0;
}

.date-title-sin{
	display: flex;
	flex-wrap: nowrap;
	font-size: 20px;
	text-align: left;
	left: 100px;
	text-decoration: none;
	color: #000;
	border-bottom: dashed 1.5px var(--main-color);
	padding: 40px 0px;
}

.headline1-single {
  padding: 0 5% 5% 9.5%;
  line-height: 3rem;
  text-align: justify;
	font-size: 1.6rem;
}

.date-title-sin .title-box{
	text-indent: 3rem;
}

.date-title-sin .title-box a{
	color:#000;
	text-decoration: none;
}

.sin-ca{
	font-size: 1.4rem;
}

.sin-ca a{
	text-decoration:none;
	color: #000;
}

.sin-headline1{
	  display: flex;
     background-color: #f0f0f0;
     font-size: 3rem;
     width: 700px;
     height: auto;
     align-items: center;
     border-radius: 10px;
     border-left: solid 25px var(--main-color); /*左線*/
	margin-bottom: 10%;
	padding: 1% 0;
}

.sin-headline1 p {
  margin-right: 20px;
}

.sin-headline1 img {
    width: 120px;
    padding: 0 20px 0 30px;
}

.sin-headline2{
	  display: flex;
     background-color: #f0f0f0;
     font-size: 3rem;
     width: 700px;
     height: auto;
     align-items: center;
     border-radius: 10px;
     border-left: solid 25px var(--main-color); /*左線*/
	margin-bottom: 5%;
	padding: 1% 0;
}

.sin-headline2 p {
  margin-right: 20px;
}

.sin-headline2 img {
    width: 90px;
    padding: 0 20px 0 30px;
}

.sin-headline3{
	  display: flex;
     background-color: #f0f0f0;
     font-size: 3rem;
     width: 700px;
     height: auto;
     align-items: center;
     border-radius: 10px;
     border-left: solid 25px var(--main-color); /*左線*/
	margin-bottom: 4%;
	padding: 1% 0;
}

.sin-headline3 p {
  margin-right: 20px;
}

.sin-headline3 img {
    width: 160px;
    padding: 0 20px 0 30px;
}

.sin-mb{
	margin-bottom: 3%;
}

/*-- カテゴリー色替え

div.banbi56{
	background-color: #ff4500;
	padding: 1% 2%;
	font-weight: 400;
	border-radius: 5px;
	color: #fff;
	margin: -5px 5% 0 -1%;
}

div.asobi5{
	background-color: #ff4500;
	padding: 1% 3.5%;
	font-weight: 400;
	border-radius: 5px;
	color: #fff;
	margin: -5px 5% 0 -1%;
}

div.banbi34{
	background-color: #00c3ea;
	padding: 1% 2%;
	font-weight: 400;
	border-radius: 5px;
	color: #fff;
	margin: -5px 5% 0 -1%;
}

div.asobi4{
	background-color: #00c3ea;
	padding: 1% 3.5%;
	font-weight: 400;
	border-radius: 5px;
	color: #fff;
	margin: -5px 5% 0 -1%;
}

div.banbi12{
	background-color: #c4df26;
	padding: 1% 2%;
	font-weight: 400;
	border-radius: 5px;
	color: #fff;
	margin: -5px 5% 0 -1%;
}

div.asobi3{
	background-color: #c4df26;
	padding: 1% 3.5%;
	font-weight: 400;
	border-radius: 5px;
	color: #fff;
	margin: -5px 5% 0 -1%;
}

div.asobi2{
	background-color: #ffb1c8;
	padding: 1% 3.5%;
	font-weight: 400;
	border-radius: 5px;
	color: #fff;
	margin: -5px 5% 0 -1%;
}

div.asobi01{
	background-color: #ffe100;
	padding: 1% 2%;
	font-weight: 400;
	border-radius: 5px;
	color: #fff;
	margin: -5px 5% 0 -1%;
}
--*/

.sin-michi{
	position: relative;
    bottom: 180px;
    background-color: #fff;
    border-radius: 60px;
    padding-top: 2%;
    width: 550px;
	margin: 0 auto;
}

.sm-flex{
	display: flex;
	justify-content: center;
}

.sm-icon{
	display: flex;
    justify-content: space-between;
    color: var(--main-color);
}

.sm-link{
	line-height: normal;
    text-align: justify;
	padding-left: 5%;
}

.sm-link a{
	text-decoration: none;
	color: var(--main-color);
}

.single-hl2{
	font-size: 2rem;
    line-height: 40px;
    width: 700px;
    height: auto;
    color: #ffffff;
    background-color: var(--main-color);
    padding-left: 30px;
    border-radius: 5px;
    text-align: justify;
}

.category ul li.cat-item{
	padding: 8% 2%;
    font-weight: 400;
    border-radius: 10px;
    color: #fff;
}

/*-- カテゴリー色替え --*/
.category ul li.cat-item-11{
	background-color: #ff4500;
}

.category ul li.cat-item-6{
	background-color: #ff4500;
}

.category ul li.cat-item-10{
	background-color: #00c3ea;
}

.category ul li.cat-item-5{
	background-color: #00c3ea;
}

.category ul li.cat-item-9{
	background-color: #c4df26;
}

.category ul li.cat-item-4{
	background-color: #c4df26;
}

.category ul li.cat-item-3{
	background-color: #ffb1c8;
}

.category ul li.cat-item-2{
	background-color: #ffe100;
}

.category{
	width: 30%;
	margin: 0 auto;
}

.category a{
	text-decoration: none;
	color: #fff;
}

.category li{
	list-style: none;
	font-size: 2rem;
	margin-bottom: 15%;
}

.headline1-single2 {
  padding: 0 5% 5% 5%;
  line-height: 3rem;
  text-align: justify;
	font-size: 2rem;
	margin: 0 auto;
}


/* 大見出しグレー */
.headline1-in {
     display: flex;
     background-color: #f0f0f0;
     font-size: 3rem;
     width: 700px;
     height: auto;
     align-items: center;
     border-radius: 10px;
     border-left: solid 25px var(--main-color); /*左線*/
	margin: 0 auto;
	margin-bottom: 3%;
	padding: 1% 0;
  }

.headline1-in p {
  margin-right: 20px;
}

.headline1-in img {
    width: 120px;
    padding: 0 20px 0 30px;
}

/* 見出し用 */
.single-h h1{
	font-size: 4rem;
    font-weight: 500;
    text-align: justify;
    letter-spacing: 3px;
    margin: 25px 0;
    color: #ff4500;
}

.single-h h2{
	font-size: 3rem;
	text-align: justify;
	letter-spacing: 1px;
	margin: 15px 0;
	color: #ff4500;
}

.single-h h3{
	font-size: 2rem;
}



@media (max-width: 1200px) {
	.shin-michi{
		bottom: 100px;
	}
}


@media (max-width: 1100px) {
	
	.sin-headline1{
		font-size: 2rem;
		width: 65vw;
		border-radius: 10px;
		padding: 2% 0;
		margin-bottom: 13%;
	}
	
	.sin-headline1 img {
    width: 95px;
}
	
	.sin-headline3{
		font-size: 2rem;
		width: 65vw;
		border-radius: 10px;
		padding: 2% 0;
		margin-bottom: 5%;
	}
	
	.sin-headline3 img {
    width: 150px;
}
	
		.sin-headline2{
		font-size: 2rem;
		width: 65vw;
		border-radius: 10px;
		padding: 2% 0;
		margin-bottom: 5%;
	}
	
	.sin-headline2 img {
    width: 95px;
}
	
	.date{
		width: 65vw;
	}
	
	.single-hl2{
		width: 65vw;
		font-size: 1.8rem;
	}
	
	
	.headline1-in{
		font-size: 2rem;
		width: 80vw;
		border-radius: 10px;
		padding: 2% 0;
	}
	
	.headline1-in img {
    width: 95px;
}
	
	.headline1-single2{
		font-size: 1.8rem;
	}
	
	.category li{
		font-size: 1.8rem;
	}
	
}

@media (max-width: 900px){
	.contentAB{
		flex-direction: column-reverse;
	}
	
	.contentA{
		width: 100%;
		padding-bottom: 15%;
	}
	
	.contentB{
		width: 100%;
	}
}


@media (max-width: 767px) {
	.sin-michi{
		bottom: 0;
		padding-bottom: 10%;
	}
	
}
@media (max-width: 600px) {
	
	.sin-headline1 img {
    width: 75px;
    padding: 5px 20px;
}
	
  .sin-headline1 {
    font-size: 1.8rem;
	padding: 4% 0;
	  width: 90vw;
  }
	
	.sin-headline2 img {
    width: 130px;
    padding: 5px 20px;
}
	
  .sin-headline2 {
    font-size: 1.8rem;
	padding: 4% 0;
	  width: 90vw;
  }
	
	.sin-headline3 img {
    width: 130px;
    padding: 5px 20px;
}
	
  .sin-headline3 {
    font-size: 1.8rem;
	padding: 4% 0;
	  width: 90vw;
  }
	
	.date-title-sin{
		flex-wrap: wrap;
		line-height: 2;
	}
	
	.date{
		width: 90vw;
	}
	
	.sin-michi{
		width: 90vw;
	}
	
	.single-hl2{
		width: 90vw;
		font-size: 1.7rem;
	}
	
		.headline1-in img {
    width: 75px;
    padding: 5px 20px;
}
	
  .headline1-in {
    font-size: 1.8rem;
	padding: 4% 0;
  }
	
	.category li{
		font-size: 1.6rem;
		margin-bottom: 20%;
	}
	
	.headline1-single2{
		font-size: 1.6rem;
	}
	
	.category{
		width: 50%;
		margin-top: 5%;
	}
	
	.category ul li.cat-item{
		padding: 8% 2%;
	}
	
	.date3{
		margin-bottom: 15%;
	}
	
	/* 見出し用 */
.single-h h1{
	font-size: 3rem;
	margin: 15px 0;
	
}

.single-h h2{
	font-size: 2rem;
	margin: 5px 0;
}
	
	.single-h h3{
		font-size: 1.7rem;
	}
}


@media (max-width: 451px) {
	.sin-headline1 p{
		text-align: justify;
	}
	
	.single-link{
		display: block;
		line-height: 2;
	}
	
	.headline1-in p{
		text-align: justify;
	}
	
	.sin-headline3 p{
		text-align: justify;
	}
}

@media (max-width: 358px){
	.sin-headline1{
		border-radius: 14px;
	}
	.sin-headline1 p{
		font-size: 1.6rem;
	}
	
	.headline1-in{
		border-radius: 14px;
		widows: 87vw;
	}
	.headline1-in p{
		font-size: 1.6rem;
	}
	
	.sin-headline3{
		border-radius: 14px;
	}
	.sin-headline3 p{
		font-size: 1.6rem;
	}
	
	.sin-headline2{
		border-radius: 14px;
	}
	.sin-headline2 p{
		font-size: 1.6rem;
	}
}


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

         サイトマップ

---------------------------*/
footer{
	position: relative;
	margin-top: auto;
}

.footer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 150px;
  color: #fff;
  /*background: #FF4500;  背景色*/
  background-color: var(--main-color);
  font-size: 15px;
  line-height: 25px;
  align-items: center;
  padding:0 30px; 
	position: relative;
	 margin-top: auto;
	justify-content: space-between;
}
.overpass{
	position: absolute;
	width: 200px;
	margin: 0 auto;
	top: -15px;
	left: 0;
	right: 0;
}

.overpass2{
	position: absolute;
	width: 200px;
	margin: 0 auto;
	top: -30px;
	left: 0;
	right: 0;
}

@media screen and (max-width: 767px) {
	.footer{
		padding-top: 30px;
		padding-bottom: 10px;
		height: 190px;
	}
	
}

@media screen and (max-width: 323px) {
	.footer{
		height: 210px;
	}
}

/*---akami kids円弧　トップページ用---*/
.circle-text {
	position:absolute;
	height: 80px; /* 直径 */
	text-align: center;
	margin: 0 auto;
	font-size: 18px;
	  background-color:var(--main-color);
  border-radius: 50%;
	  color: #fff;
		 width: 200px;
	line-height: 40px;
	top: -15px;
	left: 0;
	right: 0;
}

.circle-text span {
	position: absolute;
	top: 0;
	left: calc(50% - 15px); /* 中心点、、文字サイズ分ずらす */
	display: inline-block;
	width: 30px; /* 文字サイズより小さくしない */
	height: 160px; /* 半径 */
	transform-origin: center bottom; /* 回転の基準点 */
}


.circle-text span:nth-child(1) {
	transform: rotate(-17deg);
}

.circle-text span:nth-child(2) {
	transform: rotate(-13deg);
}

.circle-text span:nth-child(3) {
	transform: rotate(-9.5deg);
}

.circle-text span:nth-child(4) {
	transform: rotate(-4.5deg);
}

.circle-text span:nth-child(5) {
	transform: rotate(0deg);
}

.circle-text span:nth-child(6) {
	transform: rotate(2deg);
}

.circle-text span:nth-child(7) {
	transform: rotate(5deg);
}

.circle-text span:nth-child(8) {
	transform: rotate(8deg);
}

.circle-text span:nth-child(9) {
	transform: rotate(11deg);
}

.circle-text span:nth-child(10) {
	transform: rotate(15deg);
}

/*---akami kids円弧　他ページ用---*/
.circle-text2 {
	position:absolute;
	height: 80px; /* 直径 */
	text-align: center;
	margin: 0 auto;
	font-size: 18px;
	  background-color:var(--main-color);
  border-radius: 50%;
	  color: #fff;
		 width: 200px;
	line-height: 40px;
	top: -30px;
	left: 0;
	right: 0;
}

.circle-text2 span {
	position: absolute;
	top: 0;
	left: calc(50% - 15px); /* 中心点、、文字サイズ分ずらす */
	display: inline-block;
	width: 30px; /* 文字サイズより小さくしない */
	height: 160px; /* 半径 */
	transform-origin: center bottom; /* 回転の基準点 */
}


.circle-text2 span:nth-child(1) {
	transform: rotate(-17deg);
}

.circle-text2 span:nth-child(2) {
	transform: rotate(-13deg);
}

.circle-text2 span:nth-child(3) {
	transform: rotate(-9.5deg);
}

.circle-text2 span:nth-child(4) {
	transform: rotate(-4.5deg);
}

.circle-text2 span:nth-child(5) {
	transform: rotate(0deg);
}

.circle-text2 span:nth-child(6) {
	transform: rotate(2deg);
}

.circle-text2 span:nth-child(7) {
	transform: rotate(5deg);
}

.circle-text2 span:nth-child(8) {
	transform: rotate(8deg);
}

.circle-text2 span:nth-child(9) {
	transform: rotate(11deg);
}

.circle-text2 span:nth-child(10) {
	transform: rotate(15deg);
}

.adress {
  display: flex;
  flex-wrap: wrap;
	z-index: 99;
}

.adress a{
	color: #fff;
	text-decoration: none;
}



/*---アドレス用改行---*/
.br-sp{
	display: none;
}
.br-pad{
	display: none;
}

.br-mb{
	display: none;
}

@media screen and (max-width: 1200px){
	.br-pad{
		display: block;
	}
.copyright{
		position: static;
	}

}

@media screen and (max-width: 767px) {
	.br-sp{
		display: block;
	}
	
	.br-pad{
		display: none;
	}

}

@media screen and (max-width: 391px){
	.br-pad{
		display: block;
	}
	
	.br-mb{
		display: block;
	}
}


/*---PDF埋め込みプラグイン　改変用---*/
.pdfemb-viewer{
	margin: 4% auto !important;
}


/*---ページナビプラグイン　改変用---*/
.wp-pagenavi{
	text-align: center;
	font-size: 1.6rem;
	padding-top: 5%;
}

.wp-pagenavi a,.wp-pagenavi span{
	border: none!important;
}

.wp-pagenavi a{
	color: #000;
}

/*--パスワードフォーム　改変用---*/
.post-password-form{
	font-size: 1.6rem;
	line-height: 2;
	padding-bottom: 10%;
}

.post-password-form p label{
	font-weight: 400;
	color: var(--main-color);
}

.post-password-form p{
	padding-top: 3%;
}

.post-password-form p label input{
	width: 450px;
	margin: 0 auto;
}