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

/* PC
---------------------------------------------------------------------- */

@media (min-width: 1001px) {
.news {
    padding-top: 155px;
}
/* visual
---------------------------------------------------------------------- */
#pageTitleVox {
	width: 100%;
	height: 345px;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(../images/pageTitleBg.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
}
#pageTitleVox .inner{
	width: 90%;
	height: 345px;
	margin: 0 auto;
	position: relative;
}

/* inner
---------------------------------------------------------------------- */	
/*  news一覧ここから */
#newsWrap .ttl {
	text-align: center;
}
#newsWrap .inner {
	width: 100%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
#newsList>li {
	border-bottom: 1px dotted #231815;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#newsList>li>a {
	display: block;
}
#newsList .date_cat {
	display: flex;
	color: #8D8E8E;
	font-size: 16px;
}
#newsList .catName { 
	font-size: 14px;
    color: #A43840;
    border: 1px solid #A43840;
    letter-spacing: 0.025em;
    padding: 0.2em 0.5em;
}
#newsList .news_title_com .news_title {
	font-size: 18px;
	/* color: #231815; */
	color: #B94047;
	font-weight: 600;
}
#newsList .news_title_com .comment {
	font-size: 16px;
	word-break: break-word;
}
p.pager {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
p.pager a {
	display: inline-block;
	padding: 0 8px;
}

/*  news一覧ここまで */

/*  news個別ページここから */
#detail h2 {
	font-size: 24px;
	color: #A43840;
	margin-bottom: 15px;
}
.backORcloseBtn {
	text-align: center;
	margin-top: 20px;
  padding-top: 20px;
	border-top: 1px dotted #231815;
}
.backORcloseBtn a {
	background: #231815;
	color: #fff;
	width: 140px;
	padding: 8px 10px;
	border-radius: 150px;
	margin: 0 auto;
}
/*  news個別ページここまで */
}


/* SP
---------------------------------------------------------------------- */
@media screen and (max-width:1000px){
/* visual
---------------------------------------------------------------------- */
#pageTitleVox {
	width: 100%;
	height: 250px;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(../images/pageTitleBg_sp.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
	margin-top: -80px;
}
#pageTitleVox .inner{
	width: 90%;
	height: 250px;
	margin: 0 auto;
	position: relative;
}

/* inner
---------------------------------------------------------------------- */	
#newsWrap .inner {
	width: 90%;
	max-width: 650px;
	margin-right: auto;
	margin-left: auto;
}

/*  news一覧ここから */
#newsList>li {
	border-bottom: 1px dotted #231815;
	margin-bottom: 4vw;
	padding-bottom: 4vw;
}
#newsList>li>a {
	display: block;
}
#newsList .date_cat {
	display: flex;
	color: #8D8E8E;
	font-size: 3.8vw;
}
#newsList .catName { 
	font-size: 14px;
    color: #A43840;
    border: 1px solid #A43840;
    letter-spacing: 0.025em;
    padding: 0.2em 0.5em;
}
#newsList .news_title_com .news_title {
	font-size: 3.6vw;
	/* color: #231815; */
	color: #B94047;
	font-weight: 600;
}
#newsList .news_title_com .comment {
	font-size: 3.3vw;
	word-break: break-word;
}
p.pager {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2vw;
}
p.pager a {
	display: inline-block;
	padding: 0 2vw;
}
p.pager a.current {
    border-bottom: 1px solid #B94047;
}
/*  news一覧ここまで */

/*  news個別ページここから */
#detail h2 {
	font-size: 4.6vw;
	color: #A43840;
	margin-bottom: 4vw;
}
.backORcloseBtn {
	text-align: center;
	margin-top: 5vw;
  padding-top: 5vw;
	border-top: 1px dotted #231815;
}
.backORcloseBtn a {
	background: #231815;
	color: #fff;
	width: fit-content;
	padding: 1vw 6vw;
	border-radius: 10vw;
	margin: 0 auto;
}
/*  news個別ページここまで */

}