@charset "UTF-8";

/*----------------------------------------------------
  # ビーウェブ オリジナル
----------------------------------------------------*/
@media screen and (min-width: 600px) {

	.site-branding img.headerLogo {
		display: inline-block;
		width: 200px;
		height: auto;
		margin-top: 25px;
		vertical-align: middle;
	}
	
	.site-branding p.org-description {
		display: inline-block;
		margin: 40px 0px 0px 20px;
		font-size: 0.8rem;
		color: #000000;
		vertical-align: middle;
	}
	
	.with-featured-image {
		height: 400px !important;
	}
	
	#pageLink {
		width: 900px;
		margin: 60px auto;
		padding: 0px;
	}
	
	#pageLink ul {
		display: table;
		width: 100%;
		margin: 0px;
		padding: 0px;
		border-collapse: separate;
		border-spacing: 10px;
	}
	
	#pageLink ul li {
		display: table-cell;
		width: 33.3%;
		padding: 40px 10px;
		color: #FFFFFF;
		cursor: pointer;
	}
	
	#pageLink ul li:hover {
		opacity: 0.6;
	}
	
	#pageLink ul li:nth-child(1) {
		background-color: #28284F;
	}
	
	#pageLink ul li:nth-child(2) {
		background-color: #2EA7E0;
	}
	
	#pageLink ul li:nth-child(3) {
		background-color: #8FC31F;
	}
	
	#pageLink ul li h3 {
		margin: 0px;
		padding: 0px;
		text-align: center;
		font-size: 1.1rem;
		line-height: 100%;
	}
	
	#pageLink ul li h3 small {
		display: block;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		font-size: 0.8rem;
	}
	
	#pageLink ul li p {
		margin: 20px 20px 0px 20px;
		padding: 20px 0px 0px 0px;
		font-size: 0.7rem;
		text-align: left;
		border-top: #FFFFFF 1px solid;
	}
	
	
	/*----------------------------------------------------
		# ページネーション
	----------------------------------------------------*/
	#bw_pager {
		margin: 0px 0px 20px 0px;
		padding: 0px;
		color: #000000;
		font-size: 14px;
		text-align: center;
	}

	#bw_pager .pages {
		display: inline-block;
		margin: 0px 0px 0px 20px;
		padding: 7px 10px;
		background-color: #E8E8E8;
		border-radius: 5px;
	}

	#bw_pager .prev {
		display: inline-block;
		margin: 0px 10px 0px 0px;
		padding: 5px;
		text-decoration: none;
		border: #CCCCCC 1px solid;
		border-radius: 5px;
	}

	#bw_pager .next {
		display: inline-block;
		margin: 0px 0px 0px 10px;
		padding: 5px;
		text-decoration: none;
		border: #CCCCCC 1px solid;
		border-radius: 5px;
	}

	#bw_pager a.page {
		display: inline-block;
		margin: 0px 2px 0px 2px;
		padding: 5px;
		text-decoration: none;
		border: #CCCCCC 1px solid;
		border-radius: 5px;
	}

	#bw_pager span.page {
		display: inline-block;
		margin: 0px 2px 0px 2px;
		padding: 5px;
		color: #FFFFFF;
		text-decoration: none;
		background-color: #0073aa;
		border-radius: 5px;
	}
	
	
}



/*************************************************************************************************************/



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

	.site-branding img.headerLogo {
		display: block;
		width: 40%;
		height: auto;
		margin: 25px auto 0px auto;
	}
	
	.site-branding p.org-description {
		display: block;
		margin: 20px auto;
		font-size: 0.7rem;
		color: #000000;
		text-align: center;
	}
	
	.with-featured-image {
		width: auto;
		height: 100px !important;
	}
	
	#pageLink {
		width: auto;
		margin: 30px auto;
		padding: 0px 10px;
	}
	
	#pageLink ul {
		display: block;
		width: 100%;
		margin: 0px;
		padding: 0px;
		border-collapse: separate;
		border-spacing: 10px;
	}
	
	#pageLink ul li {
		display: block;
		width: 100%;
		padding: 40px 10px;
		color: #FFFFFF;
		cursor: pointer;
	}
	
	#pageLink ul li:hover {
		opacity: 0.6;
	}
	
	#pageLink ul li:nth-child(1) {
		background-color: #28284F;
	}
	
	#pageLink ul li:nth-child(2) {
		background-color: #2EA7E0;
	}
	
	#pageLink ul li:nth-child(3) {
		background-color: #8FC31F;
	}
	
	#pageLink ul li h3 {
		margin: 0px;
		padding: 0px;
		text-align: center;
		font-size: 1.1rem;
		line-height: 100%;
	}
	
	#pageLink ul li h3 small {
		display: block;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		font-size: 0.8rem;
	}
	
	#pageLink ul li p {
		margin: 20px 20px 0px 20px;
		padding: 20px 0px 0px 0px;
		font-size: 0.7rem;
		text-align: left;
		border-top: #FFFFFF 1px solid;
	}
	
	
	/*----------------------------------------------------
		# ページネーション
	----------------------------------------------------*/
	#bw_pager {
		margin: 0px 0px 20px 0px;
		padding: 0px;
		color: #000000;
		font-size: 14px;
		text-align: center;
	}

	#bw_pager .pages {
		display: inline-block;
		margin: 0px 0px 0px 20px;
		padding: 7px 10px;
		background-color: #E8E8E8;
		border-radius: 5px;
	}

	#bw_pager .prev {
		display: inline-block;
		margin: 0px 10px 0px 0px;
		padding: 5px;
		text-decoration: none;
		border: #CCCCCC 1px solid;
		border-radius: 5px;
	}

	#bw_pager .next {
		display: inline-block;
		margin: 0px 0px 0px 10px;
		padding: 5px;
		text-decoration: none;
		border: #CCCCCC 1px solid;
		border-radius: 5px;
	}

	#bw_pager a.page {
		display: inline-block;
		margin: 0px 2px 0px 2px;
		padding: 5px;
		text-decoration: none;
		border: #CCCCCC 1px solid;
		border-radius: 5px;
	}

	#bw_pager span.page {
		display: inline-block;
		margin: 0px 2px 0px 2px;
		padding: 5px;
		color: #FFFFFF;
		text-decoration: none;
		background-color: #0073aa;
		border-radius: 5px;
	}
	


}