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

/*----------------------------------------------------------------------------
 ***                                                           サイドメニュー
----------------------------------------------------------------------------*/

#sideMenu2{
	display:none; /**/
	z-index:999;
	width:60px;
	height:412px;
	position:fixed;
	right:0;
	top:200px;
}

#sideMenu2 li{ padding:6px 0 0 8px; line-height:0em;}
#sideMenu2 .gyoImg{ padding-top:9px;}
#sideMenu2 .gyoImg img{ padding:3px 0 0 4px;}

#sideMenu{
	display:none; /**/
	z-index:999;
	width:60px;
	height:412px;
	position:fixed;
	right:0;
	top:200px;
}

#sideMenu .gyoImg{ padding-top:7px;}
#sideMenu .gyoImg img{ padding:5px 0 0 7px;}



/*----------------------------------------------------------------------------
 ***                                                                市区リスト
----------------------------------------------------------------------------*/
#contentsArea{ margin-top:15px;}

#shi_mapListSec{}
#shi_mapListSec .sectionInner{}

#shi_mapListSec p#mMapSec{ float:left; font-size:15px; width:200px; padding-left:25px; text-align:center;}
#shi_mapListSec p#mMapSec img{ margin-bottom:10px;}

#shi_mapListSec #listSecW{ float:right; width:700px; margin:0;}
#shi_mapListSec #listSecW h3{ font-size:20px; color:#2BABE8; line-height:1.0em; border-left:7px solid #FF9900; border-bottom:none; margin:0 0 12px 0; padding:3px 0 0 7px;}
h3 .cityM{ font-size: 13px; font-weight: normal; color: #2BABE8; margin-left: 2.5em; position: relative; text-decoration: none; vertical-align: middle;}
h3 .cityM::after{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.5px 0 3.5px 6px;
	border-color: transparent transparent transparent #ff9900;
	position: absolute; 
	top:0.4em;
	margin-left: 0.8em;
	}
h3 .cityM:hover{ opacity: 0.7;}
#shi_mapListSec #listSecW .sectionInner{ padding-left:15px;}
#shi_mapListSec #listSecW ul{}
#shi_mapListSec #listSecW ul li{ float:left; font-size:16px; border-bottom:1px dotted #2BABE8; margin-bottom:5px; padding-left:15px; width:128px; margin-right:28px; background:url(../schools/images/images1605/btn/img_crick.jpg) left 6px no-repeat;}

#shi_mapListSec #listSecW .cityList{ display:flex; flex-wrap:wrap;}
#shi_mapListSec #listSecW .cityList li{  font-size:15px; border-bottom:1px solid #ccc; margin-bottom:0.5em; margin-right: 5px; background-image: unset; width:210px; padding-left: 1em; padding-bottom: 0.2em; position: relative; float: none;}
#shi_mapListSec #listSecW .cityList li:nth-child(3n){ margin-right: 0;}
#shi_mapListSec #listSecW .cityList li a{ color: #333333; text-decoration: none; }
#shi_mapListSec #listSecW .cityList li a:hover{ opacity: 0.7;}
#shi_mapListSec #listSecW .cityList li::before{
	content: '';
	position: absolute;
	bottom: 0.9em;
	margin: auto;
	left: 2px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #2babe8;
	border-right: 1px solid #2babe8;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
#shi_mapListSec #listSecW .cityList li .cityM{ color: #2babe8; font-size: 13px; position: absolute; right:0.5em;}
#shi_mapListSec #listSecW .cityList li .cityM:before{ 
	content: ''; 
	display: inline-block; 
	width: 11px; 
	height: 9px; 
	background:url(../schools/images/images1605/btn/img_more.jpg) no-repeat;
	background-size: 100%;
	margin-right: 0.2em;
	vertical-align: middle;
	}

.few_shi #shi_mapListSec{}
.few_shi #shi_mapListSec p#mMapSec{ margin-bottom:20px;}
.few_shi #shi_mapListSec #listSecW{ display:none;}
.few_shi #sListSec{ width:701px; margin-top:-15px;}
.few_shi #sListSec .sListBox:last-child{ padding-right:0;}

.few_shi #shi_mapListSec{}
.few_shi #shi_mapListSec p#mMapSec{ margin-bottom:20px;}
.few_shi #shi_mapListSec #listSecW{ display:none;}
.few_shi #sListSec{ width:701px; margin-top:-15px;}
.few_shi #sListSec .sListBox:last-child{ padding-right:0;}

/*----------------------------------------------------------------------------
 ***                                                                校舎リスト
----------------------------------------------------------------------------*/

#sListSec{ margin-top:5px;}
#sListSec h3{ font-size:26px; border-left:10px solid #ED1E76; border-bottom:1px dotted #ED1E76; line-height:28px; padding-top:4px;}
#sListSec .sectionInner{ padding-top:10px;}

#sListSec .sListBox{ width:205px; float:left; padding:0 43px 0 0;}
#sListSec .LastBox{ padding-right:0 !important;}
#sListSec .sListBox h4{ background:#2BABE8; color:#FFF; font-size:16px; padding-left:12px; line-height:23px; margin-bottom:0px; padding-top:3px;}
#sListSec .sListBox p{ font-size: 16px; padding:6px 0 5px 55px; border-bottom: #2BABE8 dotted 1px; line-height:16px; margin:0px;}
#sListSec .sListBox p span{ font-size: 12px; line-height:1.0em;}
#sListSec .sListBox .stBox{ margin-bottom:28px;}
#sListSec .sListBox .stBox .IT p{ background:url(../schools/images/icon_itto.png) 12px 3px no-repeat;}
#sListSec .sListBox .stBox .MY p{ background:url(../schools/images/icon_miyabi.png) 12px 3px no-repeat}
#sListSec .sListBox .stBox .GT p{ background:url(../schools/images/icon_ganbaru2.png) 12px 3px no-repeat;}
#sListSec .sListBox .stBox .SM p{ background:url(../schools/images/icon_sumire.png) 12px 1px no-repeat;}
#sListSec .sListBox .stBox .TP p{ background:url(../schools/images/icon_tops.png) 12px -1px no-repeat;}

#sListSec .sListBox .stBox p.newSch{ position:relative;}
#sListSec .sListBox .stBox p.newSch span.newSch_span01,
#sListSec .sListBox .stBox p.newSch span.newSch_span02,
#sListSec .sListBox .stBox p.newSch span.newSch_span03{ position:absolute; width:45px; height:25px; top:-1px; left:-35px; font-size:10px; color:#fff; background:url(../schools/images/icon_open.png) no-repeat; line-height:1.5em; margin-top:2px; padding-top:1px;}
#sListSec .sListBox .stBox p.newSch span.newSch_span01{ padding-left:11px;}
#sListSec .sListBox .stBox p.newSch span.newSch_span02{ padding-left:7px;}
#sListSec .sListBox .stBox p.newSch span.newSch_span03{ padding-left:5px;}

.IT .SecondLine{ padding:13px 0 10px 55px !important; background:url(../schools/images/icon_itto.png) 12px 18px no-repeat !important;}
.MY .SecondLine{ padding:13px 0 10px 55px !important; background:url(../schools/images/icon_miyabi.png) 12px 18px no-repeat !important;}
.GT .SecondLine{ padding:13px 0 10px 55px !important; background:url(../schools/images/icon_ganbaru2.png) 12px 18px no-repeat !important;}
.TP .SecondLine{ padding:13px 0 10px 55px !important; background:url(../schools/images/icon_tops.png) 12px 14px no-repeat !important;}
.SM .SecondLine{ padding:13px 0 10px 55px !important; background:url(../schools/images/icon_sumire.png) 12px 16px no-repeat !important;}
.mainSection #sListSec .sListBox .stBox p.SecondLine span{ top:15px;}