.main-area h2{
	font-weight: 600;
	margin: 10px 0 20px;
	color: #a04800;
	font-family: "Noto Serif JP", serif;
	font-size: 2.5rem;
	border-bottom: 1px solid #b2b2b2;
}

#news-item{
	background: rgba(252, 247, 242, 0.9);
}

.news-item{
	max-width: 1000px;
	padding: 50px;
	background: #fff;
	border-radius: 50px;
	margin: auto;
}

.news-item h3{
	color:#975c00;
    font-size: 2.1rem;
    letter-spacing: 0.03rem;
	display: inline;
}

.news-item-info-detail{
	display: flex;
	flex-direction: row;
	gap:10px;
	font-family: "Noto Sans JP", sans-serif;
	align-items: center;
}

#up_ymd span{
	font-weight: 600;
	letter-spacing: 0.05rem;
	color: #a04800;
    font-size: 0.9rem;
}

.detailUpfile img{
	max-width: 800px;
}

.detailText,
.detailText span{
    font-size: 1.05rem !important;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	font-weight: 500!important;
	color: #000;
}

.detailText{
    margin-bottom: 10px;
}

.backORcloseBtn{
	display: flex;
	justify-content: flex-end;
	margin: 20px 0 0;
}

.backORcloseBtn a{
	font-size: 1rem;
	letter-spacing: 0.03rem;
	line-height: 1.8rem;
	font-weight: 500;
	color: #ee8fac;
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.backORcloseBtn a span {
	display: block;
    width: 45px;
    aspect-ratio: 1 / 1;
    background: url(../img/pink-arrow.png) no-repeat center;
    background-size: contain;
    transform: scale(-1, 1);
    margin-left: 0;
    margin-right: 10px;
}

.backORcloseBtn a:hover span {
		background: url("../img/purple-arrow.png") no-repeat center;
		background-size: contain;
	}
	
	.backORcloseBtn a:hover{
		color: #563cc6;
	}


@media(max-width:1200px){
	.backORcloseBtn a:hover span {
		background: url(../img/pink-arrow.png) no-repeat center;
		background-size: contain;
	}
	
	.backORcloseBtn a:hover{
		color: #ee8fac;
	}
	
	.main-area h2 {
    	font-size: 2rem;
	}

}




@media(max-width:800px){
	
	
	
	
	.common-button{
		display: flex;
	    justify-content: center;
	}
	
	#news-item {
		margin: 0;
		padding: 0;

	}

	.news-item {
    	padding: 20px;
	}
	
	
	.detailText, .detailText span {
    	font-size: 0.95rem !important;
    	letter-spacing: 0;
    	line-height: 1.4rem;
	}
	
	.main-area h2 {
		font-size: 1.25rem;
	}
	
	#up_ymd {
		font-size: 1rem;
		padding: 5px;
	}
}

@media(max-width:600px){



	#up_ymd {
		font-size: 0.85rem;
		padding: 5px 2px;
	}
	
}