@charset "UTF-8";
@import url("pager.css");

/*
	検索結果ページ専用css

*/
/* -----------------------------------------------
 パンくずリスト
--------------------------------------------------*/
.breadcrumbs {
	margin-bottom: 2.625rem;
}
/* -----------------------------------------------
 result
-------------------------------------------------- */
.result-title {
	font-size: 1.125rem;
}
/*検索条件*/
.result-title + .category-list {
	margin-top: 1rem;
}
.category-list {
	display: flex;
	flex-flow: wrap;
}
.category-list li {
	padding: 0.25rem 0.5rem;
	background-color: #eee;
	border:1px solid #ddd;
	margin-bottom: 0.5rem;
}
.category-list li+li {
	margin-left: 0.5rem;
}
/*
.category-list li+li:before {
	content: ",";
	margin: 0 0.25rem;
}*/
.category-list + .result-title {
	margin-top: 2.625rem;
}
/*検索結果*/
.result-title + .result-number {
	margin-top: 0.75rem;
}
.result-number span {
	margin: 0 0.5rem;
}
.result-number + .result-title {
	margin-top: 2.625rem;
}
/*該当するお店はありませんでした。*/
.search-result-none {
	font-weight: bold;
	background-color: #fff;
	padding: 1rem 2rem;
	margin: 3rem 0 0 0;
}

/* -----------------------------------------------
 icon
-------------------------------------------------- */
.result-title + .icon-list {
	margin-top: 0.75rem;
}
.icon-list {
	display: flex;
	flex-wrap: wrap;
	border-top:1px solid #e3dfbf;
	border-bottom: 1px solid #e3dfbf;
}
.icon-list dt {
	width: 2rem;
	display: flex;
	align-items: center;
}
.icon-list dd {
	width: calc(25% - 2rem);
}
.icon-list dt, 
.icon-list dd {
	/* border-bottom: 1px dotted #ccc; */
	padding: 1rem 0;
}
.icon-list dt:last-of-type,
.icon-list dd:last-of-type {
	border-bottom-style: none;
}
.icon-list dt .icon {
	width: auto;
	height: 1.125rem;
}

.icon-list + .result-all {
	margin-top: 4rem;
}
/* -----------------------------------------------
 検索結果一覧
-------------------------------------------------- */
.result-all {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.result-box {
	width: calc(50% - 1rem);
	background-color: #fff;
	border: 1px solid #e3dfbf;
	padding: 2.125rem;
	position: relative;
	margin-bottom: 3.75rem;
}
.result-box a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.result-box:hover {
	transform: rotate(1deg);
	background-color: #fafafa;
}
.r-gyoshu {
	position: absolute;
	right: 1rem;
	top: -1rem;
	max-width: calc(100% - 5rem);
	max-height: 2rem;
	color: var(--baseBlack);
	font-size: 0.875rem;
	font-weight: bold;
	padding: 0.25rem 1.5rem;
	background-color: var(--accentGreen);
}
.result-box:hover .r-gyoshu {
	background-color: var(--accentGreen);
}
.result-box:nth-child(even) .r-gyoshu {
	background-color: var(--accentColor);
}
.result-box:hover:nth-child(even) .r-gyoshu {
	background-color: var(--accentColor);
}
.r-title {
	font-size: 1.25rem;
}
.r-title + .r-kana {
	margin-top: 0.875rem;
}
.r-kana {
	color: #aaa;
	font-size: 0.75rem;
}
.r-kana + .r-address {
	margin-top: 0.875rem;
}
.r-address {
	font-size: 1rem;
	font-style: normal;
}
.r-address + .r-icon-list {
	margin-top: 1rem;
}
.r-icon-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.r-icon-list li + li {
	margin-left: 0.75rem;
}
.r-icon-list li img {
	max-width: 1rem;
	max-height: 1rem;
	width: auto;
	height: 1rem;
}
/* -----------------------------------------------
 height 700px以下, width 991px以下
-------------------------------------------------- */
@media (max-height: 700px), (max-width: 991px) {

}

/* -----------------------------------------------
 1280px以下
-------------------------------------------------- */
@media screen and (max-width: 1280px) {

}

/* -----------------------------------------------
 1086px以下
-------------------------------------------------- */
@media screen and (max-width: 1086px) {
}

/* -----------------------------------------------
 991px以下
-------------------------------------------------- */
@media screen and (max-width: 991px) {
	.icon-list dd {
		width: calc(50% - 2rem);
	}
	.result-box {
		width: 100%;
	}
}

/* -----------------------------------------------
 768px以下（tablet）
-------------------------------------------------- */
 @media screen and (max-width: 768px) {

}

/* -----------------------------------------------
smartPhone
-------------------------------------------------- */
@media (max-width: 576px) {
	.icon-list dd,
	.icon-list dt {
		font-size: 0.875rem;
	}
}
/* -----------------------------------------------
 印刷
-------------------------------------------------- */
@media print {
}