@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 #mainimg01_txt{
    /* 募集要項 */
    top: calc(50% - (46px/2));
  }
  h3.pageTitleImg #mainimg02_txt{
    /* 入園までの流れ */
    top: calc(50% - (55px/2));
  }
  h3.pageTitleImg #mainimg04_txt{
    /* Q&A */
    top: calc(50% - (45px/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 #mainimg01_txt{
    /* 募集要項 */
    top: calc(50% - ((46px - 46px*9/100)/2));
  }
  h3.pageTitleImg #mainimg01_txt{
    /* 入園までの流れ */
    top: calc(50% - ((55px - 55px*9/100)/2));
  }
  h3.pageTitleImg #mainimg04_txt{
    /* Q&A */
    top: calc(50% - ((45px - 45px*9/100)/2));
  }
}


/*==============================================================================
　　　　　　　　　　　　　　　　　　募集要項
==============================================================================*/
.emphasis{
	font-size:15px;
	line-height:100%;
	padding-top:37px;
}
@media screen and (max-width: 768px) {
  .emphasis{
    font-size:16px;
    padding-top:50px;
  }
}



.dotline{
	display:block;
  width: 630px;
  height: 1px;
  font-size: 1px;
  line-height: 100%;
}
@media screen and (max-width: 768px) {
  .dotline{
    width: 100%;
   /* background: url(../img/enter/01._dotline_s.gif) repeat-x bottom #F6F0CB;*/
    display: none;
  }
}


td.l_area{
	background: url(../img/enter/01._dotline_s.gif) repeat-x bottom #F6F0CB;
	width: 125px;
	color: #EA6D8D;
	padding: 12px 15px;
	vertical-align: top;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
  td.l_area{
    display: block;
    width: auto;
    padding: 11px 15px;
    background: url(../img/enter/01._dotline_s.gif) repeat-x top left #F6F0CB;
  }
}


td.r_area{
	background: url(../img/enter/01._dotline_s.gif) repeat-x bottom;
	padding: 12px 15px;
}
@media screen and (max-width: 768px) {
  td.r_area{
    display: block;
    width: auto;
    padding: 15px 15px 36px 15px;
    background-image: none;
    text-align: justify;
  }
}



/*==============================================================================
　　　　　　　　　　　　　　　　　入園までの流れ
==============================================================================*/
#flow{
	padding:0px 20px;
}
@media screen and (max-width: 768px) {
  #flow{
    padding:0px 10px;
  }
}
@media screen and (max-width: 520px) {
  #flow{
    padding:0px 14px;
  }
}

#flow .infoT{
	text-align: center;
	margin: 0px 0px 30px 0px;}

#flow table{
	width:584px;
	margin:0px 0px 0px 0px;
}
@media screen and (max-width: 768px) {
  #flow table{
    width:100%;
    margin:0px 0px 0px 0px;
  }
}

.day{
	padding:0px 0px 0px 7px;
	color:#ffffff;
	font-size:14px;
	text-align:center;
}
@media screen and (max-width: 768px) {
  .day{
    height: 36px;
    line-height: 36px;
  }
}

.dayL2{
	padding:6px 0px 0px 7px;
	color:#ffffff;
	font-size:14px;
	line-height:125%;
	text-align:center;
	height:45px; /*36px*/
}
.dayL2_Or{
	padding:0px 0px 0px 7px;
	color:#ffffff;
	font-size:14px;
	line-height:36px;
	text-align:center;
	height:36px; /*36px*/
}


.flowTxt_line_sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .flowTxt_line_sp{
    width: 100%;
    height: 8px;
    display: block;
    background: url("../img/enter/flowBack_line.png") top left no-repeat;
    margin: 10px 0 14px 0; 
  }
}


.flowTxt{
	margin:12px 0px 0px 0px;
}
.flowTxt img{
  display: none;
}
@media screen and (max-width: 768px) {
  .flowTxt{
    margin: 0px 0px 0px 0px;
  }
  .flowTxt img{
    display: block;
    margin-top: 9px;
  }
}

@media screen and (max-width: 520px) {
  #flow_requestTitle img{
    /*入園願書*/
    width: 134px;
    height: auto;
  }
  #flow_judgingTitle img{
    /*入園審査*/
    width: 247px;
    height: auto;
  }
  #flow_trialTitle img{
    /*1日入園*/
    width: 165px;
    height: auto;
  }
  #flow_ceremonyTitle img{
    /*入園式*/
    width: 145px;
    height: auto;
  }
}


.flowTitle{
	margin:0px 0px 0px 5px;
}
@media screen and (max-width: 768px) {
  .flowTitle{
    margin: 0;
  }
}


.flowArrow{
	text-align:center;
	margin:-13px 0px 0px 0px;
}
@media screen and (max-width: 768px) {
  .flowArrow{
    margin: 0 0 10px 0;
  }
}

/*願書*/
.flowBack_req{
	background-image:url(../img/enter/flow_requestBack.gif);
	background-repeat:no-repeat;
	width:628px;
	height:134px;
	padding:12px 0px 0px 20px;
}
@media screen and (max-width: 768px) {
  .flowBack_req{
    width: 100%;
    height: auto;
    background-image: none;
    background-color: #f8f6c5;
    border-radius: 20px;
    padding: 20px 20px 30px 20px;
  }
  .flowBack_req td{
    display: block;
  }
}

/*入園審査*/
.flowBack{
	background-image:url(../img/enter/flowBack.gif);
	background-repeat:no-repeat;
	width:628px;
	height:134px;
	padding:12px 0px 0px 20px;
}
@media screen and (max-width: 768px) {
  .flowBack{
    width: 100%;
    height: auto;
    background-image: none;
    background-color: #f8f6c5;
    border-radius: 20px;
    padding: 20px 20px 30px 20px;
  }
  .flowBack td{
    display: block;
  }
}

/*1日入園*/
.flowBack_1day{
	background-image:url(../img/enter/flowBack_1day.gif);
	background-repeat:no-repeat;
	width:628px;
	height:232px;
	padding:12px 0px 0px 20px;
}
@media screen and (max-width: 768px) {
  .flowBack_1day{
    width: 100%;
    height: auto;
    background-image: none;
    background-color: #f8f6c5;
    border-radius: 20px;
    padding: 20px 20px 30px 20px;
  }
  .flowBack_1day td{
    display: block;
  }
}

/*入園式*/
.flowBack_cer{
	background-image:url(../img/enter/flow_ceremonyBack.gif);
	background-repeat:no-repeat;
	width:628px;
	height:145px;
	padding:12px 0px 0px 20px;
}
@media screen and (max-width: 768px) {
  .flowBack_cer{
    width: 100%;
    height: auto;
    background-image: none;
    background-color: #f8f6c5;
    border-radius: 20px;
    padding: 20px 20px 30px 20px;
  }
  .flowBack_cer td{
    display: block;
  }
}


/***[１行版]***/
.day_req{
	background-image:url(../img/enter/flow_purple.gif);
	background-repeat:no-repeat;
	background-position-y:5px;
	width:134px;
	height:50px;
	vertical-align:middle;
}
@media screen and (max-width: 768px) {
  .day_req{
    height: 36px;
    background-position: top;
    margin-bottom: 16px;
  }
}

.day_jug{
	background-image:url(../img/enter/flow_purple.gif);
	background-repeat:no-repeat;
	background-position-y:5px;
	width:134px;
	height:50px;
	vertical-align:middle;
}
@media screen and (max-width: 768px) {
  .day_jug{
    height: 36px;
    background-position: top;
    margin-bottom: 16px;
  }
}

.day_tri{
	background-image:url(../img/enter/flow_purple.gif);
	background-repeat:no-repeat;
	background-position-y:5px;
	width:134px;
	height:50px;
	vertical-align:middle;
}
@media screen and (max-width: 768px) {
  .day_tri{
    height: 36px;
    background-position: top;
    margin-bottom: 16px;
  }
}

/*******/

.day_cer{
	background-image:url(../img/enter/flow_ceremonyDay.gif);
	background-repeat:no-repeat;
	width:134px;
	height:40px;
	vertical-align:middle;
}


/*==============================================================================
　　　　　　　　　　　　　　　　　見学の申込み
==============================================================================*/

.comment{
	font-size: 15px;
	overflow: hidden;
	margin: 10px 0px 20px 0px;
	}

.comment .lblock{
	float: left;
	margin: 7px 0px 0px 0.5em;
	width: 6.5em;
	}

.comment .rblock{
	margin-top: 7px;
	float: left;
	}


.visit{
	width:670px;
	text-align:center;
	margin-top:30px;
}

.schedule{
	width:374px;
	/*height:343px;*/
	margin:0px auto 0px auto;
}
.visitImg{
	display:block;
	width:374px;
	height:156px;
}
.visitImg_2{
	display:block;
	width:374px;
	height:132px;
}
.visitImg_3b{
	display:block;
	width:292px;
	height:66px;
	margin:40px auto 20px auto;
}


.visitTxt{
	background-image:url(../img/enter/visitBottom.jpg);
	background-repeat:no-repeat;
	width:374px;
	height:187px;
}

.visitTxt_yochien{
	/*background-image:url(../img/enter/visitBottom_yochien.png);
	background-repeat:no-repeat;*/
	width:374px;
	height:177px;
}
.visitTxt_ohisama{
	/*background-image:url(../img/enter/visitBottom_ohisama.png);
	background-repeat:no-repeat;*/
	width:374px;
	height:173px;
}


/*見学スケジュールなし*/
.visitTxt div,
.visitTxt_yochien div,
.visitTxt_ohisama div
{
	padding:58px 58px 58px 58px;
	font-size:14px;
}
/*見学スケジュールあり*/
.visitTxt div.date,
.visitTxt_yochien div.date,
.visitTxt_ohisama div.date
{
	padding:10px 0px 0px 90px;
	text-align: left;
	font-size:14px;
}
/*見学スケジュール文章*/
.visitTxt div.tel,
.visitTxt_yochien div.tel,
.visitTxt_ohisama div.tel
{
	padding:10px 40px 0px 40px;
	text-align: left;
	font-size:14px;
}
.visitTxt div.tel_150421,
.visitTxt_yochien div.tel_150421,
.visitTxt_ohisama div.tel_150421
{
	padding:45px 40px 0px 40px;
	text-align: left;
	font-size: 13px;
    line-height: 1.4em;
}
/*見学スケジュール文章注意書き*/
.visitTxt div.tel p.small,
.visitTxt_yochien div.tel p.small,
.visitTxt_ohisama div.tel p.small
{
	padding-top:5px;
	font-size:12px;
}
.visitTxt div.tel p.small2,
.visitTxt_yochien div.tel p.small2,
.visitTxt_ohisama div.tel p.small2
{
	padding-top:5px;
	font-size:12px;
	line-height:1.4em;
}
/*見学スケジュール文章日付*/
.visitTxt div.tel p.che_day,
.visitTxt_yochien div.tel p.che_day,
.visitTxt_ohisama div.tel p.che_day
{
	font-size:13px;
	line-height:1.4em;
}
p.sche{
	padding-top: 10px;}

/*入園について*/
.en_info{
	margin: 30px 0px 0px 50px;
	text-align: left;}
.en_info_2{
	margin: 30px 0px 0px 25px;
	text-align: left;}

.dottitle{
	margin: 30px 0px 5px 0px;
	font-size: 15px;
	font-weight:bold;}
.dottitle_150421{
	margin: 30px 0px 5px 0px;
	font-size: 18px;
	font-weight:bold;}

table.extend{
	width: 570px;
	margin-bottom: 10px;
	font-size:14px;}

table.extend td.l_area{
	background: url(../img/enter/dotline_s.gif) repeat-x bottom #F6F0CB;
	width: 11em;
	color: #EA6D8D;
	padding: 15px 15px;
	vertical-align: top;
	font-weight: bold;
	line-height: 2em;}

table.extend td.r_area{
	background: url(../img/enter/dotline_s.gif) repeat-x bottom;
	padding: 15px 15px;
	line-height: 2em;}

p.azukari{
	margin-top: 10px;}

.exRed{
	color:#ea5532;
}

.car{
	color:#ea5532;
	line-height:120%;
	margin-top:5px;
}

#yochien{
}

#ohisama{
	margin-top:-1px;
}

/*見学スケジュール枠 大*/
div.schedule_big{
	width:620px;
	margin:0px 25px 0px 25px;
}
div.schedule_big div.visitTxt_yochien{
	box-sizing: border-box;
	width:620px;
	height:337px;
	background:url(../img/enter/visitBottom_youchien_big.png) no-repeat;
	padding:5px 0px 0px 0px;
}
div.schedule_big div.visitTxt_ohisama{
	box-sizing: border-box;
	width:620px;
	height:337px;
	background:url(../img/enter/visitBottom_ohisama_big.png) no-repeat;
	padding:15px 0px 0px 0px;
}
div.schedule_big img.visitImg{
	display:block;
	width:620px;
	height:127px;
}
div.schedule_big table{
	margin:0px auto 0px auto;
	background: url("../img/enter/dotline_s.gif") repeat-x scroll center top rgba(255, 255, 255, 0);
}

div.schedule_big tr.line{background: url("../img/enter/dotline_s.gif") repeat-x scroll center top;}
div.schedule_big tr.line_end{ background: url("../img/enter/dotline_s.gif") repeat-x scroll center bottom;}
div.schedule_big tr.oneline{background: url("../img/enter/dotline_s.gif") repeat-x scroll center top;}

div.schedule_big tr.line td{padding-top: 5px;}

div.schedule_big tr.next td,
div.schedule_big tr.line_end td{ padding-top:0px; padding-bottom:4px; }

div.schedule_big tr.next_2 td{ padding-top:0px; }

div.schedule_big tr.oneline td{ papadding-top:2px; padding-bottom:4px;}


div.schedule_big td{
	color:#584b3a;
	padding:5px 0px 0px 0px;
	font-size:12px;
	line-height:1.3em;
}

div.schedule_big td.month{
	box-sizing: border-box;
	color:#ea6d8d;
	font-size: 12px;
	font-weight:bold;
	padding-left:0.5em;
	padding-right:0.5em;
	text-align: left;
	width: 4em;
}
div.schedule_big td.day{ text-align:right !important;}
div.schedule_big td.week{text-align: left !important;padding-right:0.5em;}
div.schedule_big td.time{ text-align:left !important; padding-right:2em;}



div.schedule_big table#garden_op,
div.schedule_big table#taiken,
div.schedule_big table#kindergarten_tour,
div.schedule_big table#ohisama_tour,
div.schedule_big table#garden_opening{
	background-image:none;
	margin:10px auto 0px 124px
}
div.schedule_big table#garden_op th,
div.schedule_big table#taiken th,
div.schedule_big table#kindergarten_tour,
div.schedule_big table#ohisama_tour,
div.schedule_big table#garden_opening{
	font-size:14px;
	font-size: 12px;
	padding:0px 25px 0px 0px;
	text-align:left;
	vertical-align:top;
}
div.schedule_big table#garden_op td,
div.schedule_big table#taiken td,
div.schedule_big table#kindergarten_tour,
div.schedule_big table#ohisama_tour,
div.schedule_big table#garden_opening{
	font-size:12px;
	padding:0px;
	text-align:left;
	min-width: 300px;
}

div.schedule_big table#kindergarten_tour td:first-child,
div.schedule_big table#ohisama_tour td:first-child,
div.schedule_big table#garden_opening td:first-child{
	padding-left: 0.5em;
}
div.schedule_big table#kindergarten_tour td:last-child,
div.schedule_big table#ohisama_tour td:last-child,
div.schedule_big table#garden_opening td:last-child{
	padding-right: 5px;
}
div.schedule_big table#kindergarten_tour tr:last-of-type td:last-child,
div.schedule_big table#ohisama_tour tr:last-of-type td:last-child,
div.schedule_big table#garden_opening tr:last-of-type td:last-child{
	padding-right: 0px;
}

/*==============================================================================
　　　　　　　　　　　　　　　　　　Ｑ＆Ａ
==============================================================================*/
#box{
  padding:0px 20px;
}
@media screen and (max-width: 768px) {
  #box{
    padding:0px 10px 0px 10px;
  }
}
@media screen and (max-width: 520px) {
  #box{
    padding:0px 14px 0px 14px;
  }
}


.qatopTX{
	padding:0px 0px 40px 20px;
}
@media screen and (max-width: 768px) {
  .qatopTX{
    padding:0px 10px 50px 10px;
  }
}
@media screen and (max-width: 520px) {
  .qatopTX{
    padding:0px 14px 21px 14px;
  }
}

/*Q背景*/
.ques_bg1,
.ques_bg2,
.ques_bg3{
  line-height: 55px;
  padding-left: 55px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #00A0E9;
  cursor: pointer;
}
.ques_bg1{
  background: url(../img/enter/q_bg01.gif) no-repeat;
}
.ques_bg2{
  background: url(../img/enter/q_bg02.gif) no-repeat;
}
.ques_bg3{
  background: url(../img/enter/q_bg03.gif) no-repeat;
}
.ques_bg1 img,
.ques_bg2 img,
.ques_bg3 img{
  display: none;
}
.ques_bg1 span,
.ques_bg2 span,
.ques_bg3 span{
  font-size: 15px;
  line-height: 1.5em;
  color: #00A0E9;
}


@media screen and (max-width: 768px) {
  .ques_bg1,
  .ques_bg2,
  .ques_bg3{
    display: flex;
    justify-content: left;
    align-items: center;
    box-sizing: border-box;
    background-image: none;
    background: #EFEFEF;
    border-radius: 20px;
    padding: 15px 20px;
    vertical-align: top;
  }
  
  .ques_bg1 img,
  .ques_bg2 img,
  .ques_bg3 img{
    display: block;
    position: relative;
    bottom: calc( 50% - 31px/2);
    width: 29px;
    margin-right: 10px;
  }
}



	
/*A背景*/
.ans{
	background: url(../img/enter/a.gif) no-repeat;
	margin: 0px 19px 25px 19px;
	padding-left: 36px;
	line-height: 1.7em;
	overflow:hidden;
  display:none;
}
@media screen and (max-width: 768px) {
  .ans{
    margin: 0px 20px 40px 20px;
  }
}