/*
Theme Name: cicol
Author: cicol
Author URI: http://cicol.jp/
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	
	font-size: 1em;
	/* font-family: initial; */
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
 -webkit-text-size-adjust: none;
	/* background-color: #faf0e6; */
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

ol, ul {
	list-style: none;
	margin: 0;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {
	text-decoration: none;
	color: #735550;
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
embed, iframe, object {
	max-width: 100%;
}

html,body{
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO" , 'sans-serif';
	color: #735550;   /* only this site */
} 



#container{
    margin: auto;
	background-color: white;
}

.contmain2,
.contmain3,
#newsmain{
	max-width: 1000px;
    margin: auto;
}
#newsmain{
	padding-bottom: 144px;
	position: relative;
}

.footerback{
	clear: both;
	display: block;
	background: white;
	position: relative;
}

.footerwhite{
	border-top: 1px solid #B6B5B6;
    margin: auto;
	background: white;
}

.b-tree{
	width: 2000px;
    display: none;
    position: absolute;
    top: -118px;
    right: 0;
    overflow: hidden;
}

/* header */
#header{
	max-width: 2000px;
    margin: auto;
}
#header-menu{
	display: block;
	position: relative;
    z-index: 1000;
}
.header1{
	display: block;
    background: #EEEEEF;
    height: 25px;
    border-top: 6px solid #FFBF11;
}
.header2{
	display: block;
	max-width: 1000px;
    margin: auto;
}
.head-right{
	display: inline-block;
	float: right;
}
.h-tel-area{
	display: block;
	text-align: right;
	margin-top: 10px;
}
.h-tel-area img{
	display: inline;
	vertical-align: baseline;
}
.h-tel{
	display: inline-block;
}
.h-ymd{
	font-size: 11px;
	margin-right: -5px;
}
.h-tel-area span{
	
    font-size: 28px;
    line-height: 1em;
}
h1#logo{
    display: inline-block;
	margin-top: 10px;
    margin-bottom: 20px;
	width: 180px;
}
ul.nav0{
	max-width: 1000px;
    margin: auto;
    font-size: 11px;
    text-align: right;
    margin-top: 5px;
}
ul.nav0 li{
	display: inline-block;
	padding: 0px 20px;
}

/* ~20200623 original
ul.nav1{
	text-align: right;
    font-size: 14px;
    border-right: 1px gray solid;
	margin-top: 30px;
	letter-spacing: -.4em;
}

ul.nav1 li{
	display: inline-block;
    border-left: 1px gray solid;
    padding: 0px 12px;
    letter-spacing: 1px;
}
*/

ul.nav1{
	text-align: right;
    font-size: 14px;
    border-right: 1px gray solid;
	margin-top: 16px;
	margin-bottom: 16px; 
	letter-spacing: -.4em;
}
ul.nav1 li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
    border-left: 1px gray solid;
    padding: 0px 12px;
    letter-spacing: 1px;
}
.pc-slide{
	width: 100%;
    height: 500px;
    object-position: center;
    object-fit: cover;
}
.out-slider{
	background-color: white;
	position: relative;
	text-align: center;
}
.likeme{
	display:none;
	position: absolute;
    top: 50%;
    right: 18%;
}

.sp-slide{
	display:none;
}
.pc-slide img{
	width: 100%;
    height: 500px;
    object-position: center;
    object-fit: cover;
}


#sp-header{
	display: none;
}
ul#tmenu{
	display: none;
}


/* front-page */
.sp-page-header{
	display: none;
}

.catchcopy{
	margin-top: -97px;
    padding-top: 127px;
    text-align: center;
    font-size: 18px;
    color: #735550;
    margin-bottom: 77px;
    background: url(https://cicol.jp/afterschool/wp-content/uploads/2017/10/whitewave3.png) no-repeat;
    background-size: 140%;
}

box.infobox{
	display: block;
    background: #F7F7F7;
    /* max-width: 1000px; */
    margin: auto;
    position: relative;
}
box.infobox ul{
	max-width: 1000px;
    margin: auto;
	margin-top: 30px;
	display: inline-block;
    /* padding-left: 50px;
    padding-right: 50px; */
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 44px;
	font-size: 0px;
}
box.infobox li{
	width: 22%;
    float: left;
    /* overflow-wrap: break-word; */
    /* word-wrap: break-word; */
    word-break: break-all;
	margin-right: 3%;
	
}
box.infobox li:last-child{
	border: none;
}
box.infobox li img{
	/* width: 100%; */
    height: auto;
}
box.infobox li h3 a{
	color: #3E3A39;
    font-size: 14px;
}
box.infobox li p.date{
	font-size: 10px;
    color: #E95504;
}
box.infobox li section{
	font-size: 14px;
    color: #735550;
}


.head-box{
	max-width: 1000px;
    margin: auto;
}
.i-dec1{
	position: absolute;
    margin-top: -50px;
}

.i-dec2{
	text-align: left;
    position: relative;
    top: 40px;
}

.h3news{
	color: #E95504;
}
h3 img{
	display: inline-block;
}
.h3-right{
	display: inline-block;
}
p.h3eng{
	font-size: 30px;
}
p.h3kana{
	font-size: 10px;
}
.h3greeting{
	color: #70B543;
	padding-top: 50px;
    margin-bottom: 20px;
}
.h3philosophy{
	color: #83C0DA;
	padding-top: 30px;
    margin-bottom: 30px;
}
.h3kidsbar{
	color: #E95504;
	margin-bottom: 30px;
}
.h3access{
	color: #83C0DA;
}
.noti{
	background: #ffdb1e;
    padding: 8px;
    width: 246px;
    margin: auto;
    font-size: 24px;
}

.i-dec3{
	position: absolute;
    right: -78px;
    top: -75px;
}
.moretag{
	/* float: right; */
	max-width: 1000px;
    margin: auto;
    text-align: right;
    padding-right: 50px;
    margin-bottom: 12px;
	position: relative;
	top:-30px;
}

.moretag a{
	color: #E95504;
}

/* フロントページのコンテンツ  */
.content1out{
	display: block;
    /* height: auto; */
    /* clear: both; */
    overflow: auto;
    background: url(https://cicol.jp/afterschool/wp-content/uploads/2018/04/bg-border.png) repeat;
}
.content1{
	clear: both;
	max-width: 1000px;
    margin: auto;
/*     background: white; */
/*     border: 1px solid #C9CACA; */
	margin-bottom: 50px;
}
#post-2 .content1{
	background: unset;
    border: none;
}

.front-contents section{
	float: left;
    width: 58%;
    overflow: auto;
    margin-bottom: 50px;
    margin-right: 2%;
    margin-top: 10px;
	font-size: 14px;
	line-height: 2;
}

.sp-info-right{
	border-left: 1px solid #E95504;
    padding-left: 5px;
	margin-top: 10px;
}

img.f-right-pic{
	float: right;
    width: 40%;
	margin-bottom: 50px;
}

h3.front-page{
	background: url(https://cicol.jp/nursery/wp-content/uploads/2017/09/h2-top-img.png) no-repeat;
    line-height: 2.3em;
    text-align: center;
    background-position: center;
    
    font-size: 24px;
    font-weight: 100;
    height: 61px;
    margin-top: 63px;
    margin-bottom: 46px;
}

.whitewave2{
	clear: both;
    display: none;
    height: 59px;
    overflow: hidden;
	position: relative;
	padding-top: 50px;
    padding-bottom: 95px;
	background-color: #faf0e6;
}

.content2{
	clear: both;
	position: relative;
	/* 
    background: url(http://cicol.jp/nursery/wp-content/uploads/2017/09/whitewave.png);
	*/
    
    display: block;
    height: auto;
    overflow: hidden;
	background-color: white;
}
.whitewave3{
	display: none;
}

img.front-deco1{
	position: absolute;
    top: 0;
    left: 143px;
}

img.front-deco2{
	position: absolute;
    right: 143px;
    top: 30px;
}

.contmain2{
	position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}

.content3{
	  background: url(https://cicol.jp/afterschool/wp-content/uploads/2018/04/bg-cloth.png); 
    
    display: block;
    height: auto;
    
    
}



.contmain3{
	padding: 50px 0;
}

.front-contents{
	max-width: 1000px;
    margin: auto;
	
}

ul.philo3{
	clear: both;
    display: block;
    /* background: aqua; */
    max-width: 1000px;
    margin: auto;
	height: auto;
    margin-bottom: 50px;
    font-size: 0;
}
ul.philo3 li{
	display: inline-block;
	font-size: 14px;
	width: 32.2%;
    margin-right: 1.4%;
	vertical-align: top;
}
ul.philo3 li .philoimg{
	width: 100%;
	display: block;
    position: relative;
}
ul.philo3 li .philoimg img{
	border: 1px solid rgba(135,193,97,0.8);
}
ul.philo3 li .philoimg .philochar{
	position: absolute;
    bottom: 6px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    color: white;
    background-color: rgba(135,193,97,0.8);
    font-size: 22px;
}
ul.philo3 li:nth-child(2) .philoimg img{
	border: 1px solid rgba(255,104,140,0.8);
}
ul.philo3 li:nth-child(2) .philoimg .philochar{
	background-color: rgba(255,104,140,0.8);
}
ul.philo3 li:nth-child(3) .philoimg img{
	border: 1px solid rgba(131,192,218,0.8);
}
ul.philo3 li:nth-child(3) .philoimg .philochar{
	background-color: rgba(131,192,218,0.8);
}
ul.philo3 li:nth-child(3){
	margin-right: 0;
}


.front-dis{
	margin-top: 30px;
    margin-bottom: 40px;
}

.front-contents p{
	text-align: center;
    
	font-size: 18px;
}

.icon-link{
	text-align: center;
}

img.f-img-center{
	display: block;
    margin: auto;
} 
p.f-red{
	color: #E95504;
    text-align: left;
    font-size: 18px;
}

section.fr-kb{
	width: 100%;
    float: none;
    padding-top: 20px;
    font-size: 14px;
}

.c6-content{
	display: block;
    max-width: 900px;
    margin: auto;
    overflow-wrap: break-word;
	padding-top: 60px;
	padding-bottom: 80px;
}
.fr-himg{
	display: block;
    position: relative;
}
.fr-himg img{
	width: 100%;
    height: 350px;
    object-position: center;
    object-fit: cover;
}
.h-word1{
	color: white;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 300px;
    height: 30px;
    text-align: center;
	font-size: 21px;
}
.h-word1 p.eng{
	font-size: 11px;
}
.ggmap{
	text-align: center;
    margin-bottom: 47px;
	position: relative;
	margin-top: 30px;
}
.adr-box1{
	max-width: 900px;
    margin: auto;
    padding-bottom: 20px;
    border-bottom: 2px #cac3c3 solid;
	line-height: 2;
}

dl.adr-box2{
	max-width: 880px;
    margin: auto;
    padding-bottom: 20px;
    border-bottom: 2px #cac3c3 solid;
	margin-top: 12px;
}
dl.adr-box2 dt{
	margin-top: 20px;
}
dl.adr-box2 dd{
	padding-top: 20px;
    margin-left: 55px;
}
dl.adr-box2:last-of-type{
	border-bottom: none;
}
.fr-parking{
	max-width: 880px;
    margin: auto;
    background: #f7f7f7;
    padding: 20px 0;
    line-height: 2;
}
.fr-parking p{
	padding-left: 30px;
}
.fr-parking span{
	font-size: 16px;
}


/* main */
#main{
	max-width: 2000px;
    margin: auto;
	position: relative;
}


/* page-header */
.page-header{
	max-width: 1000px;
    margin: auto;
    position: relative;
}

ul#tmenu{
	display: none;
}

/* 2column page -news- */

.h2-back{
	clear: both;
	display: block;
	width: 100%;
	background: #FABF11;
	
}

.single h2,
.archive h2,
.category h2,
.page h2{
	max-width: 1000px;
    margin: auto;
    padding: 25px 0px;
    font-family: 'HiraKakuPro-W6','ＭＳ ゴシック';
    font-size: 18px;
	color: white;
}
.single h2 p.eng,
.archive h2 p.eng,
.category h2 p.eng,
.page h2 p.eng{
	font-size: 10px;
}

.bread-back{
	font-size: 12px;
    color: #E95504;
}
.bread-back:after{
	display: block;
    content: "";
    background: url(https://cicol.jp/afterschool/wp-content/uploads/2018/04/line-01.png) repeat-x;
    height: 12px;
}
.bread-back p{
	max-width: 1000px;
    margin: auto;
    padding: 15px 0;
}

.main-back{
	background: url(https://cicol.jp/afterschool/wp-content/uploads/2018/04/bg-dot.png) repeat;
	padding: 30px 0;
	font-size: 0;
	overflow: auto;
}
.page-frame{
	max-width: 1000px;
    margin: auto;
    background: white;
    padding: 30px 30px;
    border: 1px #83C0DA solid;
	font-size: 14px;
	font-family: 'HiraKakuPro-W3';
	margin-bottom: 50px;
}
/* single-page */
#post-main{
	max-width: 1000px;
    margin: auto;
}
.post-right{
	width: 75%;
    float: right;
}
.post-frame{
	width: 100%;
   
    background: white;
    padding-top: 30px;
    border-radius: 0px;
   border: 1px #C9CACA solid;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.post-data{
	margin: 0 10px;
}
ul.post-content{
	font-size: 0px;
    margin-left: 20px;
    margin-right: 20px;
}
ul.post-content li{
	display: block;
   margin-bottom: 20px;
	padding-bottom: 10px;
    border-bottom: 1px solid #C9CACA;
	font-size: 11px;
}
ul.post-content li .eye-catch{
	display: inline-block;
}
ul.post-content li .item-right{
	font-size: 16px;
	display: inline-block;
    vertical-align: top;
    margin-left: 10px;
	width: 60%;
}
ul.post-content li .item-head{
	display: inline-block;
	width: 100%;
	font-size: 12px;
}
ul.post-content li .item-head .date{
	display: inline-block;
	color: #E95504;
}
ul.post-content li .item-head .post-cat{
	display: inline-block;
	float: right;
	text-decoration: underline;
}
ul.post-content li .item-head .post-cat a{
	font-family: 'HiraKakuPro-W3';
	color: #898989;
}

ul.post-content li .item-right h3{
	margin-top: 30px;
    font-size: 18px;
    clear: both;
	font-family: 'HiraKakuPro-W6';
}
section.singe-p{
	display: block;
    clear: both;
    font-size: 14px;
    font-family: 'HiraKakuPro-W3';
}

.navigation{
	display: block;
    margin-top: 10px;
	font-size: 14px;
}
.alignleft{
	display: inline-block;
}
.alignright{
	display: inline-block;
    float: right;
}


#sidebar{
	display: inline-block;
    vertical-align: top;
    width: 25%;
    overflow: auto;
	font-size: 14px;
}

#sidebar .widget{
	background: white;
    width: 220px;
    border: 1px solid #C9CACA;
    margin-bottom: 20px;
}

#sidebar h2{
	display: block;
	color: #595757;
}
#recent-posts-2 h2{
	background: #CEE81F;
}
#categories-2 h2{
	background: #8CDEDA;
}
#archives-2 h2{
	background: #FFD01F;
}


h2.widgettitle{
	background-size: auto;
    /* background-position-x: unset; */
    height: 55px;
    /* padding-left: 48px; */
    padding-top: 12px;
    margin-bottom: 10px;
    text-align: center;
    
}

.widget_recent_entries .post-date {
    margin-left: 0;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
	margin-bottom: 20px;
    font-size: 12px;
	margin: 0 10px;
	color: #E95504;
}
 
.widget.widget_recent_entries a {
    position: relative;
    top: 23px;
    display: block;
	
	margin: 0 10px;
}

.widget.widget_recent_entries ul{
	position: relative;
    display: block;
	
}
 
.widget.widget_recent_entries li {
    position: relative;
    display: block;
    margin: 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px #C9CACA dotted;
    /* margin-right: 40px; */
    padding-bottom: 40px;
}



#categories-2 ul{
	
}

#categories-2 ul li a{
	margin: 0 10px;
}

li.cat-item,
#archives-2 li{
	border-bottom: 1px #735550 dotted;
    /* margin-right: 40px; */
    padding-bottom: 6px;
    margin: 0 10px;
    margin-top: 10px;
}

ul.post-content li:last-child,
.widget.widget_recent_entries li:last-child,
li.cat-item:last-child,
#archives-2 li:last-child{
	border-bottom-style: none;
}

#archives-2 ul li a{
	margin: 0 10px;
}

#newscont{
	display: inline-block;
    vertical-align: top;
    width: 75%;
    float: right;
	overflow: hidden;
	background: #fdfaf7;
	padding-bottom: 30px;
	margin-bottom: 144px;
	
}

#newscont .entry{
	margin: 50px 30px;
	background: url(http://cicol.jp/nursery/wp-content/uploads/2017/09/news-line.png)no-repeat;
    background-position: bottom;
    padding-bottom: 60px;
	
}

.p-flag{
	position: absolute;
    right: -45px;
    top: -84px;
}


.list-head{
	display: block;
    /* border-left: 6px #b1d375 solid; */
    margin-bottom: 14px;
    padding: 0 10px;
}

.post-date{
	display: inline;
	color: #E95504;
    font-size: 14px;
}
span.post-cat{
	float: right;
    font-size: 14px;
}
h3.page-list a{
	color: #735550;
	font-size: 18px;
}

/* 
.list-head::after{
	display: block;
	border-bottom: 1px black dotted;
	content: ' ';
}
 */

section.main-cont{
	clear: both;
    border-top: 1px gray dotted;
    padding-top: 20px;
    font-size: 14px;
	margin: 0 20px;
}

section.main-cont img{
	display: block;
	margin-bottom: 10px;
}
section.main-cont .post-content img{
	width: 100%;
    height: auto;
}

/* page-navi */
.wp-pagenavi a, 
.wp-pagenavi span,
span.current,
a.page-numbers{
	text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
	padding-bottom: 1px;
	font-size: 12px;
}

.wp-pagenavi {
    clear: both;
    padding-bottom: 1px;
}

.navigation{
	    display: block;
}
.alignleft{
	    display: inline;
}
.alignright{
	display: inline;
	float: right;
}

.wp-pagenavi{
	text-align: center;
}

/* footer */
      

#footer{
	display: block;
	/* max-width: 954px; */
	margin: auto;
	font-size: 14px;
}

.f-info{
	max-width: 1000px;
    margin: auto;
    padding-top: 37px;
    display: block;
	    margin-bottom: 50px;
}
.f-info img{
	display: inline-block;
    vertical-align: top;
}

.f-add{
	display: inline-block;
	width: 70%;
    margin-left: 33px;
}
.f-add p{
	line-height: 27px;
}

.f-add span{
	font-size: 1.2em;
}

nav.b-navi{
	padding-top: 40px;
    padding-bottom: 38px;
    background-color: #F5F5F5;
}

nav.b-navi ul{
	margin-bottom: 20px;
	border-right: #836963 1px dotted;
	max-width: 1000px;
    margin: auto;
}

nav.b-navi li{
	font-size: 13px;
    display: inline-block;
	border-right: #836963 1px dotted;
	padding-top: 5px;
    padding-bottom: 4px;
    width: 12%;
    text-align: center;
}
nav.b-navi li:nth-child(3){
	width: 24%;
}
nav.b-navi li:first-child{
	border-left: #836963 1px dotted;
	
}

nav.b-navi li:last-child{
	border: none;
	
}

nav.b-navi li a{
	color: #735550;
}

.f-wavelink{
	background: url(https://cicol.jp/afterschool/wp-content/uploads/2018/04/foot-wave.png) repeat-x;
    background-position: top;
    background-size: unset;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 0px;
	background-color: #F5F5F5;
}

ul.b-title{
	display: none;
    text-align: center;
	margin-top: 20px;
    margin-bottom: 38px;
}

ul.b-title li{
	display: inline;
    padding: 3px 14px 5px 10px;
    
}


ul.b-title li a{
	text-decoration: none;
	color:    #836963;
    font-size: 13px;
}

p.copy-r{
	margin-top: 20px;
	font-size: 12px;
    color: #ffffff;
}

/* about */

.about .content1{
	display: block;
	
}

.about .front-contents{
	margin-bottom: 20px;
}

.about .content2{
	height: auto;
}

.about .contmain2{
	display: block;
	padding: 0 50px;
	margin-top: 0;
}
.program .contmain2{
	display: block;
	padding: 0 50px;
	margin-top: 0;
}
/* program */
box.pg-box p{
	font-size: 14px;
}


.about-header-dec{
	position: absolute;
    bottom: -15px;
    right: 51px;
}

.about h3{
	color: #70b543;
    text-align: center;
    font-size: 12px;
	font-weight: 100;
	margin-top: 50px;
	margin-bottom: 25px;
}

.about h4{
	color: #E95504;
    line-height: 2.3em;
    text-align: center;
    background-position: center;
    font-size: 18px;
    font-weight: 100;
    margin-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #FABF11;
}

.about .front-dis{
	margin-bottom: 30px;
	font-size: 18px;
	    text-align: center;
}
.about .front-con{
	margin-bottom: 30px;
	font-size: 18px;
	text-align: center;
	line-height: 2;
}

p.important{
	font-size: 14px;
}

.orange{
	background: #FFF8E2;
    margin-top: 30px;
    padding: 30px 50px;
}
.orange p{
	font-size: 17px;
	line-height: 2;
}
span.red{
	color: #E60012;
}

dl.feature{
	clear: both;
    overflow: hidden;
    margin-bottom: 30px;
	position: relative;
}
dl.feature img{
	float: left;
	margin-right: 20px;
}
dl.feature dt{
	color: #E95504;
    font-size: 24px;
}
dl.feature dd{
	font-size:  14px;
}

.sasie{
	position: absolute;
    right: 0;
    bottom: 0;
}

.sasie2{
	position: absolute;
    left: -23px;
    bottom: -39px;
}

.care-link{
	position: absolute;
    right: 78px;
    bottom: -25px;
}

.green-link{
	margin-left: 11%;
    margin-bottom: 13px;
}
.kirin{
	margin-top: 68px;
    margin-left: 15%;
}

.ggmap{
	text-align: left;
    margin-bottom: 47px;
}
#access{
}

.trans {
	margin-bottom: 214px;
}
.trans p{
	margin-top: -37px;
    margin-left: 54px;
    margin-bottom: 24px;
	font-size: 14px;
	line-height: 2.2;
}

.facility{
	display: block;
    position: relative;
	font-size: 14px;
}
.left-faci{
	display: inline-block;
    width: 58%;
    vertical-align: top;
    margin-right: 2%;
	
}

dl.a001{
	display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px #73554E dotted;
}
dl.a001 dt{
	color: #E95504;
    width: 20%;
    float: left;
    clear: both;
}

dl.a001 dd{
	margin-left: 20%;
}

dl.a001:last-child{
	border-bottom-style: none;
}

.right-faci{
	display: inline-block;
    width: 38%;
}

/* life */
.life #main{
	
}

.life-header-dec{
	position: absolute;
    bottom: -39px;
    right: 40px;
}

.life .content1{
	display: block;
	
}
.life .contmain2{
	padding: 0 50px;
}

.life h3{
	font-size: 14px;
    font-weight: 100;
    text-align: center;
    color: #735550;
	margin-bottom: 50px;
}

.life h4{
    line-height: 2.3em;
    text-align: center;
    font-size: 18px;
    font-weight: 100;
    margin-top: 20px;
    color: #E95504;
    border-bottom: 2px solid #FABF11;
} 

.life .contmain2 p.fl-center{
	font-size: 14px;
    padding: 20px 0;
	text-align: center;
}

.oneday{
	display: block;
	color: #83c0da;
	position: relative;
	margin-bottom: 30px;
}

.oneday2{
	color: #70b543;
}

.oneday3{
	color: #008c6c;
}
.oneday4{
	color: #9397d7;
}
.oneday5{
	color: #e95561;
}

.oneday6{
	color: #e95504;
}
.oneday7{
	color: #598ED0;
}


.day-time{
	display: inline-block;
    width: 12%;
	font-size: 24px;
}
.day-sum{	
	display: inline-block;
    width: 30%;
    vertical-align: top;
	border-left: 4px;
    border-left-style: solid;
	padding-left: 10px;
	height: 220px;
}
p.d-kanji{
	font-size: 24px;
}
p.d-eng{
	font-size: 11px;
}
.d-img{
	float: right;
}

section.think{
	position: absolute;
    display: block;
    width: 274px;
    /* background-color: rgba(255,255,255,0.6); */
    /* bottom: 13px; */
    top: 70px;
    left: 121px;
    /* padding: 21px; */
    color: #735550;
    font-size: 14px;
}

.life .content2{
	height: auto;
	padding-bottom: 70px;
}

.year-plan{
	display: block;
    position: relative;
	margin-bottom: 20px;
}

.yp-left{
	display: inline-block;
    width: 48%;
    margin-right: 1%;
	vertical-align: top;
}

.yp-right{
	display: inline-block;
    width: 48%;
    margin-left: 1%;
	vertical-align: top;
}

.month-plan{
	display: block;
	color: #e95561;
    border-left-style: solid;
    border-left-width: 4px;
	padding-left: 20px;
	clear: both;
	height: 130px;
    margin-bottom: 30px;
}
.month5{
	color: #70b543;
}
.month6{
	color: #389cda;
}
.month7{
	color: #5ab7ee;
}
.month8{
	color: #ffc500;
}
.month9{
	color: #ff9504;
}
.month10{
	color: #e95504;
}
.month11{
	color: #a15650;
}
.month12{
	color: #d92f31;
}
.month1{
	color: #5abe9a;
}
.month2{
	color: #9397d7;
}
.month3{
	color: #f06e9c;
}

.m-left{
	display: inline-block;
    vertical-align: top;
	width: 83px;
}

span.m-num{
	font-size: 40px;
}
span.m-kanji{
	font-size: 30px;
}

.m-eng{
	font-size: 11px;
}

.m-center{
	display: inline-block;
	margin-left: 10px;
}

.m-img{	
	float: right;
}
.m-event{
	display: block;
    color: #735550;
    font-size: 14px;
}

.m-event::before{
	content: '●';
    color: #e95561;	
	font-size: 12px;
}
.m-event5::before{
	color: #70b543;
}
.m-event6::before{
	color: #389cda;
}
.m-event7::before{
	color: #5ab7ee;
}
.m-event8::before{
	color: #ffc500;
}
.m-event9::before{
	color: #ff9504;
}

.m-event10::before{
	color: #e95504;
}
.m-event11::before{
	color: #a15650;
}
.m-event12::before{
	color: #d92f31;
}
.m-event1::before{
	color: #5abe9a;
}
.m-event2::before{
	color: #9397d7;
}
.m-event3::before{
	color: #f06e9c;
}

.plus-img{
	text-align: center;
}
.life .orange p{
	text-align: center;
    font-size: 14px;
}
.life .orange p span.red{
	color: #E93304;
    font-size: 18px;
}

.btm-discri{
	margin-top: 30px;
}
.btm-discri p{
	font-size: 12px;
	line-height: 2;
}

/* guide */

.guide #main{
	padding-bottom: 170px;
}

.guide-header-dec{
	position: absolute;
    bottom: -53px;
    right: 17px;
}

.guide h3,
.program h3{
	line-height: 2.3em;
    
    text-align: center;
    
    font-size: 18px;
    font-weight: 100;
    
    margin-top: 20px;
    margin-bottom: 20px;
    color: #E95504;
    border-bottom: 2px solid #FABF11;
}
.guide h3{
	margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
h3.green{
	color: #358300;
    border-bottom: 2px solid #8FC31F;
}
h3.guide-back2{
	background: url(http://cicol.jp/nursery/wp-content/uploads/2017/09/guide-back2.png) no-repeat;
	background-position: center;
}


.g-flow{
}
.guide-img1{
	max-width: 914px;
    margin: auto;
	margin-bottom: 91px;
}

.guide-img2{
	display: none;
}

.guide-content{
	display: block;
    max-width: 914px;
    margin: auto;
    background: #fdfaf6;
	padding: 40px;
}

.guide h4{
	font-size: 17px;
    /* font-weight: 100; */
    border-left: 5px #E95504 solid;
    padding-left: 10px;
    padding-top: 3px;
    /* padding-bottom: 8px; */
    height: 30px;
    margin-bottom: 20px;
}
.guide .contmain2{
	display: block;
    padding: 0 50px;
    margin-top: 0;
}
.guide .contmain2 .open-day{
	display: block;
    margin-bottom: 30px;
}
.guide .contmain2 p{
	font-size: 14px;
	line-height: 1.5;
}
.guide .contmain2 p.small{
	font-size: 12px;
}

dl.using{
	display: block;
    width: 900px;
    height: 76px;
    font-size: 0;
	margin-bottom: 10px;
	color: #3E3A39;
}
dl.using dt{
	font-size: 18px;
    display: inline-block;
    width: 230px;
    text-align: center;
    vertical-align: top;
    height: 76px;
    background: #FABF11;
    padding-top: 25px;
}
dl.using dd{
	font-size: 14px;
    display: inline-block;
    background: #FEF7C7;
    width: 670px;
    height: 76px;
    padding-left: 30px;
    padding-top: 16px;
}

dl.using2{
	display: block;
    width: 900px;
    height: 110px;
    font-size: 0;
	margin-bottom: 10px;
	color: #3E3A39;
}
dl.using2 dt{
	font-size: 18px;
    display: inline-block;
    width: 230px;
    text-align: center;
    vertical-align: top;
    height: 110px;
/*     background: #FABF11; */
	background: #8FC31F;
    padding-top: 44px;
}
dl.using2 dd{
	font-size: 14px;
    display: inline-block;
/*     background: #FEF7C7; */
	background: #EFF6DE;
    width: 670px;
    height: 110px;
    padding-left: 30px;
    padding-top: 16px;
}



dl.using dd p{
	
}
/*
dl.using2 dt{
	background: #8FC31F;
}
dl.using2 dd{
	background: #EFF6DE;
}
*/
.guide .plus-img{
	margin: 20px 0;
}
dl.using3 dt{
	background: #8EC7EC;
}
dl.using3 dd{
	background: #E4F0F5;
}

.g-need-left{
	display: inline-block;
	width: 60%;
    padding: 20px;
    border: 1px #735550;
    border-style: dashed;
	vertical-align: top;
}

.g-need-left ul{
}

.g-need-left li{
	margin-bottom: 10px;
}
.g-need-left li::before{
	content: "□";
	margin-right: 20px
}

.g-need-right{
	display: inline-block;
    width: 39%;
    margin-left: auto;
    text-align: right;
}

dl.tab1{
	display: block;
    border: 1px;
    border-style: dotted;
	margin-bottom: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
 
}
dl.tab1:last-of-type{
	border-bottom-style: none;
}

dl.tab1 dt{
	display: inline-block;
    width: 20%;
    vertical-align: middle;
    font-size: 13px;
    height: auto;
    text-align: center;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    background-color: #FABF11;
	padding-top: 60px;
}

dl.tab1 .tab1-right{
	display: inline-block;
    vertical-align: middle;
    /* margin-left: 20%; */
    width: 79.8%;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    padding: 20px;
    font-size: 14px;
}
dl.tab1 dd{
}
dl.tab1 dt.cell1{
	padding-top: 20px;
    font-size: 13px;
}

.month-tab1{
	border: 1px black dotted;
    display: block;
	font-size: 13px;
	margin-bottom: 10px;
}
.month-tab1 dl{
	display: inline-block;
    width: 100%;
	border-bottom: 1px black dotted;
}

/* table 20171226 */
table.tab2{
	 
    border: 1px dotted;
    margin-top: 20px;
	margin-bottom: 30px;
	font-size: 0;
	width: 100%;
	table-layout: fixed;
}
table.tab2 tbody{
	 
}


table.tab2 td:first-child{
	background-color: #FABF11;
	border-left-style: none;
}
table.tab2 td:last-child{
	border-right: none;
}
table.tab2-2 td{
	
}


table.tab2 td{
	
	font-size: 14px;
	
    text-align: center;
    padding: 20px 0;
	border-left: 1px dotted;
	vertical-align: middle;
}

table.tab2-1 {
	width: 50%;
}
table.tab2-1 td{
	
}

table.tab2-2 td:first-child,
table.tab2-1 td:first-child{
	background-color: #dfe763;
}
table.tab2-1 tr{
	    
}



table.monthly{
	width: 100%;
	border: 1px dotted;
    margin-top: 20px;
    margin-bottom: 30px;
	font-size: 14px;
}
table.monthly thead{
	background-color: #E9E9E9;
}

table.monthly thead th{
	text-align: center;
	border-left: 1px dotted;
	padding: 15px 0;
}
table.monthly thead th:first-child{
	border-left-style: none;
}

table.monthly tbody td{
	text-align: center;
	border-top: 1px dotted;
	border-left: 1px dotted;
	padding: 15px 0;
}
table.monthly tbody td.col1{
	background-color: #FABF11;
	    border-left-style: none;
	vertical-align: middle;
}
table.monthly tbody td.col2{
	    background-color: #FEF7C7;
}

table.exten{
	width: 100%;
	border: 1px dotted;
    margin-top: 20px;
    margin-bottom: 30px;
	font-size: 14px;
}
table.exten thead{
	background-color: #E9E9E9;
}

table.exten thead th{
	text-align: center;
	border-left: 1px dotted;
	padding: 15px 0;
}
table.exten thead th:first-child{
	border-left-style: none;
}

table.exten tbody td{
	text-align: center;
	border-top: 1px dotted;
	border-left: 1px dotted;
	padding: 15px 0;
}
table.exten tbody td.orange{
	background-color: #FABF11;
	    border-left-style: none;
	vertical-align: middle;
}


table.spot tbody td:first-child{
	background: #dfe763;
}


.month-tab1 dt{
	display: inline-block;
    width: 20%;
    background-color: #dfe763;
    border-right: 1px black dotted;
	text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.month-tab1 dl.row8 dt{
	padding-top: 20px;
    padding-bottom: 20px;
}
.month-tab1 dl.row8 dd{
	padding-top: 20px;
    padding-bottom: 20px;
	
}
.month-tab1 dd{
	display: inline-block;
    width: 19.4%;
    border-right: 1px black dotted;
	padding-top: 20px;
    padding-bottom: 20px;
	text-align: center;
}
.month-tab1 dd:last-of-type{
	border-right-style: none;
}
.month-tab1 dl.row1{
	background: #e9e9e9;
}
.month-tab1 dl.row1 dt{
	
}
.month-tab1 dl.row6 dd{
	width: 78%;	
}
.month-tab1 dl.row8{
	border-bottom-style: none;
}

/* 20171008 */
.month-tab1 dd{
	width: 75%;
}


.month-tab2{
	border: 1px black dotted;
    display: block;
	font-size: 13px;
	margin-bottom: 10px;
}
.month-tab2 dl{
	display: inline-block;
    width: 100%;
	border-bottom: 1px black dotted;
}

.month-tab2 dt{
	display: inline-block;
    width: 20%;
    background-color: #dfe763;
    border-right: 1px black dotted;
	text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.month-tab2 dd{
	display: inline-block;
    width: 26.1%;
    border-right: 1px black dotted;
	padding-top: 20px;
    padding-bottom: 20px;
	text-align: center;
}
.month-tab2 dd:last-of-type{
	border-right-style: none;
}
.month-tab2 dl.row1{
	background: #e9e9e9;
}
.month-tab2 dl.row1 dt{
    
}
.month-tab2 dl.row11{
	border-bottom-style: none;
}

.month-tab2 dd{
	width: 38%;
}

/* care 病児保育 */
.care-header-dec{
	position: absolute;
    bottom: -16px;
    right: 43px;
}

.care #main{
	padding-bottom: 150px;
}
.care .guide-content{
	padding: 20px;
	padding-top: 50px;
    padding-bottom: 50px;
}

.s-point{
	display: block;
	margin-bottom: 60px;
}

.care span.littlegr{
	font-size: 12px;
}
.care .littleright{
	font-size: 12px;
    text-align: right;
    margin-right: 20px;
    color: #76c6c5;
	padding-bottom: 10px;
}

.s-point article{
	display: inline-block;
    width: 60%;
    vertical-align: top;
	margin-left: 1%;
}
.s-point .p-icn{
	display: inline-block;
    width: 70px;
}
.s-point p{
	display: inline-block;
    color: #76c6c5;
    vertical-align: top;
    padding-top: 19px;
	font-size: 23px;
}
.s-point section{
	display: block;
    font-size: 14px;
    float: none;
    margin: 0;
    margin-left: 72px;
    width: 85%;
}
.s-point .p-img{
	display: inline-block;
}
.s-point .p-img img{
	max-width: 322px;
    height: auto;
}

.step-box{
	display: block;
	padding: 30px;
}

.step-b1{
	display: block;
}

.step-box a{
	display: inline;
    vertical-align: top;
    font-size: 24px;
    margin-left: 20px;
    line-height: 2em;
}

.step-b1 a{
	color: #76c6c5;
}

.step-det{
	display: block;
	margin-left: 50px;
    padding-left: 85px;
    font-size: 14px;
    border-left: 1px gray dotted;
	margin-bottom: 40px;
}

.step-det::after{
	display: block;
    content: '▼';
    color: gray;
    margin-left: -94px;
    position: absolute;
    margin-top: -6px;
}

.step-b2 a{
	color: #51be7a;
}
.step-b3 a{
	color: #a3d543;
}
.step-b4 a{
	color: #f6c133;
}

.step-b5 a{
	color: #e97804;
}

.step-box span.red{
	color: #E95504;
}
.step-box span.hurry{
	color: red;
    font-size: 24px;
}
.step-box span.hurry-time{
	color: red;
}
.reserve-icn{
	text-align: center;
}

.step-det5{
	display: block;
	margin-left: 50px;
    padding-left: 85px;
    font-size: 14px;
}

.care h5 {
    font-size: 24px;
    font-weight: 100;
    border-left: 10px #b1d375 solid;
    padding-left: 20px;
    padding-top: 7px;
    padding-bottom: 8px;
    margin-bottom: 20px;
	margin-top: 30px;
}

section.attem{
	float: none;
    width: 100%;
    margin-right: 0;
	font-size: 14px;
}

section.attem span.red{
	color: #E95504;
}

a.spe{
	font-size: 14px;
}

.tab3{
	display: block;
    border: 1px gray dotted;
	text-align: center;
	font-size: 14px;
}
.tab3 dl{
	display: table-cell;
    width: 20%;
	vertical-align: top;
	border-right: 1px gray dotted;
}

.tab3 dt{
	background: #e9e9e9;
	padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px gray dotted;
}

.tab3 dd{
	padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px gray dotted;
}

.tab3 dl.col1{
	background: #dfe763;
}
.tab3 dl.col1 dt{
	background: #dfe763;
}

.tab3 dl dd:last-of-type{
	border-bottom-style: none;
}

.tab3 dl.col3{
	width: 39%;
}
.tab3 dl.col3 dd,
.tab3 dl.col4 dd{
	    padding-top: 170px;
}

.tab3 dl.col4{
	width: 200px;
    border-right-style: none;
}

.care-price{
	padding: 0 30px;
}



/* after-school */
.afterschool .about-header-dec{
	bottom: 5px;
    right: 73px;
}
.care h3,
.afterschool h3 {
    color: #70b543;
    text-align: center;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 50px;
}
.afterschool .content15{
	background: url(http://cicol.jp/nursery/wp-content/uploads/2017/12/c15-wave.png) repeat-x;
    background-size: 100%;
   
}
.afterschool .c15-content{
	padding-top: 100px;
	padding-bottom: 80px;
}
.afterschool h4.c15{
	background: url(http://cicol.jp/nursery/wp-content/uploads/2017/12/c15-hback.png) no-repeat;
    background-position-x: center;
}
.afterschool box.pg-box{
	max-width: 950px;
    margin: auto;
    display: block;
    background: white;
    border-radius: 10px;
    padding: 30px;
	 margin-bottom: 40px;
}
.afterschool .pg-head{
	background: url(http://cicol.jp/nursery/wp-content/uploads/2017/12/as-line01.png) repeat-x;
    background-position-y: bottom;
    padding-bottom: 12px;
    font-size: 20px;
    color: #E95504;
	margin-bottom: 20px;
}
.afterschool .c15-content p{
	
}
box.pg-box .pg-about{
	display: block;
	font-size: 0;
	margin-top: 40px;
    margin-bottom: 40px;
}
box.pg-box .pg-about .pg-img{
	display: inline-block;
	 width: 280px;
    margin-right: 20px;
}
box.pg-box .pg-about .pg-detail{
	display: inline-block;
    font-size: 14px;
	width: 60%;
    vertical-align: top;
}
box.pg-box .pg-about .pg-ab-head{
	display: block;
    color: #E95504;
    font-size: 18px;
    border-left: 7px solid;
    padding-left: 10px;
    margin-bottom: 10px;
}
box.pg-box .pg-about p.big{
	font-size: 17px;
    line-height: 1.7em;
}

.afterschool span.tax{
	font-size: 14px;
}

.care h4
{
	font-size: 18px;
    font-weight: 100;
    height: 38px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.care h4{
	line-height: 1.5em;
    background-position-y: 16px;
    height: 100px;
}

.care h4.row1{
	background: url(http://cicol.jp/nursery/wp-content/uploads/2017/09/h2-top-img.png) no-repeat;
    background-position: center;
	background-position-y: 13px;
    padding-top: 20px;
}

.as-box{
	display: block;
	margin-bottom: 50px;
}
.as-img{
	display: inline-block;
    width: 314px;
}
dl.as-detail{
	display: inline-block;
    vertical-align: top;
    width: 59%;
	margin-left: 1%;
}
dl.as-detail dt{
	color: #E95504;
    font-size: 24px;
}
dl.as-detail dd{
	 font-size: 14px;
}
dl.as-detail .as-lnk1{
	text-align: center;
    margin-top: 30px;
}

.as-dh{
	color: #E95504;
    font-size: 24px;
}

.greet-box{
	display: inline-block;
    background: #fdfaf7;
    padding: 30px;
    position: relative;
	margin-top: 114px;
	padding-top: 50px;
}

.afterschool .noti{
	position: absolute;
    top: -20px;
    left: 332px;
    text-align: center;
}

.as-img2{
	float: right;
    margin-left: 25px;
}


.g-top{
	position: absolute;
    top: -25px;
    left: 345px;
}
.g-sasie{
	position: absolute;
    top: -81px;
}

.afterschool .front-contents{
	margin-bottom: 10px;
}

.guide h4.o-view{
	background: url(http://cicol.jp/nursery/wp-content/uploads/2017/09/h2-top-img.png) no-repeat;
    background-position: center;
}
.guide h4.h-faq{
	background: url(http://cicol.jp/nursery/wp-content/uploads/2017/12/af-faq-back.png) no-repeat;
	background-position-x: center;
}
ul.af-faq{
	
}
ul.af-faq li{
	border-bottom: 1px dotted;
    padding-bottom: 20px;
	margin-top: 30px;
}
ul.af-faq li:last-child{
	border-bottom-style: none;
}
ul.af-faq li .faq-q{
	display: block;
	margin-bottom: 20px;
}
ul.af-faq li .faq-q-img{
	width: 30px;
    display: inline-block;
	margin-right: 10px;
}
ul.af-faq li .faq-q section{
	display: inline-block;
    width: 90%;
    vertical-align: top;
	font-size: 18px;
}
ul.af-faq li .faq-a{
	display: block;
}
ul.af-faq li .faq-a-img{
	width: 30px;
    display: inline-block;
	margin-right: 10px;
}
ul.af-faq li .faq-a section{
	display: inline-block;
    width: 90%;
    vertical-align: top;
	font-size: 14px;
}

.afterschool .content2{
	height: auto;
    padding-bottom: 120px;
}

.guide h5{
	font-size: 24px;
    font-weight: 100;
    border-left: 10px #b1d375 solid;
    padding-left: 20px;
    padding-top: 7px;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

.fac-box{
	display: block;
	margin-bottom: 120px;
	font-size: 14px;
}
.fac-left{
	display: inline-block;
    width: 60%;
	vertical-align: top;
	border-bottom: 1px black dashed;
}
.fac-left dl{
	display: block;
	border-top: 1px black dashed;
	padding-top: 20px;
    padding-bottom: 20px;
}
.fac-left dt{
	display: inline-block;
    width: 23%;
	color: #E95504;
}
.fac-left dd{
	display: inline-block;
    width: 75%;
    vertical-align: top;
}
.fac-right{
	display: inline-block;
}

.as-lnk2{
	margin-bottom: 20px;
    margin-left: 25px;
}
.as-sasie{
	margin-bottom: 20px;
    margin-left: 25px;
}

.join-box{
	display: block;
	margin-bottom: 10px;
}
.join-left{
	display: inline-block;
    width: 60%;
	vertical-align: top;
}
.join-left p{
	font-size: 14px;
}

.join-right{
	display: inline-block;
}

.guide h6{
	font-size: 22px;
}
.guide .atten{
	font-size: 14px;
	margin-top: 30px;
    margin-bottom: 30px;
}


.month-tab1 dl.btmset{
	border-bottom-style: none;
}

.afterschool p.skiptab{
	margin-left: 20px;
}
.as-month-tab1{
	border: 1px black dotted;
    display: block;
	font-size: 11px;
	margin-bottom: 10px;
}
.as-month-tab1 dl{
	display: inline-block;
    width: 100%;
	border-bottom: 1px black dotted;
}

.as-month-tab1 dt{
	display: inline-block;
    width: 20%;
    background-color: #dfe763;
    border-right: 1px black dotted;
	text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.as-month-tab1 dl.row8 dt{
	padding-top: 20px;
    padding-bottom: 20px;
}
.as-month-tab1 dl.row8 dd{
	padding-top: 20px;
    padding-bottom: 20px;
	
}
.as-month-tab1 dd{
	display: inline-block;
    width: 38%;
    border-right: 1px black dotted;
	padding-top: 20px;
    padding-bottom: 20px;
	text-align: center;
}
.as-month-tab1 dd:last-of-type{
	border-right-style: none;
}
.as-month-tab1 dl.row1{
	background: #e9e9e9;
}
.as-month-tab1 dl.row1 dt{
	
    
}
.as-month-tab1 dl.row6 dd{
	width: 78%;	
}
.as-month-tab1 dl.row8{
	border-bottom-style: none;
}
.as-month-tab1 dl.row2{
	
}
.as-month-tab1 dl.row2 dt{
	    padding-top: 34px;
	
}
.as-month-tab1 dl.row2 dd{
	padding-top: 34px;
	
}
.as-month-tab1 dl.row2 dd.two-col{
	padding-top: 20px;
	
}
/*     ***********  */
.month-tab2{
	font-size: 11px;
}
.month-tab2 dl.btmset{
	border-bottom-style: none;
}

.as-month-tab2{
	border: 1px black dotted;
    display: block;
	font-size: 11px;
	margin-bottom: 10px;
}
.as-month-tab2 dl{
	display: inline-block;
    width: 100%;
	border-bottom: 1px black dotted;
}

.as-month-tab2 dt{
	display: inline-block;
    width: 20%;
    background-color: #dfe763;
    border-right: 1px black dotted;
	text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}


.as-month-tab2 dd{
	display: inline-block;
    width: 38%;
    border-right: 1px black dotted;
	padding-top: 20px;
    padding-bottom: 20px;
	text-align: center;
}
.as-month-tab2 dd:last-of-type{
	border-right-style: none;
}
.as-month-tab2 dl.row1{
	background: #e9e9e9;
}
.as-month-tab2 dl.row1 dt{
	 
}
.as-month-tab2 dl.row2 dt{
	padding-top: 44px;
}



/* faq */
.daimoku{
	text-align: center;
    margin: 50px;
}

.faq h5{
	font-size: 24px;
    font-weight: 100;
    border-left: 10px #b1d375 solid;
    padding-left: 20px;
    padding-top: 7px;
    padding-bottom: 8px;
    margin-bottom: 20px;
    margin-top: 30px;
	margin-left: 30px;
}

.qa-box{
	margin-left: 60px;
	display: block;
}
.q-area{
	margin-bottom: 20px;
}
span.question{
	font-size: 24px;
    display: inline;
    vertical-align: top;
    line-height: 1.8;
}
.a-area{
	margin-bottom: 50px;
}

span.answer{
	font-size: 14px;
    display: inline-block;
    vertical-align: top;
    line-height: 1.5;
    margin-left: 52px;
    margin-top: -36px;
}

/* all-page */
#cicol-kun{
	position: fixed;
    bottom: 20px;
    right: 20px;
    width: 99px;
    z-index: 1000;
	text-align: right;
}
#cicol-kun img{
	width: 70%;
}


/* responsive */
@media (max-width:800px) {

body{
width: 100%;
}
#container{
}

/* sp-header */
ul.h-title{
	display: none;
}
.h-top{
	background-size: 400%;
}
.top-box{
	text-align: left;
    padding-top: 28px;
    margin-bottom: 20px;
}
h1#logo{
	    margin-left: 2%;
}

h1#logo img{
	width: 30%
}

.halignleft{
	display: none;
}
.halignright{
	display: none;
}
.headtel{
	display: none;
}
.tforcont{
	display: none;
}

.sp-tbox{
	display: inline-block;
    position: absolute;
    right: 0;
}
.sp-tbox img{
	width: 40%;
    height: auto;
}

.sp-tbox dl{
	display: inline-block;
    text-align: center;
    color: #e95604;
    vertical-align: bottom;
	width: 72px;
	margin-left: -10px;
}
.sp-tbox dt{
}
.sp-tbox dd{
	font-size: 11px;
	margin-top: 5px;
}

	#sp-header{
		display: block;
		height: 70px;
		margin-top: 23px !important;
	}	
	.sp-logo{
		width: 26%;
    display: inline-block;
    padding-left: 10px;
	}
	.sp-logo img{
		    width: 100%;
	}
	#header-menu{
		display: none;
	}
	.pc-slide{
		display: none;
	}
	.sp-slide{
		display: block;
	}
	.sp-slide img{
		width: 100%;
	}
#tmenu{
	display: none;
}
nav.tmenu{ 
	width: 32px;
    height: 32px;
    top: 1px;
    right: 21px;
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    z-index: 9999;
}
nav .tmenu1{ 
	width: 32px;
    height: 5px;
    background-color: #e95604;
    top: 0px;
    position: absolute;
} 
nav .tmenu2{
	width: 32px;
    height: 5px;
    background-color: #e95604;
    top: 12px;
    position: absolute;
} 
nav .tmenu3{ 
	width: 32px;
    height: 5px;
    background-color: #e95604;
    top: 24px;
    position: absolute;
}
nav .tmenu1,nav .tmenu2,nav .tmenu3{ 
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out; /* Opera */ 
	-moz-transition: all 0.5s ease-out; /* Firefox */
	-webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */
	-ms-transition: all 0.5s ease-out; /* IE */ 
}

nav .tmenuclick1{ 
	top:15px;
	-o-transform: rotate(405deg);
	-moz-transform: rotate(405deg);
	-webkit-transform: rotate(405deg);
	-ms-transform: rotate(405deg);
	transform: rotate(405deg);
}
nav .tmenuclick2{
	background-color:rgba(255,255,255,0);
}
nav .tmenuclick3{ 
	top:15px;
	-o-transform: rotate(-405deg);
	-moz-transform: rotate(-405deg);
	-webkit-transform: rotate(-405deg);
	-ms-transform: rotate(-405deg);
	transform: rotate(-405deg);
}
	
ul#tmenu{	
	background: rgba(255,255,255,0.9);
    width: 100%;
    list-style: none;
    display: none;
    position: absolute;
    z-index: 800;
}
#tmenu li{
	padding: 2%;
	font-size: 16px;
	border-bottom:1px dotted gray;
	padding-top: 5%;
    padding-bottom: 5%;
}


/* sp-front-page */
.whitewave2{
	padding: 0;
    margin: 0;
	height: 26px;
}
.whitewave2 img{
	width: 200%;
}
.p-flag{
	display: none;
}
.contmain2{
	margin-top: 0;
}
	
	ul.philo3{
		
	}
	ul.philo3 li{
		width: 100%;
	}
	ul.philo3 li .philoimg img{
		    width: 100%;
	}
	ul.philo3 li .philoimg{
		margin: 20px 0;
	}
	
.content1,.content2{
	padding-left: 10px;
    padding-right: 10px;
}
.whitewave3{
	width: 100%;
    display: block;
    background: white;
    height: 20px;
}
.whitewave3 img{
	width: 100%;
}
.contmain3{
	background: #fbf0e6;
    padding-bottom: 70px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
    margin-top: 30px;
}

h3.front-page, 
.front-contents p,
.catchcopy{
	margin-top: -8%;
    font-size: 18px;
    padding-top: 50px;
}
	#main{
		width: 100%;
	}
	box.infobox{
		padding: 0 10px;
	}
	box.infobox li img{
		width: 100%;
    height: auto;
	}

.sp-page-header{
	display: block;
}

.sp-page-header img{
	width: 100%;
}

.forpare{
	margin-left: 75%;
    margin-top: -59%;
	width: 17%;
}
.forpare img{
	width: 75%;
}

.afterslide{
	margin-top: -50px;
    height: 70px;
	margin-left: 0;
}

.afterslide img{
	width: 100%;
	
}

.i-dec1,.i-dec3{
	display: none;
}

.noti{
	width: 100%;
}

nav.navi{
	display: none;
}
.as-dec1{
	position: absolute;
    width: 100%;
    height: auto;
    right: 0;
    bottom: 36%;
}
.as-dec1 img{
	width: 40%;
}
box.infobox ul{
	display: block;
    padding: 0;
    padding-bottom: 20px;
    margin-top: 50px;
}
box.infobox li{
	clear: both;
	display: block;
    width: 100%;
    border-right-style: none;
    float: none;
	padding: 10px 0;
}
box.infobox li .sp-info-left{
	width: 20%;
    display: inline-block;
	
}
box.infobox li .sp-info-right{
	display: inline-block;
    width: 75%;
    vertical-align: top;
    padding-left: 5px;
    margin-top: 0;
    margin-left: 10px;
}

h3.front-page{
	background-size: 80%;
    padding-top: 10px;
    margin-bottom: 20px;
	    margin-top: 0;
}

.moretag{
	/* position: absolute;
    bottom: -3px; */
	/* top:-20px; */
    right: 0;
    /* padding-top: 10px; */
    padding-right: 10px;
}

	.h3greeting{
		padding-top: 30px;
	}
	
img.front-deco1,
img.front-deco2{
	display: none;
}

.front-contents img{
	    width: 100%;
}
	.icon-link img{
		width: 80%;
	}
	
.content2{
	height: auto;
}

.front-contents{
    margin-bottom: 20px;
}
.front-contents section{
	width: 100%;
	float: none;
    font-size: 13px;
}

.content3{
	background: none;
}
	.c6-content{
		padding: 0 10px;
		margin-top: 30px;
	}
	.fr-parking{
		margin-bottom: 30px;
	}

	.main-back{
		padding: 30px 10px;
	}
	.about .contmain2{
		padding: 0 10px;
	}
	.life .contmain2{
		padding: 0 10px;
	}
	
/* news-page 2col */

	.single h2, .archive h2, .category h2, .page h2{
		margin-left: 10px;
	}
	.bread-back p{
		margin-left: 10px;
	}
	.m-left{
		    width: 35px;
	}
	.program .contmain2,
	.guide .contmain2{
		padding: 0;
	}
	box.pg-box .pg-about .pg-detail{
		width: 100%;
	}
	box.pg-box .pg-about .pg-img{
		width: 100%;
    margin-bottom: 20px;
	}
	box.pg-box .pg-about .pg-img img{
		width: 100%;
	}
	dl.using{
		width: 100%;
    height: auto;
	}
	dl.using dt{
		width: 40%;
    font-size: 16px;
    height: 100px;
    padding-top: 38px;
	}
	dl.using dd{
		    width: 60%;
    padding: 10px;
    font-size: 12px;
    height: 100px;
	}
	
	dl.using dt{
		height: 120px;
	}
	dl.using dd{
		height: 120px;
	}
	
	dl.using2{
		width: 100%;
    height: auto;
	}
	dl.using2 dt{
		width: 40%;
    font-size: 16px;
    height: 210px;
    padding-top: 90px;
	}
	dl.using2 dd{
		    width: 60%;
    padding: 10px;
    font-size: 12px;
    height: 210px;
	}
	
/*
	dl.using2 dt{
		height: 120px;
	}
	dl.using2 dd{
		height: 120px;
	}	
*/
	
	
	
	.post-right{
		width: 100%;
    float: none;
	}
	ul.post-content{
		padding: 0 10px;
		margin-left: 0;
    margin-right: 0;
	}
	ul.post-content li .eye-catch{
		width: 30%;
	}
	ul.post-content li .eye-catch img{
		    width: 100%;
    	height: auto;
	}
	
	#sidebar .widget{
		width: 100%;
	}
	
#recent-posts-2 h2{
	cursor: pointer
}

#recent-posts-2 ul{
	
}

#categories-2 h2{
	cursor: pointer
}

#categories-2 ul{
	
}
#archives-2 h2{
	cursor: pointer
}

#archives-2 ul{
	
}

#newscont{
	width: 100%;
	float: none;
    margin-bottom: 30px;
}
#sidebar{
	width: 100%;
}
#sidebar h2{
	display: block;
        margin-left: 0;
}

/* page */
.page-header{
	display: none;
}

/* sp-about */
.about h4{
	background-size: 80%;
	font-size: 14px;
    padding-top: 10px;
}

	.about .front-con{
		font-size: 14px;
	}
	.orange{
		padding: 10px 20px;
	}
	
dl.feature{
	display: block;
}
dl.feature img{
	width: 49%;
    display: inline;
    float: none;
    margin: 0;
    margin-right: 1%;
}
dl.feature dt{
	display: inline-block;
    vertical-align: top;
    width: 47%;
    margin-top: 8%;
	margin-bottom: 3%;
	font-size: 18px;
}
dl.feature dd{
	font-size: 13px;
}
.sasie,
.sasie2{
	display: none;
}
.care-link{
	position: initial;
}
.care-link img{
	width: 100%;	
}
.left-faci{
	width: 100%;
	margin-bottom: 5%;
}
.right-faci{
	width: 100%;
}
.green-link{
	margin: 0;
    display: block;
	text-align: center;
}
.green-link img{
	width: 80%;
}
.kirin{
	display: none;
}

/* sp-life */
.life h4{
	background-size: 80%;
	font-size: 18px;
    padding-top: 10px;
}
.oneday img{
	width: 100%;
}
	.d-img{
		    float: none;
    margin-bottom: 10px;
	}
p.d-kanji,
.day-time{
	font-size: 13px;
	    width: 50px;
}
.day-sum{
	width: 50%;
	height: 45px;
}
section.think{
	position: initial;
    background: none;
    width: 100%;
	margin-top: 10px;
}
.life h3{
	font-size: 13px;
}
	.m-center{
		display: block;
	}
.yp-left{
	width: 100%;
}
.yp-right{
	width: 100%;
}
.m-img{
	text-align: right;
}
.yp-right img,
.yp-left img{
	width: 80%;
}
.month-plan{
	padding-left: 1%;
}
span.m-kanji,
span.m-num{
	font-size: 13px;
}
.m-event{
	font-size: 11px;
}

/* sp-guide */
.guide h3{
	background-size: 80%;
	font-size: 18px;
    padding-top: 10px;
}
.guide h4{
	font-size: 13px;
}

.guide-img1{
	display: none;
}
.guide-img2{
	display: block;
	padding: 0 10px;
}
.guide-img2 img{
	width: 100%;
}
.guide-content{
	padding: 1%;
	padding: 15px 10px;
}
.g-need-left{
	width: 100%;
	border-style: none;
    padding: 0;
	font-size: 11px;
}
.g-need-right{
	display: none;
}

.guide p,
dl.tab1 dt,
dl.tab1 dd,
dl.tab1{
	font-size: 11px;
}
.month-tab2 dl,
.month-tab1 dl{
	display: block; 
    width: auto; 
    position: relative; 
    overflow-x: auto; 
    white-space: nowrap; 
}
.brings dl.tab1{
}
.brings dl.tab1 dt{
	width: 30%;
}
.brings dl.tab1 dd{
}
.brings dl.tab1 .tab1-right{
	width: 69%;
	padding: 2%;
}

/* sp-care */
.care h3, .afterschool h3{
	font-size: 13px;
}
.care h4, .afterschool h4{
	font-size: 18px;
}
.care .guide-content{
	padding: 1%;
	padding: 15px 10px;
}
.care-price{
	padding: 0;
}
.s-point article{
	width: 100%;
}
.s-point .p-icn{
	width: 13%;
}
.s-point .p-img{
	display: none;
}
.s-point section{
	margin: 0;
}
.s-point{
	margin-bottom: 5%;
}
.care h4.row1{
	background-size: 80%;
	font-size: 18px;
    padding-top: 23px;
}
.step-box{
	padding: 0;
}
.step-box img{
	width: 15%;
}
.step-box a{
	font-size: 13px;
}
.step-det5,
.step-det{
	border-left-style: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    margin-bottom: 10%;
}
.step-det::after{
	display: none;
}
.step-b1{
	margin-top: 5%;
    margin-bottom: 3%;
}
.reserve-icn img{
	width: 60%;
}
.step-box span.hurry{
	font-size: 13px;
}
.tab3{
	font-size: 11px;
}
.month-tab1{
	font-size: 11px;
}



/* sp-afterschool */
.as-img{
	   display: inline;
}
.as-img img{
	width: 40%;
}
dl.as-detail{
	display: initial;
}
dl.as-detail dt{
	display: inline-block;
    width: 50%;
    vertical-align: top;
	font-size: 18px;
}
dl.as-detail dd{
	font-size: 13px;
	margin-top: 3%;
}
.g-sasie{
	display: none;
}
.greet-box{
	width: 100%;
	padding: 0;
}
.afterschool .noti{
	position: initial;
}
.greet-box dl.as-detail{
	display: inline-block;
    width: 47%;
    vertical-align: top;
	margin-top: 5%;
}
.greet-box .as-dh{
	font-size: 13px;
    margin-top: 15%;
}
.greet-box section{
	font-size: 11px;
}

.as-img2{
	margin: 0;
    text-align: right;
    width: 50%;
	margin-top: 5%;
}
.as-img2 img{
}
.afterschool h4.o-view{
	background-size: 80%;
    font-size: 18px;
    padding-top: 10px;
	margin: 0;
    margin-bottom: 5%;
}
.fac-left{
	width: 100%;
}
.fac-right{
	width: 100%;
	display: block;
	margin-top: 5%;
}
.as-lnk2,.as-lnk3{
	margin: 0;
    width: 48%;
    display: inline;
}
.as-lnk2 img,
.as-lnk3 img{
	width: 48%;
}
.afterschool .front-contents .front-dis p{
	font-size: 18px;
} 


.afterschool h5{
	font-size: 13px;
}
.join-left{
	width: 100%;
}
.fac-box{
	margin-bottom: 10%;
}
.afterschool p{
	font-size: 11px;
}
dl.tab1 dt.cell1{
	width: 40%;
	font-size: 11px;
}
dl.tab1 .tab1-right{
	width: 59%;
	font-size: 11px;
}

.as-sasie{
	display: none;
}


.as-month-tab1 dl.row3 dt{
	padding-top: 20px;
}

.as-month-tab1 dl.row3 dd{
	    padding-top: 0;
}
.as-month-tab1 dl.row3 dd.sp-spe1{
	padding-top: 20px;
}
.as-month-tab1 dl.row2 dd.two-col{
	    padding-top: 0;
}

.as-month-tab2 dl.row3{
	border-bottom-style: none;
}
.as-month-tab2 dl.row3 dd{
	padding-top: 0%;
}
.as-month-tab2 dl.row3 dt{
	padding-top: 20px;
}
.as-month-tab2 dl dd.sp-spe1{
	padding-top: 20px;
}
.as-month-tab2 dl.row2 dt{
	padding-top: 20px;
}

/* sp-faq */
.qa-box{
	margin: 0;
}
.qa-box img{
	width: 10%;
}
.faq h5{
	margin: 5% 0;
}

.q-area{
	font-size: 13px;
}
span.question{
	font-size: 13px;
	line-height: 3.3;
}
span.answer{
	font-size: 11px;
}
.faq .guide-content{
	padding-bottom: 10%;
}

/* sp-footer */
#footer{
	width: 100%;
	margin-bottom: 5%;
	padding-left: 10px;
    padding-right: 10px;
}
.b-tree{
	width: 115%;
    top: -19%;
    left: -15%;
}
.b-tree img{
	width: 400%;
}

nav.b-navi{
	display: none;
}
.f-info img{
	display: none;
}
.f-add{
	width: 100%;
    margin-left: 1%;
}
ul.b-title{
	display: none;
}
#cicol-kun{
	right: 10px;
}



#cicol-kun img{
	width: 50%;
}

.f-wavelink{
	background-size: 400%;
	background-color: white;
}
.f-back1{
	
    display: block;
}

}

.faq .contmain2{
	display: block;
	padding: 0 50px;
	margin-top: 0;
}



.faq h3{
	font-size: 17px;
    /* font-weight: 100; */
    border-left: 5px #b1d375 solid;
    padding-left: 10px;
    padding-top: 3px;
    /* padding-bottom: 8px; */
    height: 30px;
    margin-bottom: 20px;
}

.download-file {
	float: left; 
	padding-right: 12px;
	padding-top: 8px;
}

.download-pdf {
	padding-top: 9px;
}

.download-pdf a {
	font-size: 20px;
	font-weight: bold;
}

@media screen and (min-width:801px) and ( max-width:946px){
	.content6,
	.content3,
	.content2,
	.content1{
		padding: 0 10px;
	}
	.catchcopy{
		margin-top: 5%;
	}
	box.infobox li img{
		width: 100%;
	}
	ul.philo3 li img{
		width: 100%;
	}
	img.f-img-center{
		width: 100%;
	}
}

.news-bnr {
	text-align: center; 
	margin-bottom: 40px;
}

@media (max-width: 700px) {
	.news-bnr {
		text-align: center; 
		margin-bottom: 10px;
	}

	.news-bnr img{
		width: 80%;
	}
	
	.faq .contmain2{
		display: block;
		padding: 0 0px;
		margin-top: 0;
	}
	
	ul.af-faq li .faq-q section{
		display: inline-block;
	    width: 100%;
	    vertical-align: top;
		font-size: 18px;
	}
	
	ul.af-faq li .faq-a section{
		display: inline-block;
	    width: 100%;
	    vertical-align: top;
		font-size: 14px;
	}
}