@charset "utf-8";

/* ----- pickup ----- */
.pickup * {
	font-weight: bold;
}
.pickup {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: center;
	position: relative;
	border: dashed 1px #5A3417;
	border-radius: 5px;
	padding: 10px 10px 10px 0;
	margin: 40px auto;
}
.pickup:before {
	position: absolute;
	content: "";
	width: 106px;
	height: 100px;
	background: url(../img/icon_01.png) no-repeat center center;
	background-size: 106px;
	top: -25px;
	left: -20px;
}
.pickup p {
	flex: 1;
	text-align: left;
	padding-left: 80px;
}
.pickup a {
	display: block;
	color: #FCF4E2;
	text-align: center;
	background-color: #F5AA0A;
	padding: 3px 10px;
	margin-left: 1em;
	border-radius: 5px;
}.pickup a:hover {
	background-color: #EFB73B;
	text-decoration: none;
}.pickup a:visited {
	color: #FCF4E2;
}

/* お知らせ（園庭開放などトップバナー） */
.top_information, .top_information img {
	width: 100%;
	max-width: 840px;
}.top_information {
	position: relative;
	padding: 10px 0;
	margin: 40px auto;
}/*.top_information:before {
	position: absolute;
	content: "";
	width: 106px;
	height: 100px;
	background: url(../img/icon_01.png) no-repeat center center;
	background-size: 106px;
	top: 0;
	left: -55px;
	z-index: 99;
}*/.top_information img {
	box-shadow: 0px 3px 10px #CAC3B5;
	border: solid 1px #fff;
}.top_information a {
	position: relative;
	display: block;
	top: 0;
}.top_information a:hover {
	top: 3px;
}
/*.setsumeiR6 a::before {
	content: "令和６年度 入園のお子様・保護者向け";
	position: absolute;
	top: -15px;
	left: -5px;
	font-weight: bold;
	color: #fff;
	padding: 2px 10px;
	background-color: #ff7300;
	z-index: 99;
	border-radius: 5px;
}*/
.sub_menu_sp {
	position: relative;
}
.sub_menu_sp li.cap {
	font-weight: bold;
	color: #fff;
	display: inline-block;
	background-color: #ff7300;
	padding: 5px 10px;
	padding-bottom: 20px;
	margin-bottom: -15px;
	border-radius: 5px;
	display: none;
}

@media (max-width: 450px) {
	.top_information {
		display: none;
	}
}

/* ----- menu ----- */
.main_menu {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px;
}.main_menu li {
	width: calc((100% - 30px)/3);
	/*margin-right: 20px;*/
	border-radius: 5px;
}
.main_menu a {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 56%;
	border: solid 1px #FCF4E2;
	border-radius: 5px;
	box-shadow: 0px 3px 10px #CAC3B5;
}.main_menu .menu01 {
	background: url(../img/topmenu_tokuchou.jpg) no-repeat top center;
}.main_menu .menu02 {
	background: url(../img/topmenu_hoiku.jpg) no-repeat top center;
}.main_menu .menu03 {
	background: url(../img/topmenu_shisetsu.jpg) no-repeat top center;
}.main_menu .menu04 {
	background: url(../img/topmenu_tamago.jpg) no-repeat top center;
}.main_menu .menu05 {
	background: url(../img/topmenu_kengaku_.jpg) no-repeat top center;/*←画像を変えるだけでOK。あとはリンクの有無で変化する　説明会がない場合：topmenu_kengaku_.jpg 園庭開放：topmenu_ground.jpg*/
}.main_menu .menu06 {
	background: url(../img/topmenu_FAQ.jpg) no-repeat top center;
}
.main_menu .menu01, .main_menu .menu02, .main_menu .menu03, .main_menu .menu04, .main_menu .menu05, .main_menu .menu06 {
	background-size:cover;
}
.main_menu a:hover {
	position: relative;
	top: 3px;
}
.first_image,
.main_menu.narrow,
.sp_main_menu {
	display: none;
}

/* ---------- 幼稚園便り ---------- */
@media (max-width: 600px) {
.pickup {
	display: block;
}

.main_menu.full {
	display: none;
}
.main_menu.narrow {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
}.main_menu.narrow li {
	width: calc((100% - 15px)/2);
}
}

@media (max-width: 450px) {
header h1 img {
	width: 80%;
}
.pickup {
	display: none;
}
.main_menu.narrow {
	display: none;
}

/* ----- イメージ ----- */
.first_image {
	display: block;
	background: url(../img/first_image.jpg) no-repeat center center;
	background-size: 100% auto;
	padding-top: 150%;
	margin-top: -90px;
	position: relative;
	z-index: -9;
}

/* ----- sp_menu ----- */
.sp_main_menu {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 20px;
}
.sp_main_menu li {
	width: calc((100% - 40px)/3);
	margin-right: 20px;
	border-radius: 90px;
}.sp_main_menu li:last-child {
	margin-right: 0;
}
.sp_main_menu li a {
	display: block;
	width: 100%;
	padding-top: 100%;
	border: solid 1px #FCF4E2;
	box-shadow: 0px 3px 10px #CAC3B5;
	border-radius: 90px;
}
.sp_main_menu .menu01 {
	background: url(../img/topmenu_sp_tokuchou.jpg) no-repeat top center;
}
.sp_main_menu .menu02 {
	background: url(../img/topmenu_sp_hoiku.jpg) no-repeat top center;
}
.sp_main_menu .menu03 {
	background: url(../img/topmenu_sp_shisetsu.jpg) no-repeat top center;
}
.sp_main_menu .menu04 {
	background: url(../img/topmenu_sp_tamago.jpg) no-repeat top center;
}
.sp_main_menu .menu05 {
	background: url(../img/topmenu_sp_kengaku_.jpg) no-repeat top center;/*説明会がない場合：topmenu_sp_kengaku_.jpg　ある場合：topmenu_sp_setsumeikai.jpg*/
}
.sp_main_menu .menu06 {
	background: url(../img/topmenu_sp_FAQ.jpg) no-repeat top center;
}
.sp_main_menu .menu01, .sp_main_menu .menu02, .sp_main_menu .menu03,
.sp_main_menu .menu04, .sp_main_menu .menu05, .sp_main_menu .menu06 {
	background-size: cover;
	position: relative;
}
.sp_main_menu .menu01:after, .sp_main_menu .menu02:after, .sp_main_menu .menu03:after,
.sp_main_menu .menu04:after, .sp_main_menu .menu05:after, .sp_main_menu .menu06:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 22.2%;
	background-size: 100% auto !important;
	bottom: -10px;
}
.sp_main_menu .menu01:after {
	background: url(../img/topmenu_sp_txt_tokuchou.png) no-repeat center top;
}
.sp_main_menu .menu02:after {
	background: url(../img/topmenu_sp_txt_hoiku.png) no-repeat center top;
}
.sp_main_menu .menu03:after {
	background: url(../img/topmenu_sp_txt_shisetsu.png) no-repeat center top;
}
.sp_main_menu .menu04:after {
	background: url(../img/topmenu_sp_txt_tamago.png) no-repeat center top;
}
.sp_main_menu .menu05:after {
	/*opacity: 0.5;*/
	background: url(../img/topmenu_sp_txt_kengaku.png) no-repeat center top;
}
.sp_main_menu .menu06:after {
	background: url(../img/topmenu_sp_txt_FAQ.png) no-repeat center top;
}
}