@charset "UTF-8";
/********************************************************************************

style-tablet.css


********************************************************************************/
/*============================================================
 デバッグ用
*============================================================*/


/*============================================================
 トップページ
*============================================================*/
/* タブ
---------------------------------------- */
/* タブ */
.page-top .sec-tab {
	padding: 0 16px;
}
.page-top .sec-tab .tabs .tab {
    width: calc(50% - 8px);
	padding: 12px 0;
}
.page-top .sec-tab .tabs .tab:nth-child(1) {
	margin-left: 0;
}
.page-top .sec-tab .tabs .tab:nth-child(2) {
	margin-right: 0;
}
.page-top .sec-tab .tabs .tab.tab-active::before {
	left: calc(50% - 22px);
}
.page-top .sec-tab .tabs .tab .tab-inner {
	width: auto;
	padding: 88px 0 0 0;
	background-position: top center;
}
.page-top .sec-tab .tabs .tab .title-wrap > * {
	display: block;
}

/* タブ(タブコンテンツ　共通)
---------------------------------------- */
.page-top .sec-tab .contents .content  {
	padding: 16px 8px 80px 8px;
}
/* content-footer */
.page-top .sec-tab .contents .content .content-footer .content-footer-inner {
	border-top: none;
	padding: 0 0 24px 0;
}

/* タブ(タブコンテンツ　自分のニーズ)
---------------------------------------- */
/* STEP1 選択ボタン*/
.page-top .sec-tab .contents .content-needs .step-wrap.step1 .parts-btn[data-name="step"] {
	width: calc((100% - 16px) / 2);;
    margin: 0 0 16px 0;
}
.page-top .sec-tab .contents .content-needs .step-wrap.step1 .parts-btn[data-name="step"]:nth-child(odd) {
    margin-right: 16px;
}
.page-top .sec-tab .contents .content-needs .step-wrap.step1 .parts-btn[data-name="step"][data-step="society"] > * {
	line-height: 140%;
    padding-top: 8px;
}
.page-top .sec-tab .contents .content-needs .step-wrap.step1 .parts-btn[data-name="step"][data-step="society"] > * > * {
	display: block;
}
/* STEP2 選択ボタン*/
@media screen and (max-width: 511px) {
	.page-top .sec-tab .contents .content-needs .step-wrap.step2 .parts-btn[data-name="step"] {
		width: 100%;
		margin: 0 0 16px 0;
	}
}

/* タブ(タブコンテンツ　地図・エリア)
---------------------------------------- */
.page-top .sec-tab .contents .content-area .item .select-wrap {
    padding: 12px 8px;
}
.page-top .sec-tab .contents .content-area > .parts-boxes {
	display: block;
}
.page-top .sec-tab .contents .content-area .item-map {
    max-width: 348px;
    width: 100%;
    margin-bottom: 40px;
}
@media screen and (max-width: 403px) {
	.page-top .sec-tab .contents .content-area .item-map .select-wrap {
		background-size: cover;
	}
	.page-top .sec-tab .contents .content-area .item-map .select-wrap .area.area-shopping {
		left: unset;
		right: 16px;
	}
}
.page-top .sec-tab .contents .content-area .item-town {
	width: 100%;
	margin-bottom: 32px;
}

/* 特集
---------------------------------------- */
.page-top .sec-special {
	width: 100%;
	overflow-x: auto;
}
.page-top .sec-special .inner {
	width: 948px;
}


/*============================================================
 物件一覧ページ
*============================================================*/
/* ページレイアウト　※未調整
---------------------------------------- */
/* サイドバー */
.page-property-list .sidebar {
	width: 100%;
    max-width: 720px;
    margin: 0 auto;
    position: static;
    margin-bottom: 56px;
    height: auto;
	max-height: unset;
}
/* コンテンツ */
.page-property-list .content {
	margin-left: 0;
	width: 100%;
	margin-bottom: 56px;
}

/* 現在の検索条件
---------------------------------------- */
.page-property-list .sidebar .sidebar-title {
	padding: 6px 8px;
}
.page-property-list .sidebar .block-card {
	height: auto;
}
.page-property-list .sidebar .filter:not(:last-child)::after {
	display: none;
}
.page-property-list .sidebar .filter .label {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid 1px #CECECE;
	margin-bottom: 8px;
}
.page-property-list .sidebar .filter:not(.filter-special) .label {
	background-image: url(https://cic-utsunomiya.red-turtle.xyz/wp/wp-content/themes/cic-utsunomiya/assets/images/common/icon-arrow-accordion-open.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 24px auto;
}
.page-property-list .sidebar .filter:not(.filter-special).open .label {
	background-image: url(https://cic-utsunomiya.red-turtle.xyz/wp/wp-content/themes/cic-utsunomiya/assets/images/common/icon-arrow-accordion-close.svg);
}
.page-property-list .sidebar .filter:not(.filter-special) .filter-data {
	display: none;
	-webkit-transition: display 0.3s;
    -moz-transition: display 0.3s;
    -o-transition: display 0.3s;
    -ms-transition: display 0.3s;
    transition: display 0.3s;
}
.page-property-list .sidebar .filter.open .filter-data {
	display: block;
}

/* 区・町 */
/* 絞り込み条件 */


/* パンくず
---------------------------------------- */
.page-property-list #breadcrumb {
	width: calc(100vw - (100vw - 100% - 32px));
	margin-left: -16px;
	padding: 16px;
}

/* 物件リスト
---------------------------------------- */
.page-property-list .sec-property-list .section{
	margin-bottom: 16px;
}
.page-property-list .sec-property-list .page-header {
	padding: 24px 0 16px 0;
}
.page-property-list .sec-property-list .page-header .parts-boxes > * > * {
	/* display: inline-block;
	vertical-align: middle; */
}
.page-property-list .sec-property-list .page-header .cnt .label {
	margin-right: 8px;
}
.page-property-list .sec-property-list .page-header .cnt .data {
	font-size: 24px;
	line-height: 140%;
}
.page-property-list .sec-property-list .page-header .cnt .data .unit {
	padding-left: 4px;
}
.page-property-list .sec-property-list .page-header .sort .label {
	display: none;
}
.page-property-list .sec-property-list .page-header .sort .fm-sort {
	width: 160px;
}

/* まとめて物件お問い合わせ帯
---------------------------------------- */
.page-property-list #overlay-cta-contact .item-info .check-limit {
	font-size: 12px;
	line-height: 140%;
}
.page-property-list #overlay-cta-contact .item-info .check-cnt {
	width: 30px;
}
.page-property-list #overlay-cta-contact .item-btn .parts-btn {
    width: 268px;
}
.page-property-list #overlay-cta-contact .item-btn .parts-btn > * {
	font-size: 16px;
	line-height: 140%;
	padding: 5px 0 7px 0;
}


/*============================================================
 物件詳細ページ　※未調整
*============================================================*/
.page-property main h2 {
	font-size: 16px;
	line-height: 140%;
}
/* 情報ブロックタイトル */
.page-property .section .data-block-title {
	text-align: left;
	padding-bottom: 4px;
	border-bottom: solid 1px #CECECE;
	margin-bottom: 8px;
}

/* タイトル
---------------------------------------- */
.page-property .page-header {
	padding: 24px 0 20px 0;
}
.page-property .page-header .building-type {
	margin-bottom: 8px;
}
.page-property .page-header .building-name {
    width: 100%;
    font-size: 24px;
    line-height: 140%;
	margin-bottom: 22px;
}
.page-property .page-header .room-catch {
	padding: 8px;
}
.page-property .page-header .room-catch strong {
	font-size: 16px;
	line-height: 160%;
}

/* タブ共通
---------------------------------------- */
/* タブ */
.page-property .sec-tab .parts-tabs .tabs .tab {
	width: 96px;
    margin: 0 8px;
	line-height: 120%;
}
.page-property .sec-tab .parts-tabs .tabs .tab.tab-map {
    padding: 6px 0 0 0;
}

/* コンテンツ */
.page-property .sec-tab .parts-tabs .contents .content {
	padding: 16px 0 0 0;
}
/* 詳細情報テーブル */
.page-property .sec-tab .parts-tabs .contents .content .sec-detail .block-card .parts-boxes[data-style="table"] .item:not(:last-child) {
	margin-bottom: 16px;
}

/* 物件情報
---------------------------------------- */
/* スライダー */
.page-property .content-info .slider-wrap {
	width: 100%;
	margin: 0 0 32px 0;
}
/* スライダー メイン */
.page-property .content-info .slider {
	margin-bottom: 24px;
}
.page-property .content-info .slider .slider-btn {
	display: none;
}
.page-property .content-info .slider .slider-item img {
	margin: 0 auto;
}
.page-property .content-info .slider .slider-item img.no-image {
	max-width: 540px;
}
/* スライダー ナビ */
.page-property .content-info .slider-nav {
	width: calc(100vw - (100vw - 100% - 32px));
    margin-left: -16px;
}
.page-property .content-info .slider-nav .slider-item {
	width: 104px;
	margin: 0 4px;
}
/* 基本情報 */
.page-property .content-info .basic-info .item-addr .data p {
	width: 100%;
	margin-bottom: 8px;
}
.page-property .content-info .basic-info .item-addr .data .parts-btn {
	margin-left: auto;
}
/* 情報公開日 */
.page-property .content-info .release-date .parts-boxes > * {
	padding: 12px 8px;
}
.page-property .content-info .release-date .parts-boxes > *:nth-child(1) {
	width: 100%;
	text-align: left;
}
.page-property .content-info .release-date .parts-boxes > *:nth-child(2) {
	width: 100%;
	text-align: left;
}
/* 同じ物件の別の部屋 */
.page-property .block-room-list .table-d {
	grid-template-columns: 0 80px 56px auto;
}

/* 地図・周辺情報
---------------------------------------- */
.page-property .content-map .googlemap .item-addr {
	width: 100%;
}

/* 3d内見
---------------------------------------- */
.page-property .content-view3d .no-image-message {
	padding: 56px 0 56px 0;
	font-size: 14px;
}
.page-property .content-view3d .panorama-main {
	width: 100%;
	margin-bottom: 16px;
	position: relative;
}
.page-property .content-view3d .panorama-main::after {
	content: "";
	display: block;
	padding-top: calc(100% * 0.5625);
}
.page-property .content-view3d .panorama-main iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: unset;
}
.page-property .content-view3d .panorama-nav {
	width: 100%;
}
.page-property .content-view3d .panorama-nav ul {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.page-property .content-view3d .panorama-nav ul li {
	width: 18%;
	margin-bottom: 8px;
}
.page-property .content-view3d .panorama-nav ul li:not(:nth-child(5n)) {
	margin-right: 2.5%;
}

/* この物件の取扱い店舗
---------------------------------------- */
.page-property .sec-dealer {
	padding: 0 16px;
}
.page-property .sec-dealer .inner {
	padding: 16px 8px;
}
.page-property .sec-dealer h2 {
	margin-bottom: 20px;
}
.page-property .sec-dealer h3 {
    font-size: 20px;
	margin-bottom: 4px;
}
.page-property .sec-dealer > * .label {
	margin-bottom: 4px;
}
.page-property .sec-dealer > * .data {
	font-size: 12px;
	line-height: 160%;
}
.page-property .sec-dealer .info-wrap1 {
	padding-bottom: 16px;
}
.page-property .sec-dealer .dealer-name {
	width: 100%;
	margin-bottom: 16px;
}
.page-property .sec-dealer .dealer-tel {
	width: 100%;
	text-align: left;
}
.page-property .sec-dealer .dealer-open {
	width: 100%;
	margin-bottom: 16px;
}
.page-property .sec-dealer .dealer-addr {
	width: 100%;
}
.page-property .sec-dealer .dealer-addr .data {
	margin-bottom: 8px;
}

/* 物件お問い合わせ帯
---------------------------------------- */

/*============================================================
 お問い合わせページ　共通　※未調整
*============================================================*/
/* レイアウト
---------------------------------------- */

/* ページヘッダー
---------------------------------------- */
.page-contact .page-header .step-sts .sts {
	width: calc(33% + 6px);
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 24px , calc(100% - 8px) 48px, 0 48px);
}
.page-contact .page-header .step-sts .sts:not(:first-child) {
	margin-left: -10px;
}
.page-contact .page-header .step-sts .sts .sts-inner {
	width: 100%;
	clip-path: polygon(2px 2px, calc(100% - 10px) 2px, calc(100% - 2px) 24px, calc(100% - 10px) 46px, 2px 46px);
}
.page-contact .page-header .step-sts .sts .sts-title {
    font-size: 14px;
}
/* 完了メッセージ　※未調整
---------------------------------------- */

/* お問い合わせ物件
---------------------------------------- */
.page-contact .contact-propertys.block-card {
	padding: 12px 4px;
}
.page-contact #sec-property-list .contact-propertys .property {
	margin-bottom: 16px;
}

/* 物件ヘッダー */
.page-contact #sec-property-list .contact-propertys .property .property-header .building-name {
	margin-bottom: 8px;
}
.page-contact #sec-property-list .contact-propertys .property .property-header .room-catch{
	margin-bottom: 16px;
}
/* 物件画像 */
.page-contact #sec-property-list .contact-propertys .property .item-img {
    width: 120px;
}
/* 物件情報 */
.page-contact #sec-property-list .contact-propertys .property .item-info {
	width: calc(100% - 120px - 16px)
}
.page-contact #sec-property-list .contact-propertys .property .item-info .block-room-list ul.table-d {
	border-bottom: none;
	grid-template-columns: 0 0 56px auto;
}
/* 基本情報
---------------------------------------- */
.page-contact #sec-basic-info .item #fm-contact-type {
	width: 100%;
}

/* ボタン
---------------------------------------- */
.page-contact #sec-ctrl button {
	width: 100%;
	margin: 0 0 16px 0;
}

/* エラーメッセージ
---------------------------------------- */

/*============================================================
 お問い合わせページ　入力確認
*============================================================*/

/* ボタン
---------------------------------------- */

/*============================================================
 お問い合わせページ　完了
*============================================================*/
/* ページヘッダー
---------------------------------------- */

/* フォーム関連
---------------------------------------- */

/* 完了メッセージ
---------------------------------------- */
.page-contact.page-contact-thanks #sec-thanks .thanks-message {
	font-size: 20px;
	line-height: 140%;
}
.page-contact.page-contact-thanks #sec-thanks .thanks-sts {
	font-size: 56px;
	line-height: 140%;
}
.page-contact.page-contact-thanks #sec-thanks .thanks-lead {
	font-size: 12px;
	line-height: 140%;
}