@charset "utf-8";

/*関東版*/

/*-----------------------------------------
	メインフレーフレーム
-------------------------------------------*/
#main{
	padding-top:30px;
	padding-bottom:50px;
}

#main .left-box{
	width:680px;
	float:left;
}


#main .right-box{
	width:300px;
	float:right;
}

#wrap-left{
	width:320px;
	float:left;
}


#wrap-right{
	width:320px;
	float:right;
	margin-right:10px;
}


.unit{
	background:url(../images/unit_bg.gif) repeat-x 0 bottom;
}

#movie-main .img{
	position:relative;
}


#movie-main .img .icon{
	position: absolute;
	top: 52px;
	left: 128px;
}


/*-----------------------------------------
	▼オーバーレイ
-------------------------------------------*/
/*
#overlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:200px;
	background:url(../images/overlay_bg.png) repeat 0 0;;
	z-index:9999;
}

#panel{
	margin:100px auto 0;
	width:466px;
	height:366px;
	position:relative;
	background:url(../images/overlay_panel.png) no-repeat 0 0;
}

#panel ul{
	position:absolute;
	top:174px;
	left:95px;
}

#panel li{
	cursor:pointer;
	margin-bottom:15px;
}
*/

/*-----------------------------------------
	リンク共通
-------------------------------------------*/
#main a:link{
	color:#444;
	text-decoration:none;
}

#main a:visited {
	color:#444;
	text-decoration:none;
}

#main a:hover {
	color: #377FE5;
	text-decoration:underline;
}

#main a:active{
	color:#444;
	text-decoration:none;
}

/*--------------------------
	NEWアイコン
---------------------------*/
.new{
	position:relative;
	top:0px;
	left:5px;
}

#movie-box .new{
	position:relative;
	top:1px;
	left:5px;
}


/*--------------------------
	パーツ
---------------------------*/
.s-txt{
	font-size:12px;
	color:#31313F;
}


/*--------------------------
	ショーケース
---------------------------*/
#showcase{
	position:relative;
	height:250px;
	padding:0 0;
	/*margin:0 0 30px;*/
	overflow:hidden;
}

#showcase img{
	vertical-align:top;
}

.flexslider{
	position:absolute;
	top:0;
	left:0;
}

.flex-control-nav {
	margin:0;
	padding:8px 0 10px;
	text-align: center;
	z-index:9000;
	position:relative;
}

ol.flex-control-nav{
	margin:0 auto;
	padding:8px 0 10px;
	text-align: center;

	position:relative;
	z-index:9000;
	top:220px;
}

.flex-control-nav li {
	cursor:pointer;
}

.flex-control-nav li {
  margin: 0 3px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 10px;
  height: 10px;
  display: block;
  background: #DDD;
  background: rgba(221, 221, 221, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
 background: #01A2B6;
  background: rgba(1, 162, 182, 0.9);
}

.flex-direction-nav{
	display:none;
}

.flex-control-paging li a.flex-active {
  background: #01A2B6;
  background: rgba(1, 162, 182, 0.9);
  cursor: default;
}


/*--------------------------
	スペシャルレポート
---------------------------*/
.sp-report{
	margin-top: -5px;
	margin-bottom:20px;

}

.sp-report h2{
	font-size:20px;
}

.sp-report h2 span img{
	margin:5px 0px 0px 14px;
}


.sp-report a:hover h3{
	text-decoration:underline;
}


.sp-report_info{
	padding:13px 0 0px;
	text-align:right;
	border-top:1px dotted #ccc;
}


.sp-report_read{
	line-height: 1.1;
	margin:4px 0 12px 0px;
	font-size:12px;

}

.sp-report_thumb{
    padding:10px 0px;
    border-top:1px dotted #ccc;
}


.sp-report_thumb .img{
    float:left;
}

.sp-report_thumb .txt{
    width:185px;
    float:left;
    padding:2px 0 0 15px;
    line-height:1.2;
}

.sp-report_thumb h3{
    font-size:14px;
	padding-bottom:4px;
}

.sp-report_thumb .txt p{
	font-size:12px;
}



/*--------------------------
	イベント一覧から探す
---------------------------*/
#top_event{
width: 655px;
margin: 0 0 28px 0;
padding: 14px 0 14px 12px;
    /* background-color: #FCFDFE; */
border: 2px solid #92BAF1;

}
.top_event_tit{
font-weight: bold;
font-size: 20px;
margin: 0 0 -2px 0;
padding: 0 0 0 46px;
background: url(../images/icon_school.gif) no-repeat 7px 0px;
}

.top_event_read{
font-size: 13px;
margin: 0 0 5px 0;
padding: 0 0 0 8px;
}


.top_event_box{
padding: 0 0 0 0;
}

.top_event_list{
display: flex;
padding: 0 0 0 5px;
}


.top_event_cate_name{
background: url(/share/images/arrow_black.png) no-repeat 0px 50%;
margin: 0 10px 0 0;
padding: 0 0 0 14px;
font-size: 14px;
}



/*--------------------------
	動画で探す
---------------------------*/
#movie-box{

}

#movie-box h2{
	font-size:20px;
	line-height:1;
	margin-bottom:15px;
}

#movie-box h3{
	font-size:18px;
	line-height:1.4;
}

#movie-main{
	padding-bottom:15px;
	cursor:pointer;
}

#movie-main img{
	margin-bottom:10px;
}

#movie-info{
	height:33px;
}

#movie-list{
	margin-bottom:20px;

}

#movie-info .result{
	float:left;
}

#movie-info .btn{
	margin-top:14px;
	float:right;
}

#movie-info .b-num{
	font-weight:bold;
	color:#387FE5;
	font-size:24px;
	font-family: 'Anton', sans-serif;
	font-weight:400;
}


/*--------------------------
	注目
---------------------------*/
#pickup-box{
	margin-bottom:10px;
}

#pickup-box .tit{
	background:url(../images/pickup_tit_bg.gif) repeat-x 0 bottom;
}

#pickup-box .tit h2{
	padding:10px 0 20px 50px;
	color:#FC7215;
	font-size:16px;
}

#pickup-box h3{
	color:#FC7215;
	line-height:1.3;
	font-size:18px;
}

#pickup-main p{
	font-size:18px;
}

#pickup-main p a{
	color:#444;
}

#pickup-main{
	padding-bottom:10px;
	margin-bottom:8px;
	cursor:pointer;
}

#pickup-main .img{
	width:320px;
	height:180px;
	margin-bottom:10px;
}

#pickup-info{
	padding:5px 0 2px 15px;
	text-align:right;
}


/*--------------------------
	メインバナー
---------------------------*/
#main-bnr{
	width:300px;
	height:210px;
	overflow:hidden;
	margin-bottom:12px;
}

#main-bnr li{
	display:none;
}


/*--------------------------
	バナー
---------------------------*/
.inc_bnr{
		
}

.bnr_end{
	padding-bottom:8px;	
}

.bnr_txt{
	font-size:12px;
	padding:15px 0 10px;
	border:1px solid #92BAF1;
	background:#FCFDFE;
	text-align:left;
	margin-bottom:12px;
}

.bnr_img{
	margin-bottom:12px;
}

.bnr_txt li{
	padding:0 15px;
	line-height:1.3;
	margin-bottom:5px;
	text-indent:-1em;
	margin-left:1em;
}

#main .bnr_txt a:link{
	color: #377FE5;
	text-decoration:none;
}

#main .bnr_txt a:visited {
	color: #377FE5;
	text-decoration:none;
}

#main .bnr_txt a:hover {
	color: #377FE5;
	text-decoration:underline;
}

#main .bnr_txt a:active{
	color: #377FE5;
	text-decoration:none;
}

#right-bnr-1{
	padding-bottom:8px;
}


/*--------------------------
	検索
---------------------------*/
#search-box{
	position:relative;
	margin-bottom:20px;
}

#search-info{
	height:35px;
}

#search-info .tit{
	float:left;
}

#search-info .num{
	font-size:12px;
	float:right;
	line-height:1;
	position:relative;
	top:-6px;
	left:0;
}

#search-info .num span{
	font-size:18px;
	color:#387FE5;
	line-height:1;
	font-family: 'Anton', sans-serif;
	font-weight:400;
}

#search-box p{
	line-height:1.3;
	font-size:12px;
}

#search-box p a{
	line-height:1.3;
	font-size:12px;
	color:#444;
}

#search-box .txt{
	width:225px;
}

#search-box .date{
	font-size:10px;
	color:#656565;
	margin-bottom:3px;
}

#search-btn{
	margin-bottom:10px;
}


#search-btn li{
	float:left;
}

#search-tab li{
	float:left;
	cursor:pointer;
}

#search-tab-body{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#a{
	display:block;
}

#b{
	display:none;
}

#c{
	display:none;
}

#d{
	display:none;
}

#search-tab-body img{
	width:10%;
	height:auto;
	padding:5px;
}



/*--------------------------
	検索
---------------------------*/
#select-box{
	width:181px;
	display:none;
	position:absolute;
	top:77px;
	left:0;
	overflow:hidden;
}


#s-bth{
	cursor:pointer;
}

#k-btn{
	margin-top:10px;
	margin-left:15px;
}

#search-name{
	width:420px;
	height:30px;
	margin-bottom:20px;
	position:relative;
}

#search-name p.txt{
	color:#00264C;
	font-size:20px;
	padding-top:2px;
	position:absolute;
	top:0;
	left:0;
}


#search-name p span{
	color:#6C7985;
	font-size:16px;
}


#search-name input{
	width:200px;
	color:#6C7985;
	border:1px solid #E5E5E5;
	padding:9px 7px 8px;
	position:absolute;
	top:0;
	left:0px;
}


#search-name #input-box{
	position:absolute;
	top:0;
	left:0;
}


#search-name p.search-btn{
	cursor: pointer;
	width: 34px;
	position: absolute;
	top: 0px;
	left: 187px;
}


#categoryA .checklist div{
	float:left;
	width:140px;
}



/*--------------------------
	特集
---------------------------*/
#special-box{

}

#special-box h2{
	font-size:20px;
}

#special-box h2 span{
	font-weight:normal;
	font-size:14px;
}

#special-main{
	line-height:1.4;
	padding-bottom:15px;
	cursor:pointer;
}

#special-main img{
	margin-bottom:10px;

}

#special-main h3{
	line-height:1.3;
	font-size:18px;
}

#special-main h3 a{
	color:#444;
}

#special-main p{
	font-size:12px;
}

#special-info{
	padding:13px 0 12px;
	text-align:right;
}



/*--------------------------
	スクール特集
---------------------------*/
.school-special{
	margin-bottom:20px;
}

.school-special h2{
	font-size:20px;
}

.school-special h2 span{
	font-weight:normal;
	font-size:14px;
}

.school-special-list_new{
	padding-bottom:5px;
}

.school-special-list{
	margin-top:3px;
}

.school-special a:hover h3{
	text-decoration:underline;
}


.school-special-info{
	padding:13px 0 12px;
	text-align:right;
}



/*--------------------------
	カレンダー
---------------------------*/
#calender-box{
	margin-bottom:20px;
}

#now-date{
	position:relative;
	height:25px;
	text-align:center;
	line-height:1.2;
	background:#E2EDFC;
}

#now-date .stit{
	width:80px;
	float:left;
}

#now-date #num{
	width:210px;
	margin-bottom:10px;
	font-size:18px;
	float:left;
	letter-spacing:0;
	font-family: 'Anton', sans-serif;
}

#now-date .s{
	font-size:16px;
}

#now-date #num p{
	padding-top:1px;
}

/**/
#calender-info{
	width:300px;
	position:relative;
	margin-bottom:10px;
}

#calender-info p{
	line-height:1;
	font-size:12px;
	margin-bottom:7px;
}

#calender-info p.num{
	line-height:1;
	font-size:24px;
	color:#377FE5;
	font-family: 'Anton', sans-serif;
	font-weight:400;
}


#calender-info #box1{
	float:left;
	text-align:center;
	padding:10px 0 3px;
	width:145px;
	border:1px solid #ccc;
}

#calender-info #box2{
	float:right;
	text-align:center;
	padding:10px 0 3px;
	width:145px;
	border:1px solid #ccc;
}

#btn-box{
	position:relative;
	margin-bottom:10px;
}

#btn-box #btn1{
	width:178px;
	float:left;
}

#btn-box #btn2{
	width:115px;
	float:right;
	text-align:center;
}



/*--------------------------
	写真
---------------------------*/
#photo-box{
	border:1px solid #CCC;
	margin-bottom:20px;
}

#photo-box .tit{
	padding:10px;
	background:url(../images/icon_photo.gif) no-repeat 10px 10px;
}

#photo-box .tit h2{
	font-size:18px;
	padding-top:1px;
	padding-left:35px;
}



#photo-box #photo-tab li{
	float:left;
	cursor:pointer;
}

#photo-box .photo-slider{
	position:relative;
	height:185px;
}

#photo-box .viewer{
	padding-top:15px;
	width:200px;
	height:185px;
	text-align:center;
	position:absolute;
	top:15px;
	left:50px;
	overflow:hidden;
}

#photo-box .roll{
	width:1000px;
	position:absolute;
	top:0;
	left:0;
}

#photo-box .roll p a{
	margin-bottom:5px;
	color:#444;
}

#photo-box .roll p a:hover{
	color: #377FE5;
}

#photo-box .viewer div{
	float:left;
}

#photo-box .viewer .img{
	width:200px;
	height:137px;
	cursor:pointer;
}

#photo-box .btn-next{
	position:absolute;
	top:70px;
	right:10px;
	cursor:pointer;
}

#photo-box .btn-prev{
	position:absolute;
	top:70px;
	left:10px;
	cursor:pointer;
}

.photo-thumb{
	padding:15px 5px 10px 15px;
}

.photo-thumb .t-roll{
	width:2300px;
	position:absolute;
	top:0;
	left:0;
}

.photo-thumb .t-box{
	width:280px;
	float:left;
}

.t-viewer{
	height:190px;
	overflow:hidden;
	position:relative;
}

.t-viewer .img{
	width:87px;
	height:58px;
}

.photo-thumb li{
	float:left;
	margin:0 5px 5px 0;
	cursor:pointer;
	position:relative;
}

#photo-a{
	display:none;
}

#photo-b{

}

.photo-thumb .select{
	position:absolute;
	top:0;
	left:0;
	width:87px;
	height:58px;
	background:url(../images/photo_thumb_cover.png) no-repeat 0 0;
	box-sizing:border-box;
}


/*--------------------------
	中学受験情報局
---------------------------*/
.unit_magazine{
	border:1px solid #CCC;
	margin-bottom:20px;
}

.unit_magazine a:hover h3{
	text-decoration:underline;
}

.unit_magazine-list_new{
	padding-bottom:5px;
}

.unit_magazine .tit h2{
	font-size:18px;
	padding-top:9px;
	padding-left:37px;
	line-height:1.1;
}

.unit_magazine .tit h2 span{
	font-size:13px;
	margin-left:-6px;
	font-weight:normal;
}


.unit_magazine .tit{
	padding:7px 0 10px 13px;
	background:url(../images/icon_basic.gif) no-repeat 15px 10px;
}

.unit_magazine-list{
	margin-top:3px;
}

.unit_magazine-link{
	padding:15px 20px 15px 15px;
	text-align:right;
}



/*--------------------------
	サムネイル
---------------------------*/

.thumb60{
	padding:8px 0 8px 15px;
	border-bottom:1px dotted #ccc;
	cursor:pointer;
}

.thumb60 img{
	width:50px;
	float:left;
	border:1px solid #d4d4d4;
}

#search-box .thumb60 .txt{
	width:240px;
	float:left;
}

.thumb60 p{
	padding-left:10px;

}

.thumb90{
	padding:8px 10px 8px 15px;
	border-bottom:1px dotted #ccc;
	cursor:pointer;
}

.thumb90 img{
	width:80px;
	float:left;
}

.thumb90 .txt{
	width:178px;
	float:left;
}

.thumb90 h3{
	line-height:1.3;
	padding:5px 0px 6px 10px;
	font-size:14px;
}

.thumb90 p{
	font-weight:normal;
	padding-left:10px;
}

.thumb-sp{
	padding:8px 0;
	border-bottom:1px dotted #ccc;
	cursor:pointer;
}


.thumb-sp img{
	width:80px;
	float:left;
}

.thumb-sp .txt{
	width:230px;
	float:left;
}

.thumb-sp h3{
	line-height:1.3;
	padding:5px 0px 6px 10px;
	font-size:14px;
}

.thumb-sp h3 a{
	color:#444;
}

.thumb120{
	padding:8px 0;
	border-bottom:1px dotted #ccc;
	cursor:pointer;
}


.thumb120 img{
	width:120px;
	float:left;
}

.thumb120 .txt{
	width:200px;
	float:left;
}

#movie-box .thumb120 .txt h3{
	padding-left:10px;
	font-size:14px;
}

.thumb-sp p{
	padding-left:10px;
	line-height:1.4;
	font-size:12px;
}

.thumb120 p{
	padding-left:10px;
	line-height:1.4;
	font-size:12px;
}


.thumb120y{
	margin-bottom:8px;
	cursor:pointer;
}

.thumb120y .img{
	width:120px;
	height:84px;
	float:left;
}

.thumb120y .txt{
	width:200px;
	height:84px;
	float:left;
	background:#FEF7AF
}


.thumb120y p.lead{
	font-size:13px;
	padding-top:7px;
	margin-bottom:3px;
	line-height:1.3;
	color:#FC7214;
}

.thumb120y p{
	font-size:12px;
	line-height:1.4;
	padding:0 10px;
}

.thumb120y p a{
	color:#444;
}


.thumb-mz{
    padding:10px 10px 10px 15px;
    border-top:1px dotted #ccc;
    cursor:pointer;
}

.thumb-mz img{
    float:left;
}

.thumb-mz .txt{
    width:178px;
    float:left;
    padding:2px 0 0 15px;
}

.thumb-mz h3{
    line-height:1.3;
    font-size:14px;
	padding-bottom:4px;
}

.unit_magazine-list .thumb-mz{
    padding:8px 0 8px 15px;
    border-bottom:1px dotted #ccc;
    border-top:none;
}
.unit_magazine-list .thumb-mz .txt{
    width:205px;
    padding-top:0px;

}
.unit_magazine-list .thumb-mz h3{
    font-weight:normal;
}


.thumb-ss{
    padding:10px 0px;
    border-top:1px dotted #ccc;
}

.thumb-ss .img{
    float:left;
}

.thumb-ss .txt{
    width:185px;
    float:left;
    padding:2px 0 0 15px;
    line-height:1.2;
}

.thumb-ss h3{
    font-size:14px;
	padding-bottom:4px;
}

.thumb-ss .txt p{
	font-size:12px;
}

.school-special-list .thumb-ss{
    padding:8px 0px;
    border-bottom:1px dotted #ccc;
    border-top:none;
}

.school-special-list .thumb-ss .txt{
    width:220px;
}

/*--------------------------
	制服_NEW  20221125
---------------------------*/

#photo-box .roll p {
	width: initial;
	line-height: initial;
}

.uniform{
	width: 250px;
	height: auto;
	margin: 0 20px 0 0;
	position: relative;

}


.uniform a:link{
	color:#444 !important;
}
.uniform a:visited{
	color:#444 !important;
}

.uniform a:hover{
	color:#2777E2 !important;
}

.uniform a:active{
	color:#444 !important;
}



.school-info{
	position: absolute;
	top: 220px;
	left: 20px;
	padding-right: 20px;

}

.winlink_ico{
	position: absolute;
	top: 10px;
	right: 10px;
}

.winlink_ico img{
	width: 28px;
	height: 28px;
}


.school-cate{
	display: flex;
	margin-bottom: 6px;
	font-size: 10px;

}

.school-area{
	background: #111;
	padding :5px 10px;
	border-radius: 4px 0 0 4px;
	color: #fff;
	opacity: 0.9;
	width: auto;
	height: auto;
	line-height: 1.0;

}

.school-kinds-m{
	background: #0085b0;
	padding :5px 10px;
	border-radius: 0 4px 4px 0;
	color: #fff;
	opacity: 0.9;
	width: auto;
	height: auto;
	line-height: 1.0;
}

.school-kinds-w{
	background: #d902db;
	padding :5px 10px;
	border-radius: 0 4px 4px 0;
	color: #fff;
	opacity: 0.9;
	line-height: 1.0;
}

.school-kinds-b{
	background: #adae14;
	padding :5px 10px;
	border-radius: 0 4px 4px 0;
	color: #fff;
	opacity: 0.9;
	line-height: 1.0;
}

.school-name{
	width: auto;
	height: auto;
	line-height: 1.4;
	background: #111;
	padding :4px 10px 4px 10px;
	border-radius: 4px;
	color: #fff;
	opacity: 0.9;
	margin-bottom: 6px;
}

.uniform-thumb{
	overflow: hidden;
	border-radius: 12px 12px 12px 12px;
}

.uniform-thumb-img{
	object-fit: cover;
	object-position: 50% 0;
	font-family: 'object-fit: cover; object-position: 50% 0;';

}

.uniform-thumb img{
	width:250px;
	height:300px;
	transition: transform .3s ease;

}

.uniform-thumb img:hover{
	transform: scale(1.1, 1.1);
}


.page-info-unit{
	display: flex;

}

#photo-box .photo-slider {
	position: relative;
	height: 312px;
}

#photo-box .viewer {
	padding-top: 0px;
	width: 250px;
	height: 300px;
	text-align: center;
	position: absolute;
	top: 5px;
	left: 23px;
	overflow: hidden;
}

.uniform_link{
	padding: 0px 25px 13px 0px;
	text-align: right;

}

#photo-box .tit span {
	display: block;
	font-size: 14px;
	line-height: 1.2;
}

#photo-box .btn-prev {
	position: absolute;
	top: 100px;
	left: 10px;
	cursor: pointer;
}

#photo-box .btn-next {
	position: absolute;
	top: 100px;
	right: 10px;
	cursor: pointer;
}