﻿@charset "UTF-8";
/*
 * 個別ページのスタイル
 * を記載
 */
/* ==========================================================
[ Counter CSS - Lists ]
パス：/エリア/都道府県/counter
========================================================== */
/* ---------------------------------------------
*   Counter
--------------------------------------------- */
/*  counter_sort
--------------------------------------------- */
.counter_sort {
	border: 1px solid #284679;
	margin-bottom: 5.3333333vw; }
/*  counter_sort_body
--------------------------------------------- */
.counter_sort_body {
	padding: 1.3333333vw 4.0vw 2.6666667vw; }
	.counter_sort_body .item_lists {
		text-align: center;
		letter-spacing: -.4em; }
		.counter_sort_body .item_lists .item_list {
			display: inline-block;
			vertical-align: top;
			letter-spacing: normal;
			margin: 1.3333333vw 2.0vw; }
		.counter_sort_body .item_lists .item_button {
			vertical-align: middle; }
.title_color_02.skin_magenta {
	background-color: #900c52; }
.liststwolinks_list.countercolor {
	border-bottom: 1px solid #900c52; }
	.liststwolinks_list.countercolor:nth-of-type(2n+1) {
		border-right: 1px solid #900c52; }
	.liststwolinks_list.countercolor a {
		background-color: #f2dfe7;
		color: #900c52; }
.index_searchs_ajax_button.skin_magenta {
	background-color: #900c52; }
.index_searchs_ajax {
	position: relative;
	min-height: 20.0vw;
}
.index_searchs_ajax_button {
	position: absolute;
	top: -6.666666667vw;
	right: 2.666666667vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 26.6666667vw;
	border-radius: 4px;
	text-align: center;
	line-height: 7.3333333vw;
	color: #fff;
	font-size: 1.0em;
	background-color: #284679;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.index_searchs_ajax_button:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 2.0vw;
	display: inline-block;
	width: 1.46666667vw;
	height: 2.5333333vw;
	background: url(/chintai/sp/img/common/arrow_white_left.png) 0 0 no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*  counter_city
--------------------------------------------- */
.counter_city {
	border: 1px solid #284679;
	margin-bottom: 5.3333333vw; }
/*  counter_city_head
--------------------------------------------- */
.counter_city_head {
	position: relative;
	height: 40px;
	line-height: 40px;
	cursor: pointer; }
	.counter_city_head:after {
		content: "";
		position: absolute;
		top: 10px;
		right: 10px;
		width: 20px;
		height: 20px;
		background: url(/chintai/sp/img/common/list_btn_open.png) no-repeat;
		background-size: 20px 20px; }
	.counter_city_head.skin_item_current:after {
		background: url(/chintai/sp/img/common/list_btn_close.png) no-repeat;
		background-size: 20px 20px; }
/*  counter_city_body
--------------------------------------------- */
.counter_city_body {
	display: none;
	padding: 1.3333333vw 4.0vw 2.6666667vw; }
	.counter_city_body .item_lists .city_name {
		float: left;
		width: 9em;
		padding-top: 20px;
		font-weight: bold; }
	.counter_city_body .item_lists .city_set {
		float: left;
		width: calc(100% - 9em);
		margin-top: 6px; }
		.counter_city_body .item_lists .city_set ul {
			display:-webkit-box;
			display:-ms-flexbox;
			display:flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
			.counter_city_body .item_lists .city_set ul > li {
				margin-right: 3px;
				margin-bottom: 6px;
			}
			.counter_city_body .item_lists .city_set button {
				display: inline-block;
				vertical-align: middle;
				border-color: #7b1451;
				color: #7b1451; }
				.counter_city_body .item_lists .city_set button.button_radius {
					padding: 2px 10px; }
				.counter_city_body .item_lists .city_set button.checked {
					color: #fff;
					background-color: #7b1451; }