@charset "utf-8";
/* CSS Document */
/* 入園のご案内 */

/**************************************/
/*ページタイトル*/
h3.pageTitleImg{
	margin:0px 0px 25px 0px;
}
@media screen and (max-width: 768px) {
  h3.pageTitleImg{
    position: relative;
    margin:0px 0px 50px 0px;
  }
  h3.pageTitleImg img{
     width: 100%;
    height: auto;
    vertical-align: bottom;
  }
}
@media screen and (max-width: 520px) {
  h3.pageTitleImg{
    position: relative;
    margin:0px 0px 30px 0px;
  }
}
@media screen and (max-width: 520px) {
  h3.pageTitleImg{
    position: relative;
    margin:0px 0px 30px 0px;
  }
}

h3.pageTitleImg .pageTitleTxt{
  display: none;
}
@media screen and (max-width: 768px) {
  h3.pageTitleImg .pageTitleTxt{
    display: block;
    width: auto;
    position: absolute;
    z-index: 1;
    left: 32px;
    /*タイトル画像の高さ(同一ではない)に合わせてTOP位置の計算が必要です*/
    /* 縦中央の式　top: calc(50% - (画像の高さ/2)); */
  }
  h3.pageTitleImg .pageTitleTxt img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  h3.pageTitleImg #mainimg07_txt{
    /* バス運行地域 */
    top: calc(50% - (51px/2));
  }
}
@media screen and (max-width: 520px) {
  h3.pageTitleImg .pageTitleTxt{
    left: 14px;
    /*タイトル画像の高さ(同一ではない)に合わせてTOP位置の計算が必要です*/
    /* 90％高さの式　元画像の高さ-元画像の高さ*9/100 */
    /* 縦中央の式　top: calc(50% - ((元画像の高さ - 元画像の高さ*9/100)/2)); */
  }
  h3.pageTitleImg .pageTitleTxt img{
    width: 90%;
    height: auto;
    vertical-align: bottom;
  }
  h3.pageTitleImg #mainimg07_txt{
    /* バス運行地域 */
    top: calc(50% - ((51px - 51px*9/100)/2));
  }
}

/*==============================================================================
　　　　　　　　　　　　　　　　　制服について
==============================================================================*/



/*==============================================================================
　　　　　　　　　　　　　　　　　給食について
==============================================================================*/



/*==============================================================================
　　　　　　　　　　　　　　　　　　幼児教室
==============================================================================*/



/*==============================================================================
　　　　　　　　　　　　　　　　　　課外授業
==============================================================================*/

p.intro{
	padding-bottom: 56px;
}

/*タイトル*/
h4.class_f{
	margin: 30px 5px 15px 5px;
}
@media screen and (max-width: 768px) {
  h4.class_f{
    position: relative;
    margin: 0 0 15px 0;
    padding: 13px 20px 13px 11px;
    background-color: #27B7CD;
    border-radius: 16px;
  }
  h4.class_f::after{
    display: block;
    position: absolute;
    content: url("../img/guide/icon_futaba.png");
    width: 21px;
    height: 18px;
    top: -18px;
  }
}
@media screen and (max-width: 520px) {
  h4.class_f{
    padding: 13px 20px 13px 11px;
    border-radius: 16px;
  }
}

/*タイトル*/
h4.class{
	margin: 50px 5px 15px 5px;
}
@media screen and (max-width: 768px) {
  h4.class{
    position: relative;
    margin: 0 0 15px 0;
    padding: 13px 20px 13px 11px;
    background-color: #27B7CD;
    border-radius: 16px;
  }
  h4.class::after{
    display: block;
    position: absolute;
    content: url("../img/guide/icon_futaba.png");
    width: 21px;
    height: 18px;
    top: -18px;
  }
}

@media screen and (max-width: 520px) {
  h4.class{
    position: relative;
    min-height: 48px;
    margin: 0 0 15px 0;
    padding: 13px 20px 13px 11px;
    border-radius: 16px;
  }
  h4.class::after{
    top: -18px;
  }
}

@media screen and (max-width: 405px) {
  h4#pen.class{
    display: flex;
    align-items: center;
    width: 100%;
  }
  h4#pen.class picture{
    display: flex;
    align-items: center;
    width: 100%;
  }
  h4#pen.class picture img{
    width: 57.7031%;
    padding-right: 5px;
    /* 57.7031% 親要素357px 子要素206px */
  }
}
@media screen and (max-width: 375px) {
  h4#pen.class picture img{
    width: 50.6547%;
    padding-right: 5px;
    /* 57.7031% 親要素357px 子要素206px */
  }
}


@media screen and (max-width: 355px) {
  h4#prince.class{
    display: flex;
    align-items: center;
    width: 100%;
  }
  h4#prince.class picture{
    display: flex;
    align-items: center;
    width: 100%;
  }
  h4#prince.class picture img{
    width: 54.4348%;
    padding-right: 15px;
    /* 54.4348% 親要素276px 子要素150px */
  }
}



.pattern_1{
  background: url("../img/guide/icon_pattern_1.png") no-repeat right 20px center;
}
.pattern_2{
  background: url("../img/guide/icon_pattern_2.png") no-repeat right 20px center;
}
@media screen and (max-width: 520px) {
  .pattern_1{
    background: url("../img/guide/icon_pattern_1.png") no-repeat right 10px center;
  }
  .pattern_2{
    background: url("../img/guide/icon_pattern_2.png") no-repeat right 10px center;
  }
}
/*ul.class_link{
	background: url(../img/guide/class_link_bg.jpg) no-repeat;
	padding: 5px 0px 0px 11px;
	height: 35px;
	overflow: hidden;
}
ul.class_link:after{
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;}
ul.class_link li{
	list-style: none;
	float: left;}*/

/***********クラス＠外枠***********/
.class_wrap{
	/*margin: 0px 20px;*/
	overflow: hidden;
}
.class_wrap:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html .class_wrap {
  height: 1em;
  overflow: visible;
}
/**/
@media screen and (max-width: 768px) {
  .class_wrap{
    overflow: auto;
    padding: 0 5px 68px 10px;
  }
  .class_wrap.last{
    padding-bottom: 0;
  }
}
@media screen and (max-width: 520px) {
  .class_wrap{
    padding-left: 0;
    padding-right: 0;
  }
}

/*クラス＠テキスト*/
.class_wrap .txt{
	width: 400px;
	margin-left: 10px;
	float: left;
}
@media screen and (max-width: 768px) {
  .class_wrap .txt{
    width: calc(100% - 208px);
    margin-left: 0;
    float: left;
    padding-right: 13px;
  }
}
@media screen and (max-width: 520px) {
  .class_wrap .txt{
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}

/*クラス＠画像*/
.class_wrap .photo{
  float: right;
  margin-right:5px;
}
@media screen and (max-width: 768px) {
  .class_wrap .photo{
    float: right;
    margin-right:0;
  }
}
@media screen and (max-width: 520px) {
  .class_wrap .photo{
    float: none;
    width: 55.7522%;
    min-width: 252px;
    margin: 0 auto;
    /* 55.7522% 親要素452px 子要素252px */
  }
  .class_wrap .photo img{
    width: 100%;
    height: auto;
  }
}


/***********クラス＠表***********/
table.class{
  width: 400px;
  margin-top: 10px;
}
table.class.tbl_sp{
  display: none;
}
@media screen and (max-width: 768px) {
  table.class{
    display: none;
  }
  table.class.tbl_sp{
    display: table;
    width: 100%;
    padding-right: 6px;
  }
}
@media screen and (max-width: 520px) {
  table.class.tbl_sp{
    margin-top: 31px;
  }
}


/*スマホ時にfloat打ち消し*/
@media screen and (max-width: 768px) {
  .tbl_sp_waku:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
  }
  .tbl_sp_waku {
    /* display: inline-block;*/
  }
  /* Hides from IE Mac */
  * html .tbl_sp_waku {
    height: 1%;
  }
  .tbl_sp_waku {
    display: block;
  }
}
@media screen and (max-width: 520px) {
  .tbl_sp_waku {
    padding: 0 10px;
  }
}

	
table.class td.box1_1 , table.class td.box1_2{
	background: #B2A58E;
	color: #FFF;
	text-align: center;
	line-height: 1em;
	padding: 8px 8px;
	border-bottom: #FFF 3px solid;
}
@media screen and (max-width: 768px) {
  table.class td.box1_2{
    font-size: 13px;
  }
}


table.class td.box1_1{
	border-right: #FFF 3px solid;
}
@media screen and (max-width: 768px) {
  table.class td.box1_1{
    font-size: 13px;
  }
}

table.class td.box2 , table.class td.box3 , table.class td.box4 , table.class td.box5{
	background: #EEEEEF;
	line-height: 1em;
	padding: 8px 8px;
	border-bottom: #FFF 3px solid;}

/*対象*/	
table.class td.box2{
	width: 112px;/*128px*/
	border-right: #FFF 3px solid;
}
@media screen and (max-width: 768px) {
  table.class td.box2{
    width: 35.879%;
    /* 35.879% 親要素694px 子要素249px */
    padding: 15px 10px 15px 10px;
    font-size: 13px;
    line-height: 1.3em;
    vertical-align: middle;
  }
  table.class td.box2 br{
    display: none;
  }
}

/*クラス*/
table.class td.box3{
  width: 70px;/*86px*/
  text-align: center;
  border-right: #FFF 3px solid;
}
@media screen and (max-width: 768px) {
  table.class td.box3{
    width: 19.4438%;
    min-width: 62px;
    /* 18.4438% 親要素694px 子要素128px */
    font-size: 13px;
    line-height: 1.3em;
    vertical-align: middle;
  }
}

/*曜日*/
table.class td.box4{
  width: 44px;/*60px*/
  text-align: center;
  border-right: #FFF 3px solid;
}
@media screen and (max-width: 768px) {
  table.class td.box4{
    width: 18.4438%;
    min-width: 62px;
    /* 18.4438% 親要素694px 子要素128px */
    font-size: 13px;
    line-height: 1.3em;
    vertical-align: middle;
  }
}

/*時間*/
table.class td.box5{
  width: 101px;/*117psx*/
}
@media screen and (max-width: 768px) {
  table.class td.box5{
    width: 25.9366%;
    /* 25.9366% 親要素694px 子要素180px */
    text-align: center;
    font-size: 13px;
    line-height: 1.3em;
    vertical-align: middle;
  }
}

/*表下スマホ用コメント*/
.comment-sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .comment-sp{
    display: inline;
  }
}


p.last_t{
	margin: 20px 0px 0px 10px;
}
@media screen and (max-width: 768px) {
  p.last_t{
    margin: 30px 0px 0px 10px;
  }
}


/*==============================================================================
　　　　　　　　　　　　　　　　　　延長保育
==============================================================================*/



/*==============================================================================
　　　　　　　　　　　　　　　　施設・周辺環境
==============================================================================*/



/*==============================================================================
　　　　　　　　　　　　　　　　　　バスルート
==============================================================================*/
#busRoot{
  padding:0px 20px;
}
@media screen and (max-width: 768px) {
  #busRoot{
    box-sizing: border-box;
    padding: 0 10px;
    text-align: left;
  }
}
@media screen and (max-width: 520px) {
  #busRoot{
    box-sizing: border-box;
    padding: 0 10px;
  }
}


img.busmap{
	margin: 30px 0px 7px;
}
@media screen and (max-width: 768px) {
  img.busmap{
    margin: 50px 0px 7px 0px;
    width: 100%;
  }
}
@media screen and (max-width: 520px) {
  img.busmap{
    margin: 30px 0px 7px 0px;
  }
}
.r246{
  display: inline-block;
  text-indent: -1em;
  margin-left: 1em;
}

/*************************
*時刻表　時刻有
**************************/
/*#busRoot table{	margin:9px 0px 41px 0px; }

#busRoot th{
	color:#ffffff;
	vertical-align:middle;
	text-align:center;
	padding:8px 10px 8px 10px;
	line-height:1.2em;
}

.Kimidori th{ background-color:#c3d72c; }
.Aka th{ background-color:#e95539; }
.Murasaki th{ background-color:#a560a2; }
.Orange th{ background-color:#f2972d; }
.Ao th{ background-color:#4593d0; }
.Midori th{ background-color:#3db270; }
.Momo th{ background-color:#ec7993; }
.Kiro th{ background-color:#fcd12c; }

#busRoot td{
	background-color:#eeeeef;
	vertical-align:middle;
	padding:8px 12px 8px 12px;
	line-height:1.2em;
	background-image:url(../img/guide/bus_line.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

#busRoot tr.end td{ background-image:none; }*/

/*.busNo{ width:43px;70px border-right:#ffffff 3px solid; text-align:center;  }
.busName{ width:212px;239px border-right:#ffffff 3px solid; text-align:left; }
.busMor, .busNor, .busWed, .busAM{ width:54px;81px border-right:#ffffff 3px solid; text-align:center; }
.busAM{ border-right:none;}*/

/*************************
*時刻表　時刻無
**************************/
/*#busRoot{ padding:0px 20px; }*/

.course_bg01 , .course_bg02 , .course_bg03 , .course_bg04 , .course_bg05 , .course_bg06 , .course_bg07 , .course_bg08 {
	padding: 17px 23px 0px 23px;
	margin-top: 5px;
	clear:both;}

.course_bg01{background:url(../img/guide/course_bg01.gif) no-repeat; height:138px;}
.course_bg02{background:url(../img/guide/course_bg02.gif) no-repeat; height:170px;}
.course_bg03{background:url(../img/guide/course_bg03.gif) no-repeat; height:170px;}
.course_bg04{background:url(../img/guide/course_bg04.gif) no-repeat; height:138px;}
.course_bg05{background:url(../img/guide/course_bg05.gif) no-repeat; height:170px;}
.course_bg06{background:url(../img/guide/course_bg06.gif) no-repeat; height:138px;}
.course_bg07{background:url(../img/guide/course_bg07.gif) no-repeat; height:170px;}
.course_bg08{background:url(../img/guide/course_bg08.gif) no-repeat; height:170px;}

ul.name , ul.name_last{
	height:28px;
	margin-bottom:7px;
	padding: 0px;
	float:left;}

ul.name{
	background:url(../img/guide/arrow.png) no-repeat right;}
	
ul.name li.text{
	height:20px;/*28px*/
	margin-right: 26px;
	padding: 4px 12px 4px 12px;
	line-height: 20px;
	list-style: none;
	background:#FFF;}

ul.name_last li.text_last{
	height:20px;/*28px*/
	padding: 4px 12px 4px 12px;
	line-height: 20px;
	list-style: none;
	background:#FFF;}

ul.name li.text01 , ul.name li.text02 , ul.name li.text03 , ul.name li.text04 , ul.name li.text05 , ul.name li.text06 ,
ul.name li.text07 , ul.name li.text08 , ul.name li.text09 , ul.name li.text10 , ul.name li.text11 , ul.name li.text12 ,
ul.name li.text13{
	height:20px;/*28px*/
	margin-right: 26px;
	padding: 4px 12px 4px 37px;
	line-height: 20px;
	list-style: none;}

ul.name li.text01{background: url(../img/guide/1.gif) no-repeat left #FFF;}
ul.name li.text02{background: url(../img/guide/2.gif) no-repeat left #FFF;}
ul.name li.text03{background: url(../img/guide/3.gif) no-repeat left #FFF;}
ul.name li.text04{background: url(../img/guide/4.gif) no-repeat left #FFF;}
ul.name li.text05{background: url(../img/guide/5.gif) no-repeat left #FFF;}
ul.name li.text06{background: url(../img/guide/6.gif) no-repeat left #FFF;}
ul.name li.text07{background: url(../img/guide/7.gif) no-repeat left #FFF;}
ul.name li.text08{background: url(../img/guide/8.gif) no-repeat left #FFF;}
ul.name li.text09{background: url(../img/guide/9.gif) no-repeat left #FFF;}
ul.name li.text10{background: url(../img/guide/10.gif) no-repeat left #FFF;}
ul.name li.text11{background: url(../img/guide/11.gif) no-repeat left #FFF;}
ul.name li.text12{background: url(../img/guide/12.gif) no-repeat left #FFF;}
ul.name li.text13{background: url(../img/guide/13.gif) no-repeat left #FFF;}