@charset "UTF-8";
/* 全体に */
*{
	margin:0;
	padding:0;
}

/* 見ているぺージの文字色 */
#news #wrap header nav ul li#nav_news a{
	color:#881117;
	font-weight:bold;
}

/* スマホ版のみ改行のため無効化 */
.br_media{
	display:none;
}

/********** ↓文字関係↓ **********/
/* 書体 */
h1, h2, h3{
	font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif!important;
}

/* h1の文字サイズと色 */
h1{
	font-size:min(3.3vw, 36px);
	color:#fff;
}

/* h3の文字サイズ */
h3{
	font-size:min(1.5vw, 16px);
}

/* 記事の日付と内容の文字サイズ */
.news_flex_item time, .news_flex_item p{
	font-size:min(1.4vw, 15px);
}
/********** ↑文字関係↑ **********/

/******************** ↑まとめたもの↑ ********************/


/******************** ↓ファーストビュー↓ ********************/
/* ファーストビュー */
.fv_news{
	display:block;
	height:min(35.2vw, 380px);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
/* ロゴのサイズと位置関係 */
.logo{
	width:min(11.1vw, 120px);
	height:auto;
	padding-top:min(6.9vw, 75px);
}
/* ファーストビューのタイトル */
.fv_news h1{
	text-align:center;
	margin-top:min(2.3vw, 25px);
}
/******************** ↑ファーストビュー↑ ********************/


/******************** ↓セクション↓ ********************/
section{
	background-color:#ffffeb;
}
/* 外箱 */
.news_flex_container{
	margin:0 auto;
	padding:min(5.6vw, 60px) 0;
	display:block;
	width:min(96.4vw, 1040px);
}
/* 内箱 */
.news_flex_item{
	list-style-type:none;
	width:min(27.8vw, 300px);
	height:min(26.9vw, 290px);
	background:#fff;
	border:1px solid #ddd;

	display:inline-block;
	box-sizing:border-box;
	padding-left:min(1.8vw, 19px);
	margin-bottom:min(3.7vw, 40px);
	overflow:hidden;
	transition:0.2s;
}
/* 記事をホバー */
.news_flex_item:hover{
	transform: scale(1.05);
	transition:0.2s;
}

.news_flex_item:nth-child(3n-2){
	margin-left:min(2.8vw, 30px);
}
.news_flex_item:nth-child(3n-3){
	margin-right:min(2.8vw, 30px);
}
.news_flex_item:nth-child(3n-1){
	margin-right:min(3.7vw, 40px);
	margin-left:min(3.7vw, 40px);
}
/* 画像 */
.news_flex_item_img{
	width:min(24.1vw, 260px);
	height:min(14.8vw, 160px);
	object-fit:cover;
	margin-top:min(1.7vw, 18px);
	padding:0;
	border:none;
}

/* 記事のタイトル */
.news_flex_item h3{
	width:min(24.1vw, 260px);
	height:min(5.1vw, 55px);
	padding-top:min(0.5vw, 5px);
}

/* 記事の日付と内容 */
.news_flex_item time, .news_flex_item p{
	width:min(24.1vw, 260px);
}


/* 記事に対してのアンカー */
.news_flex_item a{
	text-decoration:none;
	color:#000;
}

/*　ページネーション */
#all_btn, .all_page{
	text-align: center;
}
.page_btn, .pagination{
	text-align: center;
}
.page_btn a, .pagination a, .pagination_now{
	display: inline-block;
	margin: 8px 0;
	text-decoration: none;
	border-radius: 100%;
	width: 42px;
	height: 42px;
	padding: 14px 0;
	box-sizing: border-box;
	color: #881117;
	font-weight: bold;
	line-height: 1;
} 

.page_btn a:hover, .pagination a:hover{
	background: rgb(201, 201, 201);
	opacity: 0.7;
}

.pagination_now a{
	display: inline-block;
	margin: 8px 0;
	text-decoration: none;
	background: #881117;
	color: #fff;
	border-radius: 100%;
	width: 42px;
	height: 42px;
	padding: 14px 0;
	box-sizing: border-box;
	font-weight: bold;
	line-height: 1;
}
/******************** ↑セクション↑ ********************/