@charset "utf-8";
/* # =================================================================
#### page-header
# ================================================================= */
.page-header{
	position : relative;
	display : block;
	width : 100%;
}
.page-header figure{
	position : relative;
	display : block;
	width : 100%;
	height : 100%;
}
.page-header figure img{
	position : relative;
	display : block;
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center bottom;
}
.header-normal{
	height : 380px;
}
.header-normal h2.headline{
	right : auto;
	left : 10%;
}
/* # =================================================================
#### coomon
# ================================================================= */
.archive-common .wrap{
	position : relative;
	display : block;
	width : 1240px;
	height : auto;
	padding : 100px 0 200px;
	margin : 0 auto;
}
/* # =================================================================
#### ページング archive
# ================================================================= */
/*** archive ***/
.tablenav{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-top : 50px;
}
.page-numbers{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : center;
}
.page-numbers li{
	position : relative;
	display : list-item;
	width : 40px;
	height : auto;
	margin : 0 5px;
}
.page-numbers li .current{
	border-radius : 50%;
	border : 1px solid #4199B5;
	background-color : #4199B5;
	color : #FFF;
	font-size : 18px;
	font-weight : 500;
	display : flex;
	align-items : center;
	width : 40px;
	height : 40px;
	transition : 0.5s;
}
.page-numbers li .current:hover{
	background-color : #FFF;
	color : #4199B5;
}
.page-numbers li a{
	border-radius : 50%;
	border : 1px solid transparent;
	background-color : transparent;
	color : #4199B5;
	font-size : 18px;
	font-weight : 500;
	display : flex;
	align-items : center;
	width : 40px;
	height : 40px;
	transition : 0.5s;
}
.page-numbers li a:hover{
	border : 1px solid #4199B5;
	background-color : #FFF;
	color : #4199B5;
	transition : 0.5s;
}
/* # =================================================================
#### ページング single
# ================================================================= */
/*** single ***/
#pagenavi{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	margin : 50px auto 0;
	padding : 0;
	list-style : none;
}
#pagenavi li{
	position : relative;
	display : block;
	width : auto;
}
#pagenavi li a{
	position : relative;
	text-decoration : none;
	color : #333333;
	font-size : 16px;
}
#pagenavi li a time{
	display : block;
	font-size : 14px;
}
#pagenavi li a:hover{
	opacity : 0.5;
}
#pagenavi li.prev,
#pagenavi li.next{
	z-index : 1;
}
#pagenavi li:nth-child(2){
	position : absolute;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	margin : auto;
}
#pagenavi li:nth-child(2) a{
	color : #4199B5;
	font-size : 16px;
	font-weight : 500;
}
#pagenavi li.prev{
	padding-left : 50px
}
#pagenavi li.next{
	padding-right : 50px;
}
#pagenavi li.prev::before{
	content : "";
	position : absolute;
	display : block;
	top : 50%;
	bottom : auto;
	left : 30px;
	margin : auto auto;
	color : #4199B5;
	width : 40px;
	height : 40px;
	border-top : 2px solid #4199B5;
	border-right : 2px solid #4199B5;
	transform : 	translate(-50%, -50%) rotate(-135deg);
}
#pagenavi li.next::before{
	content : "";
	position : absolute;
	display : block;
	top : 50%;
	right :30px;
	bottom : auto;
	margin : auto auto;
	color : #4199B5;
	width : 40px;
	height : 40px;
	border-top : 2px solid #4199B5;
	border-right : 2px solid #4199B5;
	transform : translate(50%, -50%) rotate(45deg);
}
/* # =================================================================
#### common
# ================================================================= */



/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 1240px
# ================================================================= */
@media screen and (max-width: 1240px){
.archive-common .wrap{
	width : 100%;
	padding : 100px 15px 200px;
}

.header-normal h2.headline{
	top : auto;
	bottom : 40px;
	left : 0;
}






}/*** 1240px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){

}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){
#pagenavi li.prev,
#pagenavi li.next{
	display : none;
}
}/*** 896px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){

}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){

}/*** 480px ***/
/* # =================================================================
#### 320px
# ================================================================= */
@media screen and (max-width: 320px){

}/*** 320px ***/