@charset "UTF-8";

.kodomo-no-shiro {
    margin: auto;
    color: #094b9c;
}
.kodomo-no-shiro h2 {
  margin-bottom: 30px;
}
.kodomo-no-shiro img {
  max-width: 100%;
  height: auto;
}

.kodomo-no-shiro .oshigoto {
  background-image: repeating-linear-gradient(135deg, #ea5550, #ea5550 20px, #da3a39 20px, #da3a39 23px);
/*
*/
}
.kodomo-no-shiro .oshigoto .inner {
  background-image: url(./bg_shigoto1.svg) , url(./bg_shigoto2.svg);
  background-position: top left, bottom right;
  background-repeat: no-repeat;
  background-size: 40%, 40%;
  padding: 30px;
}
.kodomo-no-shiro .ttl {
  margin-bottom: 20px;
}

.kodomo-no-shiro .block1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.kodomo-no-shiro .block1 .item1 {
  width: 50%;
  background-image: repeating-linear-gradient(135deg, #fdd237, #fdd237 30px, #fedb3b 30px, #fedb3b 60px);
  padding: 20px;
}
.kodomo-no-shiro .block1 .item2 {
  width: 50%;
}


.kodomo-no-shiro .block1 .schedule {
	margin: 20px auto 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.kodomo-no-shiro .block1 .schedule .time {
	width: 48%;
	background-color: #fff;
	border-radius: 20px;
}
.kodomo-no-shiro .block1 .schedule .time h4 {
	background-color: #E70011;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
	font-size: 18px;
	margin: 0;
}
.kodomo-no-shiro .block1 .schedule .time h4 span {
	font-size: 22px;
}
.kodomo-no-shiro .block1 .schedule .time ol {
	background-color: #fff;
	border-radius: 20px;
	padding: 10px 10px 20px;
}
.kodomo-no-shiro .block1 .schedule .time ol li {
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
}


.kodomo-no-shiro .block2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #fce5e7;
  background-image: radial-gradient(circle, #f2cad1 2px, transparent 2px), radial-gradient(circle, #f2cad1 2px, transparent 2px);
  background-position: 0 0, 14px 28px;
  background-size: 28px 56px;
}
.kodomo-no-shiro .block2 .inner {
  padding: 30px;
}
.kodomo-no-shiro .block2 h3 {
  text-align: center;
  color: #fff;
  background-color: #ea5550;
  font-size: 24px;
  line-height: 1;
  padding: 15px 10px;
  border-top: 4px #0b4b9d solid;
  border-bottom: 4px #0b4b9d solid;
}

.kodomo-no-shiro .block2 h3.ttl_food {
  text-align: center;
  color: #fff;
  background-color: #6eba44;
  font-size: 24px;
  line-height: 1;
  padding: 15px 10px;
  border-top: 4px #0b4b9d solid;
  border-bottom: 4px #0b4b9d solid;
}

.kodomo-no-shiro .block2 .item1 {
  width: 50%;
  border-right: #0b4b9d 2px solid;
}
.kodomo-no-shiro .block2 .item2 {
  width: 50%;
  border-left: #0b4b9d 2px solid;
}

.kodomo-no-shiro .block2 ul {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.kodomo-no-shiro .block2 ul li {
  background-color: #fff;
  border-radius: 10px;
  font-weight: bold;
  color: #0b4b9d;
  padding: 15px 20px;
  text-align: center;
  margin: 0 5px 10px;
  font-size: 20px;
}
.kodomo-no-shiro .block2 p.more {
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  color: #0b4b9d;
}
.kodomo-no-shiro .block2 .asobi {
  margin: 0px auto 20px;
}
.kodomo-no-shiro dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 10px;
}
.kodomo-no-shiro dl dt {
  width: 3.5em;
  font-weight: bold;
}
.kodomo-no-shiro dl dd {
  width: calc(100% - 4em);
  font-weight: bold;
}
.kodomo-no-shiro .block2 .item2 .inner2 {
  padding: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.kodomo-no-shiro .block2 .item2 .inner2 .list {
  width: 63%;
}
.kodomo-no-shiro .block2 .item2 .inner2 .asobi_img {
  width: 35%;
}
.kodomo-no-shiro .block2 .item2 .inner2 .asobi_img2 {
  width: 100%;
  margin: 15px auto;
}

.kodomo-no-shiro .block2 .item2 .inner3 {
  padding: 30px;
}

.kodomo-no-shiro .block2 .eve_info2 {
  background-color: #e1efd8;
  background-image: radial-gradient(circle, #c6dfc0 2px, transparent 2px), radial-gradient(circle, #c6dfc0 2px, transparent 2px);
  background-position: 0 0, 14px 28px;
  background-size: 28px 56px;
}
.kodomo-no-shiro .block2 .eve_info2 h4 {
  color: #0b4b9d;
  text-align: center;
  font-size: 22px;
}
.kodomo-no-shiro .block2 .item2 .inner3 ol {
  margin-top: 10px;

}
.kodomo-no-shiro .block2 .item2 .inner3 ol li {
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  margin-bottom: 5px;
  line-height: 1.3;
  vertical-align: middle;
}
.kodomo-no-shiro .block2 .item2 .inner3 ol li::before {
  display:inline-block; 
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width:0.3em;
  height: 0.3em;
  background: #0b4b9d;
  border-radius: 50%;
  margin-right: 8px;
/*
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
*/
}



.kodomo-no-shiro .block3 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #e0f1f4;
  background-image: radial-gradient(circle, #abd6e5 2px, transparent 2px), radial-gradient(circle, #abd6e5 2px, transparent 2px);
  background-position: 0 0, 14px 28px;
  background-size: 28px 56px;
}
.kodomo-no-shiro .block3 .item1 {
  width: 50%;
  border-right: #0b4b9d 2px solid;
}
.kodomo-no-shiro .block3 .item2 {
  width: 50%;
  border-left: #0b4b9d 2px solid;
}
.kodomo-no-shiro .block3 .inner {
  padding: 30px;
}
.kodomo-no-shiro .block3 h3 {
  text-align: center;
  color: #fff;
  background-color: #073970;
  font-size: 24px;
  line-height: 1;
  padding: 15px 10px;
  border-top: 4px #073970 solid;
  border-bottom: 4px #073970 solid;
}
.kodomo-no-shiro .block3 .lead {
  color: #0b4b9d;
  font-weight: bold;
}
.kodomo-no-shiro .block3 .lead2 {
  color: #0b4b9d;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  line-height: 2;
  margin-top: 20px;

  background-image: url(./img_booth1.svg) , url(./img_booth2.svg);
  background-position: left, right;
  background-repeat: no-repeat;
  background-size: 18%, 20%;

}


@media screen and (max-width: 992px) {
  .kodomo-no-shiro .block2 ul li {
	font-size: 16px;
	padding: 15px 15px;
	}
  .kodomo-no-shiro .block2 .item2 .inner2 .list {
    width: 100%;
  }
  .kodomo-no-shiro .block2 .item2 .inner2 .asobi_img {
    width: 80%;
    margin: -10px auto 20px;
  }


}
@media screen and (max-width: 767px) {
  .kodomo-no-shiro .block1 .item1 {
    width: 100%;
  }
  .kodomo-no-shiro .block1 .item2 .g_event2 ,
  .kodomo-no-shiro .block1 .item2 {
    border-top: 3px #0b4b9d solid;
    width: 100%;
  }

  .kodomo-no-shiro .block2 .inner {
    padding: 30px 20px;
  }

  .kodomo-no-shiro .block2 .item1 {
    width: 100%;
    border-right: none;
  }
  .kodomo-no-shiro .block2 .item2 {
    width: 100%;
    border-left: none;
  }

	.kodomo-no-shiro .block1 .schedule .time {
/*
		width: 100%;
*/
		background-color: #fff;
		border-radius: 20px;
		margin-bottom: 20px;
	}

	.kodomo-no-shiro .block1 .schedule .time h4 span {
		font-size: 18px;
	}

	.kodomo-no-shiro .block1 .schedule .time ol li {
		font-size: 18px;
		font-weight: bold;
		padding: 5px 0;
		text-align: center;
	}

  .kodomo-no-shiro .block2 .item2 .inner2 .list {
    width: 100%;
  }
  .kodomo-no-shiro .block2 .item2 .inner2 .asobi_img {
    width: 80%;
    margin: -10px auto 20px;
  }

  .kodomo-no-shiro .block2 .item2 .inner3 {
    padding: 30px 20px;
  }

  .kodomo-no-shiro .block3 .item1 {
    width: 100%;
    border-right: none;
  }
  .kodomo-no-shiro .block3 .item2 {
    width: 100%;
    border-left: none;
  }

  .kodomo-no-shiro .block3 .inner {
    padding: 30px 20px;
  }

  .kodomo-no-shiro .block2 ul li {
	font-size: 16px;
	margin: 0 5px 5px;
	}

}