@charset "utf-8";
/*
Theme Name: 松戸二三ヶ丘幼稚園
Theme URI: https://fumigaoka.jp/
Author: 松戸二三ヶ丘幼稚園
Description: 松戸市の二三ヶ丘幼稚園公式サイト
*/

/*保護者限定ページ*/
#file-download2 .flaotbox{
display: flex;
flex-wrap: wrap;
}
#file-download2 .flaotbox ul{
width: 22%;
padding-left: 10px;
padding-right: 10px;
}
#file-download2 .flaotbox ul li{
text-align: center;
}
#file-download2 .flaotbox ul li i{
font-size:220%;
color:#6C3C18;
}
#file-download2 .flaotbox ul li::before {
/*
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f1c1";
*/
}
@media only screen and (max-width:575px) {
#file-download2 .flaotbox ul{
width: 44%;
}
}

/*ふみっこクラブ*/
.tablepress1 td.column-1{
	padding: 10px;
	width: 20%;
	vertical-align: middle;
	background: #EDE7DA;
	border-bottom: 1px solid #FFF;
	color: #441F0D;
	font-weight: bold;
	text-align: center!important;
	}
.tablepress1 td.column-2{
	padding: 10px;
	vertical-align: middle;
	background: #F9F6F1;
	border-bottom: 1px solid #FFF;
	width: 70%;
	}


/*リクルート情報*/
.recruit_info .pink_large{
font-size: 20px;
font-weight: bold;
color: #F66;
line-height:1.5em;
margin-bottom: 20px;
}
.recruit_info .pink{
color: #F66;
}
.recruit_info ul{margin-bottom: 30px;}
.recruit_info table{margin-bottom: 20px;}
.recruit_info table th,.recruit_info table td{
padding: 10px 15px;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px){
.recruit_info table.recruit tr{
display: flex;
flex-direction: column;
}
.recruit_info table.recruit th,.recruit_info table.recruit td{
padding: 3px 0;
}
.recruit_info table.recruit th{
margin-bottom: 0;
padding-top: 12px!important;
}
}

.recruit_info .border{
border:1px solid #F66;
padding: 10px;
clear: both;
text-align: center;
margin: 10px auto 50px auto;
width: 70%;
}
@media only screen and (max-width: 480px){
.recruit_info .border{
width: 100%;
margin: 0;
padding: 10px 0;
}
}
.recruit_info table.recruit th,
.recruit_info table.recruit td{
vertical-align: top;
}
.recruit_info table.recruit td input{
margin-left:5px;
}
.recruit_info #title02{
margin-bottom: 20px!important;
}
.recruit_info table.recruit td label{padding-right: 5px;}
@media only screen and (min-width: 1000px){
.recruit_info #contact2 {
width: 100%!important;
}
}
@media only screen and (min-width: 481px){
.recruit_info #contact2 {
width: 100%!important;
}
}

@media only screen and (max-width: 767px){
.recruit_info table.recruit tr{
display: flex;
flex-direction: column;
}
.recruit_info table.recruit th{
margin-bottom: 0!important;
}
}

.recruit_info input[type="submit"]{
padding: 5px 20px;
background-color: #ff7473; 
border: 1px solid #fff;
border-radius: 3px;
color: #FFF;
}
.recruit_info table.read th,
.recruit_info table.read td {
background-color: #FFF;
}

/*保護者限定ページ改造*/
/*既存スタイルの上書き　情報量が増え、高さが増えると、下カラムが左にずれるので*/
main#blockbox {
margin-bottom:20px;
}
@media only screen and (min-width: 1000px){
main#blockbox #title01{width: 98%;}
main#blockbox #file-download{width: 98%;}
main#blockbox #file-download2{width: 98%;}
main#blockbox #oshirase{
margin-left: 1.6949%;
}
}
@media only screen and (min-width: 481px){
main#blockbox{
float:left;
width: 76%;
}
main#blockbox #title01{width: 98%;}
main#blockbox #file-download{width: 98%; margin-left: 2.5641%;}
main#blockbox #file-download2{width: 98%; margin-left: 0;}
main#blockbox #oshirase{
margin-left: 2.5641%;
}
}
main#blockbox #oshirase{
margin-top: 30px;
clear: none;
float: left;
display: block;
overflow-y: scroll;
max-height: 390px;
margin-bottom: 10px;
}
main#blockbox #oshirase ul li{
font-size: 15px;
color: #673B19;
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: 1px dotted #683C19;
width: 100%;
float: left;
}
main#blockbox #file-download2 .flaotbox ul{
margin-bottom:20px;
}
main#blockbox #file-download2{
overflow-y: scroll;
max-height: 220px;
margin-bottom: 10px;
}
@media only screen and (max-width: 480px){
main#blockbox #oshirase{
max-height: 180px;
}
main#blockbox #file-download2{
max-height: 140px;
}
}