@charset "utf-8";


/* レスポンシブデザイン */
@media screen and (max-width:1200px) {
	main #main_contents2 .container_w .category select{
		height: 3rem;
		width: 15rem;
		font-size: 1.2rem;
		margin-left: 2rem;
		padding: 0.5rem 0;
	}
	main #main_contents2 .container_w{
		width: 100%;
	}

	main #main_contents2 .container_w .all_news ul{
		height: 30rem;
		display: flex;
	}
	#main_contents2 .container_w .all_news{
		flex-direction: column;
		margin: 0 2rem;
		align-items: center;
		margin-left: -30rem;
		margin-right: 10rem;
	}

	.all_news ul li ul{
		flex-direction: column;
	}

	.all_news ul img{
		margin-right: 2rem;

	}
	main #main_contents2 .container_w .all_news img:hover{
		transform: none;
	}
	main #main_contents2 .container_w .all_news .kijititle{
		transition: none;
	}
	main #main_contents2 .container_w .all_news .kijititle:hover{
		opacity: none;
	}
	main #main_contents2 .container_w .all_news .no-data {
		margin: 0 auto;
	}

}

@media screen and (max-width: 800px) {
	
	main #main_contents2 .container_w .category select{
		height: 3rem;
		width: 15rem;
		font-size: 1.2rem;
		margin-left: 2rem;
		padding: 0.5rem 0;
	}

	main #main_contents2 .container_w .all_news{
		flex-direction: column;
		align-items: center;
		margin-left: 0;
		margin-right: 0;
	}
	main #main_contents2 .container_w .all_news ul{
		height:23rem;
		width: 24rem;
		margin-bottom: 7rem;
	}

	main #main_contents2 .container_w .all_news ul li{
		line-height: 2.5rem;
	}

	main #main_contents2 .container_w .all_news ul li ul{
		margin-top: -2rem;
		text-align: left;
	}

	main #main_contents2 .container_w .all_news .kijititle{
		font-size: 1.6rem;
	}

	main #main_contents2 .container_w .all_news ul{
		display: block;
	}

	.all_news ul li ul{
		flex-direction: column;
	}

	main #main_contents2 .container_w .all_news ul img{
		width: 25rem;
		height: 17.6rem;
	}

	.container_w .all_news ul li ul li button{
		font-size: 1rem;

	}

	main #main_contents2 .container_w .pagenation ul{
		margin-right: 3rem;
	}

	main #main_contents2 .container_w .pagenation ul li {
		padding: 0.5rem 1rem;
	}
	main #main_contents2 .container_w .pagenation ul .this{
		padding: 0.5rem 1rem;
	}
	main #main_contents2 .container_w .all_news .no-data {
		font-size: 2rem;
		margin-bottom: 2rem;
	}
}


/* メイン　ここから */
main {
	background-image: url("../images/news/news_contents_back_hatanami3.png");
	background-repeat: repeat;
}


.contents_page_heading {
	background-color: white;
}
#page_pan{
	background-color: white;
}

#main_contents2 .container_w .contents_title h2{
	color: white;
}

#main_contents2 .container_w .category{
	background-color: transparent;
	padding: 7rem 0 4rem 0;
	margin-left: 0;
}
#main_contents2 .container_w .category select{
	height: 3.5rem;
	width: 22rem;
	letter-spacing: 0.2rem;
}

/* 記事エリア ここから*/
main #main_contents2 .all_news .no-data {
    margin: 2rem auto;
    color: white;
    font-size: 4rem;
    font-weight: normal;
}

.all_news ul li ul li{
	letter-spacing: 0.2rem;
	font-weight: bold;
	background-color: transparent;
	font-size: 1.6rem;
}

.all_news ul li ul li button{
	border-radius:1.5rem;
    background-color: #e2e768;
    border:none;
    padding: 0.3rem 2rem;
    font-size: 1.2rem;
	margin: 2rem 0 1rem 1rem;
}

#main_contents2 .container_w .all_news{
    display: flex;
    justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0 1rem;
}

#main_contents2 .container_w .all_news ul{
	color: white;
	padding:0;
	list-style-type:none;
	margin-right: 2rem;
	width: 37rem;
}

#main_contents2 .container_w .all_news a{
	color: white;
}

#main_contents2 .container_w .all_news img{
	transition: all .2s 0s ease-in-out;
	width: 37.3rem;
	height: 26.3rem;
	object-fit: cover;
	border-radius: 1rem;

}
#main_contents2 .container_w .all_news img:hover{
	transform: rotate(-4deg);
}
#main_contents2 .container_w .all_news .kijititle{
	transition: all .2s ease-in;
	font-size: 2rem;
	font-weight: normal;
}
#main_contents2 .container_w .all_news .kijititle:hover{
	opacity: 0.5;
}

#main_contents2 .container_w .all_news ul li{
	letter-spacing: 0.3rem;
	line-height: 3.5rem;
}



/* 記事エリア ここまで*/

#main_contents2 .container_w .pagenation{
	background-color: transparent;
	padding-bottom: 10rem;
	text-align: center;
	color: white;
	font-weight: bold;
	
}

#main_contents2 .container_w .pagenation ul li {
	display:inline-block;
	padding:1rem 1.5rem;
	margin: 0 0.2rem;
	border:none;
	color:#626262;
	background-color: #e2e768;
	border-radius: 0.5rem / 0.5rem;
	font-weight: bold;
	transition: all .2s ease-in;
}

#main_contents2 .container_w .pagenation ul li:hover {
	opacity: 0.5;
}
#main_contents2 .container_w .pagenation ul .this{
	display:inline;
	padding:1rem 1.5rem;
	border:none;
	color:#626262;
	background-color: white;
	border-radius: 0.5rem / 0.5rem;
	font-weight: bold;
}


/* メイン　ここまで */

#supporter {
	background-color: white;
	margin-top: -3rem;
}
#contact {
	background-color: white;
}

#main_contents2 .container_w .pagenation ul .this{
	display:inline;
	padding:1rem 1.5rem;
	border:none;
	color:#626262;
	background-color: white;
	border-radius: 0.5rem / 0.5rem;
	font-weight: bold;
}



/* メイン　ここまで */

#supporter {
	background-color: white;
	margin-top: -3rem;
}
#contact {
	background-color: white;
}