@font-face {
  font-family: 'icomoon';
  src:  url('/common/fonts/icomoon.eot?tctmm3');
  src:  url('/common/fonts/icomoon.eot?tctmm3#iefix') format('embedded-opentype'),
    url('/common/fonts/icomoon.ttf?tctmm3') format('truetype'),
    url('/common/fonts/icomoon.woff?tctmm3') format('woff'),
    url('/common/fonts/icomoon.svg?tctmm3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-safarishare:before {
  content: "\e900";
}



.text-left{text-align:left !important;}
.text-center-sm{text-align:center;}
.normal{font-weight:normal !important;}

@media(max-width:767px){.text-center-sm{text-align:left !important;}}

/*----------------------------------------
  header
-----------------------------------------*/
.mainheader{background:red/* url('../img/summertitle-backlg.png') right bottom no-repeat*/;color:#fff;border-bottom:1px solid #fff;}
h1, .mainheader .lead{text-shadow:0 0 5px #cc295f;}/*文字の影→横 縦 ぼかし具合 影色 */

.lpmainheader{background:#fff url('../img/mainimage2018.jpg') right bottom no-repeat;color:#fff;border-bottom:1px solid #fff;}
.lpmainheader h1, .lpmainheader .lead{color:deepskyblue;text-shadow:0 0 5px #fff;}/*文字の影→横 縦 ぼかし具合 影色 */

.topmainheader{background-color:#fff;background:url('../img/mainimage201801.jpg')center top no-repeat;height:500px;}

@media(min-width:768px){
	.lpmainheader{background-size:contain;}

	.mainmangalink{padding-top:400px;}
}
@media(max-width:767px){
	.lpmainheader{background-size:contain;background-position:right top;padding-top:0;}
	.lpmainheader .lead{font-size:18px;}
}
/*-------------------------------------
area TOP
---------------------------------------*/
section{padding-top:80px;}
section#top{padding-top:0;}


.areamaincopy{margin-bottom:1em;}
.areamaincopy p{font-size:1.5em;width:100%;text-shadow:0 0 5px #fff;}
.areamaincopy a{padding-bottom:50px;}

.areamenu{margin-bottom:1em;margin-right:0;margin-left:0;}

@media(min-width:768px){/*
	.areamaincopy{background:url('../img/about-teacher.jpg') right top no-repeat;width:100%;min-height:200px;vertical-align:middle;}
	.areamaincopy p{padding-right:20%;padding-top:80px;padding-left:15px;}*/
	.areamaincopy p{padding-top:30px;text-align:center;}
}
@media(max-width:767px){
	.areamaincopy p{margin-bottom:0;}
	.areamaincopy a{display:none;}

	.areamenu{margin-bottom:1em;margin-right:-15px;margin-left:-15px;}
	.areamenu h4{margin-top:0;}
}


/*-------------------------------------
LP TOP
---------------------------------------*/
#voice h3{background-image:linear-gradient(-45deg, #fff 25%,yellow 25%, yellow 50%, #fff 50%, #fff 75%,yellow 75%, yellow);}
.voiceguide-img{z-index:10;}
.voiceguide-img img{border:2px solid yellow;}
.voiceguide-text{margin-left:-2em;margin-top:1em;background-color:yellow;padding:1em 1em 1em 2em;}
.voiceguide-text.white{background-color:white;border:2px solid yellow;padding:1em 1em 1em 2em;}
.voiceguide-text .lead{font-weight:bold;}
.voicebox .lead{margin-top:1em;border-bottom:2px dashed yellow;font-weight:500;}


/*-------------------------------------
area内 共通
---------------------------------------*/

.data-tel{font-weight:bold;font-size:1.2em;}
.data-tel:before {font-family:'Glyphicons Halflings';content:"\e182";font-size:0.8em;}
.data-branch {width:7em;vertical-align:middle !important;}
.data-access {font-size:0.8em;}

.kouzabox{border-bottom:1px solid #efefef;}
.kouzatable .lead{font-size:1em;}

.kamokubox h4{text-align:left !important;}
.kamokubox h4:before{font-family:'Glyphicons Halflings';content:"\e044";}

.kamokubox .well , .pointbox .well , .kouzaflowbox .well{margin-right:5px;margin-left:5px;}
.kamokubox .well h4 , .pointbox .well h4{margin-top:0;font-size:1.4em;}

/*leadにアイコン*/
[class*=iconbox-].pointbox p{margin-left:1.2em;}
[class*=iconbox-].pointbox p.lead{margin-left:1em;}
[class*=iconbox-].pointbox .lead{text-indent:-1em;}
.iconbox-edu .lead:before{font-family:'Glyphicons Halflings';content:"\e233";}/*帽子*/
.iconbox-ok .lead:before{font-family:'Glyphicons Halflings';content:"\e013";}/*チェックマーク*/
.iconbox-mark .lead:before{font-family:'Glyphicons Halflings';content:"\e044";}/*しおり*/


[class*=design-] .gradetitle{margin-right:0;margin-left:0;}
[class*=design-] .gradetitle p{font-size:1.2em;text-align:center;}
[class*=design-] .gradetitle p span{color:yellow;}
[class*=design-] .gradetitle .lead{color:#fff !important;font-size:1.5em;font-weight:bold;text-align:center;}
[class*=design-] .gradetitle .col-sm-8 {padding-left:30px;}
[class*=design-] .gradetitle .col-sm-4 {padding-left:0;padding-right:0;}
[class*=design-] .gradetitle h2{color:#fff;font-weight:bold;margin-top:0;border-bottom:1px solid #fff;}
[class*=design-] .gradetitle h2 small {font-weight:normal;font-size:70% !important;}
[class*=design-] .gradetitle h2 span {font-weight:normal;font-size:70% !important;color:yellow;}

[class*=design-] .lead .cal {text-align:center;}

[class*=design-] .well h4 {margin-top:0;}

[class*=design-] h5{font-size:1.3em;}

.kouzatable tbody th {width:4em;}
.kouzatable td, .kouzatable th{vertical-align:middle !important;}

@media(min-width:768px){
	.first{padding-top:0;}
	.gradetitle {min-height:300px;}
	#jr .gradetitle .col-sm-4{background:url('../img/jr-main.jpg') center center no-repeat;background-size:cover;}
	#ele3 .gradetitle .col-sm-4{background:url('../img/ele3-main.jpg') center center no-repeat;background-size:cover;}
	#ele4 .gradetitle .col-sm-4{background:url('../img/ele4-main.jpg') center center no-repeat;background-size:cover;}
	#ele5 .gradetitle .col-sm-4{background:url('../img/ele5-main.jpg') center center no-repeat;background-size:cover;}
	#ele6 .gradetitle .col-sm-4{background:url('../img/ele6-main.jpg') center center no-repeat;background-size:cover;}
	#jh1 .gradetitle .col-sm-4{background:url('../img/jh1-main.jpg') center center no-repeat;background-size:cover;}
	#jh2 .gradetitle .col-sm-4{background:url('../img/jh2-main.jpg') center center no-repeat;background-size:cover;}
	#jh3 .gradetitle .col-sm-4{background:url('../img/jh3-main.jpg') center center no-repeat;background-size:cover;}
	.gradetitle .col-sm-4 img{display:none;}
}

@media(max-width:767px){
	[class*=design-] .gradetitle h2 span {font-size:65%;display:block;}/*←使ってない？*/
	[class*=design-] .gradetitle .lead{font-size:1.5em;/*text-align:left !important;*/font-weight:normal !important;}
	[class*=design-] .gradetitle .lead span {font-size:70%;color:yellow;}
	.koushuflowbox , .kouzaflowbox{margin-right:0;margin-left:0;}

	.well .lead ,[class*=fukidashi-] .lead {font-size:1.3em;}
	.accessinfo {font-size:0.8em;}
	.first{margin-top:0;padding-top:0;}
	.gradetitle .col-sm-4{padding:0;}



}

/*-------------------------------------
 [design] jr
---------------------------------------*/
.design-jr .gradetitle {background:url("../img/bg-jr.jpg");color:#fff !important;/*-----margin-top:100px;----*/}
.design-jr .back{background:url("../img/bg-jr.jpg");color:#fff !important;}
.design-jr .colorback{background-color:#F0947B;color:#fff !important;}
.design-jr .colorbacklight{background-color:#f9a993;}

.design-jr h3{color:#F0947B;border-bottom:1px dashed #F0947B;
/*
   color:#FFF;
  background-image: linear-gradient(
    -45deg,
    #F0947B 25%,
    #f9a993 25%, #f9a993 50%,
    #F0947B 50%, #F0947B 75%,
    #f9a993 75%, #f9a993
  );
*/
   }


.design-jr h4 , .design-jr h5 , .design-jr strong , .design-jr h4 small, .design-jr h3 small{color:#F0947B;}
.design-jr .lead , .design-jr .color{color:#F0947B;}

.design-jr .btn-color{border:1px solid #F0947B;background-color:#F0947B;color:#fff;}
.design-jr .btn-color:hover{background-color:#f9a993;}
.design-jr mark{background-color:#ffcabc;}
.design-jr .label-color{background-color:#F0947B;}

.design-jr .list .fa ,
.design-jr .list [class*=icon-] ,
.design-jr .list .glyphicon {color:#F0947B;}


/*-------------------------------------
 [design] ele
---------------------------------------*/
.design-ele .gradetitle {background:url("../img/bg-ele.jpg");color:#fff !important;}
.design-ele .gradetitle .lead small{font-weight:normal;}
.design-ele .back{background:url("../img/bg-ele.jpg");color:#fff !important;}
.design-ele .colorback{background-color:#f59200;color:#fff !important;}
.design-ele .colorbacklight{background-color:#ffd089;}

.design-ele h3{color:#f59200;border-bottom:1px dashed #f59200;
/*
   color:#f59200;
  background-image: linear-gradient(
    -45deg,
    #ffd089 25%,
    #ffc266 25%, #ffc266 50%,
    #ffd089 50%, #ffd089 75%,
    #ffc266 75%, #ffc266
  );
*/
   }

.design-ele h4 , .design-ele h4 small , .design-ele h3 small , .design-ele strong{color:#f59200;}
.design-ele .lead , .design-ele .color{color:#f59200;}

.design-ele .btn-color{border:1px solid #f59200;background-color:#f59200;color:#fff;}
.design-ele .btn-color:hover{background-color:#e58b06;}
.design-ele mark{background-color:#FCF8E3;}
.design-ele .label-color{background-color:#f59200;}

.design-ele .list .fa ,
.design-ele .list [class*=icon-] ,
.design-ele .list .glyphicon {color:#f59200;}

/*-------------------------------------
 jh(中１・中２)
---------------------------------------*/
.design-jh .gradetitle {background:url("../img/bg-jh.jpg");color:#fff !important;}
.design-jh .back{background:url("../img/bg-jh.jpg");color:#fff !important;}
.design-jh .colorback{background-color:#2da9e2;color:#fff !important;}
.design-jh .colorbacklight{background-color:#e8f4fd;}

.design-jh h3{color:#2da9e2;border-bottom:1px dashed #2da9e2;
/*
   color:#2da9e2;
  background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #e8f4fd 25%, #e8f4fd 50%,
    #fff 50%, #fff 75%,
    #e8f4fd 75%, #e8f4fd
  );
*/
   }

.design-jh h4 , .design-jh h3 small , .design-jh h4 small , .design-jh strong{color:#2da9e2;}
.design-jh .lead , .design-jh .color{color:#2da9e2;}

.design-jh .btn-color{border:1px solid #2da9e2;background-color:#2da9e2;color:#fff;}
.design-jh .btn-color:hover{background-color:#04a9e0;}
.design-jh mark{background-color:#D9EDF7;}
.design-jh .label-color{background-color:#2da9e2;}

.design-jh .list .fa ,
.design-jh .list [class*=icon-] ,
.design-jh .list .glyphicon {color:#2da9e2;}

/*-------------------------------------
 jh3
---------------------------------------*/
.design-jh3 .gradetitle {background:url("../img/bg-jh3.jpg");color:#fff !important;}
.design-jh3 .back{background:url("../img/bg-jh3.jpg");color:#fff !important;}
.design-jh3 .colorback{background-color:#3d92db;color:#fff !important;}
.design-jh3 .colorbacklight{background-color:#e8f4fd;}

.design-jh3 h2{color:#3d92db;border-bottom:1px solid #3d92db; }

.design-jh3 h3{color:#3d92db;border-bottom:1px dashed #3d92db;
/*
   color:#3d92db;
  background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #e8f4fd 25%, #e8f4fd 50%,
    #fff 50%, #fff 75%,
    #e8f4fd 75%, #e8f4fd
  );
*/
   }

.design-jh3 h4 , .design-jh3 h3 small , .design-jh3 h4 small , .design-jh3 strong{color:#3d92db;}
.design-jh3 .lead , .design-jh3 .color{color:#3d92db;}

.design-jh3 .btn-color{border:1px solid #3d92db;background-color:#3d92db;color:#fff;}
.design-jh3 .btn-color:hover{background-color:#337AB7;}
.design-jh3 mark{background-color:#D9EDF7;}
.design-jh3 .label-color{background-color:#3d92db;}

.design-jh3 .list .fa ,
.design-jh3 .list [class*=icon-] ,
.design-jh3 .list .glyphicon {color:#3d92db;}


/*------------------------------------------------*/