/*------------- 最近行われた授業の紹介  -------------*/
main #lesson {
	/*padding:100px 0;*/
	border-top:1px solid #ccc;
	background-image:url(../img/section_partition01.png);
	background-position:top;
	background-repeat:repeat-x;
}

main #lesson div.inner{
	width:1024px;
	margin:0 auto;
}

main #lesson h2 {
	font-size:30px;
	margin:0 0 30px;
	font-weight:400;
	text-align:center;
}

main #lesson {
	position:relative;
	background-color:transparent;
}

main #lesson ul.lesson{
	width:100%;
	text-align:center;
	background-color:transparent;
}

main #lesson ul.lesson > li{
	width:318px;
	overflow:hidden;
	margin:0 10px 20px 10px;
	background-color:transparent;
	height:430px;
	display:inline-block;
}

main #lesson ul.lesson > li h3.date{
	font-size:18px;
	color:#666;
	text-align:center;
	font-weight:normal;
}

main #lesson ul.lesson > li a.block{
	display:block;
	width:318px;
	height:400px;
	margin:0 auto;
	background-color:#fff;
	position:relative;
	overflow:hidden;
	
	transition:all 0.2s;
}

		main #lesson ul.lesson > li a.block:hover{
			background-color:#f9f2e8;
			box-shadow:5px 5px 0 rgba(0,0,0,0.3);
		}

main #lesson ul.lesson > li a.block div.eyecatch{
	width:100%;
	height:200px;
	background-position:center center;
	background-size:cover;
	margin:0 0 15px 0;
	background-image:url(http://www.shinshu-u.ac.jp/faculty/econlaw/img/no_img01.png);
}

main #lesson ul.lesson > li a.block p.tag{
	text-align:center;
	margin:0 20px 15px 20px;
	max-width:90%;
}

main #lesson ul.lesson > li a.block p.tag span{
	display:inline-block;
	background-color:#282835;
	color:#fff;
	padding:5px 10px;
	text-align:center;
	margin:0 auto 0 auto;
}

main #lesson ul.lesson > li a.block p.title{
	font-size:16px;
	color:#333;
	line-height:1.5em;
	padding:0 20px;
	text-align:left;
}

main #lesson ul.lesson > li a.block p.more{
	position:absolute;
	right:-66px;
	bottom:-66px;
	width:51px;
	height:31px;
	padding:35px 15px 0 0;
	line-height:20px;
	text-align:right;
	color:#fff;
	background-image:url(../../img/more_img_back01.png);
	background-position:center center;
	background-repeat:no-repeat;
	
	transition:all 0.4s;
}

		main #lesson ul.lesson > li a.block:hover p.more{
			right:0px;
			bottom:0px;
		}

main #lesson .btn_item {
	width:40%;
	margin:0 auto;
}
main #lesson .btn_item i {
	position:absolute;
	right:3%;
	top:10px;
}

main #lesson .btn a {
	height:60px;
	line-height:60px;
	color:#fff;
	background:#333;
}
main #lesson .btn a:hover {
	background:#ff8b07;
}
main #lesson .btn a i {
	margin:0 10px 0 0;
}

main #lesson .bx-wrapper .bx-prev {
	left:-60px;
	top:220px;
}

		main #lesson .bx-wrapper .bx-prev:hover {
			background-color:#ff8b07;
		}
		
main #lesson .bx-wrapper .bx-next {
	right:-60px;
	top:220px;
}
		  
		main #lesson .bx-wrapper .bx-next:hover {
			background-color:#ff8b07;
		}

main #lesson .bx-wrapper .bx-controls-direction a {
	width: 40px;
	height: 40px;
	border-radius:20px;
	background-color:#282835;
}

/* =============================================
----------------------------------------------------------------
----------------------------------------------------------------
タブレット表示用
----------------------------------------------------------------
----------------------------------------------------------------
=============================================*/
@media screen and (min-width:768px) and ( max-width:1024px) , print{

main #lesson div.inner{
	width:90%;
	margin:0 auto;
}

main #lesson .bx-wrapper .bx-prev {
	left:0;
	top:220px;
}

main #lesson .bx-wrapper .bx-next {
	right:0;
	top:220px;
}

}


/* =============================================
----------------------------------------------------------------
----------------------------------------------------------------
スマホ表示用
----------------------------------------------------------------
----------------------------------------------------------------
=============================================*/

@media screen and (max-width: 767px) {
/*  sp  */

main #lesson {
	padding:40px 0;
}

main #lesson div.inner{
	width:90%;
	margin:0 auto;
}

main #lesson h2 {
	font-size:24px;
	margin:0 0 20px 0;
}

main #lesson {
	
}

main #lesson ul.slider_lesson{
	width:100%;
}

main #lesson ul.lesson > li{
	width:100%;
	margin:0 0 20px 0;
}

main #lesson ul.lesson > li h3.date{
	font-size:18px;
}

main #lesson ul.lesson > li a.block{
	width:100%;
}

		main #lesson ul.lesson > li a.block:hover{
			
		}

main #lesson ul.lesson > li a.block div.eyecatch{

}

main #lesson ul.lesson > li a.block p.tag{
	
}

main #lesson ul.lesson > li a.block p.tag span{
	
}

main #lesson ul.lesson > li a.block p.title{
	
}

main #lesson ul.lesson > li a.block p.more{
	
}

		main #lesson ul.lesson > li a.block:hover p.more{
			
		}

main #lesson .btn_item {
	width:40%;
	margin:0 auto;
}
main #lesson .btn_item i {
	
}

main #lesson .btn a {
	
}
main #lesson .btn a:hover {
	
}
main #lesson .btn a i {
	
}

main #lesson .bx-wrapper .bx-prev {
	left:30px;
	bottom:30px;
}

main #lesson .bx-wrapper .bx-next {
	right:30px;
	bottom:30px;
}

main #lesson .bx-wrapper .bx-controls-direction a {
	width: 40px;
	height: 40px;
	border-radius:20px;
}

}