@charset "utf-8";

/* **************************************************** */
/* 下層 カスタマイズ CSS
/* こちらで設定のスタイルは管理画面のエディタにも反映されます。
/* **************************************************** */

/* 全ページ共通 */
body {
background: #FFFFFF;
color: #333333;
font-size: 12px;
}

img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}

/* -- リンク -- */

a {
color: #666666;
}
a:hover {
color: #999999;
}

a:hover img {
opacity: 0.5;
}

/* -- 見出し -- */

.m-title-inner {
color: #333333;
}
.m-title-inner::before, .m-title-inner::after {
background-color: #666666 !important;
}

#Main .subttl {
border-bottom: 2px solid #FFCC99;
color: #333333;
font-size: 174%;
font-weight: bold;
}

.post h3 {
border-bottom: 1px dashed #999999;
margin-bottom: 10px;
}

/* 下層共通 */
.breadcrumbs {
margin-top: 10px;
}

.post {
font-size: 117%;
}

/* -- 投稿ページ -- */
.dl-title-list dt {
width: 130px;
}
.dl-title-list dd {
padding-left: 130px;
}

/* -- まなびの杜での取り組み -- */
.efforts-ttl {
border-bottom: 0 !important;
font-size: 150% !important;
font-weight: bold;
line-height: 1.4em;
text-align: center;
}

.efforts-txt-box div {
font-size: 117%;
line-height: 1.4em;
vertical-align: middle;
}
.efforts-txt-box .txt-box {
background: #FFF2E5;
border-radius: 10px;
padding: 30px 15px;
}

/* バックアップ - ここから - */
/* .efforts-box {
border-radius: 10px;
margin: 0 0 30px;
padding: 30px 15px;
}
.efforts-box:nth-child(odd) {
background: #FFF2E5;
}
.efforts-box:nth-child(even) {
background: #FFEAF4;
}

.efforts-box img {
border-radius: 10px;
} */
/* バックアップ - ここまで - */

/* -- 保護者様の声 -- */
.voice-box {
background: #FFEAF4;
border-radius: 10px;
margin: 0 0 50px;
padding: 30px;
position: relative;
}
.voice-box:before {
content: "";
position: absolute;
bottom: -15px; left: 20px;
margin-left: 0;
display: block;
width: 50px;
height: 50px;
background: #FFEAF4;
border-radius: 0 30px 0 30px;
z-index: -1;
}
.voice-box:after {
content: "";
position: absolute;
bottom: -10px; left: 40px;
margin-left: 0;
display: block;
width: 50px;
height: 50px;
background: #FFF;
border-radius: 0 30px 0 30px;
z-index: -1;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}

.voice-box2 {
background: #e0edff;
border-radius: 10px;
margin: 0 0 50px;
padding:30px;
position: relative;
}
.voice-box2:before {
content: "";
position: absolute;
bottom: -15px; right: 20px;
margin-left: 0;
display: block;
width: 50px;
height: 50px;
background: #e0edff;
border-radius: 30px 0 30px 0;
z-index: -1;
}
.voice-box2:after {
content: "";
position: absolute;
bottom: -10px; right: 40px;
margin-left: 0;
display: block;
width: 50px;
height: 50px;
background: #FFF;
border-radius: 30px 0 30px 0;
z-index: -1;
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
transform: rotate(-30deg);
}

/* -- 年間イベント -- */
#EventBox {
background: #fff9f4;
border: 5px solid #FFCC99;
border-radius: 10px;
font-size: 134%;
padding: 10px 20px 20px;
}
#EventBox dl {
border-bottom: 1px dashed #999999;
display: table;
width: 100%;
}
#EventBox dt,
#EventBox dd {
display: table-cell;
padding: 10px;
}
#EventBox dt {
vertical-align: top;
width: 15%;
}
#EventBox dd {
width: 85%;
}

.event-list li {
margin-bottom: 10px;
}
.event-list li:last-child {
margin-bottom: 0;
}

.parent {
background: #FF75C2;
border-radius: 20px;
color: #FFFFFF;
display: inline-block;
font-size: 85%;
margin-left: 15px;
padding: 2px 10px;
}

.pl-0 {
padding-left: 0;
}
.pr-0 {
padding-right: 0;
}

/* -- 入園特典 -- */
#Privilege {
background: #fff2f2 url(/wp-content/uploads/bg-sakura.png) center top;
border-radius: 10px;
padding: 30px;
}
#Privilege .efforts-ttl {
color: #E4007F;
}
#Privilege p {
font-size: 117%;
line-height: 1.4em;
}
.privilege-box {
background: rgba(255,255,255,0.8);
border-radius: 10px;
padding: 15px;
}

#Privilege .left50 {
float: left;
padding: 0 15px 15px;
width: 20%;
}
#Privilege .left50 img {
border: 1px solid #ffffff;
}


/* **************************************************** */
/* メディアクエリ
/* **************************************************** */

@media screen and (max-width: 979px) {
	/* 979px以下用（タブレット用）の記述 */
}
@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */

.efforts-txt-box  img {
margin: 15px 0;
}

#EventBox {
font-size: 117%;
padding: 0 10px 15px;
}
#EventBox dt,
#EventBox dd {
padding: 10px 5px;
}
#EventBox dt {
width: 30%;
}
#EventBox dd {
width: 70%;
}

.parent {
font-size: 0;
line-height: 15px;
vertical-align: middle;
}

#Privilege {
padding: 15px;
}

#Privilege .left50 {
padding: 0 10px 10px;
width: 33.333%;
}
}
@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */

.efforts-ttl {
font-size: 120% !important;
text-align: left;
}
}

	/* デフォルト：479px以下用（スマートフォン用）の記述 */
@media screen and (min-width: 480px) {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
}
@media screen and (min-width: 768px) {
	/* 768px以上用（タブレット用）の記述 */
}
@media screen and (min-width: 980px) {
	/* 980px以上用（PC用）の記述 */
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	/* 768px - 979px用（タブレット用）の記述 */
}
@media screen and (min-width: 480px) and (max-width: 767px)  {
	/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
}