@charset "utf-8";

body {
	background-size: cover;
	width:100%;
}

#headerphoto, #linkbox, #child, #topics dl, #pagetop {
	width: 100%;
}

header {
	background: none;
}

#headerphoto {
	height: 505px;
	background: url(../images/satoni_back_kazamidori_s.png) left bottom no-repeat;
	background-size: 100%;
}

/*雲ナビゲーション*/
nav ul li {
	font-size: 62.5%;
}

nav ul li#idea a {
 	width: 120px;
	padding: 35px 20px 35px 0px;
	right: 170px;
	top: 30px;
}

nav ul li#idea a, nav ul li#idea a:hover {
	background-size: 140px auto;
}

nav ul li#recruit a {
	width:123px;
	padding: 22px 0px 34px 0px;
	right: 55px;
	top: 30px;
}
nav ul li#recruit a, nav ul li#recruit a:hover {
	background-size: 123px auto;
}

nav ul li#member a {
	width: 120px;
	padding: 36px 20px 36px 0px;
	right: 115px;
	top: 80px;
}
nav ul li#member a, nav ul li#member a:hover {
	background-size: 140px auto;
}

nav ul li#contact a {
	width: 125px;
	padding: 27px 10px 33px 0px;
	right: 6px;
	top: 75px;
}

nav ul li#contact a, nav ul li#contact a:hover {
	background-size: 135px auto;
}

/*木・h1設定*/
#linkbox {
	height: 505px;
}

#boxtree{
	width: 278px;
	height: 374px;
	right: 5px;
}

#boxtree h1 {
	width: 278px;
	height: 374px;
	background-size: 278px 374px;
}

#boxtree p {
	margin-top: -195px;
}

/*保育園リンク*/
#boxschool {
	width: 87%;
	left: 13%;
}

#boxschool ul li {
	width: 21%;
	margin-right: 2%;
}

#boxschool ul li a {
	height: 130px;
}

#koyama, #satoni, #taisho, #johoku, #koyama a:hover, #satoni a:hover, #taisho a:hover, #johoku a:hover {
	background-size: 100%;
}

#kage {
	margin-left: 14%;
	background-size: 105% 100%;
}


/*子ども設定*/
#img01 {left: 5px;}

#img02, #img03 {	display: none;}


/*topics設定*/
#boxinfo, #topics {	width: 96%;}
#boxinfo {	padding: 0% 2%;}
#topics {	padding: 10px 2%;}

#topics_l {	float: none;}

#topics #topics_l h2 {	float: left;}
/*#topics dl {	line-height: 1.5em;}
#topics dl dt, #topics dl dd {	padding-top: 5px;}*/
p#infobtn {		float: right;}

#img04 {	margin-left: 20px;}


/*TOP戻るボタン*/
#pagetop p {	right: 10px;}


/*footer設定*/
footer {	padding-bottom: 20px;}

footer ul {	width: 94%;}

footer ul li {
	padding: 0% 3%;
}

#footer_inner {	width: 94%;}

footer p {
	padding-right:3%;
	font-size: 75%;
}


iframe.youtube {
    width: 98%;
    height: auto;
	padding: 10px 1%;
    aspect-ratio: 16 / 9;
}


@media screen and (max-width: 320px) {
#headerphoto, #linkbox {
	height: 460px;
}
}