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

common-sp.css


********************************************************************************/
/*============================================================
 import
*============================================================*/

/*============================================================
 system
*============================================================*/
/* pc-sp display switch
---------------------------------------- */
.forPC {
    display: none;
}
.forSP {
    display: initial;
}


/*============================================================
 format
*============================================================*/
.inner {
    padding: 0 16px;
}

/* scroll fade
---------------------------------------- */

/* form
---------------------------------------- */

/*============================================================
 partsカスタム(本サイト専用パーツ追加)
*============================================================*/

/*============================================================
 ヘッダー
*============================================================*/


/*============================================================
 パンくずリスト
*============================================================*/
#breadcrumb {
    padding: 16px 0;
    background-color: #F9F9F9;
}
#breadcrumb li > * {
    font-size: 12px;
    line-height: 140%;
}
#breadcrumb li:after {
    height: 18px;
}


/*============================================================
 コンテンツ共通
*============================================================*/
/* エリアスタイル
---------------------------------------- */
.section {
	margin-bottom: 32px;
}

/* カード型(単一)
---------------------------------------- */
.block-card {
	padding: 12px 8px;
}

/* Pickup、閲覧履歴
---------------------------------------- */
/* common */
/* Pickup */
.sec-pickup {
    margin-bottom: 0;
    padding: 0 0 32px 0;
}

/* 物件ブロック(建屋単位)
---------------------------------------- */
/* 詳細ページ共通 */
.building-type {
    width: 64px;
    font-size: 10px;
    line-height: 140%;
    margin-right: 8px;
    padding: 5px 0;
}
.building-name {
    width: calc(100% - 64px - 8px);
    font-size: 16px;
    line-height: 140%;
}
/* 建屋情報 */
.block-building .building-data {
    margin-bottom: 20px;
}
.block-building .building-img {
    margin-right: 8px;
}
.block-building .building-info {
    width: calc(100% - 48% - 8px);
    margin-bottom: 16px;
}
.block-building .building-info .building-addr {
    font-size: 10px;
}
.block-building .building-info dl .item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 6px 0;
    border-bottom: solid 1px #C4C4C4;
}
.block-building .building-info dl .item-wrap > * {
    padding: 0;
    margin: 0;
    border-bottom: none;
}
.block-building .building-info dl .item-wrap dt {
    width: 48px;
    margin-right: 8px;
}
.block-building .building-info dl .item-wrap dd .notice {
    font-size: 14px;
    line-height: 140%;
}
.block-building .building-access {
    font-size: 10px;
    line-height: 160%;
}
/* 部屋リスト */
.block-room-list .table-wrap {
    display: block;
}
.block-room-list ul.table-h {
    display: none;
}
.block-room-list ul.table-d {
    display: grid;
    grid-template-columns: 32px 80px 56px auto;
    grid-template-rows: auto;
    padding-bottom: 12px;
    border-bottom: solid 1px #CECECE;
    margin-bottom: 12px;
}
.block-room-list ul.table-d li {
    border-bottom: none;
    padding: 0;
    text-align: left;
}
.block-room-list ul.table-d li.check {
    width: auto;
    grid-column: 1 / 2;
    grid-row: 1 / 5;
}
.block-room-list ul.table-d li.image {
    width: auto;
    grid-column: 2 / 3;
    grid-row: 1 / 5;
}
.block-room-list ul.table-d li.rent {
    width: auto;
    margin-bottom: 4px;
    grid-column: 3 / 5;
    grid-row: 1 / 2;
    font-weight: bold;
}
.block-room-list ul.table-d li.rent span.label {
    font-weight: normal;
}
.block-room-list ul.table-d li.rent .rent-sp {
    font-weight: bold;
    font-size: 16px;
    line-height: 180%;
    color: #1356AF;
}
.block-room-list ul.table-d li.deposit {
    width: auto;
    margin-bottom: 4px;
    grid-column: 3 / 5;
    grid-row: 2 / 3;
}
.block-room-list ul.table-d li.floor {
    width: auto;
    font-weight: bold;
    margin-bottom: 4px;
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}
.block-room-list ul.table-d li.floor span.label {
    font-weight: normal;
}
.block-room-list ul.table-d li.floor_plan {
    width: auto;
    font-weight: bold;
    margin-bottom: 16px;
    grid-column: 4 / 5;
    grid-row: 3 / 4;
}
.block-room-list ul.table-d li.floor_plan span.label {
    font-weight: normal;
}
.block-room-list ul.table-d li.link {
    width: auto;
    grid-column: 5 / 6;
    grid-row: 2 / 3;
}

@media screen and (max-width: 568px) {
    .block-room-list ul.table-d li.link {
        width: auto;
        grid-column: 3 / 5;
        grid-row: 4 / 5;
    }
}

.block-room-list ul.table-d li.link .parts-btn {
    margin-right: 16px;
}
.block-room-list ul.table-d li.link .room-link {
    text-decoration: none;
    width: 80px;
    font-size: 12px;
    line-height: 32px;
    background-color: #222222;
    border-radius: 4px;
    color: #fff;
    text-align: center;
}
.block-room-list ul.table-d li.link .room-link::before {
    display: none;
}

/* アコーディオン(SPのみ)
---------------------------------------- */
/* 閉 */
.accordion-wrap .accordion-sw {
    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;
}
.accordion-wrap .accordion-content {
    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;
}
/* 開 */
.accordion-wrap.open .accordion-sw {
    background-image: url(https://cic-utsunomiya.red-turtle.xyz/wp/wp-content/themes/cic-utsunomiya/assets/images/common/icon-arrow-accordion-close.svg);
}
.accordion-wrap.open .accordion-content {
    display: block;
}

/* 検索条件モーダル(共通)
---------------------------------------- */
/* 全体 */
.block-modal {
    padding: 24px 16px;
}
/* 内容 */
.block-modal .modal-content .modal-inner {
    padding: 28px 16px 0 16px;
}
.block-modal .modal-content .modal-inner .parts-boxes[data-style="table"] .item .data > * {
    margin: 0 24px 24px 0;
}
.block-modal .modal-content .modal-inner .parts-boxes[data-style="table"] .item .data select {
    width: calc((100% - 1em - 32px) / 2);
}

/* 検索条件モーダル(クイック条件)
---------------------------------------- */

/* 地図・エリアから探す、検索条件モーダル(町の指定)共通
---------------------------------------- */
/* 検索条件モーダル(町の指定)専用 */
.select-town .list-items.parts-boxes li  {
    width: 146px;
    margin-right: 0;
}

/* 物件お問い合わせ帯
---------------------------------------- */
#overlay-cta-contact .parts-boxes {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#overlay-cta-contact .item-info .check-cnt {
    font-size: 24px;
    line-height: 120%;
}
#overlay-cta-contact .item-info .catch {
    display: none;
}


/*============================================================
 コンテンツ　ページング
*============================================================*/
/* jqueryプラグイン　InfiniteScroll使用時
---------------------------------------- */


/*============================================================
 Error
*============================================================*/
.page-system-error #sec-system-error .system-error-num {
    font-size: 56px;
}

.page-system-error #sec-system-error .system-error-sts {
    font-size: 20px;
}

.page-system-error #sec-system-error .system-error-lead {
    font-size: 16px;
}


/*============================================================
 コンタクトフォーム共通
*============================================================*/

/*============================================================
 footer
*============================================================*/
#site-footer .nav {
    padding: 32px 0;
}
#site-footer .nav .inner #pagetop {
    /* 0 - 24(.inner padding) - 24(pagetop高さ/2) */
    top: calc(-24px - 24px);
    right: 28px;
}
#site-footer .copyright {
    line-height: 160%;
    padding: 16px 0;
}