/* CSS Document */

/* 基本 */

section{
	padding-top: 80px;
	padding-bottom: 80px;
}

h2 {
    font-size: 2.2rem;
}


/*　ボタン　*/

.top_content_btn {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
	max-width: 100%;
}

.top_content_btn a {
    font-size: 1.1em;
}

.btn_allow::after {
    right: 15px;
}


/* ヘッダーナビ */

.header_box{
	width: 100%;
	height: 80px;
	position: fixed;
	z-index: 100;
	background-color: rgba(255,255,255,0.9);
}

.header_box_inner{
	width: 100%;
	height: 100%;
	/*margin-left: auto;
	margin-right: auto;*/
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 50px;
	padding-right: 50px;
}

.header_access_box{
	/*width: 138px;*/
	display: flex;
	align-items: center;
}

.header_access_box_tel{
	width: 30px;
	height: 30px;
}

.header_access_box_mail{
	width: 28px;
	height: 28px;
}

.header_access_box_map{
	width: 30px;
	height: 30px;
}

.header_access_box_insta{
	width: 28px;
	height: 28px;
}

.header_logo_box{
	width: 300px;
}

.header_logo_box img{
	width: 100%;
	height: auto;
}

.header_menu_box{
	width: fit-content;
	display: flex;
	align-items: center;
}

.header_menu_parents{
	width: 11em;
	border: 3px solid #FB6790;
	border-radius: 50px;
	background-color: #fff;
	color: #FB6790;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 85px;
}

.header_menu_parents a{
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	color: #FB6790;
	text-decoration: none;
}

.menu_parents_lockimg{
	width: 30px;
}

.header_menu_hamberger{
	display: flex;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #B3C41D;
	justify-content: center;
	align-items: center;
	margin-left: 20px;
}

/* PCメガメニュー */

/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 250;
  right : 50px;
  top   : 10px;
  width : 60px;
  height: 60px;
  cursor: 60px;
  text-align: center;
  background-color: #B3C41D;
  border-radius: 50%;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 25px;
  height  : 2px ;
  right    : 18px;
  background : #fff;
  z-index : 251;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 19px;
}
.hamburger span:nth-child(2) {
  top: 29px;
}
.hamburger span:nth-child(3) {
  top: 39px;
}

/* ナビ開いてる時のボタン */
.hamburger.active{
	background-color: #fff;
}

.hamburger.active span:nth-child(1) {
  top : 28px;
  right    : 18px;
  background :#7DBD4F;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 28px;
  background :#7DBD4F;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}




/* 抑えの文章 */

.top_content_img_1{
	width: 160px;
	height: auto;
	top: 0;
	left:0;
}

.top_content_img_2{
	width: 170px;
	height: auto;
	top: 20px;
	right:0;
}

.top_content_img_3{
	width: 130px;
	height: auto;
	bottom:100px;
	left:60px;
}

.top_content_img_4{
	width: 130px;
	height: auto;
	bottom:200px;
	right:20px;
}

.top_content_img_5{
	width: 100px;
	height: auto;
	bottom:40px;
	right:100px;
}

.top_content_txt{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 50px;
}

.top_content_txt p{
	font-size: 1.1em;
	line-height: 2.5;
}

/* お知らせ */

.news dl {
    font-size: 1.2em;
}

/* ブログ */

.top_blog_h2_p{
	position: absolute;
	top:80px;
	left:71%;
}

.top_blog_h2_p p{
	text-align: center;
	font-weight: bold;
	font-size: 1em;
}

/* 未就園児 */

.babynews_box_box h3 {
    font-size: 1.4em;
}

.babynews_txt {
    font-size: 1.1em;
}

/* お問い合わせ */

.top_contact_box_detail_1 {
    padding: 40px 30px 70px;
}

.top_contact_box_detail_1 .top_content_btn {
    width: 225px;
}

.top_contact_box_detail_btnbox {
    width: 720px;
}

.top_contact_box_detail_2 .top_contact_box_detail_btnbox {
    width: 630px;
}

/* フッタースライダー */

.top_footer_slide {
    height: 120px;
}


/* フッターナビ */

.footer_flex {
    padding: 100px 0;
}

.footer_flex p {
    font-size: 0.9em;
}

.footer_access {
    font-size: 1.3em;
}

.footer_access_img {
    margin-right: 10px;
}

.footer_box_2 p a, .footer_box_3 p a, .footer_box_4 p a {
    font-size: 1.1rem;
}

.footer_box_2 p, .footer_box_3 p, .footer_box_4 p {
    font-size: 1.1rem!important;
}

/* ========下層ページここから======== */

/*　歩育について　*/

.aruku_box_1_img_1{
	width: 120px;
	height: 128px;
}

.aruku_box_1_img_2{
	width: 69px;
	height: 145px;
}

.aruku_box_1_img_4{
	width: 104px;
	height: 183px;
}

.aruku_box_1_img_3{
	width: 154px;
	height: 172px;
}

/* 1日のスケジュール */

.schedule_h2 {
    font-size: 1.8rem;
}

.schedule_h2 span {
    font-size: 1.2rem;
}

.schedule_time {
    width: 100px;
    height: 100px;
}

.schedule_title_box_1 {
    padding-left: 80px;
}

.schedule_title_box_2 {
    padding-left: 60px;
}

.schedule_text_box_left {
    padding: 20px 60px 20px 80px;
}

.schedule_text_box_right {
    padding: 20px 50px 20px 60px;
}

.schedule_img_box_right .schedule_img_2 {
    top: 200px;
}

.schedule_img_box_left .schedule_img_2 {
    top: 200px;
}

/* 年間行事 */

.event .inner_small{
	max-width: 80%;
}

.month {
    width: 100px;
    height: 100px;
	border: 7px solid #fff;
}

.sakura_img {
    transform: translate(30%,45%);
    width: 242px;
    height: 181px;
}

.event_1_1 {
    width: 296px;
    height: 275px;
    position: absolute;
    top: -45px;
    left: -280px;
}

.event_1_2 {
    width: 233px;
    height: 175px;
    position: absolute;
    top: 0;
    right: -230px;
}

.event_2_1 {
    width: 296px;
    height: 275px;
    position: absolute;
    top: -45px;
    left: -330px;
}

.event_2_2 {
    width: 303px;
    height: 227px;
    position: absolute;
    top: -10px;
    right: -320px;
}

.event_3_1 {
    width: 296px;
    height: 275px;
    position: absolute;
    top: 50px;
    left: -320px;
}

.event_3_2 {
    width: 302px;
    height: 227px;
    position: absolute;
    top: 10px;
    right: -320px;
}

.event_4_1 {
    width: 266px;
    height: 248px;
    position: absolute;
    top: 50px;
    left: -280px;
}

.event_4_2 {
    width: 302px;
    height: 227px;
    position: absolute;
    top: 10px;
    right: -330px;
}

.shousho_img {
    width: 238px;
    height: 178px;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(30%,40%);
}

/* ブログ */

.colum_2{
	width: 960px;
}

main{
	width: calc(100% - 318px);
}

.blog_list_card_box{
	width: calc((100% - 44px) / 2 );
	border-radius: 20px;
	height: 330px;
	overflow: hidden;
	filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.2)); 
	margin-bottom: 44px;
	margin-right: 44px;
}

.blog_list_card_box:nth-child(3n){
	margin-right: 44px;
}

.blog_list_card_box:nth-child(2n){
	margin-right: 0;
}


/* 保護者ページ */

.parents_top_img{
	width: 236px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 15%;
	transform: translate(-50%,-50%);
}

/* イベント予約ページ */
.contact .top_contact_box_detail_2 .top_contact_box_detail_btnbox {
    width: 300px;
}

.schedule_text_box_right.p6 {
    height: 270px;
}