@charset "utf-8";

#wrap{
	padding:0 0 70px;	
}

#page-title{
	padding:23px 0 16px;
}

#page-title .inner{
	position:relative;
}

#page-title h1{
	font-size: 28px;
	padding-left: 60px;
	background:url(../../images/list/icon_school.gif) no-repeat 0 6px;
}


/*-----------------------------------------
	メイン
-------------------------------------------*/

#main-box{
	position:relative;
	width:1000px;
	float:left;
}

#main-box_top{
	position:relative;
	width:700px;
	float:left;
}

h2{
	font-weight:bold;
	font-size:22px;
	line-height:1.2;
	margin-bottom:10px;
}

h2 span{
	color:#377FE5;
}

.mlead{
	font-size:16px;
	line-height:1.5;
	margin-bottom:30px;
}

.mlead_tit{
	font-size:22px;
	line-height:1.5;
	margin-bottom:12px;
	font-weight: bold;
}


.mcomment_box{
	width: 100%;
	margin: 0 0 20px 0;
	border:1px solid #D1D1D1;
	padding: 10px 0px 10px 0px;


}

.mcomment{
	font-size: 16px;
	line-height: 1.2;
	text-align: center;

}


/*---------- OTHER LIST ----------*/

#other-list{
	width:100%;
	margin-bottom:50px;
	font-size: 18px
}

.ol-inn{
	float:left;
	width:50%;
}

h3.vl{
	line-height:1.2;
	border-left:5px solid #5CBFCE;
	padding-left:10px;
	margin-bottom:15px;
	font-size:18px;
}

.ol-inn ul{
	margin-bottom:30px;
}

.ol-inn li a{
	color: #377FE5;
}


/*-- ------ PICK UP ------ */

.pickup{
}

.pickup .tit {
    background: url(/images/list/pickup_tit_bg.gif) no-repeat 0 0;
}

.pickup .tit h3 {
    padding: 1px 0 5px 40px;
    color: #FC7215;
    font-size: 16px;
}
.pickup-list{
	margin-right: -14px;
    overflow: hidden;
    zoom: 1;
	margin-bottom:45px;
	z-index:1;
	display: flex;
	flex-wrap:wrap;
}

.pickup-box{
	margin-right:14px;
	margin-bottom: 12px;
	width: 324px;
    height: 104px;
    /*float: left;*/
    line-height: 1.4;
	background-color:#FEF7AF;
	position:relative;
	
}

.pickup-box a{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition:all 0.3s ease;
}

.pickup-box a:hover{
    opacity: 0.7;
    }
	
.pickup-box_img{
	position:absolute;
	top:7px;
	left:10px;
}

.pickup-box_txt{
	position:absolute;
	top:15px;
	left:158px;
}

.pickup-box_txt p {
    color: #444;
    line-height: 1.1;
}

.pickup-box_txt .school_name{
	width: 160px;
	padding: 0 0 0 0;
	font-weight:bold;
	margin-bottom:7px;
	font-size: 14px;
}

.pickup-box_txt .school_name .school_type{
	font-weight:normal;
}


.pickup-box_txt .date{
	font-weight: normal;
	color:#F87218;
	font-size: 16px;
}

.first2,.block1,.block2{
	display: flex;
}


/*---------- LIST ----------*/

.event_area{
	width:100%;
	margin-bottom:50px;
}



.event_list li{
	border-bottom:1px solid #D1D1D1;
	
}

.event-done {
	color: #cccccc;
}

.pickup_sc {
background: url(/images/list/pickup_tit_bg.png) no-repeat 1% 50%;
background-color: #FEF7AF;

}

.pickup_tip {


}

.event_first{
	padding:8px 10px 8px 40px;
	font-weight: bold;

}

.event{
	line-height: 1.2;
	padding:18px 10px 18px 40px;

}

.event a{
	text-decoration:none;
}


.event .school_name a{
	/*color: #377FE5;*/
	color: #1D67D9;
}

.event .school_name a:hover{
	text-decoration:underline;
}


.event_first, .event, .block1, .block2{
	display: flex;
	align-items: center;
}

.block1{
  	width: 310px;
}

.block2{
   	width: 640px;
}

.event_first{
	border-top:	1px solid #D1D1D1;
	background:#EEF6F9;
}



.date{
	width: 170px;
	/*padding: 0 5px 0 0px;*/
	font-weight: bold;
	
}

.time{
	width: 110px;
	padding: 0 10px 0 0px;

}

.school_name{
	width: 300px;
	padding: 0 30px 0 0px;

}


.event_name{
	width: 210px;
	padding: 0 20px 0 0px;

}

.sp_link{
	background: url(/share/images/arrow_black.png) no-repeat 10% 50%;
	background-color:#FC7215;
	padding: 5px 5px 5px 25px;
	width: 45px;
	font-size: 12px;
	color: #fff;
	line-height: 1.1;
	border-radius:3px;

}


.event_end .event{
	background-color: #EEEEEE;
}


.area_msg{
	margin: -10px 0 40px 0;
	font-size: 16px;	
}


.event_cate{
	background:#EEF8FA;
	padding: 30px 0px 10px 0;
	margin-bottom: 70px;
}

.event_cate_tit{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}


.event_cate_list{
	border-top:	1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
	display: flex;
	flex-wrap:wrap;
	width: 96%;
	margin: auto;
}

/*
.event_cate_name{
	width: 15%;
	padding: 10px 0 10px 4.8%;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	background: #fff url(/share/images/arrow_black.png) no-repeat 18% 50%;
}
*/

.event_cate_name{
    width: 19.8%;
    height: 50px;
    border-right: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    background: #fff url(/share/images/arrow_black.png) no-repeat 18% 50%;
    position: relative; 
}

/*.event_cate_name a{
	color: #1D67D9;
}*/

.event_cate_name a{
    color: #1D67D9;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 13.2px 0 0 48px;
}

.event_cate_name a:hover{
	text-decoration:underline;
}


.link_btn_unit{
	margin: 30px 0 36px 0;
}

.link_btn{ 
	background:url(/kanto/special/special_report/images/arrow_black13.png) no-repeat 93% 50% #79B4FF;
	width:420px;
	height:60px;
	line-height:60px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
}

.link_btn a{
	color:#000;
	display:block;
}

.link_btn a:visited{
	color:#000;
}

.link_btn a:hover{
	color:#000;
	text-decoration:none;	
}




@media screen and (max-width: 768px){

#main-box{
	position:relative;
	width:100%;
	/*float:left;*/
}

#main-box_top{
	width:100%;
}

#main .inner{
   width: 100%;
}

#page-title{
	padding:23px 0 24px;
}

#page-title h1{
	font-size: 22px;
	padding-left: 70px;
	background:url(../../images/list/icon_school.gif) no-repeat 15px 0px;
}


h2{
	font-weight:bold;
	font-size:20px;
	line-height:1.2;
	margin-bottom:10px;
	padding: 0 15px 0;
}

h2 span{
	color:#377FE5;
}

.mlead{
	font-size:18px;
	line-height:1.5;
	margin-bottom:25px;
	padding: 0 15px;
}

.mlead_tit{
	font-size:20px;
	line-height:1.2;
	margin-bottom:10px;
	padding: 0 15px;
}


.mcomment_box{
	width: auto;
	margin: 0 10px 20px 10px;
	border:1px solid #D1D1D1;
	padding: 15px 0px 15px 0px;
}

.mcomment{
	font-size: 16px;
	line-height: 1.2;
	text-align: left;
	margin: 0 20px 0 20px;

}


.pickup .tit {
    background: url(/images/list/pickup_tit_bg.gif) no-repeat 0 0;
    padding: 2px 0 0 0;
}

.pickup .tit h3 {
    padding: 1px 0 10px 35px;
    color: #FC7215;
    font-size: 18px;
}


.pickup{
	margin: 0 10px;

}


.pickup-list{
	margin-right: 0px;
	display: block;
}


.pickup-box{
	width: 100%;
}
	
.pickup-box_img{
	position:absolute;
	top:7px;
	left:10px;
}

.pickup-box_txt{
	padding: 0 10px 0 0;
}
	
.pickup-box_txt .school_name{
	width: 100%;
	font-size: 16px;
}

.pickup-box_txt .date{
	width: 100%;
	font-size: 18px;
}


.block1,.block2{
	display: block;
}


.event{
	padding:16px 0px 5px;
	margin: 0 10px;
}


.event_first{
	padding:5px 0px;
	font-weight: normal;
	margin: 0 10px;
}

.block1{
  	width: 40%;
  	padding: 5px 2%;
}

.block2{
   	width: 55%;
   	padding: 0 1% 0 0;
}

.pickup_sc {
background: url(/images/list/pickup_tit_bgsp.png) no-repeat 8px 5px;
background-size: 40px auto;
background-color: #FEF7AF;

}

.event_area .date,.time,.school_name,.event_name{
	padding:0px 0px 0px 0px;
	font-weight: normal;
	width: 100%;

}

.event .school_name{
	padding: 0 0px 5px 0px;
}

.event .event_name{
	padding: 0 0px 8px 0px;
}


.event .date{
	padding: 0 0px 5px 0px;
	font-weight: bold;
	letter-spacing: -.05em;
	word-break: break-all;
	font-size: 15px;
}

.event .time{
	padding: 0 0px 10px 0px;
}


.sp_link{
	padding: 10px 5px 10px 25px;
	width: 80px;
	font-size: 12px;
	margin: 0 0 8px 0;
	
}

.txt_br{
   display: none;
}

.area_msg{
	padding: 0 15px;
}


.event_cate{
	background:#EEF8FA;
	padding: 30px 0px 30px 0;
	margin: 0 10px 50px 10px;
}

.event_cate_tit{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}


.event_cate_list{
	border-top:	1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
	display: block;  /*-*/
	width: 90%;
	margin: auto;
}

/*
.event_cate_name{
	width: 75%;
	padding: 14px 0 14px 25%;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	background: #fff url(/share/images/arrow_black.png) no-repeat 18% 50%;
}
*/

.event_cate_name{
    width: 100%;
    border-right: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    background: #fff url(/share/images/arrow_black.png) no-repeat 18% 50%;
}

/*.event_cate_name a{
	color: #1D67D9;
}*/

.event_cate_name a{
	color: #1D67D9;
	padding: 14px 0 0 75px;
}

.event_cate_name a:hover{
	text-decoration:underline;
}


.link_btn_unit{
	margin: 30px 0 20px 0;
}


.link_btn{ 
	width:90%;
	height:60px;
	line-height:60px;
	margin:35px 5% 0;
	background-position:95% 50%;
}


#side-box{
 clear:both;
}

#other-list {
  margin: 0 0 0 20px;
  font-size: 20px;
}

.ol-inn{
	width:100%;
	line-height: 1.7;
}

@media screen and (max-width: 321px){

.pickup-box_txt .school_name{
	width: 100%;
	font-size: 14px;
	margin-bottom: 5px;
}

.pickup-box_txt .date{
	width: 100%;
	font-size: 16px;
}

.link_btn{ 
	font-size: 14px;
}


}