@charset "utf-8";
/* CSS Document */


/* -----------------------------------------------------------------
フォント
------------------------------------------------------------------ */
html{ font-size: 62.5% }
body,p,ul,ol,dl{ font-size: 1.5rem; color: #4F4F48; line-height:1.5;  }
table{ font-size: 100%;}
.txt_wh{ color: #fff; }
.txt_red{ color: #C33; }
.txt_green { color: #008000; }
.txt_midori{ color: #005638;}
.txt_orange { color: #E74500; }
.txt_pink { color: #DC0F49;}
.txt_brown { color: #8A3319; }
.txt_dbrown{ color: #53342a}
.txt_purple { color: #990099;}
.txt_gray { color: #716E7C; }
.txt_dgray { color: #4F4F48; }
.txt_liner{ background: linear-gradient(#ffffff 45%, #C2EB8B 65%); display:inline; }
.txt_liner_or{ background: linear-gradient(#ffffff 45%, #FFBC82 65%); display:inline; }
.txt_liner_bl{ background: linear-gradient(#ffffff 45%, #A5E1FF 65%); display:inline; }
.txt_liner_br{ background: linear-gradient(#ffffff 45%, #E2D4C9 65%); display:inline; }
.txt_liner_pk{ background: linear-gradient(#ffffff 45%, #FFC1D6 65%); display:inline; }
.txt_liner_ppl{ background: linear-gradient(#ffffff 45%, #C3A3F7 65%); display:inline; }
.txt_liner_sky{ background: linear-gradient(#ffffff 45%, #3093BA  65%); display:inline; }
.txt_liner_bgry{ background: linear-gradient(#EEEEEE 45%, #C2EB8B 65%); display:inline; }
.txt_liner_bgrn{ background: linear-gradient(#EBF3D7 45%, #C2EB8B 65%); display:inline; }
.txt_liner_blgrn{ background: linear-gradient(#F3F8E7 45%, #C2EB8B 65%); display:inline; }
.txt_liner_bl_bgrn{ background: linear-gradient(#EBF3D7 45%, #A5E1FF 65%); display:inline; }
.txt_liner_bl_bgry{ background: linear-gradient(#EEEEEE 45%, #A5E1FF 65%); display:inline; }
.txt_liner_bl_bbl{ background: linear-gradient(#ECF8FD 45%, #A5E1FF 65%); display:inline; }
.txt_liner_bl_bdbl{ background: linear-gradient(#DCF3FF 45%, #A5E1FF 65%); display:inline; }
.txt_liner_br_bbr{ background: linear-gradient(#F9F5E5 45%, #E2D4C9 65%); display:inline; }
.txt_liner_br_bgry{ background: linear-gradient(#EEEEEE 45%, #E2D4C9 65%); display:inline; }
.txt_liner_pk_bgry{ background: linear-gradient(#EEEEEE 45%, #FFC1D6 65%); display:inline; }
.txt_liner_pk_bpk{ background: linear-gradient(#FFF0F7 45%, #FFC1D6 65%); display:inline; }
.txt_liner_pk_bbl{ background: linear-gradient(#ECF8FD 45%, #FFC1D6 65%); display:inline; }
.txt_liner_or_bgrn{ background: linear-gradient(#EBF3D7 45%, #FFBC82 65%); display:inline; }
.txt_liner_or_bgry{ background: linear-gradient(#EEEEEE 45%, #FFBC82 65%); display:inline; }
.txt_liner_or_bor{ background: linear-gradient(#FEEFD6 45%, #FFBC82 65%); display:inline; }
.txt_liner_or_bbl{ background: linear-gradient(#DCF3FF 45%, #FFBC82 65%); display:inline; }
.txt_liner_sky_bgry{ background: linear-gradient(#EEEEEE 55%, rgba(148, 196, 245, 0.87)  75%); display:inline; }
.txt_liner_sky_bbl{ background: linear-gradient(#ECF8FD 45%, #3093BA  65%); display:inline; }
.txt_liner_ppl_bppl{ background: linear-gradient(#E5E1F0 45%, #C3A3F7 65%); display:inline; }
.txt_boderbox{ border: 1px dashed ; padding:0.2rem; padding:2px; }
.bold{font-weight: bold;}
.cap{ font-size:1.2rem; color:#73730F;}
.capB{ font-size:1.2rem; color:#596622;}
.txt_sml{ font-size: 80%; }
.txt_sml90{ font-size: 90%; }
.txt_sml70{ font-size: 70%; }
.is_disp_inlineblck{ display: inline-block;}
.bd_b{border-bottom: #9e7468 dashed 1px; padding-bottom: 0.2rem; margin-bottom: 0.5rem;}
.bd_r{border-right: #9e7468 dashed 1px; padding-right: 0.2rem; margin-right: 0.5rem;}
.bdd_b{border-bottom: #bbb dotted 2px; padding-bottom: 1rem; margin-bottom: 1.6rem;}

/* 禁則処理の追加 */
p,li,dt,dd,th,td,pre{
-ms-line-break: strict;
line-break: strict;
-ms-word-break: break-strict;
word-break: break-strict}

i{font-family: "Hiragino Kaku Gothic Pro","Yu Gothic",sans-serif; font-size: 102%; }
em{font-family: "Hiragino Kaku Gothic Pro","Yu Gothic",sans-serif; font-size: 110%; }

/* -----------------------------------------------------------------
contents_other
------------------------------------------------------------------ */
#contents_other{
letter-spacing:0.1rem;  letter-spacing:1px;
width:960px;
box-sizing: border-box;
}

#contents_other p{
margin-bottom:1.5rem; margin-bottom:15px;
}

#contents_other ol.dlg{
margin-bottom:1.5rem; margin-bottom:15px; list-style:none;
}

#contents_other ol.dlg li{
margin-left:1.8rem; margin-left:18px;
margin-bottom:1rem;
}

#contents_other ol.dlg li:first-child{
margin-top:1.3rem;
}

#contents_other ul{
margin-bottom:1.5rem; margin-bottom:15px;
}


#contents_other ul.ulsml li{
font-size:80%;
line-height: 1.2;
}


#contents_other ul.uldisk > li{
list-style:disc;
margin-left:1.8rem; margin-left:18px;
margin-bottom:1.5rem; margin-bottom:15px;
line-height:1.5;
}

#contents_other ul.uldiskb0 > li{
list-style:disc;
margin-left:1.8rem; margin-left:18px;
margin-bottom:0.8rem; margin-bottom:8px;
line-height:1.5;
}



.ol{
list-style:none;
margin-bottom:1.5rem;
margin-left:0;
padding-left:0;
}

.ol >li { margin-bottom: 1.5rem; }

ol.oldisk{
margin-left: 3rem;
}
.oldisk >li {  list-style-type: disc; margin-bottom: 1rem; }
.is_li_b01 li{ margin-bottom: 1.5rem;}
.li_star{ list-style: none;}
.li_star::before{content: "★"; text-indent:  1.5rem; margin-left: -1.5rem; position: relative; left: -0.5rem;}
li.li_arrow { position: relative; margin-bottom: 3rem;}
li.li_arrow::after{
font-family: FontAwesome;
content: "\f175";
margin-left: 4.5rem;
font-size: 2rem;
color:#624a4a;
position: absolute;
top:2rem;
left:3rem;
}
.arrow_r { position: relative;}
.arrow_r::after{
content: ;
background:rgb(237, 41, 101);
border-radius: 50%;
position: absolute;
width: 4rem;
height: 4rem;
bottom: 120px;
right: -20px;
}
.arrow_r::after{
font-family: FontAwesome;
content: "\f061";
font-size: 3rem;
color: #fff;
position: absolute;
}
.arrow_b { position: relative;}
.arrow_b::after{
content: ;
background:rgb(237, 41, 101);
border-radius: 50%;
position: absolute;
width: 4rem;
height: 4rem;
bottom: -20px;
left: 47%;
z-index: 10;
text-align: center;
}
.arrow_b::after{
font-family: FontAwesome;
content: "\f063";
font-size: 3rem;
color: #fff;
position: absolute;
z-index: 100;
}

ol.olsmile{
padding: 0.5em 1em 0.5em 2.3em;
position: relative;
}
ol.olsmile>li {
line-height: 1;
padding: 0;
list-style-type: none!important;
}
ol.olsmile>li:before {
font-family: "FontAwesome";
content: "\f118";
font-size: 2rem;
position: absolute;
left : 1rem;
color: #228B22;
}
/* ol 丸数字 */
.is_olcircle {
counter-reset: olcircle;
list-style: none;
padding: 0;
}

.is_olcircle > li {
padding-left: 40px;
position: relative;
}
.is_olcircle > li::before {
content: counter(olcircle);
counter-increment: olcircle;
background-color: #D84B4F;
color: #fff;
display: block;
float: left;
line-height: 22px;
margin-left: -30px;
text-align: center;
height: 22px;
width: 22px;
border-radius: 50%;
}
#contents_other .is_olcircle h5 {
margin: 0 auto 1.5rem;  padding-bottom:0; display: inline-block;
}

.is_cntcircle{
background-color: #D84B4F;
color: #fff;
display: inline-flex;
line-height: 22px;
text-align: center;
height: 22px;
width: 22px;
border-radius: 50%;
justify-content: center;
}
.is_cntsq{
background-color: #D84B4F;
color: #fff;
line-height: 22px;
text-align: center;
border-radius: 5px;
padding: 2px;
}
.is_cntsqb{
background-color: #FFD0E4;
border-left: 7px solid #FF7590;
color: #450507;
padding: 3px 3px 3px 5px;
text-align: left;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);
}
.is_cntsqdb{ border-left: 8px double #FF7590;}
.is_cntsqds{ border-left: 3px dashed #FF7590;}
.is_cntsqdt{ border-left: 3px dotted #FF7590;}

#ptnA ul li{
padding:1rem; padding:10px;
background-color:#F3F8E7;
border-radius: 10px;
margin-bottom:1rem; margin-bottom:10px;
}

#ptnA dl dt{
padding-bottom:1rem; padding-bottom:10px;

}
#ptnA dl dd{
border:1px dashed #999;
color:#966;
padding:1rem; padding:10px;
}

#ptnA dl img{
margin:5px; }


.ptnB {
padding:1rem; padding:10px;
background-color:#F3F8E7;
border-radius: 10px;
margin-bottom:1rem; margin-bottom:10px;
}

.ptnB_dl{
border:1px dashed #999;
border-radius: 10px;
color:#895043;
padding:1rem; padding:10px;
margin-bottom: 1.5rem; margin-bottom:15px;
overflow:hidden;
}

.ptnB_dl dt{
margin-top: 1.5rem
}

.ptnB_dl dd{
color:#4F4F48;}

.ptnC_dl dt{ color:#966;}
.ptnC_dl dd{
color:#4F4F48; text-indent: 0rem; padding-left: 1rem;}

.ptnB img{
margin:5px;}

.ptnD ul >li ,
.ptnD ol > li{
padding:1rem; padding:10px;
background-color:#F1ECE3;
border-radius: 10px;
margin-bottom:1rem; margin-bottom:10px;
}

#ptnA dl img{
margin:5px; }

.center { text-align:center;}
.tleft { text-align:left;}
.tright { text-align:right;}

#contents_other img{
margin-bottom:5px;}

.box_border{
border: 2px solid #999;
padding:0.7rem;
border-radius: 15px;
margin-bottom:1rem; margin-bottom:10px;
}
.box_borderB{
padding:0.7rem;
border:2px solid #999;
border-radius: 2px;
margin-bottom:1rem; margin-bottom:10px;
}
.box_dot{
border: 2px dotted #999;
padding:0.7rem;
border-radius: 10px;
margin-bottom:1rem; margin-bottom:10px;
}
.box_dash{
border: 2px dashed #999;
padding:0.7rem;
border-radius: 10px;
margin-bottom:1rem; margin-bottom:10px;
}
.box_dashB{
border: 2px dashed #999;
padding:0.7rem;
border-radius: 2px;
margin-bottom:1rem; margin-bottom:10px;
}
.box_dotB{
border: 3px dotted #999;
padding:0.6rem;
border-radius: 2px;
margin-bottom:1rem; margin-bottom:10px;
}
.box_double{
border: 4px double #999;
padding:0.7rem;
border-radius: 10px;
margin-bottom:1rem; margin-bottom:10px;
}


.box{
border: 2px solid #917F71;
padding:0.8rem;
border-radius: 10px;
margin-bottom:1rem; margin-bottom:10px;
overflow:hidden;
}

.box_gray{
padding:1rem; padding:10px;
background-color:#eeeeee;
border-radius: 10px;
margin-bottom:1rem; margin-bottom:10px;
overflow:hidden;
}

.box_grn{
padding:1rem; padding:10px;
background-color:#F3F8E7;
border-radius: 10px;
margin-bottom:1rem; margin-bottom:10px;
overflow:hidden;
}

.box_grn_fl{
padding:1rem; padding:10px;
background-color:#F3F8E7;
border:3px solid #C8DD92;
border-radius: 10px;
margin-bottom:1rem; margin-bottom:10px;
overflow:hidden;
}

.box_bl{
padding:1rem; padding:10px;
background-color: #D7EBFF;
border-radius: 10px;
margin-bottom:1rem; margin-bottom:10px;
overflow:hidden;
}

.box_lbl{
padding:1rem; padding:10px;
background-color: #EBFEFF;
border-radius: 10px;
margin-bottom:1rem; margin-bottom:10px;
overflow:hidden;
}

.is_or{
background-color: #FBD6C5;
}

.is_wt{
background-color: #FFF;
}

.is_ppl{
background-color: #E4DAFF;
}

.is_vlemon{ background-color: #FFF466;}
.is_sky{ background-color: #DCF3FF;}
.is_pk{ background-color: #FFD0E4;}
.is_ygrn{ background-color: #CBF2A6;}
.is_azr{ background-color: #A6CBDF;}
.is_ruri{ background-color: #00519A;}
.is_tuyukusa{ background-color: #1982EC;}
.is_beige{ background-color:#F9F5E5;}
.is_marrons{ background-color: #E7D9CA;}
.is_ame{ background-color: #90673E;}
.is_lemon{ background-color: #F9EDA9;}
.is_canari{background-color: #F2A500;}
.is_gray{ background-color: #DCDCDC; }
.is_bordeaux{ background-color: #9D2F62; }
.is_edoppl{ background-color: #79518C; }
.is_ppl_d{ background-color: #CEBFD5; border-color: #683D7C;}
.is_pk_b{ background-color: #FFD0E4; border-color: #FF7590;}
.is_ygrn{ background-color: #CBF2A6; border-color: #63B219;}
.is_lemon_b{ background-color: #F9EDA9; border-color: #EDB918;}
.is_gray_b{ background-color: #E5E5E5; border-color: #97A6B3;}
.is_midori{background-color: #005638;}
.is_oranged{ background-color: orangered;}
.grid_l{
float: left;
margin-right:30px;
width: 370px;
}

.grid_l:last-child {
float: left;
margin-right:0;
width: 370px;
}

.grid_l:nth-child(2) {
float: left;
margin-right:0;
width: 370px;
}


.grid_l:nth-child(3) {
margin-top:15px;
}

.grid_l:nth-child(4) {
margin-top:15px;
}

/*
見出し
------------------------------------------------------------------ */
#contents_other h1{
font-size: 28px; font-size: 2.8rem;
font-weight:normal;
color: #ffffff;
background: url(/preschool/img/share/bg_h1.gif) left top no-repeat;
padding: 0.5rem 1.5rem; padding:5px 15px;
border-bottom: 1px solid #fff;
margin-bottom:0;
}

#contents_other h2{
font-size: 20px; font-size: 2rem;
font-weight: normal;
padding: 0.5rem 1.5rem; padding:5px 15px;
margin-bottom: 1.5rem; margin-bottom:15px;
clear:both;
}

#contents_other h3 {
width:840px;
font-size: 20px; font-size: 2rem;
font-weight:normal;
position: relative;
background: #BBD485;
margin: 1.8rem 20px 1.5rem 0; margin: 18px 20px 15px 0;
padding: 5px 5px 5px 40px;
border-radius: 20px 0 0 20px;
display:inline-block;
clear:both;
}
#contents_other h3::before {
content: "";
position: absolute;
background: #fff;
top: 50%;
left: 15px;
margin-top :-10px;
height: 20px;
width: 20px;
border-radius: 50%;
box-shadow: 1px 1px 1px #777 inset;
}
#contents_other h3::after {
content: "";
position: absolute;
top: 0;
right: -20px;
height: 0;
width: 0;
border: 20px solid #BBD485;
border-right-color: transparent;
}


#contents_other h4{
font-size: 18px; font-size: 1.8rem;
font-weight:normal;
background: url(/preschool/img/share/ico_preschoo.gif) left 1px top 5px no-repeat;
padding-left: 25px;
margin-top: 2.8rem; margin-top: 28px;
margin-bottom: 1.5rem; margin-bottom:15px;
padding-bottom: 0.3rem; padding-bottom: 3px;
border-bottom: 2px dashed rgb(89,178,0);
clear:both;
}

#contents_other h4.h4t0{
font-size: 18px; font-size: 1.8rem;
font-weight:normal;
background: url(/preschool/img/share/ico_preschoo.gif) left 1px top 5px no-repeat;
padding-left: 25px;
margin-top: 1.5rem; margin-top: 15px;
margin-bottom: 1.5rem; margin-bottom:15px;
padding-bottom: 0.3rem; padding-bottom:3px;
border-bottom: 2px dashed rgb(89,178,0);
clear:both;
}

#contents_other h5{
border-bottom: 1px dashed #999;
font-size: 1.6rem;
font-weight: normal;
margin-bottom: 1rem;
margin-top: 1.8rem;
padding-bottom: 0.5rem;
position:relative;
display:inline-block;
}

#contents_other .h5_b{
border-bottom: 1px dashed #6B4835;
font-size: 1.6rem;
font-weight: normal;
margin-top: 1.6rem;
padding-bottom: 0.5rem;
padding-left: 2rem;
position:relative;
display:block;
}
#contents_other .h5_b::before {
background: #AF9282 ;
border-radius: 50%;
content: "";
height: 1.6rem;
left: 0;
margin: -10px auto 0px;
position: absolute;
top: 55%;
width: 1.6rem;
}

#contents_other .h5{
  border-bottom: 1px dashed #6B4835;
  font-size: 1.6rem;
  font-weight: normal;
  margin-top: 1.6rem;
  padding-bottom: 0.5rem;
  padding-left: 2rem;
  position:relative;
  display:inline-block;
}
#contents_other .h5::before {
  background: #AF9282 ;
  border-radius: 50%;
  content: "";
  height: 1.6rem;
  left: 0;
  margin: -10px auto 0px;
  position: absolute;
  top: 55%;
  width: 1.6rem;
}

#contents_other .h5t0{ margin-top: 0.5rem; margin-top: 5px;}
#contents_other ul{ margin-bottom:1.5rem; margin-bottom:15px;}

#contents_other h5.is_circle{
color:#933;
font-size: 1.2rem;
line-height: 1.2;
text-align:center;
border:none;
float:left;
width: 5em;
z-index:1;
position:relative;
margin: 15px 15px 15px 5px;
padding-top:1.5rem;
}
#contents_other h5.is_circle::before{
content:"";
position:absolute;
background:#FFF;
border-radius:50%;
height: 7.5rem;
line-height: 1;
width:7.5rem;
z-index:-1;
top:-10px;
left:-8px;
}

h6{
background:#E6D1B6;
display:inline-block;
font-size: 1.6rem; font-size: 16px;
font-weight: normal;
margin-bottom: 7px;
padding:5px;
}

.h6{
background:#E6D1B6;
display:inline-block;
font-size: 1.6rem; font-size: 16px;
font-weight: normal;
margin-bottom: 7px;
padding:5px;
}
.h6nbg{background-color: transparent;}
.circle_b{
background: none;
display:block;
border-bottom: 1px dashed #6B4835 !important;
margin-top:1rem;
padding: 0.6rem;
position: relative;
text-indent: 1.5rem;
}
.circle_b::before {
background: #AF9282;
border-radius: 50%;
content: "";
height: 1.5rem;
left: 0;
margin: -10px auto 0px;
position: absolute;
top: 55%;
width: 1.5rem;
}

#contents_other .h5_sml{
border-bottom: 1px dashed #999;
font-size: 15px; font-size: 1.5rem;
font-weight: normal;
margin-bottom: 0.5rem;
margin-top:  0.5rem;
padding-bottom:  0.5rem;
padding-top:  0.5rem;
display:inline-block;
line-height:1; }

/* -----------------------------------------------------------------
blog
------------------------------------------------------------------ */
h2.blog{  background: #F4CAE3; }
h2.blog_b{  background: #F4CAE3; margin-top:3.6rem; margin-top:36px; clear:both; }

#blog_list h2{
background-color:#D5CDC3;
width:910px;
height:30px;
border-radius:13px 13px 0px 0px;
padding-left:1.5rem; padding-left:15px;
padding:5px auto 5px 35px;
margin-bottom:0;
margin-top:3.6rem; margin-top:36px;
clear:both;
box-sizing: border-box;
}

#blog_list ul{
width:910px;
list-style: disc;
padding: 10px 15px;
border-color:#D5CDC3;
border-width:5px;
border-style:solid;
box-sizing: border-box;
}

#blog_list ul li{
line-height:1.5;
letter-spacing:0.1rem; letter-spacing:1px;
padding: 1px 0 13px 15px;
background: url(/img/share/ico-arrow_b.gif) left top no-repeat;
}


p.print {
font-size: 109%;
background: url(/preschool/blog/img/ico-print.gif) left top no-repeat;
padding-left: 20px;
position: absolute;
right: 0;
}

.rounded {border-radius:5px;}
/* -----------------------------------------------------------------
pre_message
------------------------------------------------------------------ */
#pre_message ul.list li {
line-height: 1.6;
padding-bottom: 10px;
background: url(/preschool/message/img/bg_list.gif) left 1px no-repeat;
padding-left: 20px;
}

#pre_message h2{  background: #F2B54A; }


/* -----------------------------------------------------------------
practice
------------------------------------------------------------------ */
h2.practice{  background: #ccc; }



/*-----------------------------------
#header
------------------------------------*/
#header {
width: 950px;
margin: 0 auto;
border-bottom: 5px solid #80a42a;
background: url(/preschool/img/share/header/bg-header_top.gif) right top no-repeat;
}
#header .inner {
width: 950px;
margin: 0 auto;
}
#header .inner h1.preschool_logo{
width: 342px;
float: left;
padding-top: 23px;
}
#header .inner::after,
#header::after {
content:".";
display:block;
visibility:hidden;
height:0px;
font-size:0.1em;
line-height:0;
clear:both;
}
#header ul.preschool_global_nav {
width: 608px;
float: right;
padding-top: 45px;
}
#header ul.preschool_global_nav li {
float: left;
}
#header ul.preschool_global_nav::after {
content:".";
display:block;
visibility:hidden;
height:0px;
font-size:0.1em;
line-height:0;
clear:both;
}


/*-----------------------------------
.print
------------------------------------*/
.print_header {
width: 950px;
margin: 0 auto;
border-bottom: 1px dotted #444444;
padding-bottom: 15px;
display: none;
}
.print_header .inner {
width: 950px;
margin: 0 auto;
}
.print_header .inner p.logo_print {
float: left;
}
.print_header .inner p.txt_print {
text-align: right;
line-height: 1.5;
font-size: 125%;
}
.print_header .inner::after {
content:".";
display:block;
visibility:hidden;
height:0px;
font-size:0.1em;
line-height:0;
clear:both;
}
.footer_print {
display: none;
padding-top: 20px;
}
.footer_print .inner {
width: 898px;
margin: 0 auto;
border: 1px solid #9f9f9f;
padding: 10px;
}
.footer_print p {
font-size: 125%;
line-height: 1.8;
}
.footer_print p span {
color: #4040ff;
}


/*-----------------------------------
search
-------------------------------------*/

ul.check_list li {
font-size: 1.5rem; font-size: 15px;
line-height:1.5;
letter-spacing:0.1rem; letter-spacing:1px;
padding: 1px 0 13px 15px;
background: url(/img/share/ico-arrow_b.gif) left top no-repeat;
}

.return_page {
padding: 40px 0 60px;
}
.return_page a {
margin: 0 5px;
}
ul li.disk{ list-style:disc; margin-left:2em;}
ol.decimal { margin-top:1.5rem;}
ol.decimal li{ list-style:decimal; margin-left:2em; list-style-position:outside; margin-bottom: 1.5rem; line-height:1.5;  }

/*-----------------------------------
check_list
-------------------------------------*/
.text {
font-size: 1.3rem; font-size: 13px;
width: 471px;
border: 1px dotted #444444;
padding: 10px 15px;
position: absolute;
left: 264px;
top: 297px;
line-height: 1.5;
}
.message_bottom h3 {
font-size: 1.8rem; font-size: 18px;
background: url(/preschool/img/index/bg-ico.png) left 14px no-repeat;
margin-left: 40px;
padding: 13px 0 13px 30px;
}
.message_inner {
width: 770px;
margin: 0 auto;
position: relative;
}
.message_inner .key_search {
width: 770px;
border-top: 1px dotted #444444;
margin-top: 30px;
padding-top: 10px;
clear: both;
}
.message_inner .key_search::after {
content:".";
display:block;
visibility:hidden;
height:0px;
font-size:0.1em;
line-height:0;
clear:both;
}
.title_key {
width: 185px;
font-size: 1.8rem; font-size: 18px;
float: left;
background: url(/preschool/img/index/ico-search.gif) left top no-repeat;
padding-left: 25px;
margin-top: 20px;
}
.key_search .example {
width: 555px;
float: right;
margin-top: 20px;
}
.key_search .example p {
font-size: 1.3rem; font-size:13px;
line-height:1.5;
clear: both;
}
.key_search .example .search {
width: 380px;
padding-bottom: 5px;
}
.key_search .example .search::after {
content:".";
display:block;
visibility:hidden;
height:0px;
font-size:0.1em;
line-height:0;
clear:both;
}
.key_search .example .search .text_search {
width: 300px;
height: 29px;
border: 1px solid #b0afaf;
float:left;
line-height: 29px;
color: #5f5e5e;
padding-left: 10px;
margin-right: 10px;
}
.submit_search{
width: 55px;
height: 25px;
border: 0;
float: right;
margin-top: 3px;
}
.category_search {
position: relative;
width: 770px;
margin: 0 auto;
clear: both;
}
.category_search p.title_category {
font-size: 1.8rem; font-size:18px;
background: url(/preschool/img/index/ico-search.gif) left top no-repeat;
padding-left: 25px;
border-bottom: 1px dotted #444444;
margin-top: 40px;
padding-bottom: 10px;
}

.list_category {
width: 242px;
float: left;
padding-left: 22px;
margin-top: 18px;
margin-bottom: 30px;
}
.title_category + .list_category {
padding-left: 0;
}
.list_category + .list_category {
margin-bottom: 200px;
}
.list_category ul.category_nav {
padding-top: 10px;
}
.list_category ul.category_nav li {
width: 242px;
font-size: 1.5rem; font-size: 15px;
border-top: 1px solid #97c9f7;
color: #000;
margin-bottom: 3px;
background: #dfeffe;
background-color: ;
}
.list_category ul.category_nav li a {
display: block;
padding:5px 0 7px 12px;
text-decoration: none;
color: #000;
}
.list_category ul.category_nav li.current a {
color: #FFF;
background:#009bff;
}
.list_category ul.category_nav li a:hover {
color: #FFF;
background:#009bff;
}
.message_bottom::after {
content:".";
display:block;
visibility:hidden;
height:0px;
font-size:0.1em;
line-height:0;
clear:both;
}
.list_category ul.category_nav li ul.sub_category {
width: 242px;
background-color: #FFF;
color: #FFF;
padding-top: 3px;
margin-bottom: 15px;
display: none;
}
.list_category ul.category_nav li.sfhover ul.sub_category {
display: block;
}
.list_category ul.category_nav li ul.sub_category li {
font-size: 1.5rem; font-size:14px;
width: 217px;
border-bottom: 1px dotted #444444;
border-top: none;
background: none;
background-color: #FFF;
padding-left: 25px;
}
.list_category ul.category_nav li ul.sub_category li a {
color: #36C;
display: block;
text-decoration: underline;
background: url(/preschool/img/share/bg_ico.gif) left center no-repeat #FFF;
padding-left: 18px;
}
.list_category ul.category_nav li ul.sub_category li a:hover {
color: #09c;
}
.disp_off{
display:none;
}

.disp_in{
display:inline;
}

/*-----------------------------------
#footer
------------------------------------*/
#footer {
width: 950px;
margin: 30px auto 0;
border-top: 1px solid #dcdcdc;
padding-top: 20px;
clear: both;
}
#footer .inner {
width: 920px;
margin: 0 auto;
padding-bottom: 20px;
}
#footer .inner .footer_box {
width: 920px;
float: left;
}
#footer .inner ul {
font-size: 12px;
color:#6D6D6D;
width: 920px;
float: none;
}
#footer .inner ul li {
float: left;
border-left: 1px solid #919191;
padding-left: 5px;
}
#footer .inner .footer_box .address {
float: none;
padding-top: 10px;
font-size:1rem;
font-family:Verdana, Geneva, sans-serif;
}
#footer .inner p.footer_logo {
width: 150px;
float: right;
}




/* -----------------------------------------------------------------
clearfix
------------------------------------------------------------------ */

.cf::before,
.cf::after {
content: " ";
display: table;
}

.cf::after {
clear: both;
}

.cf {
*zoom: 1;
}


/* -----------------------------------------------------------------
margin
------------------------------------------------------------------ */
.mgn_0 { margin: 0;}
.mgn_05 { margin: 0.7rem;}
.mgn_1 { margin: 1.5rem;}
.mgn_t0 { margin-top: 0;}
.mgn_t05 { margin-top: 0.7rem;}
.mgn_t1 { margin-top: 1.5rem;}
.mgn_b0 { margin-bottom: 0;}
.mgn_b1 { margin-bottom: 1.5rem;}
.mgn_l0 { margin-left: 0;}
.mgn_l05 { margin-left: 0.7rem;}
.mgn_l1 { margin-left: 1.5rem;}
.mgn_r1 { margin-right: 1.5rem;}
.txt_indt5{ padding-left: 5em; text-indent: -5em; }
.txt_indt6{ padding-left: 6em; text-indent: -6em; }
.txt_indt7{ padding-left: 7em; text-indent: -7em; }
.txt_indt{ padding-left: 1em; text-indent: -1em; }
.padding_0{ padding: 0;}
.padding_05{ padding: 0.7rem;}
.padding_1{ padding: 1.5rem;}
.padding_rl1{ padding:0 1.5rem;}
.padding_05{ padding: 0.8rem;}
.padding_rl05{ padding:0 0.8rem;}
.padding_t0{ padding-top:0;}
.txt_indent9{ padding-left: 11em; text-indent: -11em; }
.txt_indent2{ padding-left: 4.8rem; text-indent: -4.8rem; }
.txt_indent6{ padding-left: 6.4em; text-indent: -6.4em; }
.txt_indent7{ padding-left: 9em; text-indent: -9em; }
.txt_indent3{ padding-left: 3.6rem; text-indent: -3.6rem; }
.txt_indent4{ padding-left: 6.4rem; text-indent: -6.4rem; }


@media all and (-ms-high-contrast:none){
.mgn_t0_ie{
margin-top: -2rem;
}
}

/* -----------------------------------------------------------------
box
------------------------------------------------------------------ */

.balloon {
background-color:#eee;
border-radius:10px;
border:3px solid #ccc;
margin-bottom:20px;
position:relative;
padding: 10px;
display:inline-block;
}

.balloon::before {
border:11px solid transparent;
border-top-color:#eee;
border-bottom-width:0;
bottom:-9px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
z-index:1;
}

.balloon::after {
border:11px solid transparent;
border-top-color:#ccc;
border-bottom-width:0;
bottom:-13px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
}

.balloonB {
background-color:#eee;
border-radius:10px;
border:3px solid #ccc;
margin-bottom:20px;
position:relative;
padding: 10px;
display:inline-block;
}

.balloonB::before {
border:11px solid transparent;
border-top-color:#eee;
border-bottom-width:0;
bottom:-9px;
content:"";
display:block;
right:30px;
position:absolute;
width:0;
z-index:1;
}

.balloonB::after {
border:11px solid transparent;
border-top-color:#ccc;
border-bottom-width:0;
bottom:-13px;
content:"";
display:block;
right:30px;
position:absolute;
width:0;
}

.balloon_top {
background-color:#ddd;
border-radius:10px;
border:3px solid #ccc;
margin-bottom:20px;
margin-top:10px;
position:relative;
padding: 10px;
display:inline-block;
}

.balloon_top::before {
border:11px solid transparent;
border-bottom-color:#ddd;
border-top-width:0;
top:-9px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
z-index:1;
}

.balloon_top::after {
border:11px solid transparent;
border-bottom-color:#ccc;
border-top-width:0;
top:-13px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
}
.balloon_topB {
background-color:#ddd;
border-radius:10px;
border:3px solid #ccc;
margin-bottom:20px;
margin-top:10px;
position:relative;
padding: 10px;
display:inline-block;
}

.balloon_topB::before {
border:11px solid transparent;
border-bottom-color:#ddd;
border-top-width:0;
top:-9px;
content:"";
display:block;
right:30px;
position:absolute;
width:0;
z-index:1;
}

.balloon_topB::after {
border:11px solid transparent;
border-bottom-color:#ccc;
border-top-width:0;
top:-13px;
content:"";
display:block;
right:30px;
position:absolute;
width:0;
}

.balloon_right {
background-color:#ddd;
border-radius:10px;
border:3px solid #ccc;
margin-bottom:20px;
margin-top:10px;
position:relative;
padding: 10px;
display:inline-block;
}

.balloon_right::before {
border:11px solid transparent;
border-left-color:#ddd;
border-right-width:0;
top:25%;
content:"";
display:block;
left:99%;
position:absolute;
width:0;
z-index:1;
}

.balloon_right::after {
border:13px solid transparent;
border-left-color:#ccc;
border-right-width:0;
top:24%;
content:"";
display:block;
left:100%;
position:absolute;
width:0;
}

.balloon_right.is_m::before {
border:31px solid transparent;}
.balloon_right.is_m::after  {
border:33px solid transparent;}


.balloon_left {
background-color:#ddd;
border-radius:10px;
border:3px solid #ccc;
margin-bottom:20px;
margin-top:10px;
position:relative;
padding: 10px;
display:inline-block;
}

.balloon_left::before {
border:11px solid transparent;
border-right-color:#ddd;
border-left-width:0;
top:25%;
content:"";
display:block;
right:99%;
position:absolute;
width:0;
z-index:1;
}

.balloon_left::after {
border:14px solid transparent;
border-right-color:#ccc;
border-left-width:0;
top:23%;
content:"";
display:block;
right:100%;
position:absolute;
width:0;
}

.is_w60{ width: 60%;}

.is_grn{
background-color:#EBF3D7;
/*background-color:#e7efd5 ;*/
border-color:#C8DD92;
}
.is_grn::before{
border-top-color:#EBF3D7;
z-index:1;
}
.is_grn::after{
border-top-color:#C8DD92;
}

.is_lemon_b{
background-color: #F9EDA9;
border-color:#EDB918;
}
.is_marron_b{
background-color: #E7D9CA;
border-color:#BA9268;
}
.is_or_b{
background-color:#FEEFD6;
border-color:#FFB97C;
}
.is_pk_b{
background-color: #FFF0F7;
border-color:#FC809B;
}
.is_ppl_b{
background-color: #E5E1F0;
border-color:#B394E3;
}
.is_sky_b{
background-color: #ECF8FD;
border-color:#3093BA ;
}

.is_top_grn,.is_left_grn,.is_right_grn{
background-color:#EBF3D7;
border-color:#C8DD92;
}
.is_top_grn::before{
border-bottom-color:#EBF3D7;
z-index:1;
}
.is_top_grn::after{
border-bottom-color:#C8DD92;
}

.is_top_lemon{
background-color: #F9EDA9;
border-color:#EDB918;
}
.is_top_lemon::before{
border-bottom-color: #F9EDA9;
z-index:1;
}
.is_top_lemon::after{
border-bottom-color:#EDB918;
}

.is_top_marron{
background-color: rgb(231, 217,201 );
border-color:#BA9268;
}
.is_top_marron::before{
border-bottom-color: rgb(231, 217,201 );
z-index:1;
}
.is_top_marron::after{
border-bottom-color:#BA9268;
}

.is_top_or{
background-color: #FEEFD6;
border-color:#FFB97C;
}
.is_top_or::before{
border-bottom-color:#FEEFD6;
z-index:1;
}
.is_top_or::after{
border-bottom-color:#FFB97C;
}

.is_top_pk{
background-color: #FFF0F7;
border-color:#FC809B ;
}
.is_top_pk::before{
border-bottom-color:#FFF0F7;
z-index:1;
}
.is_top_pk::after{
border-bottom-color:#FC809B ;
}

.is_top_ppl{
background-color: #E5E0F1;
border-color:#B394E3;
}
.is_top_ppl::before{
border-bottom-color:#E5E0F1;
z-index:1;
}
.is_top_ppl::after{
border-bottom-color:#B394E3;
}

.is_top_sky{
background-color: #ECF8FD;
border-color:#3093BA ;
}
.is_top_sky::before{
border-bottom-color:#ECF8FD;
z-index:1;
}
.is_top_sky::after{
border-bottom-color:#3093BA ;
}

.is_top_ygrn{
background-color: #CBF2A6;
border-color:#63B219;
}
.is_top_ygrn::before{
border-bottom-color:#CBF2A6;
}
.is_top_ygrn::after{
border-bottom-color:#63B219 ;
}

.balloon.is_lemon_b::before{ border-top-color:#F9EDA9; }
.balloon.is_lemon_b::after{ border-top-color:#EDB918; }
.balloon.is_marron_b::before{ border-top-color:#E7D9CA; }
.balloon.is_marron_b::after{ border-top-color:#BA9268; }
.balloon.is_or_b::before{ border-top-color:#FEEFD6; }
.balloon.is_or_b::after{ border-top-color:#FFB97C; }
.balloon.is_sky_b::before{ border-top-color:#ECF8FD; }
.balloon.is_sky_b::after{ border-top-color:#3093BA ; }
.balloon.is_ppl_b::before{ border-top-color:#E5E1F0; }
.balloon.is_ppl_b::after{ border-top-color:#B394E3 ; }

.balloon_left.is_left_grn::before{ border-right-color:#EBF3D7;}
.balloon_left.is_left_grn::after{ border-right-color:#C8DD92; }
.balloon_left.is_or_b::before{ border-right-color:#FEEFD6; }
.balloon_left.is_or_b::after{ border-right-color:#FFB97C; }
.balloon_left.is_sky_b::before{ border-right-color:#ECF8FD;}
.balloon_left.is_sky_b::after{ border-right-color:#3093BA ; }
.balloon_left.is_pk_b::before{ border-right-color:#FFF0F7;}
.balloon_left.is_pk_b::after{ border-right-color:#FC809B ; }

.balloon_right.is_right_grn::before{ border-left-color:#EBF3D7;}
.balloon_right.is_right_grn::after{ border-left-color:#C8DD92; }
.balloon_right.is_pk_b::before{ border-left-color:#FFF0F7; }
.balloon_right.is_pk_b::after{ border-left-color:#FC809B; }
.balloon_right.is_ppl_b::before{ border-left-color:#E5E0F1; }
.balloon_right.is_ppl_b::after{ border-left-color: #B394E3;}
.balloon_right.is_sky_b::before{ border-left-color:#ECF8FD; }
.balloon_right.is_sky_b::after{ border-left-color:#3093BA ; }
.balloon_right.is_or_b::before{ border-left-color:#FEEFD6; }
.balloon_right.is_or_b::after{ border-left-color:#FFB97C ; }

.balloon img { float:right; margin: 5px;}

.balloon_left.is_db, .balloon_right.is_db,.balloon_top.is_db,.balloon.is_db { border-width: 5px; border-style:double;}
.balloon_right.is_dot,.balloon_top.is_dot,.balloon.is_dot { border-width: 5px; border-style:dotted;}
.balloon_left.is_dshed,.balloon_top.is_dshed,.balloon.is_dshed { border-width: 2px; border-style:dashed;}

.balloon_dsh {
background-color:#F0F0F0;
border-radius:10px;
border:1px dashed #bbb;
margin-bottom:20px;
margin-top:10px;
position:relative;
padding: 10px;
display:inline-block;
}

.balloon_dsh::before {
width: 15px;
height: 15px;
border-top: 1px #bbb dashed;
border-right: 1px #bbb dashed;
top:-10px;
content:"";
display:block;
left:30px;
position:absolute;
transform:rotate(-45deg);
z-index:1;}

.balloon_dsh::after {
border:14px solid transparent;
border-bottom-color:#F0F0F0;
border-top-width:1px;
top:-14px;
content:"";
display:block;
left:24px;
position:absolute;
width:0;
}
.balloon_dsh.is_dsh_or,
.balloon_dsh.is_dsh_or::before{
border-color: #FFB97C;
background-color: #FBEEE8;
}

.balloon_dsh.is_dsh_or::after {
border-bottom-color:#FBEEE8;
}

.float_L{
float: left;
margin:0 10px 5px 0;
}
.float_R{
float: right;
margin:0 0 5px 10px;
}

.balloon_dot {
background-color:#ECF8FD;
border-radius:10px;
border:2px dotted #3093BA;
margin-bottom:20px;
margin-top:10px;
position:relative;
padding: 10px;
display:inline-block;
}

.balloon_dot::before {
width: 15px;
height: 15px;
border-top: 2px #3093BA dotted;
border-right: 2px #3093BA dotted;
top:-10px;
content:"";
display:block;
left:30px;
position:absolute;
transform:rotate(-45deg);
z-index:1;}

.balloon_dot::after {
border:14px solid transparent;
border-bottom-color:#ECF8FD;
border-top-width:2px;
top:-14px;
content:"";
display:block;
left:24px;
position:absolute;
width:0;
}

/* -----------------------------------------------------------------
table
------------------------------------------------------------------ */

/* table_default */
.m_table_default {
border-collapse: collapse;
color:#333333;
list-style: none;
margin: 1rem 0; margin: 10px 0;
width: 100%;
}

.m_table_default tr > th {
border: #89916B 1px solid;
background-color:#DCE4CE;
color:#366;
padding: 0.5rem; padding: 5px;
text-align: left;
vertical-align:text-top;
}

.m_table_default tr > td {
border: #89916B 1px solid;
background-color: #fff;
padding: 0.5rem; padding: 5px;
text-align: left;
vertical-align: top;
vertical-align:text-top;
}

/* table_noframe */
.m_table_noframe {
border-collapse: collapse;
color:#333333;
margin: 1rem 0;
width: 100%;
}

.m_table_noframe tr > th {
background-color:#DCE4CE;
border-bottom: #89916B 1px solid;
border-right: #89916B 1px solid;
color:#36563C;
padding: 0.5rem; padding: 5px;
text-align: left;
vertical-align:text-top;
}

.m_table_noframe tr > td {
border-bottom: #89916B 1px solid;
background-color: #fff;
padding: 0.5rem; padding: 5px;
text-align: left;
vertical-align: top;
}


/* table_gray */
table img{ margin:0; padding:0;}
.m_table_gray {
border: #A8A29F 1px solid;
border-collapse: collapse;
color:#333333;
margin: 1rem 0;
width: 100%;
}

.m_table_gray tr > th {
background-color:#eae8e1;
border: #A8A29F 1px solid;
color:#474544;
padding: 0.5rem;
text-align: left;
vertical-align:text-top;
}

.m_table_gray tr > td {
background-color: #fff;
border: #A8A29F 1px solid;
padding: 0.5rem;
text-align: left;
vertical-align: top;
vertical-align:text-top;
}

.m_table_gray tr > td.is_bgc_tdbl{ background-color:#D9E3F3;}
.m_table_gray tr > td.is_bgc_tdylw{ background-color:#FFEBD6;}
.m_table_gray tr > td.is_bgc_beige{ background-color:#eae8e1;}

.is_th16{
width: 16%;
}
.is_th20{
width: 20%;
}
.is_th22{
width: 22%;
}
.is_th24{
width: 24%;
}
.is_th25{
width: 25%;
}
.is_th35{
width: 35%;
}
.is_th40{
width: 40%;
}
.is_th50{
width: 50%;
}
.is_th60{
width: 60%;
}

.is_pdg5{ padding:0.5rem;}
.is_pdg15{padding: 1.5rem;}
table.pdg5 th,table.pdg5 td{padding: 0.7rem;}
table.td_top td{ vertical-align: text-top;}


/* contents_grid
------------------------------------------------------------------ */
.l_grid::before,
.l_grid::after {
display: table;
content: " ";
}

.l_grid::after {
clear: both;
}

.l_grid--fill {
margin-left: -5px;
margin-right: -5px;
}

.l_grid_item {
float: left;
box-sizing: border-box;
width: 16.667%;
padding: 0;
}

.l_grid_item-01 {
width: 8.333%;
}

.l_grid_item-02 {
width: 16.667%;
}
.l_grid_item-025 {
width: 20.83%;
}
.l_grid_item-03 {
width: 25%;
}
.l_grid_item-035 {
width: 29.16%;
}
.l_grid_item-04 {
width: 33.333%;
}
.l_grid_item-05 {
width: 41.666%;
}
.l_grid_item-06 {
width: 50%;
}

.l_grid_item-07 {
width: 58.333%;
}
.l_grid_item-08 {
width: 66.666%;
}

.l_grid_item-09 {
width: 75%;
}

.l_grid_item-10 {
width: 83.33%;
}

.l_grid_item-11 {
width: 91.666%;
}

.l_grid_item-12 {
width: 100%;
}

.l_has-gutter {
padding-left: 5px;
padding-right: 7px;
padding-bottom: 1.5rem;
}

/* フレキシブルボックス */

.m_list_flx {
display: -ms-flex;
display: -webkit-flex;
display: flex;
padding: 0 1rem;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-wrap: wrap;  }


.m_list_flx > li {
-webkit-flex-basis:30%;
-ms-flex-basis:30%;
flex-basis:30%;
flex-grow:0\9;
width:30%\9;
border-radius: 5px;
list-style: none;
padding: 0.7rem;
margin-right: 0.8rem;   margin-bottom: 1rem;
float:left\9;
}

.is_flx2 > li {
-webkit-flex-basis:44%;
-ms-flex-basis:44%;
flex-basis:44%;
flex-grow:0\9;
width:44%\9;
border-radius: 5px;
list-style: none;
padding: 1.5rem;
margin-right: 0.7rem; margin-bottom: 1rem;}

.m_list_flx_4 {
display: -ms-flex;
display: -webkit-flex;
display: flex;
padding: 0 1rem;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-wrap: wrap;
}

.m_list_flx_4 > li {
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
-webkit-flex-basis:20%;
-ms-flex-basis:20%;
flex-basis:20%;
width:23%\9;
border-radius: 5px;
list-style: none;
padding: 0.7rem;
margin-right: 1rem;   margin-bottom: 1rem;
}


.m_list_flx_home {
width: 100%;
width: 500px\9;
display: flex;
display:-webkit-flex;
padding: 0 1rem;
}

.m_list_flx_home > li {
flex-grow: 1;
flex-basis:30%;
width:200px\9;
border-radius: 5px;
list-style: none;
padding: 0.7rem;
margin-right: 1rem;   margin-bottom: 1rem;
}

.is_bgc_beige > li { background-color:#F1ECE3;}
.is_bgc_gray > li { background-color:#eeeeee;}
.is_flex_wrap{ flex-wrap: wrap; -ms-flex-wrap:wrap;}
.is_flex_nowrap{ flex-wrap: nowrap;}



.m_list_flx > li .is_circle{ border-radius: 50%; }


a img.imglink { outline:solid 1px #BBB;}
a:hover img.imglink { outline:solid 1px #0099CC;}

.m_ph_caption > dl {
float: right;
margin-top: 0; padding-top: 0;
}

.m_ph_caption > dt {
padding: 0.5rem 0 0 0.5rem;
}

.m_ph_caption > dd {
text-align: right;
font-size: 1.2rem;
color: #596622;
line-height: 1;
padding-bottom: 1.3rem;
}

.m_ph_caption > dd.capC{ text-align: center; margin: 0; padding: 0;}

sup{ font-size:90%; color:#E16B8C;}

dl.w200{ width: 200px;}
dl.w210{ width: 210px;}
dl.dl_flx {
display: flex;
flex-wrap: wrap;
}
dl.dl_flx dt{
box-sizing: border-box;
width: 10%;
}
dl.dl_flx dd{
box-sizing: border-box;
width: 85%;
text-align: left;
padding-left:0;
margin-left: 1em;
}
/* フレキシブルボックス その２*/

.m_list_flex {
display:-webkit-flex;
display:-moz-flex;
display:flex;
padding: 0;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-wrap: wrap;
-webkit-justify-content:flex-start;
justify-content:flex-start;
}


.is_flex2 > li {
width: 48%;
border-radius: 10px;
list-style: none;
padding: 0.7rem;
margin-right: 0.7rem;   margin-bottom: 1rem;}

.is_flex3 > li {
width: 31%;
border-radius: 10px;
list-style: none;
padding: 0.7rem;
margin-right: 0.7rem;   margin-bottom: 1rem;
}

.m_list_flex > li:last-child { margin-right: 0; }
.m_list_flex > li:nth-child(3n) {margin-right: 0; }

/* list_link */
.m_list_link {
list-style:none;
margin-bottom: 1rem;
}

.m_list_link > li {
margin-left: -0.2rem;
margin-top: 0.7rem;
padding-bottom: 0.6rem;
padding-left: 1.2rem;
position:relative;
text-indent: 0rem;
}

.m_list_link > li::before {
border: 0.5rem solid transparent;
border-left-color: #8C8C8C;
content: "";
height: 0;
left: 0;
margin: -1rem auto 0;
position: absolute;
top: 1.6rem;
width: 0;
}

.m_list_link > li:hover::before{
border: 0.5rem solid transparent;
border-left-color: #09c;
}
ul.m_list_link.ulsml > li::before {
position: absolute;
top: 1.3rem;
}


.m_list_link > li:last-child {
border-bottom: none;
}

/* list_parentheses */
.m_list_parenthese {
padding:0 ;

}

.m_list_parenthese > li {
list-style:none;
padding-left: 3em;
counter-increment: cnt;
text-indent:-2.5em;
line-height: 1.5;
margin-bottom: .5rem;
}
.m_list_parenthese > li::before {
content: "（" counter(cnt)"）";
}

.is_center { margin: 0 auto; }
.img-center{ display:block; margin: 0 auto;}

.img_circle{ border-radius: 50%; }

.width-100{width:100%;}
.is_hidden { display: none; }

.grid {
margin: 0;
padding: 0;
display: flex;
list-style: none;
}

.grid_cell {
flex: 1;
margin: 0.7rem;
}

.twice {
flex: 2;
}

.bdr_dot{ border-right: 1px dashed #9D694D; padding-right: 0.7rem;}


/* -----------------------------------------------------------------
ことば
------------------------------------------------------------------ */
ul.kotoba {position:relative; }
ul.kotoba .balloon,
ul.kotoba .balloon_top,
ul.kotoba .balloon_topB,
ul.kotoba.balloon_left, ul.kotoba.balloon_right{ padding: 5px; position:absolute; margin-left:0; }
.note{
background-color: #fee;
background-image: linear-gradient( rgba(193,158,155,.3) .1em, transparent .1em );
background-size: auto 2rem;
line-height: 2rem;
border: 1px solid rgba(0,0,0,.2);
border-radius: 2px;
overflow: hidden;
padding:2rem 1rem 3rem;
}


/* -----------------------------------------------------------------

------------------------------------------------------------------ */
@media only screen
and (min-device-width:320px)
and (max-device-width:667px) {
.grid .grid_cell p{ font-size: 2.2rem; line-height: 1.7; }
.grid .grid_cell li{ font-size: 2.2rem; line-height: 1.7; }
#contents_other h3 {font-size:2.5rem; line-height: 1.7; }
#contents_other h4 {font-size:2.2rem; line-height: 1.7; }
#contents_other h5 {font-size:2.2rem; line-height: 1.7; }
#contents_other h5.h5_b {font-size:2.2rem; line-height: 1.7; }
}


/* -----------------------------------------------------------------
フレキシブルボックス
------------------------------------------------------------------ */
.m_flex{
display: flex;
margin: 0;
padding: 0;
flex-wrap: wrap;
}

.is_flex_item{
flex: 1 1 calc(33.3% - 30px);
margin-right: 10px;
}
.is_flex_item:nth-child(odd){
margin-left: 0;
}


*::-ms-backdrop, .is_flex_item{
width: 33%; /* IE11 */
}
*::-ms-backdrop, .is_flex_item:last-child{
width: 33%; /* IE11 */
}

.is_flex_item2{
flex: 1 1 calc(50% - 20px);
margin-right: 10px;
}
.is_flex_item2:nth-child(odd){
margin-left: 0;
}
.is_flex_item2:last-child{
flex: 0 1 calc(50% - 20px);
}
*::-ms-backdrop, .is_flex_item2{
width: 40%; /* IE11 */
}
*::-ms-backdrop, .is_flex_item2:last-child{
width: 40%; /* IE11 */
}
.is_flexbd{
border: 1px dashed #917F71;
border-radius: 10px;
padding-left: 0.7rem;
}
*::-ms-backdrop, .is_flex_item2.is_flexbd{
margin-right: 7px; /* IE11 */
}
*::-ms-backdrop, .is_flex_item2.is_flexbd:last-child{
margin-right: 7px; /* IE11 */
}
_:-ms-lang(x)::backdrop,  .is_flex_item2.is_flexbd{
margin-right: 5px;
}
_:-ms-lang(x)::backdrop, .is_flex_item2.is_flexbd:last-child{
margin-right: 5px;
}
.is_flex_item4{
flex: 1 1 calc(25% - 40px);
margin-right: 10px;
}
*::-ms-backdrop, .is_flex_item4{
width: 20%; /* IE11 */
}
.m_flex > li { list-style: none; }
_:-ms-lang(x), .is_flex_item { flex: 1 1 29%; }
_:-ms-lang(x), .is_flex_item:last-child{ flex: 0 1 29%; }
_:-ms-lang(x), .is_flex_item2 { flex: 1 1 48%; }
_:-ms-lang(x), .is_flex_item2:last-child { flex: 0 1 48%; }

.tbl_cap{
border-bottom: 1px dashed #6B4835;
font-size: 1.6rem;
font-weight: normal;
margin-bottom: 1rem;
padding-bottom: 0.5rem; padding-bottom: 5px;
padding-left: 2rem;
text-align: left;
position:relative;
}

.tbl_cap::before {
background: #AF9282 ;
border-radius: 50%;
content: "";
height: 1.5rem;
left: 0;
margin: -10px auto 0px;
position: absolute;
top: 50%;
width: 1.5rem;
z-index: 1;
}


.is_box_grayH a {
text-decoration: none;
display:  block;
}

.is_box_grayH:hover {
background-color: #0B94EF;
color: #fff;
transition: background-color 0.3s ease 0s;
}

.is_box_grayH:hover p, .is_box_grayH:hover h4, .is_box_grayH:hover h5{color: #FFF;}

.is_age{
color: #fff;
position: relative;
top: -197px;
left: -5px;
z-index: 100;
}

.is_age::before{
content: "";
position: absolute;
background-image: url(/preschool/img/share/bg_circle_br.png);
top: -20px;
left: -5px;
width: 6rem;
height: 6rem;
border-radius: 50%;
z-index: -1;
}

#h_dec_no h4 {
background: none;
border-bottom: none;
padding: 0; margin: 0; }

.h4mi {
margin: 1.5rem 0 0rem -4.5rem;
padding: 0;
text-decoration: underline;}

#h_dec_no h5 {
border-bottom: none;
margin-top: 0.7rem;
text-decoration: underline;
padding-top: 0;
padding-bottom: 0;
}

p.p171026{
color: #36c;
font-size: 1.8rem;
text-decoration: underline;
}

p.p171026:hover{
text-decoration: underline;
}

.is_top_skya{
background-color: #ECF8FD;
border-color:#3093BA ;
}
.is_top_skya:hover{
background-color: #0B94EF;
border-color:#3093BA ;
transition: background-color 0.3s ease 0s;
}

.is_top_skya:hover::before{
border-bottom-color:#0B94EF;
z-index:1;
}
.is_top_skya:hover::after{
border-bottom-color:#3093BA ;
}


.balloon_topa {
background-color:#ddd;
border-radius:10px;
border:3px solid #ccc;
margin-bottom:20px;
margin-top:10px;
position:relative;
padding: 10px;
display:inline-block;
}

.balloon_topa::before {
border:11px solid transparent;
border-bottom-color:#ddd;
border-top-width:0;
top:-9px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
z-index:1;
}

.balloon_topa::after {
border:11px solid transparent;
border-bottom-color:#ccc;
border-top-width:0;
top:-13px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
}
.balloon_topa:hover p { color:#fff; }


/* list_box_step */
.triangle {
/* reset basic style */
background-color: transparent;
padding: 0;
}

.triangle > ol {
padding-left: 0;
display: -webkit-flex;
display: flex;
padding-left:0;
width:97%;
background-color:#fff;
border-radius: .6em .6em .6em .6em;
}

.triangle > ol > li {
-webkit-flex: 3;
-ms-flex: 3;
flex: 3;
margin: 0 5px 0 0;
list-style:none;
padding: 1.5rem 1.5rem 1.5rem 3rem;
color: #2c3f4c;
background-color:#D9EDF7;
position: relative;
height: auto;
}
.triangle > ol > li:first-child {
padding-left:1.5rem;
border-radius: .25em 0 0 .25em;
}
.triangle > ol > li:last-of-type {
margin-right: 0;
border-radius:0 1rem 1rem 0;
}
.triangle > ol > li::after, .triangle > ol >li > *::after {
/*
li > *::after is the colored triangle after each item
li::after is the white separator between two items
*/
content: '';
position: absolute;
top: 0;
left: 100%;
content: '';
height: auto;
width: 0;
/* 48px is the height of the <a> element */
border: 4.8em solid transparent;
border-right-width: 0;
border-left-width: 25px;
}
.triangle > ol > li::after {
/* this is the white separator between two items */
z-index: 1;
transform: translateX(4px);
border-left-color: #ffffff;
/* reset style */
margin: 0;
position: absolute;
}
.triangle > ol > li > *::after {
/* this is the colored triangle after each element */
z-index: 2;
border-left-color: #D9EDF7;
}
.triangle > ol > li:last-of-type::after {
/* hide the triangle after the last step */
display: none;
}
.triangle > ol > li:last-of-type::after, .triangle >ol > li:last-of-type > *::after {
/* hide the triangle after the last step */
display: none;
}

.txt_circle{
border-radius:50%;
display:table-cell;
vertical-align:middle;
text-align: center;
width:150px;
height:150px;
}

input[type="reset"] ,input[type="submit"] {
border: 1px solid #bebebe;
font-size: 1.5rem;
letter-spacing:0.2rem;
padding: 2px 1rem;
box-shadow:rgba(172, 172, 157, 0.25) 1px 1px 0px 0px;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
background-color: #FDE6AC ;
border:1px solid #9E8674;
color:#444;
transition: background-color 0.3s ease 0s;
}


.badge{
padding: 2px 4px 2px;
border-radius: 3px;
background-color: #E1E1E1;
font-size: 14px;
margin: 0 5px 2px 0;
display: inline-block;
vertical-align: bottom;
}
.badge.is_bd{
border: 1px solid #424E5A;
}
.badge.is_bdd{
border: 3px double #424E5A;
}
.badge.is_bds{
border: 1px dashed #424E5A;
}
.badge.is_sky{
background-color: #D1F6FC;
border-color:#3093BA ;
}
.badge.is_or{
background-color:#FEEFD6;
border-color:#FE7030;
}

.talkR,.talkL{
  margin: 16px 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; 
}
.talkR{justify-content: flex-end;}
.talkface img{ width: 120px; height: auto; margin-top: 0;}
.talkR .talkface{ margin-left: 16px;}
.talkL .talkface{ margin-right: 16px;}
.talkR .talkface{ order: 2 !important;}
.talk{ 
  max-width: auto;
  display: flex;
  flex-wrap: wrap;
}
.talk.balloon_left, .talk.balloon_right{ padding: 0 10px; margin-top: 0; margin-bottom: 16px;}
.talk h5.h6{display: block;}