@charset "UTF-8";

.main_visual{
	width:100%;
	height:490px;
	background: #dfdfdf;
	overflow: hidden;
	position:relative;
}


.main_visual .bxslider li img{
	width:100%;
	height:auto;
}

.main_visual_panel_block{
	width:100%;
	height:490px;
	position: absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	z-index:1000;
}

.main_visual_panel_block .top_main_text{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:465px;
}

.top .pages_top_bn_list{
	position: absolute;
	top:auto;
	right:0;
	background: #fff;
}
.top .pages_top_bn_list li a{
	padding:12px;
}
.top .pages_top_bn_list li {
	display:none;
	height: 95px;
	padding-top: 5px;
}
.top .pages_top_bn_list li.bnr_pick {
	display:block;
}

.main_visual .pickupnews_box{
	position: absolute;
	top:350px;
	left:50%;
	margin-left:-480px;
	z-index:1001;
	background-color:rgba(255,255,255,.7);
	min-width:320px;
	border:3px solid rgba(95,15,20,1);	
	display:block;
	padding:10px 20px;
}
/*.main_visual .pickupnews_box a{
	background-color:rgba(255,255,255,.7);
	min-width:320px;
	border:3px solid rgba(95,15,20,1);	
	display:block;
	padding:15px 20px;
}*/


.main_visual .pickupnews_box .pickup_news_title {
	color:rgba(95,15,20,1);
	font-weight:600;
	font-size:11px;
	padding-bottom:3px;
	margin-bottom:5px;
	border-bottom:2px solid rgba(95,15,20,1);
}
.main_visual .pickupnews_box .pickup_news_date {
	color:rgba(95,15,20,1);
}
.main_visual .pickupnews_box .pickup_news_content {
	color:rgba(95,15,20,1);
	font-weight:600;
	font-size:13px;
}

.main_visual .pickupnews_box ul li:first-child {
	border-bottom:1px solid rgba(95,15,20,1);
	padding-bottom: 2px;
	margin-bottom: 2px;
}




.content_title_bar{
	background: #FFF;
	text-align: center;
	position:relative;
}

.content_title_logo{
	text-align: center;
	padding:10px 0;
	margin-top:20px;
}

.content_title_logo dt{
	border-bottom: 2px solid #000;
	padding: 0 20px;
	display:inline-block;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 900; 
}

.content_title_logo dd{
	font-size: 14px;
	font-weight: bold;
}


/*cms*/

a.btn_news_more{
	display: block;
	text-decoration:underline;
	position:absolute;
	top:25px;
	right:5px;
	font-weight: bold;
}

.cms_block{
	background: #ddd;
	padding:20px;
	margin-bottom: 3vh;
}

.news_text_block{
	display: block;
}

.news_text_block .news_category , .news_text_block .news_date , .news_text_block .news_text{
	display: block;
	float: left;
	margin-right: 10px;
}

.news_category{
	width:70px;
	text-align: center;
	color:#fff;
	font-weight: bold;
}



.cms_block.headline_news{
	background:rgba(220,200,200,1);
	padding:20px;
}

/*20170116追記*/
.cms_block.pickup_news{
	display:none;
}

.pickup_news_bar{
	display:none;
}

/*category_color_settings*/

.news_category.blog,
.news_category.info{
	background: #D60072;
}

.news_category.dormitory{
	background: #0F67A0;
}

.news_category.dormitory{
	background: #0F67A0;
}
.news_category.school{
	background: #17A42C;
}
.news_category.club{
	background: #D5A42C;
}
.news_category.music{
	background: #F0460D;
}
.news_category.exam{
	background: #C10000;
}
.news_category.graduate{
	background: #80000E;
}

.news_category.headline{
	width:120px;
	background: rgba(95,15,20,1);
}
.news_date{
	font-family: 'Roboto', sans-serif;
/*	font-weight: 900;*/
}
.news_text{ /* 20170112 added */
	font-weight: 900;
}

/*news_photo_block{*/

	.news_photo_block{
		margin-bottom: 20px;

	}

	.news_photo_block li{
		float: left;
		padding:5px;
		width:215px;
		min-height:235px;
		background: #FFF;
		border-right:1px solid rgba(86,86,86,.4);
		border-bottom:1px solid rgba(86,86,86,.4);
		position:relative;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.news_photo_block li:nth-child(4n){
		margin-right: 0;
	}


	.news_photo_block li .news_category{
		margin-top: -19px;
		margin-left: -5px;
		position:relative;
		z-index:1000;
		width:70px;
		display:block;
	}

	.news_photo_block li p{
/*	font-size: 10px;*/
font-size: 12px;
padding:5px 0;
max-height:40px;
overflow: hidden;
font-weight: 900; /* 20170112 added */
}

.news_photo_block li a:hover .imgbox img{
	transform:scale(1.1);
}

.news_photo_block li:hover {
	transform:scale(1.04);
	transition:transform 0.3s;
}
.news_photo_block li a .imgbox{
	display:block;
	width:205px;
	height:140px;
	overflow:hidden;
	background-color:#EDEDED;

}

.news_photo_block li a .imgbox img{
	width:110%;
	margin-left:-5%;
	transition:transform 0.3s;
}

.news_photo_block .news_date{
	
}


/*news_text_block*/

.news_text_block li{
	overflow: hidden;
	background: #FFF;
	margin-bottom: 20px;
	height:50px;
	padding:15px;
	border-right:1px solid rgba(86,86,86,.4);
	border-bottom:1px solid rgba(86,86,86,.4);
}

.news_text_block li:last-child{
	margin-bottom: 0;
}
.news_text_block li:hover {
	transform:scale(1.01);
	transition:transform 0.3s;
}


/*curriculum_block*/

.curriculum_block{
	background: #ddd;
	padding:40px 62px;
	margin-bottom: 20px;
}

.curriculum_block li{
	float: left;
	width:265px;
	height:265px;
	background: #FFF;
	margin-right: 20px;
}

.curriculum_block li:last-child{
	margin-right: 0;
}

.curriculum_block p{
	text-align: center;
	font-size: 16px;
	padding-top: 20px;
}


/* top-course-list */

.top-course-list{
	margin: 50px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.top-course-list::after{
	display: none;
}
.top-course-list li{
	width: 49%;
	margin-bottom: 20px;
}

.top-course-list a{
	display: flex;
	justify-content: flex-end;
	position: relative;
	overflow: hidden;
}
.top-course-list a::after{
	content: '';
	width: 45%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #555;
	z-index: -1;
	transition:transform 0.3s;
}

.top-course-list a:hover::after {
	transform:scale(1.1);
}
.top-course-list .title{
	height: 100px;
	padding: 20px 20px 20px 10px;
	color: #fff;
	background: #de6974;
	width: 55%;
	font-size: 22px;
	display: flex;
	align-items: center;
	position: relative;
}

.top-course-list a.course-w::after{
	background: url(../course/images/course-w_main.jpg)no-repeat center 30%;
	background-size: cover;
}
.top-course-list a.course-b::after{
	background: url(../course/images/course-b_main.jpg)no-repeat center 30%;
	background-size: cover;
}
.top-course-list a.course-a::after{
	background: url(../course/images/course-a_main.jpg)no-repeat center 30%;
	background-size: cover;
}
.top-course-list a.course-m::after{
	background: url(../course/images/course-m_main.jpg)no-repeat center 30%;
	background-size: cover;
}
.top-course-list a.course-w .title{
	background: #80000f;
}
.top-course-list a.course-b .title{
	background: #237332;
}
.top-course-list a.course-a .title{
	background: #003c91;
}
.top-course-list .title::before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 40px 100px 0;
	border-color: transparent #de6974 transparent transparent;
	position: absolute;
	top: 0;
	right: 100%;
}

.top-course-list a.course-w .title::before{
	border-color: transparent #80000f transparent transparent;
}
.top-course-list a.course-b .title::before{
	border-color: transparent #237332 transparent transparent;
}
.top-course-list a.course-a .title::before{
	border-color: transparent #003c91 transparent transparent;
}
.top-course-list a span{
	font-size: 15px;
	letter-spacing: normal;
	padding-top: 2px;
}

figure{
	width: 100%;
}

figure img{
	width: 100%;
}

.movie-btn{
	margin-bottom: 50px;
	display: block;
}

/* -- Media query	1080px以下の場合 スマートフォン設定------------------------------------------------------------- */
@media screen and (min-width: 762px) and (max-width: 1100px) {


	.news_photo_block li{
		margin-right: 5px;
	}


	.curriculum_block{
		background: #ddd;
		padding:40px;
		margin-bottom: 20px;
	}
}


/* -- Media query	761px以下の場合 スマートフォン設定------------------------------------------------------------- */
@media all and (max-width: 761px ) {

	.main_visual{
		height:auto;
	}

	.main_visual_panel_block{
		height:auto;
		text-align: center;
		width: 100%;
/*	height:50vw;*/
height:100%; /* 20161209 updated */
}

.main_visual_panel_block .top_main_text{
	position:absolute;
	/* top:-75px; */
	top: 0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:300px;
}

/* 20161209 added */
.main_visual .pickupnews_box{
	display: none;
}

/*20170116追記*/
.cms_block.pickup_news{
	background:rgba(95,15,20,0.8);
	padding:20px;
	display:block;
}

.pickup_news_bar{
	background: #FFF;
	text-align: center;
	position:relative;
	display:block;
}

.top .pages_top_bn_list{
	width:100%;
	top: initial;
	bottom: -3px;
	background:none;
}
.top .pages_top_bn_list li a{
	display:block;
	padding: 0;
}
.top .pages_top_bn_list li {
	float: left;
	width:25%;
	text-align: center;
/*	height:80px;*/
height:auto; /* 20161209 updated */
display:none;
padding-top: 0px;
padding-bottom: 10px; /* 20161209 added */
}

.top .pages_top_bn_list li img{
	width:70%;
	height:auto;
}
.top .pages_top_bn_list li.bnr_pick {
	display:block;
}



.news_photo_block li a .imgbox{
	display:block;
	width:100%;
	height:110px;
	overflow:hidden;
	background-color:#EDEDED;

}

.news_photo_block li a .imgbox img{
	width:110%;
	margin-left:-5%;
}


.cms_block.headline_news{
	padding:10px 0;
}




.curriculum_block{
	padding:2%;
}

.curriculum_block p{
	padding: 2% 0;
}

.curriculum_block li{
	width:100%;
	margin:auto auto 20px;
	height:auto;

}

.cms_block{
	padding:1% 0;
}

.news_photo_block{
	margin-bottom: 1%;
}

.news_photo_block li{
	width:48.5%;
	margin:0 0 1% 1%;
}

.news_photo_block li a img{
	width: 100%;
}

.news_text_block li{
	width:98%;
	margin:0 1% 1%;
	height:auto;

}

.curriculum_block{
	margin-bottom: 0;
}

.curriculum_block li:last-child{
	margin-bottom: 0;
}

.curriculum_block li img{
	width: 100%;
}


/* top-course-list */

.top-course-list{
	margin: 50px 10px;
}
/* 
.top-course-list::after{
	display: none;
}
*/
.top-course-list li{
	width: 100%;
	margin-bottom: 10px;
}
/*
.top-course-list a{
	display: flex;
	justify-content: flex-end;
	position: relative;
}*/
.top-course-list a::after{
	width: 50%;
}

.top-course-list .title{
	height: 80px;
	padding: 10px;
	color: #fff;
	background: #de6974;
	width: 50%;
	font-size: 16px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	position: relative;
	flex-direction: column;
}
/*
.top-course-list a.course-w::after{
	background: url(../course/images/course-w_main.jpg)no-repeat center 30%;
	background-size: cover;
}
.top-course-list a.course-b::after{
	background: url(../course/images/course-b_main.jpg)no-repeat center 30%;
	background-size: cover;
}
.top-course-list a.course-a::after{
	background: url(../course/images/course-a_main.jpg)no-repeat center 30%;
	background-size: cover;
}
.top-course-list a.course-w .title{
	background: #80000f;
}
.top-course-list a.course-b .title{
	background: #237332;
}
.top-course-list a.course-a .title{
	background: #003c91;
}
*/
.top-course-list .title::before{
	border-style: solid;
	border-width: 0 20px 80px 0;
}
/*
.top-course-list a.course-w .title::before{
	border-color: transparent #80000f transparent transparent;
}
.top-course-list a.course-b .title::before{
	border-color: transparent #237332 transparent transparent;
}
.top-course-list a.course-a .title::before{
	border-color: transparent #003c91 transparent transparent;
} */

.top-course-list a span{
	font-size: 14px;
	letter-spacing: normal;
}

}