@charset "utf-8";



@media screen and (min-width: 599px){
	#xbody{
	max-width:960px;
	width:100%;
	min-width:800px;
	overflow:hidden;
	margin:0px auto;

	}
	#header_pc{
	display:block;
	}
	#header_mobile{
	display:none;
	}
  #menu_horizontal_container{
  display:none;
  }
  #xbody{
  background-position:center top;
  background-repeat: no-repeat;
  background-size:cover
  }

  .top_body{
  background-image:url('../img/top1.jpg') ;
  }
}
 /*デバイスの横幅が600px以下の場合*/
@media screen and (max-width: 600px){

	#container_center{
    padding-top:100px;
	}
  .admission_overview{
    display:block;
  }

  .admission_overview_label{
    display:block;
    font-weight:bold;
    margin:10px 0px 5px 0px;
    padding:2px 5px 2px 10px;
    border-bottom:1px white solid;
    background-color:white;
  }


  .admission_overview_content{
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 10px;
    display:block;

  }


  #today_yy_container a{
    display:block;
    position:absolute;
    bottom:140px;
    right:0px;
    width:150px;
  }
  .top_body{
   background-image:none;
  }
  #toppage_body{
   background-image:none;
  }
  .toppage_container_center{
    background-size:100% auto;
    background-color:#7fb56a;
    background-position:top left;
    background-color:white;
    margin-top:0px;
    padding:0px;
  }

  #top_mobile_background{
    background-size:100% auto;
    background-color:white;
    margin-top:0px;
    background-repeat:no-repeat;
  }
.toppage_container_center .content_footer{
  position:relative;
  bottom:0px;
  background-color:white;

}
#top_mobile_background{
  display:block;
}

	#xbody{
	width:100%;
	overflow:hidden;
	margin:0px auto;
	}
	#header_pc{
	display:none;
	}
	#header_mobile{
	display:block;
	}
	#container_left{
	display:none;
	}
  #menu_horizontal_container{
  display:block;
  }

  .center_content_container{
  	padding:0px 10px 0px 10px;
    margin:0px;
    margin-botto:30px;
  }
  .center_content_container h2{
    padding-top:10px;
    margin-top:50px;
  }
  .page_header_top{
    

  }
  .about_history tr td{
    display:block;
  }

  .photo_left{
    width:100%;
  }

  .caption_with_photo h3{
    float:left;
    padding-top:0px;
    margin-top:5px;
  }
  .caption_with_photo p{
    padding-top:30px;
  }
  .timeline_nagare_container{
  	padding:0px 5px 5px 5px;

  }

  .timeline_time_container div{
    float:none;
    width:100%;
    font-size:medium;
  }
  .timeline_time_container table{
    margin:0px;
  }
  .timeline_time_container table tr td b{
    display:block;
  }
  #timeline_time_container_left{
    display:none;
  }
  #timeline_time_container_right{
    display:none;
  }

  .timeline_gyouji_container{
  	padding:0px 5px 5px 5px;
  }

	#container_right{
  	display:none;
	}

  .content_footer{
    margin-top:0px;
  }
  .content_footer ul{
    width:200px;
    list-style:none;
    margin:0px auto;
    padding:0px;
    border:0px;
  }
  .content_footer ul li{
    font-size:1em;
    padding:0px 1em;
    display:block;
    border:0px;
  }
  .content_footer ul li a{
    font-size:1em;
    padding:10px 5px;
    display:block;
    text-align:center;
    text-decoration:underline;
  }
  .content_footer{
    color:black;
  }
  .content_footer_menu p{
    padding:5px 0px 0px 0px;
    color:black;
  }
  .content_footer_menu p a{
    color:black;
  }
  .content_footer_menu p b{
    display:block;

    padding:5px 0px;
  }
  .today_yy_container{
    position:static;
    padding:10px;
  }
  .today_yy_container a{
    position:static;
    width:100%;
  }


  .toppage_container_center_bottom *{
    color:black;
  }



  .toppage_container_center_bottom .content_footer ul li a{
    color:black;
  }


  .xcaption_1{
    padding-top:60px;
    font-size:large;
  }

  .timeline_nagare_cell{
  width:100%;
  float:none;
  }


  .timeline_gyouji_container{
  }
  .timeline_gyouji_cell{
    width:100%;
    float:none;
  }
  .timeline_nagare_cell p{
    font-size:medium;
    padding:5px 5px 30px 5px;
  }
  .timeline_nagare_cell p b{
    font-size:medium;
  }


  .page_introduction p{
    font-size:medium;
	text-align:left;
  }

  .oya_support_img{
   float:none;
  }
  .center_content_container .aboutus_p{
    padding-right:100px;
  }


.aboutus_pic_2, .aboutus_pic_3, .aboutus_pic_4, .aboutus_pic_5, .aboutus_pic_6, .aboutus_pic_7, .aboutus_pic_8{
    height:150px;
    right:0px;
    top:0px;
  }
}