@charset "UTF-8";
/* CSS Document */

body {margin:0;padding:0;font-family:"メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;font-size: 62.5%;line-height:200%;color:#444;
overflow-x: hidden;-webkit-text-size-adjust: 100%;word-break: break-all;counter-reset: titleNum;}
ol,ul,li {list-style:none;margin:0;padding:0;}
dl,dt,dd {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin:0;padding:0;}
p {margin:0 0 1em;padding:0;}
a , a img { overflow: hidden; text-decoration:none; color:#333;border:none;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}

a:hover,a:active { color: #c8c9ca;border:none;outline:none;}
a:hover img , a:active img {opacity:.8;border:none;outline:none;}
.info_list a,.newsarea a{
	text-decoration: underline;
}
html,body {}
h1 {font-weight:normal;}
h2 {font-weight:normal;}
h3 {font-weight:bold;}
img {max-width: 100%;width:auto;height: 
auto;display:block;}

main:after,
article:after,
section:after,
div:after,
ul:after,
dl:after {
  content: "";
  display: block;
  clear: both;
}
#wrap { overflow:hidden;}
.main_wrap {margin:0 auto !important;padding: 20px 3% 30px;}


.pc {display:none;}
.pcbig {display:none;}
#pc {display:none;}

#header {padding:9px 5px;width: 100%;}

#header .logo {width:175px;height:auto;margin:0 1%;}
#header .contact {display:none;}




h4 {font-size:20px; color:#fff;font-weight:bold;padding:.6em; margin-top:-1.4%;text-align:center; background:#9e9e9f;}
h4 span {font-weight:normal;font-size:15px;}





#main {background:#fff!important; display: block;}
#main h2 {font-size:25px;line-height:1.1;padding:20px 0 0;font-weight:bold; text-align:center;}
#main h2 span {font-weight:normal;font-size:15px;margin:1em;; text-align:center; border-bottom:#7fabcd solid 5px;border-radius:8%;}

#mainimg-sp .copy {font-size:1.8em;text-align:center;padding:1.2em 3%;margin:0;line-height:1.5;background:#11833b;color:#fff;}



#footer {padding: 2% 0 0;}
.footer_area {padding:2% 5% ;max-width:80%; text-align:center;margin:0 auto;}
.footer_area .logo {text-align:center;font-size:12px; line-height:1.3em; margin:auto;}
.footer_area .logo p { margin-top:1%; margin-bottom:5%;line-height:1.3em;} 
.footer_area .logo img {width:60% !important; margin:auto;}
.footer_area .logo h3 {width:100%; margin: auto auto 2%;}
.footer_area .contact {width:40%;margin:20px auto 0;text-align:center;}

.footer_top { width:100%; background-color:#dbdcdc; padding-top:2% !important; padding-bottom:2% !important;  background-size:cover;}
.footer_top .footer_link { max-width:1024px; margin:auto !important; vertical-align:top !important;font-size:12px; line-height:1.6em; padding:3% 5%;}
.footer_top .footer_link h3 { font-size:14px; margin-top:3%;margin-bottom:1em; border-bottom:1.5px solid #00b050 !important;}
.footer_top .footer_link li.link_top { display:inline-block; vertical-align:top; padding-right:4%; text-align:left !important; width:29%;}
.footer_top .footer_link li.link_top:nth-child(3) { padding-right:0;}

@media screen and (max-width:768px) {
.footer_link .link_top.link_second {margin-top:3% !important;}
}

/* ドロワーナビ */
.drawer-hamburger {z-index:1000;top: 0;background-color:#00b050; padding:10px 5px 20px !important; margin:4% 3% 2%;}
/*ボタン押下時の背景色*/
.drawer-hamburger:hover {background-color:rgba(0,0,0,.3); }
.drawer-nav {z-index:999;}
.drawer-open #contents , .drawer-open #sp_head .head_logo_sp.block {opacity:.5;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {background:#fff;height: 5px;}

.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before {background:#fff;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon::hover {background:#fff;}

.drawer--right.drawer-open .drawer-hamburger {right:0;background:none;}
.drawer-nav {color: #fff !important;background-color:rgba(0,176,80,.8);padding-top:62px;}
.drawer-nav .drawer-menu li a {color: #fff !important;}
.drawer-nav .drawer-menu li a:hover {color: #c8c9ca !important;}
.drawer-menu li {color: #fff !important;border-bottom: 1px solid #fff;font-family: 'Stoke', sans-serif;font-size:1.4em; margin:auto 1em;}
.drawer-menu li  {display: block;padding: 1em;position:relative;}
.drawer-menu li a:before {content:"\f125";font-family:ionicons;font-size:12px;position:absolute;top:38%;right:1.5em;color:#fff;}
.drawer-overlay {background:rgba(238,238,238,.7);}




/* ナビバーサブメニュー */

#gnavi {background-size: contain; z-index:5 !important;background-color:rgba(0,176,80,.8); padding:0;}

.menu-container {
    width: 100%;
    margin: 7% auto 0 !important;
	text-align:center !important;
	 z-index:5 !important;


}

#gnavi .menu-container .menu ul {
    margin: 0 auto !important;
	text-align:center !important;
    width: 100%;
	max-width:1024px;
    list-style: none;
    padding: 0%;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
	z-index:6 !important;

}

#gnavi .menu-container .menu ul:before,
#gnavi .menu-container .menu ul:after {
    content: "";
    display: table;
}

#gnavi .menu-container .menu ul:after {
    clear: both;
}


#gnavi .menu-container .menu ul .menu_contents  {
	display:inline-block !important;
    padding:1% 0;
    margin: 0 auto;
	width:18%;
    text-decoration: none;
    display: block;
	text-align:center;
	border-right:dotted 1.5px #fff;
	color:#fff;
}

#gnavi .menu-container .menu ul .contents_first  {border-left:dotted 1.5px #fff;}


#gnavi .menu-container .menu ul .menu_contents:hover {
    background-color:rgba(62,0,18,.2);color:#fff;
}






/* スライドショー */
.slide {
	position: relative;
	width: 100%;
	padding-top:68% !important;
	overflow: hidden;
	margin:0 auto ;
	z-index:2;
}
.slide .item , .slide .item-sp  {
	width: 100%;
	position: absolute;
	top: 0;
}


.slide .title {
	text-align: center;
	color: rgba(102, 102, 102, 0.70);
	margin: 20px 0 15px 0;
}



#info_area {background:url(../assets/images/info_back.jpg) repeat top left;padding:5% 3% !important; margin:auto !important; text-align:center;}
#wrap #main #info_area .info_list h2 {font-size:24px; font-weight:600; position: relative;display: inline-block;padding: 2% 65px 4%; margin:auto !important;}

#wrap #main #info_area .info_list h2:before, #wrap #main #info_area .info_list h2:after {
content: '';
position: absolute;
top:35%;
display: inline-block;
width: 50px;
height: 1px;
background-color:#666;
}

#wrap #main #info_area .info_list h2:before {
left:0;
}
#wrap #main #info_area .info_list h2:after {
right:0;
}


#wrap #main #info_area .info_list h3 {font-weight:normal;font-size:15px; text-align:center; border-bottom:none; color:#f29600; margin:-2% auto 2%;}

.info_list {max-width:1080px; margin:0 auto !important;padding:3% !important;}
.info_list ul {margin: 3% auto; text-align:left !important;}
.info_list li {padding:1.5em 3%;background:#e6e6e5; margin-bottom:2%; }
.info_list li a:hover { color:#f29600;}
.info_list li span.date {font-size:14px;margin-right:5px; display:inline-block;}

.info_list li a {display:block;margin-top:10px;font-size:14px;padding-top:.5em !important;text-decoration:none;}


.newsbotan { text-align:center;}
.newsbotan p { font-size:16px; font-weight:600; display: inline-block;color:#fff; background:#f29600;padding:0.3em 0.8em;}
#info_area .info_list .newsbotan a p:after {content:"\f125";font-family:ionicons;padding-left:.5em;}
.newsbotan p:hover {opacity:.7;border:none;outline:none;}


.label1:after {
  content: "新着情報";
  font-size: 12px;
  background: #e50012;
  color: #fff;
  padding: 0.2em 1.2em;
  margin-right: 1em;
}

.label2:after {
  content: "学校通信";
  font-size: 12px;
  background: #7084c1;
  color: #fff;
  padding: 0.2em 1.2em;
  margin-right: 1em;
}

.label3:after {
  content: "お知らせ";
  font-size: 12px;
  background: #94ab32;
  color: #fff;
  padding: 0.2em 1.2em;
  
  margin-right: 1em;
}

#main .main_wrap .ttl_area { text-align:center;margin:auto !important;}

#main .main_wrap .ttl_area .ttl { font-size:24px; font-weight:600; position: relative;display: inline-block;padding: 2% 65px 4%; margin:auto !important;}

#main .main_wrap .ttl_area .ttl:before,#main .main_wrap .ttl:after {
content: '';
position: absolute;
top:35%;
display: inline-block;
width: 50px;
height: 1px;
background-color:#666;
}

#main .main_wrap .ttl_area .ttl:before {
left:0;

}
#main .main_wrap .ttl_area .ttl:after {
right:0;
}


#main .main_wrap .ttl_area .ttl_sub {font-weight:normal;font-size:15px; text-align:center; border-bottom:none; color:#f29600; margin:-3% auto 2%;}



.link_area { margin:5% auto 6% !important; text-align:center !important; vertical-align:top !important; width:60%;}
.link_area li {vertical-align:top !important;background-color:#f29600;width:100% !important;padding:0;margin-bottom:4%; }
.link_area li img { width:100%;}



.school_ph { width:100%; margin:3% auto 10%; text-align:center;}
.school_ph div { width:46%; padding-right:2%; display:inline-block; text-align:left; margin-bottom:2%;}
.school_ph .school_second {padding-right:2%;}
.school_ph div p { font-size:14px; padding-top:.6em;}







/* 下層ページ */

.sub_top {background:#fff;}



.school_text {font-size: 14px; line-height:1.6em; text-align:center; padding:1em 2em; margin:3% auto;}


.club { width:100%; margin:5% auto 10%; text-align:center;}


.club .club_left {width:90%;text-align:left; margin:auto;}
.club .club_right {width:90%; margin:3% auto 5%;}
.club .club_right div { display:inline-block;width:31%; padding-right:2%;}
.club .club_right div:last-child { padding-right:0;}

.club_naiyou {max-width:1024px; margin:3% auto 0; padding:2% 2% 6%;margin:auto; text-align:left;}


.club_naiyou dl,
.club_naiyou dt,
.club_naiyou dd {
  box-sizing: border-box;
}

.club_naiyou dl {
	width:100% !important;
	display: table;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9e9e9f;
	background-color: #e6e6e5;
}
.club_naiyou dl:first-child { border-top: 1px solid #9e9e9f;}

.club_naiyou dt {
	width:35% !important;
	display: table-cell;
	text-align: center;
	padding: 1em;
	vertical-align:middle;
}
.club_naiyou dd {
	width:65% !important;
	display: table-cell;
	padding:1em 1.5em;
	background-color: #fff;
	}
	
	
/* カレンダー */

.clender_top { width:100%; margin:5% auto 8%; text-align:center;}

.clender_top_in { width:85%; margin:auto; padding:.5em 2em; border:solid 3px #b4b4b5;}
table {
  border-collapse: collapse;
  width:100%;
  font-size:16px;
  margin:5% auto 3%;
  
}
td , th {
  padding: 1rem .5rem;
/*   text-align: center; */
}
td.sun , th.sun {
	color:#ea3341;
}
td.sat , th.sat {
	color:#036eb7;
}
th {
  font-weight: normal;
  background: #eee;
  font-weight:600;
}




.enkaku { width:100%; margin:5% auto 10% !important; text-align:center;}

.enkaku_naiyou {max-width:1024px; margin:3% auto 0; padding:2% 2% 6%;margin:auto; text-align:left; vertical-align:middle !important;}



.enkaku_naiyou dl {
	display: table;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9e9e9f;
	padding:1em;

}
.enkaku_naiyou dl:first-child { border-top: 1px solid #9e9e9f;}

.enkaku_naiyou dt {
	display: table-cell;
	width:35% !important;
	vertical-align: middle;
	text-align: center;
	padding: 0.2em 1em;
	border-right:1px solid  #9e9e9f;
}
.enkaku_naiyou dd {
	display: table-cell;
	width:450px !important;
	padding:0.2em 1em 0.2em 1.5em;
	}
	
	
.image_area {margin:auto auto 10%;}

#main .main_wrap .nakamidashi {margin:5% auto 1% !important;text-align:center !important;}
#main .main_wrap .nakamidashi h4 { font-size:20px; padding:.6em 1.5em; color:#3c3a39; background:#fff;border:solid 1px #f29600 !important; display:inline-block; }



#main .main_wrap .school_list { width:100%; padding:1em 2em 1em !important; margin:1.5% auto 3%;}
#main .main_wrap .school_list li { font-size:16px; line-height:1.4em; padding:1.3em 1em .3em;text-indent:-.7em;}
#main .main_wrap .school_list li span { font-size:24px; padding-right:.1em;}
#main .main_wrap .school_list li:before {
	content: '\f138';
    font-family: 'FontAwesome';
    display: inline-block;
    vertical-align: middle !important;
    margin-right:.5em;
	color:#f29600;
	}
	
	
	
	
#main .main_wrap .school_pdf { width:100%; padding:1em 2em ; margin:3% auto;}
#main .main_wrap .school_pdf li { font-size:14px; line-height:1.4em; border-bottom: dashed 1px #898989; padding:1.3em 1em .3em;text-indent:-.7em;}
#main .main_wrap .school_pdf li a { color:#3c3a39;}
#main .main_wrap .school_pdf li a:hover { color:#f29600;}
#main .main_wrap .school_pdf li a:before {
	content: '\f0a9';
    font-family: 'FontAwesome';
    display: inline-block;
    vertical-align: middle !important;
    margin-right:.5em;
	color:#f29600;
	}
	



.school { width:100%; margin:4% auto 0!important; text-align:center;}


.school .school_left {width:95% !important;text-align:left; margin:auto !important;}
.school .school_right {width:95%; margin:3% auto;}
.school .school_right div {width:40%; text-align:center !important; margin:auto;}

.school .school_left h3 {font-size:18px; padding-left:2em; padding-bottom:1em; line-height:1.4em;text-indent:-1.2em;}
.school .school_left h3:before {
	content: '\f138';
    font-family: 'FontAwesome';
    width: 21px !important;
    vertical-align: middle !important;
    margin-right:.2em;
	color:#f29600;
	}
.school .school_left p { font-size:14px; padding-left:3em; line-height:1.5em;}
.school .school_right p { font-size:14px; padding-top:.5em; line-height:1.5em; text-align:left;}


@media screen and (max-width:567px) {
.school .school_left h3 {padding-left:1em;}
.school .school_left p {padding-left:1.5em;}
}



.boder {height:1px; border-bottom: dashed 1px #f29600; padding-bottom:1.5em; width:98%; margin:auto auto 6% !important;}


#main .main_wrap .komidashi { font-size:16px !important; text-align:center; line-height:1.5em; margin:4% auto; font-weight:500;}

.event_month { width:100%; margin:5% auto 1%; text-align:center; font-size:18px; font-weight:600;}
.event_month p.event_left {padding:auto 1em; margin:auto .5em; display: inline-block !important;}
.event_month p.event_center {padding:auto 1em; margin:auto .5em; display: inline-block !important;}
.event_month p.event_right {padding:auto 1em; margin:auto .5em; display: inline-block !important;}

.event_month p.event_left a , .event_month p.event_right a { color:#036eb8; }
.event_month p.event_left a:hover , .event_month p.event_right a:hover { color:#f29600; }

.event_month p.event_center:before {content:"\f124";font-family:ionicons; padding-right:.5em;}
.event_month p.event_center:after {content:"\f125";font-family:ionicons; padding-left:.5em;}



.calendar { width:100%; margin:5% auto 10%; text-align:center;}


.calendar_in {max-width:1024px; margin:3% auto 0; padding:2% 2% 6%;margin:auto; text-align:left;}


.calendar_in dl,
.calendar_in dt,
.calendar_in dd {
box-sizing: border-box ;margin: 0; padding: 0;
}


.calendar_in dl {
	width:100% !important;
	display: table;
	font-size: 16px;
	border-bottom: 1px solid #9e9e9f;
	border-left: 1px solid #9e9e9f;
	border-right: 1px solid #9e9e9f;
	font-weight:600;
	}
.calendar_in dl:first-child { border-top: 1px solid #9e9e9f;}

.calendar_in dt {
	width:25% !important;
	display: table-cell;
	text-align: center !important;
	padding: 1em .2em !important;
	vertical-align: middle;

}
.calendar_in dt span {vertical-align:.15em;font-size:12px; color:#fff; background-color:#3c3a39; padding:.1em .4em; margin-left:.5em;}
.calendar_in dd {
	width:75% !important;
	display: table-cell;
	padding:1em 1.5em;
	font-size:14px; font-weight:normal;
	border-left:1px solid #9e9e9f;
	}
	
.calendar_in dt.sat { color:#036eb8; background-color:#7cd6ff;}
.calendar_in dt.sat span {vertical-align:.15em;font-size:12px; color:#fff; background-color:#036eb8; padding:.1em .4em; margin-left:.5em;}
.calendar_in dt.sun { color:#e60012; background-color:#ffc7b3;}
.calendar_in dt.sun span {vertical-align:.15em;font-size:12px; color:#fff; background-color:#e60012; padding:.1em .4em; margin-left:.5em;}





    #breadcrumb { left:0 !important;text-align: left;height:20px;margin-top:-2% imporat;margin-bottom:2% !important; border-bottom: solid 2px #fff; }
    #breadcrumb ul {margin: 0 !important;list-style: none;font-size: 12px; }	
    #breadcrumb ul li {display: inline-block; margin:0;padding: 0; line-height: 16px; }
    #breadcrumb ul li a:after {content:"\f125";font-family:ionicons;margin-left:.5em; }
    #breadcrumb ul li a {color: #3c3a39; }
#breadcrumb ul li:last-child a::after {content: none;}
#breadcrumb ul li:last-child a {color:#00b050;}
	
	
 #main .main_wrap .main_in .midashi {font-size:18px; padding-left:1em; padding-bottom:1em; line-height:1.4em;text-indent:-1.2em;}
 #main .main_wrap .main_in .midashi:before {
	content: '\f138';
    font-family: 'FontAwesome';
    width: 21px !important;
    vertical-align: middle !important;
    margin-right:.2em;
	color:#f29600;
	}	
	
	
.main_in { width:90% !important;max-width:1024px; margin:3% auto !important; }

#main .main_wrap .main_in .access_text {font-size: 14px; line-height:1.6em; text-align:left; padding:0em 2em 1em; margin:-1% auto 2%;}
 #main .main_wrap .main_in .access_text02 {font-size: 14px; line-height:1.6em; text-align:left; padding:.5em 2em .5em; margin:-1% auto 2%;border-bottom: dashed 1px #898989; }
 


#googlemap  {
	position: relative;
	padding: 0 0 50%;
	height: 0;
	overflow: hidden;
	margin:6% auto 10%;

 }
#googlemap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	min-height: 100% !important;

 }
 
 
 
#main .main_wrap .kouka_namae_erea { width:100%; max-width:1024px; text-align:right !important; margin:auto 0 !important; padding:0 !important;}
#main .main_wrap .kouka_namae_erea .koka_namae {font-size: 14px; line-height:1.6em; display:inline-block; text-align:left !important;padding:1em; margin:3% auto;}


#main .main_wrap .kouka {width:100% !important; max-width:1024px !important; margin:0% auto 10%;}
#main .main_wrap .kouka li { vertical-align:top !important;width:100%; padding-right:2%; padding-top:7%;display:inline-block;font-size: 14px; line-height:1.8em; }



.box { width:95%; margin:.5% auto;}
.box dl {font-size: 14px;padding: 0.2em 0;}

.box dt {
	width: 23%;
	float: left;
	text-align: center;
	background-color: #EFEFEF;
	padding-top: 5px;
	padding-bottom: 5px;
}
.box dd {width:72%;float:left; text-align:left;padding-left:5%;	padding-top: 5px; border-top:none;}




#sub-top-main {z-index:-999 !important;}
#sub-top-main  .sub-top-img { min-height:140px;margin:0 auto 0 !important;background:url(../assets/images/sub_back.jpg) no-repeat center;background-size: cover !important; z-index:-999 !important;}






@media screen and (min-width:480px) {

.drawer-hamburger {margin:2%;}


}


@media screen and (min-width:568px) {
	
#header .logo {width:195px;}

.drawer-hamburger {padding:15px 10px 20px;}

.baner_bottom #yoyaku_sp .sp_smo {width:50%; text-align:center; margin:0 auto 13px; }
.yoyaku_sp {padding: 3% 10px;width: 100%; color: #fff;font-size: 20px;background: #dc3b64;}

.page #main h2 {font-size:24px;margin-bottom:15px;}
.page #main h2 span {display: inline-block;margin:0 0 0 10px;}


.footer_area .logo h3 {width:75%;}


.calendar_in dt {width:16% !important;}
.calendar_in dd {width:84% !important;}

#main .main_wrap .kouka li {width:46%;} 



.link_area {width:90%;}
.link_area li { width:48% !important; float:left;margin-right:2%; }

.link_area li:nth-child(2){ margin-right:0%; }


.menu_link { margin:5% auto 8% !important;}
.menu_link li {margin-bottom:1.3%; }


}



@media screen and (min-width:768px) {
.pc {display:block;}
.sp {display:none;}
#pc {display:block;}
#sp {display:none;}


#header {padding:10px 0; position: absolute;z-index: 10;}

#header .logo {float: left;padding-left: 3%;width: 170px;}
#header .contact {display:block;float:right;width:190px;margin:0;padding: 1% 2% 0 0;}



#sub-top-main .sub-top-img { min-height:220px;margin:-7.5% auto 0 !important;}

#info_area {padding:3% 3% !important;}
.info_list {padding:2% 3% !important;}
.info_list ul {padding: 2% 5% ;}
#info_area .info_list h2 { font-size:28px; }
#wrap #main #info_area .info_list h3 {font-size:18px;}
.info_list ul {margin:0 auto 1% !important;}
.info_list li a , .info_list li span {display: inline-block !important;vertical-align: middle;}
.info_list li a {margin-top: 0;padding-top:0em !important;}
.info_list li span.date  {margin-left: .5em;}

h2.ttl { font-size:28px; }
h3.ttl_sub {font-size:18px;}


.clender_top_in { width:70%;}

.nakamidashi h4 { font-size:24px; }

.menu_link  li { display:inline-block;margin-right:2%;padding:1em;}
.menu_link  li.this {padding:1em;}



.logo_mini_01 img { width:95%; }
.logo_mini {float:left;width:45%;margin:5px;}
.logo_mini img { margin:5% 5px;}



.school_ph div { width:31%; padding-right:2%; display:inline-block; text-align:left; margin-bottom:2%;}
.school_ph .third {padding-right:0;}
.school_ph .school_second { padding-right:2%;}



.club_naiyou dt {
	width: 20% !important;
}
.club_naiyou dd {
	width:80% !important;
}


.calendar_in dl {
	font-size: 18px;
}
.calendar_in dt {
	width:11% !important;
}
.calendar_in dd {
	width:89% !important;
	}
	
.club .club_left {width:70%; padding-right:4%; display:inline-block; text-align:left;}
.club .club_right {width:25%; display:inline-block;vertical-align:top !important; margin:0 auto;}
.club .club_right div { display: block;width:100%; padding-right:0; margin-bottom:5%;}



.school .school_left {width:75% !important; padding-right:4%; display:inline-block !important; text-align:left;}
.school .school_left h3 { font-size:20px;}
.school .school_right {width:20%; display:inline-block !important;vertical-align:top !important; margin:0 auto;}
.school .school_right div {width:100%;}

 #main .main_wrap .midashi { font-size:20px;}

.enkaku_naiyou dt {
	width: 25% !important;
}
.enkaku_naiyou dd {
	width:500px !important;
}


.image_area { width:90%;}



.event_month { font-size:22px;}

#main .main_wrap .komidashi { font-size:18px !important; }


#main .main_wrap .school_list {padding:1em 2em 1em 4em !important;}
	
#mainimg .copy {width:45%;position: absolute;top:43%;left:32%;z-index: 10;}
#mainimg {position:relative;}


#sub-top-main {position:relative;}
#sub-top-main img {padding-top:7%;}



.contents_menu li:last-child a {border-bottom:none;}


.club_naiyou_name img { width:45%; text-align:center; margin:1% auto 0;}


.slide {width: 100%;padding-top:50% !important;margin:-9% auto 0;z-index:-1;}


.message {width:85%; margin: 3% auto 0;padding-bottom:7%;}
.leftbox {width:48%; float:left;margin-top:0;margin-right:3%;}
.rightbox {width:45%; float:left;font-size:14px;margin-top:.5%;padding:1em 0 1em 1em; line-height:1.8em;}




.box dl {font-size: 16px;padding: 0.2em 0;}
.club_naiyou_area { padding:0 2% 4%;}





#gnavi {padding-top:3.5%;}

.footer_area {padding: 10px 3%;max-width: 94%;margin: 0 auto;text-align:left;}
.footer_area .logo {width:48%;float: left;text-align:left;}
.footer_area .contact {width:200px;margin: 0;text-align: right;float: right;padding-top:0px;}
.footer_area .logo img {margin:auto 0;}
 #footer .footer_area .logo h3 {margin: -2% 0px 2% !important; width:100%;text-align:left !important;}
 .footer_area .logo p { margin-left:1em;} 
 
 .footer_top .footer_link {text-align:center; font-size:14px; line-height:1.6em;}
.footer_top .footer_link h3 { font-size:16px; margin-bottom:1em; border-bottom:1.5px solid #ea3341;}
.footer_top .footer_link li.link_top { display:inline-block; vertical-align:top; padding-right:4%; text-align:left; width:15%;}
.footer_top .footer_link li.link_top:last-child { padding-right:0;}
.footer_top .footer_link li.link_top:nth-child(3) { padding-right:4%;}

}


@media screen and (min-width:830px) {


#profile_box {width:95%; margin:3% auto;}


#main .main_wrap .kouka {margin:2% auto 10%;}
#main .main_wrap .kouka li {width:31%; padding-top:0;}

.link_area li { width:32% !important; margin-right:2%;display:inline-block !important;}
.link_area li:nth-child(2){ margin-right:2%; }
.link_area li:last-child {margin-right:0%;}




}


@media screen and (min-width:900px) {

#header {padding:10px 0 12px;}
#header .logo {width: 190px;}
#header .contact {width:220px;padding:1.5% 2% 0 0;}

.footer_area .logo img {width:220px !important;}






#yoyaku  .tel_yoyaku h8 {display:block; background: #00589c; border-radius:5px;color:#fff; margin:5px;padding:5px; font-size:20px; }
.mail_address {font-size:28px; color:#00589c; padding:5px; margin:10px 5px 5px; font-weight:bolder;}


#gnavi li img {width:75%; margin:auto;}
#profile_box {width:85%; margin:3% auto;}


.pcbig {display:block;}
.pcsmo {display:none;}



}


@media screen and (min-width:1025px) {
#header {padding:16px 0 23px;}
#header .logo {position: absolute;top:3%;left: 0;}
#header .contact {width: 230px;padding:0 3% 0 0;}

.menu-container {
    margin:5.5% auto 0 !important;}
	
#header_sub {padding: 0;height:90px;}
#header_sub .logo {width: 350px;position: absolute;top: 12px;left: 0;}
#header_sub .contact {width: 140px;padding: 25px 3% 0 0;}



#mainimg .copy_wrap {max-width:1080px;margin:0 auto;}
#mainimg .copy {width:40%;top:43%;left:33%;}



.menu_link li , .menu_link li.this  {font-size:22px;}




.enkaku_naiyou dd {
	width:600px !important;
}

.club { margin:3% auto 10%; }

.footer_area {padding: 0 5% 10px;}
.footer_area .contact {width:240px;}




 
 
.boder {margin:auto auto 1% !important;}

.event_month { font-size:24px;}

#main .main_wrap .komidashi { font-size:20px !important; }


.main_wrap {max-width:1024px;margin:0 auto;padding: 30px 3%;}

.main_wrap .info {padding: 2% 0;}



#sub-top-main .sub-top-img { min-height:260px;}

.ribbon7-2 { display: block;width:90%;margin:auto;position: relative;font-size:30px;}


.moji_big {font-size:26px;}
.moji_big span {font-size:20px;}


.clender p { width:60%;}

.main_in { width:100% !important;}




}

@media screen and (min-width:1100px) {
.menu-container {
    margin:4.5% auto 0 !important;}

#breadcrumb ul { margin: 0 0 0 -5% !important;padding: .5% 2em 0 !important;}
}

@media screen and (min-width:1200px) {
#header {padding:16px 0 30px;}
#header .logo {width:210px;top:4%;left: 0;}
#header .contact {width: 230px;padding:0 3% 0 0;}

.slide {padding-top:47.5% !important;}
	
#gnavi {padding-top:2.5%;}
.menu-container {
    margin:5% auto 0 !important;}


.info_list {padding:1% 3% !important;}
.info_list ul {padding: 2% 2.5% ;}
#info_area .info_list h2 { font-size:32px;}
h2.ttl { font-size:32px;}

.nakamidashi h4 { font-size:26px;}

#sub-top-main img {width:100%; padding-top:5%;}

.image_area { width:85%;}



#sub-top-main .top_copy02 { width:36% !important;}

.footer_area .contact {width:250px;}

#breadcrumb ul { margin: 0 0 0 -8% !important;}
}

@media screen and (min-width:1400px) {
#gnavi .menu-container .menu ul .feke {padding: 1% .5% 1.4%;}

.menu-container {
    margin:4% auto 0 !important;}
	


}

@media screen and (min-width:1600px) {


#gnavi { padding-top:2.5%;}


}
	


@media only screen
    and (min-device-width:768px)
    and (max-device-width:1334px) {
#gnavi ul ul {display:none;}
}








h7 {
	color: #11833b;
	font-size: 18px;
	position: relative;
	border-bottom: 2px solid #11833b;

	margin: 0 0 6% 2%;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 28px;
}
    h7:before, h7:after{
        content: "";
        position: absolute;
        margin: auto;
    }
    h7:before{
        width: 12px;
        height: 12px;
        top: 0;
        left: 14px;
        background: #11833b;
        transform: rotate(50deg);
    }
    h7:after{
        width: 8px;
        height: 8px;
        top: 18px;
        left: 6px;
        background: #77b86d;
        transform: rotate(20deg);
    }










	

/* ページTOPボタン */

.pagetop {
    display: none;
    position: fixed;
    bottom:23%;
    right: 15px;
 z-index:99999 !important;}
 
.pagetop a {
	display: inline-block;
	text-decoration: none;
	background:#00b050;
	width: 75px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	transition: .4s;
}

 .pagetop a img { width:80%; margin:auto; padding:10% 5%;}
.pagetop a:hover {
    background: #f29600;
}
 .pagetop a img:hover { opacity:7;}
 
 

#wrap {overflow-x:hidden !important;}




/*---------------------------------------
	block
----------------------------------------*/

.sub_menu { width:100% !important;margin:auto !important; text-align:center !important}
.menu_link { margin:5% auto 15% !important; text-align:center !important;width:100%;}
.menu_link li { font-size:20px; text-align:center;vertical-align: middle !important;background-color:#e6e6e5;padding:1em 0.2em;margin-bottom:4%; }
.menu_link li a:hover { color:#fff;}
.menu_link li.this  {font-size:20px; color:#fff !important;text-align:center;vertical-align: middle !important;background-color:#f29600;}

.link_area { max-width:921.6px;margin:5% auto 6% !important; text-align:center !important; vertical-align:top !important; width:60%;}
.link_area li {vertical-align:top !important;background-color:#f29600;width:100% !important;padding:0;margin-bottom:4%; }
.link_area li a{ display:block; }
.link_area li img { width:100%;}

.link_area:after{
	content:" ";
	clear:both;
	display:block;
}

@media screen and (min-width:568px) {
	.menu_link { margin:5% auto 8% !important;}
	.menu_link li {margin-bottom:1.3%; }
	.link_area {width:90%;}
	.link_area li { width:48% !important; float:left;margin-right:2%; }
	.link_area li:nth-child(2){ margin-right:0%; }
}

@media screen and (min-width:768px) {
	.menu_link  li { display:inline-block;margin-right:2%;padding:1em;}
	.menu_link  li.this {padding:1em;}
}

@media screen and (min-width:830px) {
	.link_area li { width:32% !important; margin-right:2%;display:inline-block !important;}
	.link_area li:nth-child(2){ margin-right:2%; }
	.link_area li:last-child {margin-right:0%;}
}


@media screen and (min-width:1025px) {
	.menu_link li , .menu_link li.this  {font-size:22px;}
}

/*---------------------------------------
	enkaku
----------------------------------------*/


#enkaku {
	width:100%;
	margin:5% auto 10% !important;
	text-align:center;
}

#enkaku dl {
	display: table;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9e9e9f;
	padding:1em;

}
#enkaku dl:first-child {
	border-top: 1px solid #9e9e9f;
}

#enkaku dt {
	display: table-cell;
	width:35% !important;
	vertical-align: middle;
	text-align: center;
	padding: 0.2em 1em;
	border-right:1px solid  #9e9e9f;
}
#enkaku dd {
	display: table-cell;
	width:450px !important;
	padding:0.2em 1em 0.2em 1.5em;
	text-align:left;
}

@media screen and (min-width:768px) {
	#enkaku dt {
		width: 25% !important;
	}
	#enkaku dd {
		width:700px !important;
	}
}

@media screen and (min-width:1025px) {
	#enkaku dd {
		width:800px !important;
	}
}


/*---------------------------------------
	club
----------------------------------------*/


#club {
	width:100%;
	margin:5% auto 10%;
	text-align:center;
}

#club dl,
#club dt,
#club dd {
  box-sizing: border-box;
}

#club dl {
	width:100% !important;
	display: table;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9e9e9f;
}

#club dl:first-child {
	border-top: 1px solid #9e9e9f;
}

#club dt {
	width:35% !important;
	display: table-cell;
	text-align: center;
	padding: 1em;
	vertical-align:middle;
	background-color: #e6e6e5;
}

#club dd {
	width:65% !important;
	display: table-cell;
	padding:1em 1.5em;
	background-color: #fff;
	text-align:left;
}

@media screen and (min-width:768px) {
	#club dt {
		width: 25% !important;
	}
	#club dd {
		width:75% !important;
	}
}

/*---------------------------------------
	kouka
----------------------------------------*/

#kouka {width:100% !important; max-width:1024px !important; margin:0% auto 10%;}
#kouka li { vertical-align:top !important;width:100%; padding-right:2%; padding-top:7%;display:inline-block;font-size: 14px; line-height:1.8em; }

@media screen and (min-width:830px) {
	#kouka {margin:2% auto 10%;}
	#kouka li {width:31%; padding-top:0;}
}

/*---------------------------------------
	school_list
----------------------------------------*/

#school_list { width:100%; padding:1em 2em 1em !important; margin:1.5% auto 3%; text-align:left !important;}
#school_list li { font-size:14px; line-height:1.4em; padding:1.3em 2em .3em;text-indent:-.7em;}
#school_list li span { font-size:24px; padding-right:.1em;}
#school_list li:before {
 content: '\f138';
 font-family: 'FontAwesome';
 display: inline-block;
 vertical-align: middle !important;
 margin-right:.5em;
 color:#f29600;
}

@media screen and (min-width:768px) {
 #school_list {padding:1em 2em 2em 4em;}
}

.pdf_area { border:2px solid #595757;width:60%; margin:2% auto 6% !important; text-align:center; padding:1em 2em;}
.pdf_area .pdf_right p { font-size:18px; padding-left:1.5em; line-height:1.5em;color:#F29600;}

.pdf_area .pdf_left {width:20%; display:inline-block !important;vertical-align: middle !important;}
.pdf_area .pdf_right {width:75% !important; padding-right:4%; display:inline-block !important; vertical-align: middle !important;text-align:left;}

@media screen and (max-width:768px) {
	.pdf_area { width:76%;}
}

@media screen and (max-width:567px) {
	.pdf_area { width:90%;}
}

.conetnts-file-container a:hover {color:#f29600;}

.shool_ph { max-width:1024px !important; margin:2% auto 4%; text-align:center;}
.shool_ph p { display:inline-block; width:49%;}
.shool_ph p.left { padding-right:1%;}

@media screen and (max-width:567px) {
.shool_ph p { display:block; width:85%; margin:auto; text-align:center; padding-bottom:3%;}
.shool_ph p.left { padding-right:0;}
}

.contents-imagetext-container {margin-bottom:4%;}