/**
 * ==========================================================================
 * 風俗Wiki Seeking
 * seeking-shop.css
 * ==========================================================================
 *
 * 店舗ページ用 未判明女性一覧
 *
 * ==========================================================================
 */


/* ==========================================================================
   Grid
============================================================================ */


.fzk-seeking-shop-list {

	display:grid;

	grid-template-columns:repeat(8, 1fr);

	gap:20px;
	padding: 0 2%;

}



/* ==========================================================================
   Card
============================================================================ */


.fzk-seeking-shop-card {

	background:#fff;

	border-radius:12px;

	overflow:hidden;

	box-shadow:0 2px 8px rgba(0,0,0,.08);

	position:relative;

}





/* ==========================================================================
   Image
============================================================================ */


.fzk-seeking-shop-image {

	position:relative;

	width:100%;

	aspect-ratio:1 / 1;

	overflow:hidden;

	background:#eee;

}



.fzk-seeking-shop-image img {


	width:100%;

	height:100%;

	object-fit:cover;

	display:block;

}





/* ==========================================================================
   確認中バッジ
============================================================================ */


.fzk-seeking-shop-card::before {


	content:"確認中";


	position:absolute;


	top:10px;

	left:10px;


	background:#ff9800;


	color:#fff;


	font-size:12px;


	font-weight:bold;


	padding:5px 10px;


	border-radius:20px;


	z-index:2;


}






/* ==========================================================================
   Body
============================================================================ */


.fzk-seeking-shop-body {


	padding:12px;


}





/* ==========================================================================
   在籍名
============================================================================ */


.fzk-seeking-shop-name {


	font-size:15px;


	font-weight:bold;


	line-height:1.5;


	margin-bottom:6px;


}






/* ==========================================================================
   キャッチ
============================================================================ */


.fzk-seeking-shop-catch {


	font-size:13px;


	color:#555;


	line-height:1.5;


	display:-webkit-box;


	-webkit-line-clamp:2;


	-webkit-box-orient:vertical;


	overflow:hidden;


}







/* ==========================================================================
   その他情報
============================================================================ */


.fzk-seeking-shop-info {


	margin-top:10px;


	font-size:13px;


	line-height:1.6;


	color:#555;


}







/* ==========================================================================
   Tablet
============================================================================ */


@media screen and (max-width:1024px){


	.fzk-seeking-shop-list {


		grid-template-columns:repeat(3,1fr);


	}


}







/* ==========================================================================
   Mobile
============================================================================ */


@media screen and (max-width:767px){


	.fzk-seeking-shop-list {


		grid-template-columns:repeat(2,1fr);


		gap:12px;


	}



	.fzk-seeking-shop-body {


		padding:10px;


	}



	.fzk-seeking-shop-name {


		font-size:14px;


	}



	.fzk-seeking-shop-catch {


		font-size:12px;


	}



}
.button-providing-info a {
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 220px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: rgb(149,202,252);
    background: linear-gradient(270deg, rgba(149,202,252,1) 0%, rgba(107,182,255,1) 100%);
	text-decoration: none;
}
.button-providing-info a:hover {
    background: rgb(117,188,255);
    background: linear-gradient(270deg, rgba(117,188,255,1) 0%, rgba(62,159,252,1) 100%);
}