@charset "UTF-8";
/*===================================================
  スライダー
=====================================================*/
.swiper-slide img {
  max-width: 100%;
}

/*---------------------------------
	スライダー サムネイル
--------------------------------- */
.slider_pagination_container {
  position: relative;
	margin-top: 12px;
}

.swiper-pagination,
.clinic_list ul.slider_thumbArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
  width: 100%;
	height: 100%;
	margin-left: -2%;
	margin-bottom: 10px;
}

.swiper-pagination .swiper-pagination-bullet,
.clinic_list ul li.slider_thumb {
  width: calc((100% - 30px) / 5);
  height: 50%;
	margin-left: 6px;
}

.swiper-pagination .swiper-pagination-bullet {
  background: #fefefe;
  border-radius: 0;
  opacity: .5;
}

.swiper-pagination-bullet:focus {
outline: none;
}

.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 0;
}

.slider_thumb {
  background: transparent;
}

.clinic_list ul li.slider_thumb img {
	margin: 0 0 6px 0;
}

.no-img .slider_pagination_container {
	display: none;
}

:root {
  --swiper-theme-color: #fefefe;
  --swiper-theme-color: transparent;
}


@media screen and (max-width: 1023px) {
	.slider_pagination_container {
		margin-top: 6px;
	}
	.swiper-pagination,
	.clinic_list ul.slider_thumbArea {
		margin-left: -2%;
		width: 102%;
	}
	li.slider_thumb img {
		margin: 0 0 6px 0;
	}
}

/*===================================================
  共通footer（inc/part-bottom）
=====================================================*/
.pb.clinic_list {
	position: absolute;
	top: 0;
	left: 0;
	width: 60%;
	height: 100%;
}

.pb.clinic_list .slider ul li {
	height: 100%;
}

@media screen and (max-width: 1023px) {
	.pb.clinic_list {
		position: relative;
		width: 100%;
		margin-bottom: 5px;
	}
}


/*===================================================
  クリニック 一覧ページ
=====================================================*/
.clinic_list ul li h2 {
	margin-top: 16px;
}

.clinic_list .slider ul li {
	height: auto !important;
	margin-bottom: 0;
}

.clinic_list ul li img {
	margin: 0;
}

@media screen and (max-width: 1023px) {
	.no-img .clinic_listItem a.clinic_name {
		margin-top: 0;
	}

	.clinic_list ul li.clinic_listItem {
		margin-bottom: 50px;
	}
}


/* ===================================================
	クリニック 店舗ページ
=================================================== */
.single-clinic .clinic_list {
	width: 60%;
	height: 100%;
}

.single-clinic .clinic_list .slider ul li {
	height: 100%;
}

.single-clinic .swiper-slide {
	width: 100%;
}

.single-clinic .no-img {
	display: none;
}


@media screen and (max-width: 1023px) {
	.single-clinic .clinic_list {
		position: relative;
		width: 100%;
		margin-top: 20px;
		margin: 20px 0 0;
	}
}