@charset "utf-8";

/* ******************************************************************

	--search.css--

	1. Search styles（検索ページ共通style）

****************************************************************** */

/*==================================================================
	1. Search styles（検索ページ共通style）
===================================================================*/
/* --------------------------------
	関連する記事スライド
--------------------------------*/
.search_slide_wrap {
	position: relative;
}
#search_slide {
	padding: 0 6px 40px 6px;
}
#search_slide .swiper-slide {
	height: auto;
  width: 170px!important;
  margin-right: 15px!important;
}
#search_slide .post_item {
	margin-bottom: 0;
}
#search_slide .post_title {
	font-size: 14px;
}

/* ページネーションのスタイル */
.search_slide_wrap .swiper-pagination-bullet {
	background: #DBD3C5;
	width: 6px;
	height: 6px;
	opacity: 1;
	vertical-align: middle;
}
.search_slide_wrap .swiper-pagination-bullet-active {
	background: #3362B5;
	width: 10px;
	height: 10px;
}

/* 前ページ、次ページボタンのスタイル */
.search_slide_wrap .swiper-button-prev,
.search_slide_wrap .swiper-button-next {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	outline: none;
}
.search_slide_wrap .swiper-button-prev:after,
.search_slide_wrap .swiper-button-next:after {
	display: none;
}
.search_slide_wrap .swiper-button-next {
	background: url(../img/button_next.svg) no-repeat left center;
	background-size: 30px 30px;
	right: -10px;
}
.search_slide_wrap .swiper-button-prev {
	background: url(../img/button_prev.svg) no-repeat left center;
	background-size: 30px 30px;
	left: -10px;
}

/* 記事・汎用ページの切り替えタブUI */
.search-tab {
	margin-bottom: 1rem;
	border-bottom: solid 1px #c3b9b1;
	height: 38px;
}
.search-tab .tab-btn {
	display: block;
	width: 49%;
	background-color: #F9F5F2;
	text-align: center;
	padding: 0.5rem;
	margin-left: 5px;
	border-radius: 10px 10px 0 0;
	border: solid 1px #c3b9b1;
	border-bottom: none;
	float: left;
}
.search-tab .tab-btn a{
	display: inline-block;
	width: 100%;
}
.search-tab .show {
	background-color: #FFF;
	border-bottom: solid 1px #FFF;
}