@charset "UTF-8";

/* ===========================================================

カテゴリー一覧ページ

=========================================================== */



/*------------------------------------------------------------
	一覧の説明
------------------------------------------------------------*/
.archive__introduction {
	text-align: center;
	margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
	.archive__introduction {
		font-size: 2.3rem;
		margin-bottom: 40px;
	}
}

/*------------------------------------------------------------
	各カテゴリー表示
------------------------------------------------------------*/

.archive__categorys {
	border: solid 1px #361f0e;
	padding: 15px 20px;
	margin-bottom: 20px;
}
.archive__categorys li {
	display: inline-block;
    position: relative;
    line-height: 1.8;
}
.archive__categorys li:after {
	content: "/";
}
.archive__categorys li:last-child:after {
	display: none;
}

@media screen and (min-width: 992px) {
	.archive__categorys {
	    padding: 25px 35px 25px 30px;
	    margin-bottom: 40px;
	}
}


/*------------------------------------------------------------
	記事一覧
------------------------------------------------------------*/
.archive__item {
	margin-bottom: 40px;
}

.archive__item li .archive__item_inner {
	padding: 25px 10px;
	background: #fff;
    border: solid 1px #361f0e;
}
.archive__item_title {
	margin-bottom: 20px;
	    font-size: 2rem;
}
.archive__item_img {
	margin-bottom: 20px;
	text-align: center;
}

.archive__item li .btn {
	text-align: right;
}

.archive__item li .btn a {
	max-width: 140px;
    padding: 5px;
    font-size: 1.4rem;
}

.archive__item li .btn a:after {
	right: 10px;
}
.archive__item_description {
	margin-bottom: 10px;
}

@media screen and (min-width: 992px) {
	.archive__item li .archive__item_inner {
    	padding: 30px 20px;
	}
}

/*------------------------------------------------------------
	ページャー
------------------------------------------------------------*/
.archive .wp-pagenavi {
	text-align: center;
}

.archive .wp-pagenavi a,
.archive .wp-pagenavi span {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	border: 1px solid #361f0e;
	font-size: 1.6rem;
	text-align: center;
	vertical-align: top;
}

.archive .wp-pagenavi a {
	background: #361f0e;
	color: #fff;
}

.archive .wp-pagenavi span.current,
.archive .wp-pagenavi a:hover {
	background:#fff ;
	color: #361f0e;
}
.archive .wp-pagenavi .extend {
	display: none;
}

.ico-e901:after {
    content: "\e901";
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    font-size: .7em;
    font-family: 'danboru';
    font-weight: normal;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nextpostslink,
.previouspostslink {
	position: relative;
}

.previouspostslink .ico-e901:after {
	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 34%;
}