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

/**************************************/

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

h2.pageTitleImg .pageTitleTxt{
  display: none;
}
@media screen and (max-width: 768px) {
  h2.pageTitleImg .pageTitleTxt{
    display: block;
    width: auto;
    position: absolute;
    z-index: 1;
    left: 32px;
    /*タイトル画像の高さ(同一ではない)に合わせてTOP位置の計算が必要です*/
    /* 縦中央の式　top: calc(50% - (画像の高さ/2)); */
  }
  h2.pageTitleImg .pageTitleTxt img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  h2.pageTitleImg #mainimg01_txt{
    /* 施設・周辺環境 */
    top: calc(50% - (50px/2));
  }
  h2.pageTitleImg #mainimg02_txt{
    /* 給食について */
    top: calc(50% - (49px/2));
  }
  h2.pageTitleImg #mainimg03_txt{
    /* 主な運行バスルート */
    top: calc(50% - (47px/2));
  }
  h2.pageTitleImg #mainimg04_txt{
    /* 預かり保育 */
    top: calc(50% - (46px/2));
  }
  h2.pageTitleImg #mainimg05_txt{
    /* 課外教室 */
    top: calc(50% - (46px/2));
  }
  h2.pageTitleImg #mainimg06_txt{
    /* 制服について */
    top: calc(50% - (50px/2));
  }
}
@media screen and (max-width: 520px) {
  h2.pageTitleImg .pageTitleTxt{
    left: 14px;
    /*タイトル画像の高さ(同一ではない)に合わせてTOP位置の計算が必要です*/
    /* 90％高さの式　元画像の高さ-元画像の高さ*9/100 */
    /* 縦中央の式　top: calc(50% - ((元画像の高さ - 元画像の高さ*9/100)/2)); */
  }
  h2.pageTitleImg .pageTitleTxt img{
    width: 90%;
    height: auto;
    vertical-align: bottom;
  }
  h2.pageTitleImg #mainimg01_txt{
    /* 施設・周辺環境 */
    top: calc(50% - ((50px - 50px*9/100)/2));
  }
  h2.pageTitleImg #mainimg02_txt{
    /* 給食について */
    top: calc(50% - ((51px - 51px*9/100)/2));
  }
  h2.pageTitleImg #mainimg03_txt{
    /* 主な運行バスルート */
    top: calc(50% - ((51px - 51px*9/100)/2));
  }
  h2.pageTitleImg #mainimg04_txt{
    /* 預かり保育 */
    top: calc(50% - ((51px - 51px*9/100)/2));
  }
  h2.pageTitleImg #mainimg05_txt{
    /* 課外教室 */
    top: calc(50% - ((46px - 46px*9/100)/2));
  }
  h2.pageTitleImg #mainimg06_txt{
    /* 制服について */
    top: calc(50% - ((51px - 51px*9/100)/2));
  }
}





h4.class_f{
	margin: 30px 5px 15px 5px;}

h4.class{
	margin: 50px 5px 15px 5px;}

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



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



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



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

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

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

/*タイトル*/
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;
}
.pattern_3{
  background: url("../img/guide/icon_pattern_3.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;
  }
  .pattern_3{
    background: url("../img/guide/icon_pattern_3.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;}*/


/*\*/
* html ul.class_link{
  height: 1em;
  overflow: visible;}
/**/

ul.class_link li{
	list-style: none;
	float: left;}
/*削除ここまで*/

/*3/31〜*/
ul.class_link2{
	background: url(../img/guide/class_link_bg2.jpg) no-repeat;
	/*margin: 0px 20px;*/
	padding: 7px 78px 0px 78px;
	height: 51px;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
  ul.class_link2{
    display: none;
  }
}


ul.class_link2:after{
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;}

/*\*/
* html ul.class_link2{
  height: 1em;
  overflow: visible;}
/**/

ul.class_link2 li{
	list-style: none;
	float: left;}

ul.class_link2 li:nth-of-type(6){
	padding: 0 0 0 0px;
}

/***********クラス＠外枠***********/
.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 50px 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;
    padding: 0px 4px 0 2px;
  }
}
@media screen and (max-width: 520px) {
  table.class.tbl_sp{
    margin-top: 31px;
    padding: 0 10px;
  }
}


/*スマホ時に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: 12px;
	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: 41.6303%;
    /* 41.6303% 親要素687px 子要素286px */
    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: 22.1252%;
    /* 22.1252% 親要素687px 子要素152px */
    min-width: 62px;
    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:36.3901%;
    /* 36.3901% 親要素687px 子要素250px */
    text-align: center;
    font-size: 13px;
    line-height: 1.3em;
    vertical-align: middle;
  }
}



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


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



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



/*==============================================================================
　　　　　　　　　　　　　　　　　　バスルート
==============================================================================*/
.bustopTX{
	padding:0px 0px 40px 0px;
}


#busRoot{ padding:0px 20px; }

/*************************
*時刻表　時刻有
**************************/


/*************************
*時刻表　時刻無
**************************/
#busRoot{
  padding:0px 20px;
}
@media screen and (max-width: 768px) {
  #busRoot{
    padding:0px 10px;
  }
}
@media screen and (max-width: 520px) {
  #busRoot{
    padding:0px 14px;
  }
}

@media screen and (max-width: 419px) {
  #busRoot img#course5{
    width: calc(369px - (369px*8/100));
  }
  #busRoot img#course6{
    width: calc(378px - (378px*8/100));
  }
  #busRoot img#course9{
    width: calc(353px - (353px*8/100));
  }
}
@media screen and (max-width: 386px) {
  #busRoot img#course5{
    width: calc(340px - (340px*8/100));
  }
  #busRoot img#course6{
    width: calc(348px - (348px*8/100));
  }
  #busRoot img#course9{
    width: calc(325px - (325px*8/100));
  }
}
@media screen and (max-width: 375px) {
  /*タイトル画像の幅(同一ではない)に合わせてサイズの計算が必要です*/
  /* 80％高さの式　元画像の幅-元画像の幅*8/100 */
  /* 式　width: calc(元画像の幅 - (元画像の幅*8/100)); */
  #busRoot img#course1{
    width: calc(141px - (141px*8/100));
  }
  #busRoot img#course2{
    width: calc(261px - (261px*8/100));
  }
  #busRoot img#course3{
    width: calc(240px - (240px*8/100));
  }
  #busRoot img#course4{
    width: calc(265px - (265px*8/100));
  }
  #busRoot img#course5{
    /*width: calc(369px - (369px*8/100));*/
  }
  #busRoot img#course6{
    /*width: calc(378px - (378px*8/100));*/
  }
  #busRoot img#course7{
    width: calc(230px - (230px*8/100));
  }
  #busRoot img#course8{
    width: calc(203px - (203px*8/100));
  }
  #busRoot img#course9{
    /*width: calc(353px - (353px*8/100));*/
  }
  #busRoot img#course10{
    width: calc(221px - (221px*8/100));
  }
  #busRoot img#course11{
    width: calc(212px - (212px*8/100));
  }
  #busRoot img#course12{
    width: calc(252px - (252px*8/100));
  }
}
@media screen and (max-width: 360px) {
  #busRoot img#course5{
    /*313*/
    width: calc(313px - (313px*6/100));
  }
  #busRoot img#course6{
    /*320*/
    width: calc(320px - (320px*6/100));
  }
  #busRoot img#course9{
    /*299*/
    width: calc(299px - (299px*6/100));
  }
}
@media screen and (max-width: 350px) {
  #busRoot img#course5{
    /*294*/
    width: 270px;
  }
  #busRoot img#course6{
    /*301*/
    width: 270px;
  }
  #busRoot img#course9{
    /*281*/
    width: 270px;
  }
}

/*オレンジ 2行*/
.course_bg01{
  background: url(../img/guide/course1_line2.png) no-repeat;
  height: 101px;
}
@media screen and (max-width: 768px) {
  .course_bg01{
    background: #F3982D;
  }
}
/*こん 2行*/
.course_bg02 {
  background: url(../img/guide/course2_line2.png) no-repeat;
  height: 101px;
}
@media screen and (max-width: 768px) {
  .course_bg02{
    background: #455799;
  }
}
/*むらさき 1行*/
.course_bg03 {
  background: url(../img/guide/course3_line1.png) no-repeat;
  height: 64px;
}
@media screen and (max-width: 768px) {
  .course_bg03{
    background: #7057A3;
  }
}
/*あか 2行*/
.course_bg04 {
  background: url(../img/guide/course4_line2.png) no-repeat;
  height: 101px;
}
@media screen and (max-width: 768px) {
  .course_bg04{
    background: #E94829;
  }
}
/*あか 1行*/
.course_bg13 {
  background: url(../img/guide/course4_line1.png) no-repeat;
  height: 64px;
}
@media screen and (max-width: 768px) {
  .course_bg13{
    background: #E94829;
  }
}
/*きいろ 2行*/
.course_bg05 {
  background: url(../img/guide/course5_line2.png) no-repeat;
  height: 102px;
}
@media screen and (max-width: 768px) {
  .course_bg05{
    background: #FDD22B;
  }
}
/*きみどり 3行*/
.course_bg06 {
  background: url(../img/guide/course6_line3.png) no-repeat;
  height: 134px;
}
@media screen and (max-width: 768px) {
  .course_bg06{
    background: #9DC93A;
  }
}
/*うすむらさき 2行*/
.course_bg07 {
  background: url(../img/guide/course7_line2.png) no-repeat;
  height: 101px;
}
@media screen and (max-width: 768px) {
  .course_bg07{
    background: #9A85BD;
  }
}
/*あお 2行*/
.course_bg08 {
  background: url(../img/guide/course8_line2.png) no-repeat;
  height: 101px;
}
@media screen and (max-width: 768px) {
  .course_bg08{
    background: #3B82C5;
  }
}
/*水色 3行*/
.course_bg09 {
  background: url(../img/guide/course9_line3.png) no-repeat;
  height: 135px;
}
@media screen and (max-width: 768px) {
  .course_bg09{
    background: #2899BA;
  }
}
/*ピンク 2行*/
.course_bg10 {
  background: url(../img/guide/course10_line2.png) no-repeat;
  height: 101px;
}
@media screen and (max-width: 768px) {
  .course_bg10{
    background: #EB6EA5;
  }
}
/*ピンク 1行*/
.course_bg14 {
  background: url(../img/guide/course10_line1.png) no-repeat;
  height: 64px;
}
@media screen and (max-width: 768px) {
  .course_bg14{
    background: #EB6EA5;
  }
}
/*みどり 3行*/
.course_bg11 {
  background: url(../img/guide/course11_line3.png) no-repeat;
  height: 136px;
}
@media screen and (max-width: 768px) {
  .course_bg11{
    background: #0EAE71;
  }
}
/*濃いピンク 3行*/
.course_bg12 {
  background: url(../img/guide/course12_line3.png) no-repeat;
  height: 134px;
}
@media screen and (max-width: 768px) {
  .course_bg12{
    background: #EC6D74;
  }
}


.course_bg01 , .course_bg02 , .course_bg03 , .course_bg04 , .course_bg05 , .course_bg06 , .course_bg07 , .course_bg08 ,
.course_bg09 , .course_bg10 , .course_bg11 , .course_bg12 , .course_bg13 , .course_bg14{
	padding: 17px 23px 0px 23px;
	margin: 0 0 20px 0;
	clear:both;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .course_bg01 , .course_bg02 , .course_bg03 , .course_bg04 , .course_bg05 , .course_bg06 , .course_bg07 , .course_bg08 ,
  .course_bg09 , .course_bg10 , .course_bg11 , .course_bg12 , .course_bg13 , .course_bg14{
    background-image: none;
    border-radius: 20px;
    height: auto;
    padding: 25px 20px;
    margin: 5px 0 30px 0;
  }
}

#busRoot .course_bg12{
  margin-bottom: 0;
}

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

  ul.name,
  ul.name_last {
    display: inline-block;
    height: auto;
    margin-bottom: 0;
    line-height: 35px;
    margin-right: 26px;
  }
  ul.name li,
  ul.name_last li {
    display: inline;
  }
ul.name{
	/* background:url(../img/guide/arrow.png) no-repeat right; */
	}
	
ul.name li.text{
  display: inline-block;
  color: #ffffff;
  height:20px;/*28px*/
  /*margin-right: 26px;*/
  padding: 4px 0px 4px 0px; 
  line-height: 1em;
  list-style: none;
  /* background:#FFF; */
}
@media screen and (max-width: 768px) {
  ul.name li.text{
    display: inline;
    padding-right: 0;
    margin-right: 0;
  }
}


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

ul.name li.text.margin_r0{
	margin-right: 0;
}