﻿@charset "utf-8";
/*--京common.css--*/
/* ##########PC########## */
.pbnews_box{
	width:980px;
	margin:20px auto 0 auto;
}

	.pbnews_box > .box_header{
		font-size:1.1em;
		text-align:center;
		margin-bottom:2em;
		border-bottom:1px dotted #aaa;
		padding-bottom:1em;
	}
	
		.pbnews_box > .box_header p.sub_title{
			margin-bottom:1em;
		}
		
		.pbnews_box > .box_header h3{
			font-size:1.6em;
			font-weight:bold;
			margin-bottom:0.5em;
			color:#004E93;
		}
		
	.pbnews_box > .box_inner{
		padding:0 20px;
	}
	
		.pbnews_box > .box_inner > p{
			text-align:center;
			font-size:1.1em;
			margin-bottom:2em;
		}
	
		.pbnews_box > .box_inner ul{
			display:flex;
			flex-wrap:wrap;
			counter-reset: item;

		}
		
			.pbnews_box > .box_inner ul li{
				width:calc((100% - 60px) / 4);
				margin-right:20px;
				margin-bottom:30px;
				background:#e6f0fc;
				position:relative;
			}
			
			
				.pbnews_box > .box_inner ul li:nth-child(4n){
					margin-right:0;
				}
				
				.pbnews_box > .box_inner ul li:before{
					counter-increment: item;
					content: counter(item);
					position:absolute;
					z-index:1;
					top:0.5em;
					left:0.5em;
					display:flex;
					justify-content:center;
					align-items:center;
					width:30px;
					height:30px;
					border-radius:15px;
					background:rgba(255,255,255,0.9);
					color:rgba(0,78,147,1);
					font-weight:bold;
				}
				
				.pbnews_box > .box_inner ul li a{
					position:relative;
					z-index:1;
					display:block;
					text-align:center;
					text-decoration:none;
					color:#111;
					padding:15px 0;
					transition:.3s all;
				}
				
				.pbnews_box > .box_inner ul li a:hover{
					background:rgba(255,255,255,0.3);
				}
				
					.pbnews_box > .box_inner ul li .publish_date{
						display:block;
						text-align:center;
						margin-bottom:0.5em;
					}
					
					.pbnews_box > .box_inner ul li .article_img{
						display:block;
					}

				
						.pbnews_box > .box_inner ul li a img{
							height:300px;
							width:auto;
						}
						
.mfp-close{
	font-size:40px !important;
}
	

/* ##########SP########## */
@media screen and (max-width:479px) {
	.pbnews_box{
		width:100%;
		margin:5vw 0 0 0;
		box-sizing:border-box;
		padding:0 3vw;
	}
	
		.pbnews_box > .box_header{
			font-size:1em;
			margin-bottom:2em;
		}
		
			.pbnews_box > .box_header h3{
				font-size:5.2vw;
				font-weight:bold;
			}
			
		.pbnews_box > .box_inner{
			padding:0;
		}
		
			.pbnews_box > .box_inner > p{
				font-size:0.9em;
				margin-bottom:1em;
			}
		
				.pbnews_box > .box_inner ul li{
					width:calc((100% - 4vw) / 3);
					margin-right:2vw;
					margin-bottom:2vw;
					background:#e6f0fc;
				}
				
					.pbnews_box > .box_inner ul li:nth-child(3n){
						margin-right:0;
					}
					
					.pbnews_box > .box_inner ul li:nth-child(4n){
						margin-right:2vw;
					}
					
					.pbnews_box > .box_inner ul li:nth-child(12n){
						margin-right:0;
					}
					
					.pbnews_box > .box_inner ul li:before{
						margin:auto;
						left:0;
						right:0;
					}
				
					
					.pbnews_box > .box_inner ul li a{
						padding:45px 3vw 3vw 3vw;
					}
					
						.pbnews_box > .box_inner ul li .publish_date{
							font-size:2.6vw;
						}
					
							.pbnews_box > .box_inner ul li a img{
								height:auto;
								width:100%;
							}
}

/* ##########印刷用########## */
@media print{

}

/*IEの印刷用調整*/
@media print and (-ms-high-contrast: none){
	.pbnews_box > .box_inner ul{
		display:block;
		overflow:hidden;
	}
	
		.pbnews_box > .box_inner ul li{
			float:left;
		}
	
	
	footer{
		clear:both;
	}
}

/*Edgeの印刷用調整*/
@media print{
	@supports (-ms-ime-align:auto) {
		.pbnews_box > .box_inner ul{
			display:block;
			overflow:hidden;
		}
		
			.pbnews_box > .box_inner ul li{
				float:left;
			}
		
		
		footer{
			clear:both;
		}
	}
}
