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

.p-access__body{
    margin-right: auto;
    margin-left: auto;
    display: -ms-grid;
    display: grid;
    margin-top: 1.75rem;
    margin-bottom: 3.75rem;
}

.p-access__body .date{
    display: block;
	margin-bottom: 10px;
}

.post_newstitle{
	font-size: 24px;
	margin-bottom: 20px;
}

.blog-detail__image{
	margin-bottom: 30px;
}

.post_content{
	margin-bottom: 40px;
}

.post_content h2{
	margin-top: 20px;
	margin-bottom: 5px;
}

.post_content p{
	margin-bottom: 30px;
}

.post_content .wp-block-file{
	margin: 20px 0;
	color: #951e27;
	
}

.post_content .wp-block-file a:not(.wp-block-file__button){
	text-decoration: underline;
}

.wp-block-file .wp-block-file__button {
	background: #951e27;
    display: inline-block;
}

.wp-block-image{
	margin-bottom: 20px;
}

.p-topNews{
	width: calc(100% - 2.5rem);
	max-width: 900px;
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
}

.p-topNews__title{
	font-family:"Noto Serif JP",serif;
	font-size:1.375rem;
	font-weight:600;
	margin-top:1.125rem;
	margin-bottom:1.125rem;
	text-align:center;
}
.p-topNews__column ul {
	list-style: none;
}
.p-topNews__column li {
	border-bottom: 1px solid;
}
.p-topNews__column li:first-child{
	border-top: 1px solid;
}

.p-topNews__column li a{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
	padding: 1rem 1.5rem;
	transition: .3s;
}
.p-topNews__column li a:hover {
	background: #f4f4f4;
	opacity: 1;
}

.p-topNews__column li img{
	flex: 0 1 30%;
	width: 30%;
	height: 30%;
}

.p-topNews__column .newsDate{
	flex: 0 1 66%;
	width: 66%;
}

.p-topNews__column .newsDate p:not(.newsTitle){
	font-size: 13px;
	margin-bottom: 5px;
}

.p-topNews__column .newsDate .newsTitle{
	font-weight: bold;
	font-size: 15px;
}


@media print, screen and (min-width: 35em){
	.p-access__body{
		margin-top: 2.375rem;
		margin-bottom: 5.625rem;
	}
	.p-topNews{
	    width:80%;
	}
	
	.p-topNews__column li img{
		flex: 0 1 16%;
		width: 16%;
		height: 16%;
	}

	.p-topNews__column .newsDate{
		flex: 0 1 80%;
		width: 80%;
	}
	.p-topNews__column .newsDate p:not(.newsTitle){
		font-size: 14px;
	}

	.p-topNews__column .newsDate .newsTitle{
		font-size: 16px;
	}
}

@media print, screen and (min-width: 60em){
	.p-access__body{
		margin-bottom: 10.5rem;
	}
}