@charset "utf-8";

/* ------------------------------------------------------------------------------------
	【特集】プール用CSS
------------------------------------------------------------------------------------ */
.ft-pool-bk {
	overflow: hidden;
	margin-bottom: 50px;
}

/*----- ページ紹介ブロック -----*/
.ft-pool-bk .page-detail-bk {
	margin: 20px 0;
	font-size: 16px;
	text-align: center;
}

/*--- 検索フォーム ---*/
.ft-pool-bk .search-box-bk .search-form-bk {
	background: #F7F7F7;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding: 25px 30px 15px;
	margin-bottom: 30px;
	border: none !important;
}

/*--- フォーム共通設定 ---*/
/* 項目大枠設定 */
.ft-pool-bk h2 {
	font-weight: bold;
}

.ft-pool-bk .search-box-bk .search_item {
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 12px 0 12px;
	border-bottom: solid #CCC 1px;
}

/* 項目見出し設定 */
.ft-pool-bk .search-box-bk .search_item span {
	width: 150px !important;
	float: left;
	font-size: 14px;
	font-weight: bold;
	box-sizing: border-box;
	background: url(https://www.asreet.com/common/pc/img/com/icon_running_type1_2.png) 10px 50% no-repeat #F5F5F5;
	background-size: 12px;
	margin-top: 8px;
	padding: 0 0 0 35px;
}

/* フォームタイトル、キーワード検索タイトル */
.ft-pool-bk .search-box-bk .search_title {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	letter-spacing: normal;
	/* 文字間を元に戻す */
	background: url(https://www.asreet.com/common/pc/img/com/icon_search_5.png) left 50% no-repeat #F5F5F5;
	background-size: 22px;
	padding: 5px 0 5px 35px;
}

/*--- 市区町村 ---*/
.ft-pool-bk .search-box-bk .search_area {
	width: auto !important;
	height: 65px;
	letter-spacing: normal;
	/* 文字間を元に戻す */
	padding-bottom: 18px;
	box-sizing: border-box;
}

/* セレクト・チェック・テキストボックス共通設定 */
.ft-pool-bk .search-box-bk .search_item select {
	font-size: 14px;
	height: 34px;
	color: #666;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
	border: 1px solid #999;
	-webkit-border-radius: 5px / 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px / 5px;
	padding: 2px 8px;
}

/* セレクトボックス設定 */
.ft-pool-bk .search-box-bk .search_item select {
	background: url(https://www.asreet.com/common/pc/img/com/icon_arrow_type6_down_5.png) right 50% no-repeat #FFF;
}

.ft-pool-bk .search-box-bk .search_item select::-ms-expand {
	display: none;
}

/* リスト */
.ft-pool-bk .search-box-bk .search_area select {
	width: 220px;
}

/*--- カテゴリ ---*/
.ft-pool-bk .search-box-bk .search_category span {
	margin-top: 22px;
}

.ft-pool-bk .search-box-bk .search_category ul {
	padding-left: 150px;
}

.ft-pool-bk .search-box-bk .search_category li {
	overflow: hidden;
	display: inline-block;
}

.ft-pool-bk .search-box-bk .search_category label {
	font-size: 14px;
	margin-right: 30px;
}

/* チェックボックス */
.ft-pool-bk .search-box-bk .search_item input[type="checkbox"] {
	position: relative;
	top: 5px;
	left: 0;
	border: 1px solid #999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 20px;
	width: 20px;
}

/*--- 検索ボタン ---*/
.ft-pool-bk .search-box-bk .search_btn {
	border: none;
	background: none;
	margin: 15px 0 0 0;
	padding: 0;
}

/* 検索ボタン */
.ft-pool-bk .search-box-bk .search_btn input {
	width: 335px;
	height: 40px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	vertical-align: middle;
	background: url(https://www.asreet.com/common/pc/img/com/icon_search_1.png) 100px center no-repeat #333;
	background-size: 22px;
	color: #FFF;
	font-size: 20px;
	letter-spacing: 1em;
	border: 1px solid #333;
	border-radius: 5px;
	-webkit-border-radius: 5px / 5px;
	-moz-border-radius: 5px / 5px;
	box-sizing: border-box;
	padding: 0 0 0 30px;
	margin: 0 auto 5px;
}

/*----- 人気のエリア・人気の駅 -----*/
.main-contents-bk .ft-pool-bk .pickup-station-list .station-title {
	background: #1174D9;
}

.main-contents-bk .ft-pool-bk .pickup-station-list .station-title:after {
	border-left-color: #1174D9;
}

/*----- 表示件数・アイコン説明 -----*/
.ft-pool-bk .shopdata-list-bk .attend-bk {
	margin-bottom: 20px;
}

/* 表示件数 */
.ft-pool-bk .shopdata-list-bk .attend-bk .hit {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	border-bottom: solid #CCC 1px;
	padding-bottom: 5px;
}

.ft-pool-bk .shopdata-list-bk .attend-bk .hit .number {
	font-size: 24px;
	color: #1174D9;
	padding: 0 2px;
}

.ft-pool-bk .shopdata-list-bk .attend-bk .hit .bold {
	color: #1174D9;
	padding: 0 2px;
}

/* ------------------------------------------------------------------------------------
	プール契約店舗
------------------------------------------------------------------------------------ */
.ft-pool-bk .shopdata-list .shopdata-list1 {
	overflow: hidden;
	box-shadow: 5px 5px #1174D9;
	background: #F0F9FF;
	width: 100%;
	box-sizing: border-box;
	margin: 0 10px 40px;
	padding: 20px;
}

/* 左側｜写真・アイコン・ボタン */
.ft-pool-bk .shopdata-list .shopdata-list1 .left {
	width: 300px;
	float: left;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .left .shop-photo {
	margin-bottom: 10px;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .left .shop-photo img {
	width: 100%;
	height: auto;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .left .shop-icon span {
	display: inline-block;
	margin-right: 10px;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .left .shop-link {
	text-align: center;
	letter-spacing: -.4em;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .left .shop-link li {
	display: inline-block;
	letter-spacing: normal;
	margin-top: 10px;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .left .shop-link li a:hover {
	opacity: 0.8;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .left .shop-link .detail {
	margin-right: 10px;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .left .shop-link li:last-of-type {
	margin-right: 0;
}

/* 右側｜店舗情報 */
.ft-pool-bk .shopdata-list .shopdata-list1 .right {
	float: right;
	width: 718px;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .right .shop-catch {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .right h3 {
	font-size: 18px;
	font-weight: bolder;
	line-height: 130%;
	margin-bottom: 10px;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .right h3 a {
	color: #1174D9;
	text-decoration: underline;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .right h3 a:hover {
	opacity: 0.6;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .right li {
	border-bottom: solid 1px #333;
	margin-bottom: 8px;
	padding: 0 0 7px 65px;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .right .shop-info span {
	display: inline-block;
	background-color: #999;
	line-height: 24px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;
	/* Firefox用 */
	width: 45px;
	line-height: 22px;
	margin-right: 13px;
	margin-left: -65px;
	padding: 0 3px;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .right .shop-info .tel {
	font-size: 20px;
	font-weight: bolder;
	color: #1174D9;
	margin-top: 10px;
	padding-bottom: 3px;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .right .shop-info .tel span {
	position: relative;
	top: -5px;
	left: 0;
}

/* 施設説明文 */
.ft-pool-bk .shopdata-list .shopdata-list1 .right .shop-text a {
	color: #1174D9;
}

.ft-pool-bk .shopdata-list .shopdata-list1 .right .shop-text strong {
	font-weight: bold;
}

.ft-pool-bk .shop-text .blue {
	color: #1174D9;
}

.ft-pool-bk .shop-price-bk {
	margin-top: 15px;
}

.ft-pool-bk .shop-price-bk .price-title {
	color: #1174D9;
	font-size: 16px;
	font-weight: bold;
}

/* ------------------------------------------------------------------------------------
	プール未契約｜アスリート契約店舗・フリーリンク
------------------------------------------------------------------------------------ */
.ft-pool-bk .shopdata-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.ft-pool-bk .shopdata-list .shopdata-list2 {
	float: left;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
	border: solid 1px #CCCCCC;
	width: 530px;
	margin: 0 10px 20px 10px;
	padding: 15px;
}

.ft-pool-bk .shopdata-list .shopdata-list2 .shopdata h3 {
	font-size: 15px;
	font-weight: bolder;
	color: #000000;
	text-decoration: underline;
	margin: 0 0 7px 10px;
}

.ft-pool-bk .shopdata-list .shopdata-list2 .shopdata h3 a {
	color: #000000;
}

.ft-pool-bk .shopdata-list .shopdata-list2 .shopdata h3 a:hover {
	opacity: 0.6;
}

.ft-pool-bk .shopdata-list .shopdata-list2 .shopdata p {
	margin-left: 10px;
}

.ft-pool-bk .shopdata-list .shopdata-list2 .shopdata .tel {
	float: left;
	background: url(https://www.asreet.com/common/pc/img/com/icon_tel.png) center left no-repeat;
	background-size: 21px 21px;
	font-size: 17px;
	font-weight: bolder;
	width: 200px;
	margin-top: 12px;
	padding-left: 30px;
}

/* アスリート契約店舗のみ(左側赤線・黒枠) */
.ft-pool-bk .shopdata-list .asreetshop-list {
	border: solid 1px #000;
}

.ft-pool-bk .shopdata-list .shopdata-list2 .asreetshop {
	overflow: hidden;
	border-left: solid 5px #E71437;
}

.ft-pool-bk .shopdata-list .shopdata-list2 .asreetshop h3 {
	font-size: 15px;
	font-weight: bolder;
	color: #E71437;
	text-decoration: underline;
	margin: 0 0 7px 10px;
}

.ft-pool-bk .shopdata-list .shopdata-list2 .asreetshop h3 a {
	color: #E71437;
}

.ft-pool-bk .shopdata-list .shopdata-list2 .asreetshop .shop-icon {
	width: 490px;
}

.ft-pool-bk .shopdata-list .shopdata-list2 .asreetshop .shop-icon span {
	float: right;
	margin-top: 10px;
}

.ft-pool-bk .shopdata-list .shopdata-list2 .asreetshop .shop-icon span:first-child {
	margin-left: 10px;
}

/* 掲載店舗がない場合 */
.ft-pool-bk .shopdata-list-bk .shopdata-list .data-none {
	width: 100%;
	border: none;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 150px auto;
}

/* ------------------------------------------------------------------------------
	
	特集検索絞込み後(店舗表示は一覧ページと一緒)
	
------------------------------------------------------------------------------ */
/*----- 表示件数・アイコン説明 -----*/
/* 現在の条件 */
.ft-pool-bk .shopdata-list-bk .attend-bk .conditions-data {
	background: #F7F7F7;
	padding: 15px 0;
	margin-bottom: 10px;
}

.ft-pool-bk .shopdata-list-bk .attend-bk .conditions-data table {
	width: 100%;
}

.ft-pool-bk .shopdata-list-bk .attend-bk .conditions-data th {
	width: 18%;
	border-right: solid #CCC 1px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.ft-pool-bk .shopdata-list-bk .attend-bk .conditions-data td {
	font-size: 14px;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 5px 20px;
}

.ft-pool-bk .shopdata-list-bk .attend-bk .conditions-data td .city {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.ft-pool-bk .shopdata-list-bk .attend-bk .conditions-data td .title {
	display: inline-block;
	width: 150px;
	font-weight: bold;
	box-sizing: border-box;
	background: url(https://www.asreet.com/common/pc/img/com/icon_running_type1_2.png) 10px 50% no-repeat #F5F5F5;
	background-size: 12px;
	padding: 0 0 0 35px;
}

.ft-pool-bk .shopdata-list-bk .attend-bk .conditions-data td .course {
	position: relative;
	padding-left: 150px;
}

.ft-pool-bk .shopdata-list-bk .attend-bk .conditions-data td .course span.title {
	position: absolute;
	left: 0;
	top: 0;
}

.ft-pool-bk .shopdata-list-bk .attend-bk .conditions-data td .course .data:after {
	content: "、";
}

.ft-pool-bk .shopdata-list-bk .attend-bk .conditions-data td .course .data:last-child:after {
	content: "";
}

.ft-pool-bk .shopdata-list-bk .attend-bk .link {
	overflow: hidden;
	text-align: right;
}

.ft-pool-bk .shopdata-list-bk .attend-bk .link a {
	display: inline-block;
	color: #FFF;
	font-size: 14px;
	background-color: #999;
	padding: 5px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5p;
	border-radius: 5px;
}