body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width:768px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}


/* ------------------------------------------
  DEMO STYLES
--------------------------------------------- */

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #37302a;
  background: #fff;
  font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif;
  letter-spacing: 1px;
    text-align: center;

}

section {
  text-align: center;
  padding: 50px 0 0;
  width: 100%;
}

@media screen and (min-width:768px) {
section {
  text-align: left;
  padding: 70px 0 0;
  width: 100%;
}
}


p {
  padding: 5px 30px 20px;
  margin: 0 auto;
}

h2 {
  padding: 5px 30px 20px;
  margin: 0 auto;
}

a {
color: #E76D4C;
}


/* ------------------------------------------
  FIXED HEADER
--------------------------------------------- */

header {
  background-image: url(../images/paper3.png);
  position: fixed;
  z-index: 3;
  width: 100%;
  left: 0;
  top: 0;
  font-weight: bold;
}

.logo {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  padding: 5px 20px 0px;
  float: left;
}


/* ------------------------------------------
  MASK
--------------------------------------------- */

.mask {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, .5);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.android .mask {
  -webkit-transition: none;
  transition: none;
}

.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width:768px) {
  .mask {
    display: none !important;
    opacity: 0 !important;
  }
}


/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

@media screen and (min-width:768px) {
  .nav-collapse {
    float: right;
    width: auto;
  }
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (min-width:768px) {
  .nav-collapse li {
    width: auto;
  }
}

.nav-collapse a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  border-top: 1px dotted #999999;
  text-decoration: none;
  text-align: center;
  background-image: url(../images/paper3.png);
  padding: 0.7em 1em;
  color: #fff;
  width: 100%;
  float: left;
}

.nav-collapse a:active,
.nav-collapse .active a {
  background: #000;
}

@media screen and (min-width:768px) {
  .nav-collapse a {
    border-left: 1px dotted #999999; 
    padding: 13px 20px;
	font-size: 16px;
    text-align: center;
    border-top: 0;
    float: left;
    margin: 0;
  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width:768px) {
  .nav-collapse ul ul a {
    display: none;
  }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("../icons/responsivenav.eot");
  src:url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"),
url("../icons/responsivenav.ttf") format("truetype"),
url("../icons/responsivenav.woff") format("woff"),
url("../icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  text-indent: -300px;
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #fff; /* Edit this to change the icon color */
  font: normal 28px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  text-transform: none;
  text-align: center;
  position: absolute;
  content: "\2261"; /* Hamburger icon */
  text-indent: 0;
  speak: none;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-toggle.active:before {
  font-size: 24px;
  content: "\78"; /* Close icon */
}


.teacher_name {
  font-size: 16px;
  font-weight: bold;
    margin-bottom: -20px;
	vertical-align:top;
}

.fb {
	vertical-align:-5px;
}


.title_block {
  padding: 15px 30px 10px;
  color: #46484C;
  float: left;
  position: relative;
}


.title_img {
	padding-right: 20px;
	float: right;
	position: absolute;
	right: 5px;
	top: 80px;
}


.area_search_block {
  width: 100%;
  border-top: 5px solid #46484C;
background-image: url(../images/bk_02.png);
  text-align: left;
  font-size: 14px;
  color: #000;
  float: left;
}

.area_s_block {
  width: 100%;
  float: left;
}

.teacher_block {
  width: 100%;
  border-top: 5px solid #46484C;

  background-image: url(../images/bk_02.png);
  text-align: left;
  font-size: 14px;
  color: #000;
  float: left;
}

.area_title {
  width: 100%;
  padding: 5px 0;
  background: #000;
  text-align: left;
  float: left;
}

.area_title_txt {
  padding-left: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

.dotline {
  width: 100%;
  border-bottom: 1px dotted #999999;
  float: left;
}

.dotline10 {
  width: 100%;
 margin-bottom: 10px;
  border-bottom: 1px dotted #999999;
  float: left;
}

.dotline60 {
  width: 100%;
 margin-bottom: 54px;
  border-bottom: 1px dotted #999999;
  float: left;
}

.dotline60_no {
  width: 100%;
 margin-bottom: 51px;
  float: left;
}

.shoten_works {
	font-size: 14px;
	font-weight: bold ;
	text-align: center;
		margin-top: 15px;
	margin-bottom: 15px;
}

.shoten_works a:before {
	content: ">" ;
	 color: #fff;
	font-size: 9px;
	padding-right:10px ;
	font-weight: bold ;
}

.shoten_works a{
   color: #fff;
   font-size: 18px;
	text-align: center;
	text-decoration: none;
    background: #000;
	border-radius: 5px;
	padding: 15px 35px;
}

.shoten_works a:hover {
    text-decoration: none;
    background: #999;
	border: #999;
}


.teacher_works {
	font-size: 14px;
	font-weight: bold ;
	text-align: center;
	margin-bottom: 15px;
}

.teacher_works a:before {
	content: ">" ;
	 color: #fff;
	font-size: 9px;
	padding-right:10px ;
	font-weight: bold ;
}

.teacher_works a{
   color: #fff;
	text-align: center;
	text-decoration: none;
    background: #A28577;
	border-radius: 5px;
	padding: 15px 30px;
}

.teacher_works a:hover {
    text-decoration: none;
    background: #999;
	border: #999;
}

.img_block {
  width: 100%;
  text-align: center;
  margin: 0; 
}

.info_block {
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #000;
  float: left;
}

.info_block ul {
  padding: 10px 30px 8px 30px;
   	list-style-type: none ;
}

.info_block ul li{
  padding-bottom: 7px;
  clear: both;
}

.honbu {
  padding: 10px 20px 10px 20px;
}

.honbu .info_block2 ul li{
  padding-bottom: 4px;
}

.honbu .info_block2{
  margin-bottom: 20px;
}

.honbu .honbu_img{
	padding: 30px 30px 15px 0;
  float: left;
}

.info_box {
	 width: 950px;
	margin:0px auto;
    text-align: left;
}

.info_box .info_block2 {
  text-align: left;
  font-size: 14px;
  color: #000;
  float: left;
}
.info_box .info_block2 ul {
  padding: 20px 0 8px 0;
   	list-style-type: none ;
}

.info_box .info_block2 h3 {
  font-size: 16px;
  font-weight: bold;
    padding: 20px 0 12px 0;
}

.info_block2 {
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #000;
  float: left;
}

.info_block2 h3 {
  font-size: 16px;
  font-weight: bold;
    padding: 20px 30px 12px 30px;
}
.info_block2 h2 {
  font-size: 18px;
  font-weight: bold;
    padding: 20px 30px 0 30px;
}
.info_block2 ul {
  padding: 20px 30px 8px 30px;
   	list-style-type: none ;
}

.info_block2 ul li{
  padding-bottom: 10px;
}

.info_box .info_block2 .teacher_name2{
    padding: 5px 5px 5px 10px;
  background: #F2F2F2;
  text-align: left;
  font-size: 16px;
  color: #000;
}

.school_block {
  width: 100%;
  border-bottom: 1px dotted #999999;
  margin-bottom: 20px;
  float: left;
}

.school_name {
  font-size: 20px;
  font-weight: bold;
  padding: 20px 30px;
}

.info_box .school_name {
  font-size: 20px;
  font-weight: bold;
  padding: 20px 0 0 0;
}


.school_name_s {
  font-size: 20px;
  font-weight: bold;
  padding: 20px 15px 13px 10px;
   float: left;
}

.detail_index {
	font-size: 10px;
		font-weight: bold ;
	 padding: 28px 0 0 30px;
	float: left ;
}

.detail_index a {
	background: #E76D4C;
	text-decoration: none;
	color: #fff;
	padding: 4px;
	border-radius: 5px;
	text-align: center;	
}



.detail_index a:hover {
	text-decoration: none;
	background: #999;
    color: #fff;
}


h2 a {
border-bottom: dotted 1px;
text-decoration: none;
}

.teacher_name {
  font-size: 16px;
  font-weight: bold;
    margin-bottom: -20px;
}

.teacher_img {
  padding: 0 20px 20px 30px;
  float: left;
}

/* [ul] */
.breadcrumb {
	padding: 0 30px;
	overflow: hidden ;
	list-style-type: none ;
	font-size: 13px;
}

/* [li] */
.breadcrumb li {
	float: left ;
	font-weight: 700 ;
}

.breadcrumb li a {
  color: #46484C;
  border-bottom: dotted 1px;
text-decoration: none;
}

.breadcrumb li a:hover {
  color: #E76D4C;
  border-bottom: dotted 1px;
text-decoration: none;
}

/* [>] */
.breadcrumb li:after {
	content: ">" ;
	padding: 0 8px ;
	font-weight: 400 ;
}

/* 一番最後の[li] */
.breadcrumb li:last-child:after {
	content: none ;
}

.tel_txt_index a { 
color: #000; 
text-decoration: none;
}

.mail_txt_index a{
border-bottom: dotted 1px;
text-decoration: none;
}



.tel_txt {
	font-size: 24px;
  font-weight: bold;
    padding: 0 10px;
  display: inline;
}



.tel_txt a { color: #fff; }


@media screen and (min-width:768px) {
.tel_txt a { text-decoration: none; }
}
   
.tel_block {
  width: 100%;
  background: #E76D4C;
  text-align: center;
  padding: 15px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 40px;
  float: left;
}

.tel_block .mail_txt_index a{
	color: #fff;
border-bottom: dotted 1px;
text-decoration: none;
}
  
.google-map { 
  width: 100%;
  text-align: center;
  margin: 30px 0; 
	   }

.google-map iframe {

    width: 950px;

    height: 300px;

}

.google-map2 { 
  width: 100%;
  text-align: center;
  margin: 15px 0; 
	   }

.google-map2 iframe {

    width: 800px;

    height: 300px;

}

.school_img { margin-top: 30px; }
.school_img_100 { 
width: 100%; 
margin-top: 0;}


@media screen and (max-width:767px) { 


.google-map iframe {

        width: 100%;

        height: 200px;

    }
    
.google-map2 iframe {

        width: 100%;

        height: 200px;

    }

}



.footer {
   background-image: url(../images/bk_02.png);
   width: 100%;
   color:#46484C;
    margin: 0 auto;
  font-size: 12px;
    padding: 30px 0;
	  float: left;

}

.area {
	   width: 125px;
	  font-size: 16px;
  font-weight: bold;
	float: left ;
}

.area2 {
	   width: 125px;
	  font-size: 16px;
  font-weight: bold;
	float: left ;
}




.area_name {
	margin-top: 15px;
	font-size: 12px;
	padding: 5px 12px 10px 0;
	float: right ;
}

.area_name a {
    color: #fff;
	text-align: center;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 5px 8px;
}

.area_name a:before {
	content: ">" ;
	font-size: 9px;
	padding-right:4px ;
	font-weight: 500 ;
}

.area_name a:hover {
    text-decoration: none;
    background: #999;
	border: #999;
}




@media screen and (min-width:768px) {
  .area_name {
    display: none;
  }
}

.area_s_block p {
  padding: 5px 3px 10px;
  margin: 0 auto;
}

.area_name_index {
	font-size: 14px;
	float: left ;
}

.area_name_index a {
	background: #fff;
	text-decoration: none;
	color: #E76D4C;
	padding: 6px;
	border: 1px solid #E76D4C;
	border-radius: 5px;
	text-align: center;	
}

.area_name_index a:hover {
	text-decoration: none;
	background: #E76D4C;
    color: #fff;
}

.chocolat-parent {
	  position: relative;
	  z-index: 1;
}

#roomsphoto {
	  position: relative;
	  z-index: 0;
}

.slide_block {
	  position: relative;
	  z-index: 0;
}

.slider {
	margin-top: 50px;
}

.slider li img{
	 width: 100%;
}

.top_logo {
	padding-left: 10px;
	float: left;
	position: absolute;
	left: 20px;
	top: 220px;
}
.main_block {
	float: left ;
	  width: 100%;
}
.main_block_l {
	float: left ;
	text-align: left;
}

.main_block_l p {
	padding-left: 0;
	font-size: 18px;	
	font-weight: bold ;
	line-height:1.8;
}

.jinsei {
	padding: 20px 0 30px 0;
	float: left;
}
.yutatano {
	margin-top: -50px;
	padding: 30px;
	float: right ;
	z-index: 2;
	position: relative;
}

.rekisi_block {
  width: 100%;
  background: #A28577;
  text-align: center;
  padding: 5px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin-top: 20px;
  float: left;
}


.rekisi_txt {
  width: 100%;
background-image: url(../images/bk_02.png);
  text-align: left;
 padding: 30px 0 20px;
  font-size: 14px;
  float: left;
}

.rekisi_txt .dotline{
 margin-top: 20px;
  margin-bottom: 30px;
}

.rekisi_txt p{
padding: 0 0 10px;
}
.member{
   margin-top: 20px;
}

.member h3{
padding: 30px 50px 20px;
}

.member_block{
text-align: left;
}

#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
		z-index: 3;
}
#page-top a {
    background-image: url(../images/paper3.png);
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


.dash {
  letter-spacing: -2px;
}

.box950 {
	width: 950px;
	margin:0px auto;
}

hr {
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #cccccc;
height: 1px;
}


.event_box {
	 width: 740px;
    background: #F6EFE5;
	margin:0px auto;
    padding: 20px 20px;
    text-align: left;
	    border-radius: 10px;
			 margin-top: 20px;
  margin-bottom: 30px;
}

.event_box2 {
	 width: 740px;
    background: #F6EFE5;
	margin:0px auto;
    padding: 20px 30px;
    text-align: center;
	    border-radius: 10px;
			 margin-top: 20px;
  margin-bottom: 30px;
}

.event_box3 {
	 width: 740px;
    background: #f8edea;
	margin:0px auto;
    padding: 20px 30px;
    text-align: center;
	    border-radius: 10px;
			 margin-top: 20px;
  margin-bottom: 30px;
}


.event_box p {
    padding-left: 25px;
}

.asia_box {
	 width: 860px;
	margin:0px auto;
    text-align: left;
}

.asia_cap {
  font-size: 12px;
  }

.asia_box2 {
	 width: 740px;
    background: #dbe4e9;
	margin:0px auto;
    padding: 30px;
    text-align: left;
	    border-radius: 10px;
}



.shoten_box {
	 width: 740px;
    background: #F6EFE5;
	margin:0px auto;
    padding: 30px;
    text-align: left;
	    border-radius: 10px;
}
.shoten_box2 {
	 width: 800px;
	margin:0px auto;
    text-align: left;
		 margin-top: 10px;
}

.shoten_box a{
border-bottom: dotted 1px;
text-decoration: none;
}

.shoten_box h1{
   font-size: 18px;
}

.shoten_report {
    font-size: 18px;
	    color: #ed4f28;
	  font-weight: bold;
		    padding: 0 20px;
	 margin-top: 20px;
  margin-bottom: 10px;
}

.shoten_report2 {
    font-size: 18px;
	    color: #fff;
	  font-weight: bold;
		    padding: 0 20px;
	 margin-top: 20px;
  margin-bottom: 10px;
}

.shoten_report_title {
  width: 100%;
  border-bottom: 4px solid #ed4f28;
  	margin-top: 20px;
    margin-bottom: 20px;
  float: left;
}

.shoten_report_title2 {
  width: 100%;
    background: #ed4f28;
	padding: 5px 0;
  	margin-top: 40px;
    margin-bottom: 40px;
  float: left;
}

.shoten_report_title3 {
  width: 100%;
  border-bottom: 4px solid #ed4f28;
  	margin-top: 20px;
    margin-bottom: 30px;
  float: left;
}

.prizewinner {
  width: 800px;
  	margin-top: 5px;
    margin-bottom: 5px;
}


.textbook_txt {
    font-size: 18px;
	    color: #bc826c;
	  font-weight: bold;
		    padding: 0 20px;
	 margin-top: 20px;
  margin-bottom: 10px;
}

.textbook_txt2 {
    font-size: 18px;
	    color: #bc826c;
	  font-weight: bold;
	 margin-top: 10px;
  margin-bottom: 10px;
}


.textbook_title {
  width: 100%;
  border-bottom: 4px solid #d79c8e;
  	margin-top: 20px;
    margin-bottom: 30px;
  float: left;
}

.textbook_title2 {
  width: 100%;
    background: #d79c8e;
	padding: 5px 0;
  	margin-top: 40px;
    margin-bottom: 40px;
  float: left;
}
.textbook_month {
width: 100%;
  text-align: center;
   background: #d79c8e;
float: left;
		      margin-top:15px;
		      	      margin-bottom:-5px;
}

.textbook_month2 {
width: 100%;
  text-align: center;
   background: #d79c8e;
float: left;
		      margin-top:15px;
		      	      margin-bottom:15px;
}

.textbook_month_txt {
      font-size: 16px;
	    color: #fff;
	  font-weight: bold;
	}

.event_img {
width: 740px;
  text-align: center;
  margin-top: 5px;
}

.event_title {
text-align: center;
}

.event_txt {
font-size: 16px;
}

.event_txt_s {
font-size: 12px;
}

.event_month {
width: 100%;
  text-align: center;
   background: #A28577;
float: left;
margin-top:15px;
margin-bottom:10px;
}
.event_month_txt {
      font-size: 14px;
	    color: #fff;
	  font-weight: bold;
	padding: 3px 10px;
	}
	
	
	

.event_title2 a {
    color: #fff;
	  border-bottom: dotted 1px;
text-decoration: none;
}

.event_title2 a:hover {
    color: #fff;
	  border-bottom: dotted 1px;
text-decoration: none;
}

.event_title2 {
  width: 100%;
    background: #A28577;
    border-bottom: 1px dotted #A28577;
	padding: 10px 0;
  float: left;
}

.event_txt2 {
    font-size: 18px;
	    color: #fff;
	  font-weight: bold;
		    padding: 0 20px;
	 margin-top: 20px;
  margin-bottom: 10px;
}

.event_img_100 { 
width: 100%; 
margin-top: 50px;}


.shoten_img_100 { 
width: 100%; 
margin-top: 0;}

.txt13 {
    font-size: 13px;}
	
.txt20 {
    font-size: 18px;
	     padding: 0 20px;}
.txt24 {
    font-size: 24px;
      font-weight: bold;
}	     
	     
.top_btn {
	  padding: 0 5px;
}

a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.winner_img {
padding: 0 2px;
}

@media screen and (min-width:1280px) and (max-width:2000px) { 

.jinsei {
	padding: 20px 10px 30px 0;
	float: left;
}

}


@media screen and (min-width:768px) and (max-width:1023px) { 

.google-map iframe { width: 768px }
.google-map2 iframe { width: 768px }
.school_img { width: 100%; margin-top: 0;}
.top_logo {
	width: 40%;
	padding-left: 10px;
	float: left;
	position: absolute;
	left: 1px;
	top: 150px;
}
.yutatano {
	width: 18%;
	padding: 15px 25px 0 0;
	margin-top: -40px;
	z-index: 2;
	position: relative;
}
.jinsei {
	width: 35%;
	padding-left: 0;
	padding-top: 20px;
}
.main_block_l p {
		font-size: 16px;	
}

.rekisi_txt {
 padding: 20px 0;
}

.honbu {
  padding: 10px 0;
}
.info_box {
	 width: 708px;
	margin:0px auto;
    text-align: left;
}
.event_img {
  width: 100%;
}
.shoten_img {
  width: 100%;
}
.s_img {
  width: 400px;
}

.event_box {
  width: 100%;
      padding: 20px 0;
	  	    border-radius: 0;
}
.event_box2 {
  width: 100%;
      padding: 20px 0;
	  	    border-radius: 0;
}
.event_box3 {
  width: 100%;
      padding: 20px 0;
	  	    border-radius: 0;
}

.shoten_box {
  width: 100%;
      padding: 20px 0;
	  	    border-radius: 0;
}

.asia_box {
  width: 100%;
      padding: 20px 0;
	  	    border-radius: 0;
}


.asia_box2 {
  width: 100%;
      padding: 20px 0;
	  	    border-radius: 0;
}

.top_btn {
	 width: 46%;
}
.honbu .honbu_img{
	display: none ;
}
.event_txt {
	padding-left: 30px;
}
.event_box p {
    padding-left: 30px;
}
.event_txt2 {
		    padding-left: 30px;
}

.winner_img {
	 width: 49%;
}

.shoten_box2 {
	 width: 768px;
	 }


}

@media screen and (max-width:767px) {
.breadcrumb { display: none ; }
.title_img { display: none ; }
.logo_l { display: none ; }
.title_block {
	font-size: 12px;
	  color: #fff;
  padding: 15px 20px 0;
}
.title_block h1 {
  padding-top: 4px;
	font-size: 14px;
}
.teacher_block { 
font-size: 14px; }
.info_block ul { font-size: 14px; 
  padding: 10px 20px 8px 20px;}
.info_box .info_block2 ul { font-size: 14px; 
  padding: 20px 20px 8px 20px;}
  .school_name {
  padding: 20px 20px;
}
p {
	padding: 5px 20px 20px;
}
h2 {
	padding: 5px 20px 20px;
}
#title {
   width: 100%;
     float: left;
	 margin-top: -10px;
   background-image: url(../images/paper3.png);
}
.area_title_txt { padding-left: 20px; }
.school_name_s { 
	font-size: 18px;}
.tel_txt a {
border-bottom: dotted 1px;
text-decoration: none;
}
.tel_txt_index a { 
color: #E76D4C;
border-bottom: dotted 1px;
text-decoration: none;
 }
.info_box .info_block2 h3 {
    padding: 20px 20px 12px 20px;
}
.info_box .info_block2 h2 {
    padding: 20px 20px 0 20px;
}
.tel_block {
  margin: 0 0 20px 0;
}
.google-map { margin: 0; }
.google-map2 { margin: 0; }
.teacher_img { padding-left: 20px; }
.school_img { width: 100%; margin-top: 0;}
.detail_index {
	 padding-left: 20px;
}
.top_logo {
	width: 45%;
	padding-left: 5px;
	float: left;
	position: absolute;
	left: 1px;
	top: 75px;
}
.jinsei {
	width: 45%;
	padding-left: 20px;
	padding-top: 20px;
}
.yutatano {
	width: 25%;
	padding: 15px 15px 0 0;
	margin-top: -30px;
	z-index: 2;
	position: relative;
}
.main_block_l p {
	font-size: 16px;
	padding-left: 20px;
			font-weight: normal ;	
	line-height:1.8;
}
.main_block_l p br {
	display : none ;
}
.textbook_box {
	text-align: left;
}
.textbook_box p br {
	display : none ;
}
.rekisi_block {
  margin-top: 20px;
}

.rekisi_txt p{
padding: 0 20px 10px;
}
.honbu {
  padding: 10px 0;
}

.honbu .info_block2 h2 {
    text-align: center;
}
.rekisi_txt .dotline{
 margin-top: 10px;
  margin-bottom: 20px;
}
.event_box {
  width: 100%;
      padding: 20px 0;
	  	    border-radius: 0;
}
.event_box2 {
  width: 100%;
      padding: 20px 0;
	  	    border-radius: 0;
	  	        text-align: left;
}
.event_box3 {
  width: 100%;
      padding: 20px 0;
	  	    border-radius: 0;
	  	        text-align: left;
}

.shoten_box {
  width: 100%;
      padding: 20px 0;
	  	    border-radius: 0;
}

.asia_box {
  width: 100%;
      padding: 5px 0;
}


.asia_box2 {
  width: 100%;
      padding: 20px 0;
	  	    border-radius: 0;
	  	    
	  	  }

.event_img {
  width: 100%;
}
.shoten_img {
  width: 100%;
}
.txt20 {
	 font-size: 16px;
	     text-align: left;}
.txt20 br { display : none ; }
.shoten_img_100 { 
width: 100%; 
margin-top: 5px;}
.info_box {
	 width: 100%;
}
.top_btn {
	 width: 90%;
	  padding: 0 20px;
}
.info_box .info_block2 .teacher_name2{
    padding: 5px 20px;
}
.honbu .honbu_img{
	display: none ;
}
.area2 {
	   width: 125px;
	   	  height: 90px;
	  font-size: 16px;
  font-weight: bold;
	float: left ;
}
.leftbox p {
    text-align: left;
}
.event_title {
padding: 0 20px;
  text-align: left;
}
.center_box {
  text-align: center;
}
.shoten_box2 {
	 width: 100%;
}
.winner_img {
  width: 100%;
  padding: 0;
}




}





#roomsphoto img {
	margin:0 auto;
	display:block;
	}