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


@media screen and (min-width: 1080px){
	
	
}




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

/*--------------カテゴリ別ナビ--------------*/

	.category_nav{
		width: 100%;
		margin: 7px auto;
	}

	.category_nav ul{
		width: 100%;
		margin: 0 auto;
	}

	.category_nav ul li{
		width: calc(100%/2);
		box-sizing: border-box;
		float: left;
	}

/*--------------更新リスト--------------*/

	.back_numbar{
		width: 100%;
	}

	#article_list{
		width: 100%;
	}

	.list_item1{flex-basis: 5%;}
	.list_item2{flex-basis: 10%;}
	.list_item3{flex-basis: 90%;}
	.list_item4{flex-basis: 5%;}


	.list_item1 .category_course{
		padding: 5px;
		width: 50px;
		font-size: 12px;
	}

	.list_item1 .category_play{
		width: 50px;
		padding: 5px;
		font-size: 12px;
	}


	.list_item3 a{
		display: inline-block;
		margin-bottom: 7px;
		font-size: 16px;
		font-weight: bold;
	}

	.list_item3 a:hover{
		transition: all ease .5s;
		color: #95c623;
	}
	
	.list_item3 p{
		font-size: 13px;
	}
	
	.list_item4{
		font-size: 13px;
	}


}


@media screen and (min-width: 480px) and (max-width: 767px){
	
	
	/*ヘッダー現在地・ロゴ*/

	header ul li a.link_1{
		color: #95c623;
		background: none;
		padding-left: 0px;
		font-size: 15px;
		display: block;
		height: 20px;
	}
	header ul li a.link_1:hover{
		color: #95c623;
	}
	
	/*--------------カテゴリ別ナビ--------------*/

	.category_nav{
		width: 100%;
		margin: 7px auto;
	}

	.category_nav ul{
		width: 100%;
		margin: 0 auto;
	}

	.category_nav ul li{
		width: calc(100%/2);
		box-sizing: border-box;
		float: left;
	}
	
	/*--------------更新リスト--------------*/

	.back_numbar{
		width: 100%;
	}

	#article_list{
		width: 100%;

	}
	
	#article_list div{
		box-sizing: border-box;

	}

	
	#article_list .list_box{
		flex-flow:row wrap;
	}

	.list_item1{
		flex-basis: 50%;
		order: 1;
	}
	.list_item2{
		display: none;
		flex-basis: 0%;
		height: 0px;
		width: 0;
		order: 2;
	}
	.list_item3{
		flex-basis: auto;
		order: 4;
		width: 100%;
		margin-top: 10px;
	}
	.list_item4{
		flex-basis: 45%;
		order: 3;
		text-align: right;
	}
	
	.list_item1 .category_course{
		padding: 5px;
		width: 50px;
		font-size: 12px;
	}

	.list_item1 .category_play{
		width: 50px;
		padding: 5px;
		font-size: 12px;
	}


	.list_item3 a{
		display: inline-block;
		margin-bottom: 7px;
		font-size: 16px;
		font-weight: bold;
	}

	.list_item3 a:hover{
		transition: all ease .5s;
		color: #95c623;
	}
	
	.list_item3 p{
		font-size: 13px;
	}
	
	.list_item4{
		font-size: 13px;
	}



	
}



@media screen and (max-width: 479px){
	
	
	/*ヘッダー現在地・ロゴ*/

	header ul li a.link_1{
		color: #95c623;
		background: none;
		padding-left: 0px;
		font-size: 15px;
		display: block;
		height: 20px;
	}
	header ul li a.link_1:hover{
		color: #95c623;
	}

	
/*--------------カテゴリ別ナビ--------------*/

	.category_nav{
		width: 100%;
		margin: 7px auto;
	}

	.category_nav ul{
		width: 100%;
		margin: 0 auto;
	}

	.category_nav ul li{
		width: calc(100%/2);
		box-sizing: border-box;
		float: left;
	}
	
		/*--------------更新リスト--------------*/

	.back_numbar{
		width: 100%;
	}

	#article_list{
		width: 100%;

	}
	
	#article_list div{
		box-sizing: border-box;

	}

	
	#article_list .list_box{
		flex-flow:row wrap;
	}

	.list_item1{
		flex-basis: 40%;
		order: 1;
	}
	.list_item2{
		display: none;
		flex-basis: 0%;
		height: 0px;
		width: 0;
		order: 2;
	}
	.list_item3{
		flex-basis: auto;
		order: 4;
		width: 100%;
		margin-top: 10px;
	}
	.list_item4{
		flex-basis: 45%;
		order: 3;
		text-align: right;
	}
	
	.list_item1 .category_course{
		padding: 5px;
		width: 50px;
		font-size: 12px;
	}

	.list_item1 .category_play{
		width: 50px;
		padding: 5px;
		font-size: 12px;
	}


	.list_item3 a{
		display: inline-block;
		margin-bottom: 7px;
		font-size: 16px;
		font-weight: bold;
	}

	.list_item3 a:hover{
		transition: all ease .5s;
		color: #95c623;
	}
	
	.list_item3 p{
		font-size: 13px;
	}
	
	.list_item4{
		font-size: 13px;
	}




}