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

/* ======================================================================= */

/*  ICH-school ----- skinsmart */

/* ======================================================================= */


#skinIndex #mainBody {-webkit-background-size:8px 16%;}
.flexslider {background:none !important;}


.sNav{padding:0 !important;display:none;}
.sNav ul{width:auto !important;}

.sNav ul li.CurrentItem{background-image:url(/Portals/0/images/side/sNavBg_sp.png);}
.sNav ul li{background-color:#2f3896 !important;}
.sNav ul li a{width:auto;padding: 12px 15px 12px 25px;background:url(/Portals/0/images/side/sNavLevel1_sp.png) no-repeat 0 14px !important;}

.sNav ul li ul li{background-color:#787dbb !important;}
.sNav ul li ul li a {width:auto;padding:10px 15px 10px 30px;background:url(/Portals/0/images/side/sNavLevel2_sp.png) no-repeat 10px 14px !important;}

.sNav ul li ul li ul li{background-color:#989cd2 !important;}
.sNav ul li ul li ul li a {width:auto;padding: 5px 15px 5px 50px;background:url(/Portals/0/images/side/sNavLevel3_sp.png) no-repeat 33px 14px !important;}

.sNav{background:#2f3896;padding:5px 0 20px 0;}
.sNav ul{margin:0 auto;width:250px;}
.sNav ul ul{margin:0;width:auto;}

table {width:100%;table-layout:fixed;}

@media only screen and (orientation : landscape) { /*横向きの際に適用*/

.headInfo{width:270px;}
.hInfo span.hText{width:auto;}
.hInfo p{display:inline;}
.sBanner{width:450px;}
.sBanner li a{width:220px;height:50px;background-size:220px 50px;}
.sBanner li.sBannerFitCourse{top:-50px;}
#skinIndex ul.btnList{width:450px;margin:0 auto;padding:0 !important;}
#skinIndex ul.btnList li{width:220px;}
#skinIndex ul.btnList li a{width:220px !important;}
}


@media only screen and (orientation : portrait) { /*縦向きの際に適用*/

.headInfo{width:42%;}
.hInfo span.hText{width:42%;overflow:visible !important;display:inline !important;}
.hInfo span.hBr {display:block;}
.sBanner{width:310px;}
.sBanner li a{width:150px;height:35px;background-size:150px 35px;}
.sBanner li.sBannerFitCourse{top:-35px;}

#skinIndex ul.btnList{width:300px;margin:0 auto;padding:0 !important;}
#skinIndex ul.btnList li{width:142px;}
#skinIndex ul.btnList li a{width:142px !important;}
}



#skinIndex .spArea .gradeSearchMenu {display:none;}

div.Urgent {width:96%;margin:0 auto 10px;}
div.Urgent h2.UrgentTitle {display:none;}
div.Urgent h2.spArea {padding: 0;margin: 10px 0 5px;background: white;border: none;color: #D9041E;}
div.UrgentContent {background:none;border:2px solid #600;padding:10px;}
div.UrgentContent p {padding:0 0 0 70px;background-position:0 0;-webkit-background-size: 52.8px 44.8px;}



/***********************************************************************
 skin and common
 ***********************************************************************/

/*html,body,#skinIndex,#skin1Column,#skin2Columns{position:relative;min-width:1px;height:auto !important;font-size:11px;font-family:Helvetica,Arial,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','モリサワ 新ゴ R','Droid Sans',メイリオ,'sans-serif';background:none;-webkit-text-size-adjust:none; }*/

/* head ---------------------------*/
#headBody {width:auto; padding:8px 0 0; text-align:left; position:relative;}
#headBody .headLogo {margin:0 0 8px 8px; width:220px;}
#skinIndex .Logo img,
#skin1Column .Logo img,
#skin2Columns .Logo img {width:220px;}
.headInfo {margin:0; float:none; width:100%; clear:both;}
/* 電話番号 */
.hInfo {margin:0; padding:8px 5px; background:#2f3896; color:#ffffff; text-align:center;}
.hInfo span.hText {display:block; line-height:11px; overflow:hidden;}
.hInfo span.hBr {display:inline-block;}
.hInfo p{font-size:8px;line-height:10px;}
.hInfo .tel {margin:3px 0; padding:0; font-size:18px; line-height:20px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; background:none;}
.hInfo .tel a {color:#ffffff;}

#headBody .spArea p { line-height: 1.5; }

.hMenuBtn {margin:0; padding:0; position:absolute; top:8px; right:8px; background:url(/Portals/0/images/smartphone/btn_hNav.png) 0 0 no-repeat; background-size:110px 55px; width:55px; height:55px; overflow:hidden; text-indent:100%; white-space:nowrap;}
.hMenuBtn.menuOpen {background-position:-55px 0;}

.SmtNavArea {margin:0; padding:5px 0; position:absolute; top:70px; background:#313a98; width:100%; display:none; z-index:11;}
/* ボタンリンク */
.hNavBtnArea {margin:0 0 5px 0; padding:0; list-style:none; text-align:center;}
.hNavBtnArea li {margin:0; padding:0; display:inline-block; width:48%;}
.hNavBtnArea a {padding:10px 0; display:block; width:100%; color:#ffffff; font-size:16px; background:linear-gradient(#252a8e, #1d2087);  background:-webkit-gradient(linear, center top, center bottom, color-stop(0%,#252a8e), color-stop(100%,#1d2087));text-align:left;}
.hNavBtnArea span.sTxt{text-align:left; font-size:12px; }

/* 検索 */
.searchFormArea {margin:0 0 5px 0; text-align:center;}
.searchFormArea input[type="text"] {margin:0; padding:8px 0 8px 4px; width:84%; background:#ffffff; border-top:1px solid #d0d2e2; border-left:1px solid #d0d2e2; border-bottom:1px solid #d0d2e2; border-right:none; border-radius:0; box-shadow:none; vertical-align:middle; line-height:15px; display:inline-block;}
.searchFormArea input[type="text"] + br {display:none;}
.searchFormArea input[type="button"] {margin:0 0 0 -3px; padding:8px 4px 8px 0; width:11%; border-top:1px solid #d0d2e2; border-right:1px solid #d0d2e2; border-bottom:1px solid #d0d2e2; border-left:none; text-indent:120%; white-space:nowrap; overflow:hidden; background:url(/Portals/0/images/smartphone/btn_search.png) 5px 5px #ffffff no-repeat; background-size:21px 21px; height:33px; border-radius:0; vertical-align:middle; line-height:33px; display:inline-block;}
/* テキストリンク */
.hNavLinkArea {margin:0 auto; padding:5px 0 0 0; list-style:none; width:96%;}
.hNavLinkArea li {margin:0; padding:0; border-bottom:1px solid #29328e; border-top:1px solid #363fa3; text-align: left;}
.hNavLinkArea li:first-child {border-top:none;}
.hNavLinkArea li:last-child {border-bottom:none;}
.hNavLinkArea a {padding:12px 10px; color:#ffffff; font-size:14px; display:block; position:relative;}
.hNavLinkArea a:after {content:""; background:url(/Portals/0/images/smartphone/arrow_white_hNav.png) 0 0 no-repeat; background-size:5px 8px; width:5px; height:8px; position:absolute; right:10px; top:14px;}

.headUtility {float:none; width:auto; display:none;}
.HeadTopPane {display:none;}
.HeadPane {clear:both;}


/* hBtn ----------------------*/
.hBtn{display:none;float:none;width:auto;margin:0;padding:5px 0 0 0;}
.spArea .hBtn{display:block;}
.hBtn li{width:48%;float:none; display:inline-block;margin:0 0 3px;padding:0;border:1px solid #e9e9e9;border-radius:2px; vertical-align:top;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 60%, #bfbfbf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(60%,#ffffff), color-stop(100%,#bfbfbf));
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 60%,#bfbfbf 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 60%,#bfbfbf 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 60%,#bfbfbf 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 60%,#bfbfbf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfbfbf',GradientType=0 );
}
.hBtn li.mypage{margin:0;}
.hBtn li a{background-repeat:no-repeat;background-position:5px center !important;height:40px; display:table-cell; text-align:left; vertical-align:middle;background-size:auto; text-indent:0;}
/*
.hBtn li.demand a{background-image:url(/Portals/0/images/common/hBtnDemand_sp.png);}
.hBtn li.ask a{background-image:url(/Portals/0/images/common/hBtnAsk_sp.png);}
.hBtn li.mypage a{background-image:url(/Portals/0/images/common/hBtnMypage_sp.png);}
*/
.hBtn li a{ padding:0 10px 0 16px; background-image:url(/Portals/0/images/smartphone/arw_hBtn.png); line-height:1.2; font-weight:bold; font-size:14px;}
.hBtn li.mypage a{ font-size:13px;}

/* gNav ----------------------------*/
#gNavi{display:none;}

/* main ------------------------*/
.MainPane,.MainBottomPane{width:auto !important;min-height:1px !important;text-align:center;}

/* content ------------------------*/
#contentBody{width:auto; /* margin-top: -85px; */ }
#skinIndex #contentWrap,#skin2Columns #contentWrap{float:none;width:auto;}
.ContentTopPane{width:auto;}
#contentWrap .pagetop{display:none;}
#skinIndex ul.btnList li{height:40px;}
#skinIndex ul.btnList li a{position:relative;display:block;height:30px;line-height:30px;font-size:12px;font-weight:bold;color:#666 !important;text-indent:13px;border-radius:3px;
background-image:none !important;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.5);
box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.5);}
#skinIndex ul.btnList li a:before{position:absolute;content:" ";display:block;width:10px;height:100%;
background: #ffe57e;
background: -moz-linear-gradient(top,  #ffe57e 0%, #eebf02 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe57e), color-stop(100%,#eebf02));
background: -webkit-linear-gradient(top,  #ffe57e 0%,#eebf02 100%);
background: -o-linear-gradient(top,  #ffe57e 0%,#eebf02 100%);
background: -ms-linear-gradient(top,  #ffe57e 0%,#eebf02 100%);
background: linear-gradient(to bottom,  #ffe57e 0%,#eebf02 100%);}
.breadcrumb {width:auto;margin:0 5px;}



@media screen and (max-width: 640px) {
  .header {
    height: 0;
  }
	.header__inr {
     padding: 0px;
}

}