@charset "UTF-8";




/*◎769px以上*/
@media screen and (min-width: 769px) {
}

/*◎769〜1240の間の幅*/
@media screen and (min-width: 769px) and (max-width: 1240px){
}

/* ------------------------------------------------------------------------------- */
/* お知らせ */
/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }



#newsWrap{
    width: min(85% ,1200px);
    margin-left: auto;
    margin-right: auto;
		margin-top: 5rem;
}
/*◎768px以下*/
@media screen and (max-width: 751px) {
		#newsWrap{margin-top: 2rem;}
}
#newsList a:hover{color: var(--main-d);}

ul#newsList li{
	border-bottom: solid 1px var(--gray-el);
  padding: 1.8rem 0;
}
ul#newsList li:last-child{border-bottom: solid 1px var(--gray-el);}
.up_ymd{
	color: var(--main-c);
	font-size: var(--font-s);
	font-weight: 400;
	margin-right: 0.8rem;
}
.title{
	letter-spacing: 0.1rem;
	font-size: var(--font-l);
	font-weight: 400;
}
.catName{
	display:inline-block;
	padding:2px 0.5rem 3px 0.5rem;
	border:1px solid var(--gray-el);
	border-radius:0.2rem;
	font-size:var(--font10);
	margin-right: 0.5rem;
}
.newMark{
	display:inline-block;
	padding:1px 0.5rem 3px 0.5rem;
	font-size:11px;
	line-height:100%;
	background:var(--red);
	color:#fff;
	border-radius:8px;
	margin-right: 0.5rem;
}

.wrap_comment div{margin-bottom: 1rem;}
.comment{
	display:block;
	line-height: 1.8rem;
	letter-spacing: 0.1rem;
	text-align: justify;
	margin-top: 0.5rem;
	font-size: var(--font-s);
}

/* Pager style（外部化可） */
.pager{
	text-align:right;
	padding:10px;
	clear:both;
}
/*ページャーボタン*/
.pager a{
    border: 1px solid var(--gray-el);
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 0.3rem 0.8rem 0.5rem 0.8rem;
    text-decoration: none;
	margin:0 1px;
}

/*現在のページのボタン*/
.pager a.current{
    background: #999;
    border: 1px solid var(--gray-el);
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: var(--font12);
    padding: 0.3rem 0.8rem 0.5rem 0.8rem;
	margin:0 1px;
    text-decoration: none;
}

.pager a:hover{
    background:#999;
    color: #fff;
}
.overPagerPattern{padding:0 2px ;}


/* ------------------------------------------------------------------------------- */
/* 詳細ページ */

.pNav{
	font-size: var(--font10);
	margin-bottom: 2rem;
	font-weight: 500;
}
.pNav a{color: var(--main-d);}
.pNav a:hover{color: var(--red);}

#up_ymd{
	font-size: var(--font-s);
	font-weight: 400;
}
h2{
	font-size: var(--font-xl);
	font-weight: 400;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}

.detailUpfile{text-align: center;}
.detailText{
	line-height: 1.6rem;
	letter-spacing: 0.1rem;
	text-align: justify;
	margin-bottom: 2rem;
}

.backORcloseBtn{
	text-align:center;
	margin-top:5rem;
}
.backORcloseBtn a{
	display:inline-block;
	padding:0.5rem 5rem;
	color:var(--white);
	border-radius:30px;
	text-decoration:none;
	font-size:var(--font12);
	background-color:var(--gray);
}
.backORcloseBtn a:hover{background-color:var(--main-d);}