@charset "utf-8"; 
/* CSS Document */
/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{}
#wrap{width:100%;}
#contentsArea{margin-bottom:0;}
/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{max-width:950px; margin:0 auto;}
#headerAreaLogo{}
#pageTitle{background:none; height:auto; max-width:950px; margin:0 auto;}
#pageTitle .pageTitleInner{background-image: url("../eventinfo/images/bgi_contents01.jpg");height: 190px;}
#pageTitle p{position:absolute; top:2%; left:1%; color:#FFF; font-size:16px; line-height:1.2em;}

#pageTitle h2{padding: 10px 0;}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{width:100%;}
.mainSectionInner{margin: 0 auto;}
.mainSectionInner section{/*margin-bottom:3em; */;}
.mainSectionInner .sectionInner{width:950px; border-bottom:solid 1px #ccc; padding-bottom:4em; margin:0 auto;}
.mainSectionInner h3{text-align:center;margin: 0 auto 0.8em;}
.mainSectionInner .txt{font-size:14px;}
.mainSectionInner .linkBox{max-width:790px; margin:0 auto; text-align:center;}
.mainSectionInner a:hover{opacity:.7;}

.mainSectionInner #breadcrumbArea {width: 950px;margin: 0 auto;}

.mainSectionInner #eventSec .sectionInner{border:none;}
.mainSectionInner #eventSec .ttlTxt{ font-weight:bold;text-align: left;width: 100%;font-size: 150%;line-height: 1.3;margin-bottom: 0.3em;}
.mainSectionInner #eventSec .img{text-align:center;}
.mainSectionInner #eventSec .btn{margin:0 auto 5em; text-align:center;}

.mainSectionInner #mapSec{background:#cff9f9; padding:3em 0;}
.mainSectionInner #mapSec .sectionInner{width:100%; border:none;}
.mainSectionInner #mapSec .innerBox{background:#fff; max-width:950px; margin:0 auto 5em; padding:2em;}
.mainSectionInner #mapSec .img{margin:0 auto; text-align:center; background:#fff; padding:2%; margin-bottom:3em;}

/* SCHOOLS マップ */
.mainSectionInner #mapSec .schoolList{max-width:560px; width:100%; height:auto; display:block; position:relative; margin:0 auto;}
.mainSectionInner #mapSec .schoolList .eng_def{font-family:'Bahnschrift',serif;}
.mainSectionInner #mapSec .schoolList .schoolNavi{max-width:350px; width:100%; position:absolute; z-index:1; top:1em;}
.mainSectionInner #mapSec .schoolList .schoolNavi ul{max-width:160px; width:100%; font-size:140%;}
.mainSectionInner #mapSec .schoolList .schoolNavi li{width:39%; margin:0.3em 0 0; line-height:1em; padding:0.2em 0 0.2em 1em; position:relative;}
.mainSectionInner #mapSec .schoolList .schoolNavi li:before{content:"▶"; display:inline-block; position:absolute; left:0; margin:auto; color:#666; font-size:0.625rem;}
.mainSectionInner #mapSec .schoolList .schoolNavi li a{color:#666; text-decoration:none; transition:color .3s;}
.mainSectionInner #mapSec .schoolList .schoolNavi li a:hover{color:#00aae7;}
.mainSectionInner #mapSec .schoolList .schoolNavi li area:hover{opacity:.6; ;}
.mainSectionInner #mapSec .schoolList .schoolNavi p{margin:2.5em 0 0;}
.mainSectionInner #mapSec .schoolList .schoolNavi p strong{font-size:5rem; font-weight:400;}
.mainSectionInner #mapSec .schoolList .schoolNavi p strong span{font-size:1.75rem; font-weight:bold; font-family:'Bahnschrift',serif;}
.mainSectionInner #mapSec .schoolList .schoolNavi p span.eng_def{font-size:1.125rem; display:block; color:#666; padding:0.2em 0 0; margin:0.2em 0 0; border-top:1px solid #999;}
.mainSectionInner #mapSec #schoolMap{background-image:url("../ekimaeryugaku/images/img_school_map.jpg");}
.mainSectionInner #mapSec #schoolMap p{margin:0; padding:0;}

.mainSectionInner .eventSec .sectionInner{border:none;}
.mainSectionInner .eventSec .ttlBox{display:flex; justify-content:space-between;}
.mainSectionInner .eventSec .ttlBox .btnLink{display:block; text-align:center; background:#00b2bc; color:#fff; padding:0.4em 2.5em; border-radius:20px; text-decoration:none; font-size:110%;}
.mainSectionInner .eventSec .contents{width: 100%;}
.mainSectionInner .eventSec .detail{width: 100%;}
.mainSectionInner .eventSec .voiceType{margin:0 0 0.5em; font-size:24px; display:flex; align-items:center;}
.mainSectionInner #eventSec li{width: 30%;margin-bottom:3em;border: solid 3px #e7d500;background: #fffbe1;}
.mainSectionInner .eventSec li{width:32%;padding: 0.5em 1.5em 1.5em; margin-bottom:3em; margin-right:0%; position:relative; box-sizing:border-box;}
.mainSectionInner .eventSec li:last-child{margin-right:0;}
.mainSectionInner .eventSec li.newItem{position: relative;}
.mainSectionInner .eventSec li.newItem:before{content:""; display: block; width: 90px; height: 90px;background-image:url("/eventinfo/images/ico_new01.png"); background-size: cover; background-repeat:no-repeat; position: absolute; top: -3em; left: -3em;}
.mainSectionInner .eventSec .imgBox{text-align:center; padding:0; margin:1em auto 1em;width: 100%;height: auto;}
.mainSectionInner .eventSec .imgBox img{width: auto;height: auto;object-fit: initial;}
.mainSectionInner .eventSec .txtBox{    margin:0;     padding:0;     display:-webkit-box;     overflow:hidden;     line-height:1.6;     -webkit-line-clamp:6;     -webkit-box-orient:vertical;     white-space:pre-line;}
.mainSectionInner .eventSec .btnMore{margin:3em auto 0; max-width:229px; padding:0; text-align:center; position:relative;}

.mainSectionInner .eventSec .detail.order04{display: flex;margin-top: 1em;}
.mainSectionInner .eventSec .btnSeito{margin:0 auto; max-width:229px; padding:0; text-align:center; width: 47%;position: relative;}
.mainSectionInner .eventSec .btnSeito a{cursor:pointer; background:#fff; text-align:center; display:inline-block; padding:0.5em 0.5em 0.5em; color:#64b8d5; font-weight:bold; border-radius:20px; text-decoration:none;line-height: 1.4;width: 90%;}
.mainSectionInner .eventSec .btnGaibu{margin:0 auto; max-width:229px; padding:0; text-align:center; width: 47%;position: relative;}
.mainSectionInner .eventSec .btnGaibu a{cursor:pointer; background:#fff; text-align:center; display:inline-block; padding:0.5em 0.5em 0.5em; color:#d9c000; font-weight:bold; border-radius:20px; text-decoration:none;line-height: 1.4;width: 90%;}

.mainSectionInner .eventSec .btnMore a{cursor:pointer; background:#fff; text-align:center; display:inline-block; padding:0.5em 1.5em 0.5em; color:#00b2bc; font-weight:bold; border-radius:20px; text-decoration:none;}

.mainSectionInner .eventSec .comingsoon{margin:0 auto; max-width:229px; padding:0; text-align:center; position:absolute; left:0; right:0; bottom:1em;padding: 0.5em 1.5em 0.5em;font-weight: bold;color: #aaa;}
.mainSectionInner .eventSec .btnMore a{cursor:pointer; background:#fff; text-align:center; display:inline-block; padding:0.5em 1.5em 0.5em; color:#00b2bc; font-weight:bold; border-radius:20px; text-decoration:none;}


.mainSectionInner .otyaCall{background: #f7f7e2;margin: 2em 13em;padding: 2em;}
.mainSectionInner .otyaCall a{text-decoration: underline;}
.mainSectionInner .otyaCall .lesson a{background: #4daf5f;padding: 0.8em 2em;color: #fff;text-decoration: none;font-size: 135%;font-weight: bold;border-radius: 5px;border: solid #ffffff 1px;position: relative;}
.mainSectionInner .otyaCall .lesson a:after{
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent transparent #fff;
border-width: 6px 0px 6px 10px;
position: absolute;
top: 50%;
right: 0.5em;
transform: translate(-50%, -50%);}







#eventSecInner {/* padding-top: 2em; */}
#eventSecInner .btnMore a{color: #c9b900;}