/* 
/* 物件詳細画面 css
----------------------------------------------- */
/* 商談中部分 */
.syodan-circle {
    display: inline-block;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    color: green;
    text-align: center;
    border: solid 1px;
    font-size: 12px;
    position: relative;
    top: 3px;
}
.syodan-img {
    display: inline-block;
}

.syodan {
    cursor: pointer;
    display: inline-block;
    position: relative;
    top: -5px;
}
.syodan:hover .syodan-note {
    display: inline-block;
}
.syodan-note {
    position: absolute;
    display: none;
    padding: 5px;
    background-color: #ffffff;
    width: 100%;
    min-width: 320px;
    left: -100%;
    top: 100%;
    margin-top: 12px;
    font-size: 80%;
    z-index: 1;
    animation: fadeAnime 3s linear;
    border: solid 1px black;
}
.syodan-note:after {
    border-bottom: 12px solid #ffffff;
    top: -12px;
    left: 5%;
    background-color: #ffffff;
    content: "";
    position: absolute;
}
/* ボタン系の設定 */
.btn-base {
    width: 55%;
    margin: auto;
    font-size: 20px;
}
.funds .btn,
.sheet .btn,
.property .btn {
    width: 100%;
    padding: 5px 0 5px 0;
    display: block;
    position: relative;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    line-height: 2;
    transition-timing-function: linear;
    transition-duration: 0.2s;
    transition-property: background-color, color, opacity;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.btn.btn_green {
    background-color: #087f83;
    color: #fff;
}
.btn.btn_orange {
    background-color: #f15929;
    color: #fff;
}

/* この物件は、私達が取り扱いしています */
.shop-detail .shop-block .imgArea img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: auto;
}
.shop-detail .shop-block .detailArea h4,
.shop-detail .shop-block .detailArea .comment dt {
    font-weight: bold;
}
.shop-detail .title {
    background: #087f83;
    color: #ffffff;
    padding: 5px 10px 0 10px;
    font-size: 1.2em;
    display: inline-block;
    font-weight: bold;
}
.shop-detail .shop-detail-guide h2 {
    font-size: 1.2em;
    font-weight: bold;
}
.shop-detail .shop-detail-guide {
    padding: 10px;
    border: 3px solid #087f83;
}
.shop-detail .shop-block .detailArea table {
    border: 1px solid #bbbbbb;
    margin-bottom: 10px;
}
.shop-detail .shop-block .detailArea th {
    padding: 5px 5px;
    background-color: #eaeaea;
    border-right: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    font-weight: bold;
}
.shop-detail .shop-block .detailArea td {
    padding: 5px 5px;
    border-right: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
}
.shop-detail .shop-block .detailArea .agency-url {
    margin-left: auto;
    text-align: right;
    text-decoration: underline;
}
.shop-detail .shop-block .detailArea .agency-url a {
    color: #087f83;
}
/* プロからの素敵な提案 */
.proposal-area {
    width: 95%;
    /* background-color: #7885ba; */
    margin: 0 auto;
    padding: 0 7.5px;
}
.proposal-main-img {
    padding: 15px 7.5px;
    position: relative;
}
.proposal-main-img img {
    width: 100%;
}
/* プロからの素敵な提案 各アイテム 画像 */
.proposal-sub-img {
    text-align: center;
    background-color: #e0e0e0;
}
.proposal-sub-img img {
    max-width: 100%;
    max-height: 130px;
}
/* プロからの素敵な提案 各アイテム */
.proposal-sub-block .proposal-sub-item {
    width: 32%;
    margin: 0 2.5px;
    background-color: #fff;
    cursor: pointer;
    border: 5px solid #036eb8;
    transition: 0.5s;
    margin-bottom: 5px;
}
.proposal-sub-block .proposal-sub-item:hover {
    border-color: #6bcff6;
    scale: 1.1;
}
.proposal-sub-block .proposal-sub-item:nth-child(3n) {
    margin: 0 1% 1% 1%;
}
.proposal-sub-head {
    text-align: center;
    padding: 1%;
}
.proposal-sub-head .title {
    font-size: 15px;
    font-weight: bold;
}
.proposal-sub-head > .text {
    font-size: 11px;
    text-align: left;
}
.proposal-sub-head > .price.text {
    display: flex;
}
.proposal-sub-head > .detil {
    font-size: 11px;
    text-align: right;
    color: #147e77;
    text-decoration: underline;
}
/* 物件画像 */
.proposal-thumbnail-img {
    width: 150px;
    position: absolute;
    margin: 1%;
    bottom: 9%;
    left: 5%;
}
.proposal-thumbnail-img > img {
    width: 100%;
    height: 100%;
    border: 5px solid #ffffff;
}
/* 物件情報 */
.proposal-estate-item {
    display: flex;
    position: absolute;
    right: 5%;
    bottom: 10.5%;
    width: 100%;
    max-width: 360px;
    height: 33px;
    line-height: 33px;
    background: #ffffff;
    font-size: 14px;
}
.proposal-estate-item > .no {
    width: 32%;
    font-weight: bold;
    padding-left: 5px;
}
.proposal-estate-item > .address {
    width: calc(68% - 5px);
    padding-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* 色々知りたいQ&A */
.q-a-area img {
    width: 50%;
}

.q-a-block {
    margin-top: 20px;
}
.q-a-block .q-a-item {
    color: #b52f3d;
    font-weight: bold;
    width: 28%;
    height: 45px;
    line-height: 41px;
    margin: 0 0 2% 4%;
    text-align: center;
    border: 4px solid #bebebe;
    cursor: pointer;
}
.q-a-block .q-a-item:hover {
    color: #ffffff;
    background-color: #b52f3d;
}
.q-a-block .q-a-item:nth-child(3n) {
    margin: 0 4% 2% 4%;
}
#QAInfoModal.yestate-modal .h2_ttl {
    color: #b52f3d;
    text-align: left !important;
}
#QAInfoModal.yestate-modal .page-guide .page-block {
    display: block !important;
}
#QAInfoModal.yestate-modal .card-prop-list .card-prop-list__item {
    width: 100% !important;
}
#QAInfoModal.yestate-modal .card-prop-list .card-prop-list__item:hover {
    scale: 1.05;
    cursor: pointer;
}
#QAInfoModal.yestate-modal .QAInfoModalClose span {
    font-size: 28px;
    cursor: pointer;
}
/* ダイアログ */
/* プロからの素敵な提案 */
.proposal-modal {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
/* 黒背景の設定 */
.proposal-modal_bg {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
}
/* 背景色無し */
.proposal-modal_bgcolor_none {
    height: 100%;
    width: 100%;
}
/* ダイアログの白背景 */
.proposal-modal_content {
    position: fixed;
    min-width: 816px;
    max-width: 816px;
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}
/* ダイアログ白い部分の余白設定 */
.proposal-modal_inner {
    position: relative;
    padding: 32px 32px 0px 32px;
    background: #fff;
}
/* 内容の左側の内容 */
.proposal-dialog-block .proposal-dialog-item {
    width: 59%;
    margin-left: 1%;
    background-color: #fff;
}
/* 画像部分 */
.proposal-dialog-block .proposal-dialog-img {
    flex: 1;
    margin-right: 1%;
    background-color: #fff;
}
.proposal-dialog-block .proposal-dialog-img > ul {
    display: none;
}

/* さらに詳しくのボタンの設定 */
.proposal-dialog-item section {
    font-size: 14px;
    display: inline-block;
}
/* 施工会社の設定 */
.proposal-dialog-item .agency-data {
    display: inline-block;
}
/* 見積もり価格の設定 */
.proposal-dialog-item .detail-data {
    width: 44%;
    display: inline-block;
}
/* 掲載期限のラベルの設定 */
.proposal-dialog-item .estimate-label {
    font-size: 14px;
}
/* 掲載期限の設定 */
.proposal-dialog-item .estimate-data {
    width: 37%;
    font-size: 14px;
    display: inline-block;
}
/* 詳細項目のフォント設定 */
.proposal-dialog-block .text {
    font-size: 16px;
}
/* 企業詳細のスクロールバーの処理 */
.proposal-dialog-item .detail-text {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 360px;
    padding: 5px;
    max-height: 395px;
    border: black solid 1px;
}
.proposal-dialog-item .detail-text::-webkit-scrollbar {
    display: none;
}
/* プロからの素敵な提案タイトルの設定 */
.proposal-modal .title-area .proposal_ttl {
    background: #0f599c;
    text-align: left;
    letter-spacing: 20px;
    padding: 9px;
    line-height: 0;
}
/* プロからの素敵な提案タイトルの画像の設定 */
.proposal-modal .title-area .proposal_ttl div img {
    width: 40%;
    margin-left: 24px;
}
/* プロからの素敵な提案の閉じるボタンの設定 */
.proposal-modal .title-area .proposal_ttl div a {
    color: white;
    cursor: pointer;
    font-size: 30px;
    vertical-align: middle;
    position: relative;
    bottom: 15px;
}
/* 選択した物件の情報部分の設定 */
.proposal-modal .proposal-grid {
    border: #5a8dba solid 1px;
    font-size: 20px;
    padding: 2px;
    margin-bottom: 10px;
}
.proposal-modal .pd0 {
    padding-bottom: 0px;
}
/* フォントの太枠設定 */
.proposal-modal .bold {
    font-weight: bold;
}
/* 見積価格のアンダーライン */
.proposal-dialog-item .price {
    text-decoration: underline;
}
/* 問合せボタン中央寄せ */
.proposal-modal .contact li {
    width: fit-content;
    margin: auto;
}
/* 問合せボタンの設定 */
.proposal-modal .red_btn {
    font-weight: bold;
    background-color: #e43d08;
    color: #fff;
    padding: 0 10px 0 10px;
    line-height: 2.5;
}
/* その他業者詳細ダイアログ */
.other-agency-modal_content {
    position: fixed;
    max-width: 1000px;
    min-width: 1000px;
    width: 50%;
    top: 60px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    margin-top: calc((100vh - 60px) / 2);
    margin-left: calc(50% - 1000px / 2);
    transform: translate(0, -50%);
}
/* ダイアログ内のpadding */
.other-agency-modal_content_inner {
    position: relative;
    padding: 15px;
}
.other-agency-modal_content_inner .agency-detail-item {
    padding-bottom: 0;
}
/* 閉じるボタン */
.agency-info-modal_close {
    text-align: right;
    height: 30px;
    font-size: 20px;
    position: relative;
    right: 5px;
    bottom: 10px;
}
.agency-info-modal_close span {
    cursor: pointer;
}
/* 内容の左側の内容 */
.agency-info-dialog-block .agency-info-dialog-item-left {
    width: 65%;
    margin-left: 1%;
    background-color: #fff;
}
/* 紹介画像 */
.agency-info-dialog-block .agency-info-dialog-item-left > .introduction-slide-images {
    margin: 0 auto;
}
.agency-info-dialog-block .agency-info-dialog-item-left > .introduction-slide-images .images {
    width: 100%;
    margin: 0 auto;
}
.agency-info-dialog-block
    .agency-info-dialog-item-left
    > .introduction-slide-images
    .introduction-image {
    height: 300px !important;
}
.agency-info-dialog-block
    .agency-info-dialog-item-left
    > .introduction-slide-images
    .introduction-image
    img {
    width: auto;
    height: 100%;
}
.introduction-slide-images .slick-prev:before {
    color: #005726 !important;
    border-top: 28px solid transparent;
    border-right: 30px solid;
    border-bottom: 28px solid transparent;
    bottom: -100%;
    left: 110px;
    content: "";
    position: absolute;
}
.introduction-slide-images .slick-next:before {
    color: #005726 !important;
    border-top: 28px solid transparent;
    border-left: 30px solid;
    border-bottom: 28px solid transparent;
    bottom: -100%;
    right: 80px;
    content: "";
    position: absolute;
}
.agency-info-dialog-block .sub-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.agency-info-dialog-block .sub-images > div {
    width: calc(100% / 4);
    height: 80px;
    padding: 1%;
}
.agency-info-dialog-block .sub-images > div > img {
    width: 100%;
    max-height: 100%;
}
/* 内容右側 */
.agency-info-dialog-block .agency-info-dialog-item-right {
    flex: 1;
    margin-right: 1%;
    background-color: #fff;
    font-size: 12px;
}
/* 業者情報画像の間部分 */
.agency-info-dialog-item-right .agency-main-data {
    display: inline-block;
    width: 80%;
}
.agency-info-dialog-item-right .space {
    width: 10%;
    height: auto;
}
/* 業者情報 */
.agency-info-dialog-item-right .main-detail {
    width: 88%;
    display: inline-block;
}
/* 丸い業者画像の表示エリア */
.agency-info-dialog-item-right .circle-img {
    width: 10%;
    height: auto;
    display: inline-block;
}
/* 業者画像丸く切り取る */
.agency-info-dialog-item-right .circle-img img {
    border-radius: 50%;
    background-position: center, center;
    width: 100%;
    height: auto;
}
/* 業者画像 */
.agency-info-dialog-item-right .agency-img {
    width: 80px;
    height: auto;
    position: absolute;
    display: inline-block;
}
/* 電話番号の領域 */
.agency-info-dialog-item-right .main-detail .tel-area {
    width: 30%;
    display: inline-block;
}
/* プロフィールボタンの領域 */
.agency-info-dialog-item-right .main-detail .btn-area {
    width: 68%;
    display: inline-block;
    text-align: right;
}
/* プロフィールボタン */
.agency-info-dialog-item-right button {
    font-size: 10px;
    cursor: pointer;
}
/* その他業者項目名,セールスポイント */
.agency-item-title,
.agency-item-sales {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
}
/* 問合せボタン */
.agency-info-dialog-item-right .contact .btn {
    width: 50%;
    padding: 5px 0 5px 0;
    display: block;
    position: relative;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    line-height: 2;
    transition-timing-function: linear;
    transition-duration: 0.2s;
    transition-property: background-color, color, opacity;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: auto;
    background-color: #f15929;
    color: white;
}
/* プロフィールの設定 */
.profile {
    position: absolute;
    display: none;
    padding: 5px;
    background-color: #ffffff;
    min-width: 290px;
    max-width: 800px;
    margin-top: 12px;
    font-size: 12px;
    z-index: 1;
    border: solid 1px black;
    text-align: left;
    right: 11%;
}
/* プロからの素敵な提案の閉じるボタンの設定 */
.agency-info-modal .title-area .agency-info_ttl div a {
    color: white;
    cursor: pointer;
    font-size: 30px;
    vertical-align: middle;
    position: relative;
    bottom: 15px;
}
/* フォントの太枠設定 */
.proposal-modal .bold {
    font-weight: bold;
}
/* 問合せダイアログ */
.contact-modal {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.contact-modal .contact-title {
    background: #0f599c;
    color: #ffffff;
    text-align: left;
    font-size: 25px;
    padding-left: 15px;
}
.contact-modal_content {
    position: fixed;
    max-width: 800px;
    min-width: 800px;
    width: 50%;
    top: 60px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    margin-top: calc((100vh - 60px) / 2);
    margin-left: calc(50% - 800px / 2);
    transform: translate(0, -50%);
}
/* ダイアログ内のpadding */
.contact-modal_content_inner {
    position: relative;
    padding: 15px;
}
.contact-modal .caption {
    font-size: 20px;
    padding-left: 10px;
}
.contact-modal .contact-box {
    padding: 10px;
}
.contact-modal .contact-box dl {
    background: #ebebeb;
    width: 100%;
    padding: 10px;
    display: table;
    font-size: 16px;
}
.contact-modal .contact-box dd,
.contact-modal .contact-box dt {
    display: table-cell;
    vertical-align: middle;
}
.contact-modal .contact-box input {
    background: #fbfbfb;
    border: none;
    margin-right: 5px;
    vertical-align: 15%;
}
.contact-modal .contact-box input[type="text"] {
    height: 35px;
    padding: 0 10px;
}
.contact-modal .contact-box input.text {
    width: 500px;
}
.contact-modal .contact-box input.s-text {
    width: 30%;
}
.contact-modal .contact-box textarea {
    width: 500px;
    height: 100px;
    max-width: 500px;
    max-height: 100px;
    background: #fbfbfb;
    border: none;
}
.contact-modal .contact-box input[type="submit"] {
    width: 100%;
    background-color: transparent;
    border: none;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
}
.contact-modal .contact-box .block_btn .btn {
    line-height: 1;
}
/* 問い合わせ エラー表示 */
#ContactInfoModal .proposal-error {
    color: red;
    margin-top: 20px;
    margin-left: 20px;
}
/* 問い合わせボタン */
#ContactInfoModal #contact-submit {
    padding: 10px;
    width: 30%;
    margin: 10px auto;
}
/* 電話の際のご希望時間帯 */
#ContactInfoModal [name="tel_time"] {
    width: 30%;
    height: 35px;
}
#ContactInfoModal .tel-time {
    width: 510px;
    padding: 5px;
}
/* 宛先 */
#ContactInfoModal .title-area h2 {
    width: 100%;
    display: inline-block;
}
#ContactInfoModal .title-area h2 span {
    width: 30%;
}
#ContactInfoModal .title-area h2 [data="agency_name"] {
    width: auto !important;
}

/* 業者紹介へのご案内 */
#proposalModal .AgencyInfoModalShow {
    color: #087f83;
}
/* 問い合わせ完了 */
#ContactCompletionModal .user-item-row p {
    display: inline-block;
}
#ContactCompletionModal .user-item-row .user-item-title {
    width: 30%;
    text-align: left;
}
#ContactCompletionModal .close-button {
    width: 30%;
    margin: 20px auto 0 auto;
    text-align: center;
}
/* クロスメーターダイアログ */
a.CrossMeterInfoModalShow > img {
    width: 100px;
    transition: 1s;
}

a.CrossMeterInfoModalShow > img:hover {
    scale: 1.1;
}

#CrossMeterInfoModal #area-all {
    width: 550px;
    margin: 0 auto;
}
#CrossMeterInfoModal .title {
    display: flex;
    width: auto;
    align-items: flex-end;
    justify-content: center;
}
#CrossMeterInfoModal .title > div {
    font-weight: bold;
    position: relative;
}
#CrossMeterInfoModal .title > div::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-bottom: 5px solid #93bd1b;
}
#CrossMeterInfoModal .title > div:first-child {
    font-size: 18px;
}
#CrossMeterInfoModal .title > div:last-child {
    font-size: 22px;
    color: #166e45;
}
#CrossMeterInfoModal .subTitle {
    text-align: center;
    margin: 10px 0;
    font-size: 15px;
    font-weight: bold;
}
#CrossMeterInfoModal .explanation {
    font-size: 13px;
    border: 3px solid #bbbbbb;
    margin: 10px 0;
    padding: 5px;
    line-height: 1;
}
#CrossMeterInfoModal .operation-explanation {
    display: flex;
    margin-top: 5px;
}
#CrossMeterInfoModal .operation-explanation > .text {
    width: 70%;
    font-weight: bold;
    font-size: 16px;
}
#CrossMeterInfoModal .operation-explanation > .icon {
    width: 30%;
}
#CrossMeterInfoModal .operation-explanation > .icon > img {
    width: 70%;
    margin-left: auto;
}
#CrossMeterInfoModal .operation-explanation .mock-button {
    color: #ffffff;
    background: #f15929;
    margin: 5px;
    line-height: 2;
    font-size: 13px;
    white-space: nowrap;
}
#CrossMeterInfoModal .operation-explanation > .button-text {
    font-weight: bold;
}
#CrossMeterInfoModal .business-restructuring {
    font-size: 16px;
    padding-top: 18px;
    padding-left: 5px;
}

.views-area a.CrossMeterInfoModalShow {
    margin-bottom: 1px;
}
/** 新フォーマット対応 */
.page-guide.detail-guide {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
}
/* ヘッダー画像表示部分 */
.page-guide.detail-guide .base-wid {
    width: 100%;
    margin: 0 auto;
}
/* ヘッダー画像プレビューの設定 */
.page-guide.detail-guide .base-wid .main-img {
    width: 65%;
    display: inline-block;
    margin-left: 15%;
}
/* ヘッダー画像横のサムネイル画像の領域の設定 */
.page-guide.detail-guide .base-wid .sub-img-area {
    width: 10%;
    display: inline-block;
    margin-left: 2%;
    vertical-align: top;
}
/* サムネイル画像部分の大きさ設定 */
.page-guide.detail-guide .base-wid .sub-img {
    margin-top: 10px;
    width: 65%;
    max-height: 480px;
}
/* サムネイル画像枠線 */
.page-guide.detail-guide .base-wid .sub-img .item {
    border: 1px solid black;
}
/* サムネイル画像ホバーしたときの設定 */
.page-guide.detail-guide .base-wid .sub-img .item:hover {
    scale: 1.1;
    transition: 1s;
}
/* ヘッダー画像下の詳細情報の設定 */
.page-guide.detail-guide .base-wid .main-detail {
    width: 65%;
    margin-left: 15%;
}
/** この物件は、私達が取り扱いしています */
.mainArea > .detail-guide > .detail-grid > .detail-body-contents > .shop-detail {
    margin-top: 30px;
}
.detail-guide .shop-detail h3 {
    font-size: 24px;
    margin-bottom: 20px;
}
.mainArea
    > .detail-guide
    > .detail-grid
    > .detail-body-contents
    > .shop-detail
    .shop-block
    .imgArea {
    width: 200px;
}
.mainArea > .detail-guide > .detail-grid > .detail-body-contents > .shop-detail .imgArea img {
    height: 184px;
    margin-bottom: 10px;
}
.mainArea > .detail-guide > .detail-grid > .detail-body-contents > .shop-detail .detailArea {
    font-size: 14px;
    width: calc(100% - 210px);
    padding-left: 10px;
}
/** スライド広告 */
.kokopure-card-item > .card-prop-list > .card-prop-list__item {
    transition: 0.5s;
}
.kokopure-card-item > .card-prop-list > .card-prop-list__item:hover {
    scale: 2;
    z-index: 1;
}

/** メイン画像 */

/** 画面上部 物件情報 */
.header-info-area > .header-info-panel {
    display: flex;
}

/** スマホサイズ */
@media (max-width: 736px) {
    /** 全体 */
    html,
    body,
    .pageContent.wrapperContent {
        min-width: 0 !important;
    }
    /** 横幅 */
    .mainArea > .detail-guide > .detail-header-contents,
    .mainArea > .detail-guide > .detail-grid > .detail-body-contents,
    .page-guide.detail-guide .base-wid .main-detail {
        width: 90%;
    }

    /** メイン画像 */
    .header-view-area > .header-view-img {
        height: 265.8px;
    }
    .header-view-area > .header-view-img > .img-layer-area > .layer-img > img {
        height: 100% !important;
        width: auto !important;
    }
    .header-view-modal_content {
        max-width: 350px;
        min-width: 350px;
        top: 20%;
        left: calc(50% - 175px);
    }
    .header-view-title-item[data="kouzu"] {
        font-size: 8px;
    }
    .header-view-img .header-view-bottom-info .header-view-bottom-v-all p {
        font-size: 8px;
    }

    #pictureslider .slick-prev:before,
    #kouzuslider .slick-prev:before,
    #pictureslider .slick-next:before,
    #kouzuslider .slick-next:before {
        left: 10%;
    }

    /** 画面上部 物件情報 */
    .page-guide.detail-guide .base-wid .main-detail {
        margin: auto;
    }
    .header-info-area > .header-info-panel {
        display: block;
    }
    .header-info-area .header-info-contents {
        display: block !important;
    }
    .header-info-area > .header-info-contents > div:first-child,
    .header-info-area > .header-info-contents > div:last-child {
        width: 100%;
    }

    /** 商談中 */
    .syodan-note {
        left: 0;
    }

    /** ココプレリスト */
    .kokopure-card-list > .kokopure-card-item {
        height: auto;
    }
    .kokopure-card-item > .card-prop-list > .card-prop-list__item {
        width: 50%;
        margin: 0 0 2% 0;
    }

    /** 諸元 */
    #Specifications > .item-table > .main {
        display: block;
    }
    #Specifications > .item-table > .main > div:first-child,
    #Specifications > .item-table > .main > div:last-child {
        width: 100%;
    }
    #Specifications .table-itme {
        display: none;
    }

    /** この物件は、私達が取り扱いしています */
    .shop-detail .shop-block {
        display: block;
    }
    .shop-detail .shop-block .detailArea {
        width: 100% !important;
        padding-left: 0 !important;
    }
    .shop-detail .shop-block .detailArea th {
        min-width: 50px;
    }

    /** 色々知りたいQ&A */
    .q-a-block .q-a-item {
        width: 48%;
        margin: 0 1% 2% 1%;
    }
    .q-a-block .q-a-item:nth-child(3n) {
        margin: 0 1% 2% 1%;
    }

    /** プロから素敵な提案 */
    .proposal-area {
        width: 100%;
        padding: 0;
    }
    .proposal-main-img {
        padding: 15px 0;
    }
    .proposal-thumbnail-img,
    .proposal-estate-item {
        display: none;
    }
    .proposal-sub-block .proposal-sub-item {
        width: 48%;
        margin: 0 1%;
    }

    /** ボタン */
    .btn-base {
        width: 70%;
    }
    .funds .btn,
    .sheet .btn,
    .property .btn {
        font-size: 14px;
    }
    .page-guide .btn-base {
        padding-bottom: 10px;
    }
    .detail-grid .fav-content-block .btn-block {
        width: 80%;
    }

    /** プロから素敵なダイアログ */
    .proposal-modal_content {
        max-width: 350px;
        min-width: 350px;
    }
    .proposal-modal .title-area .proposal_ttl div a {
        bottom: 6px;
    }
    .proposal-dialog-block .proposal-dialog-item {
        width: 100%;
        margin-left: 0;
    }
    .proposal-dialog-item .detail-text {
        width: 100%;
    }
    .proposal-dialog-block .proposal-dialog-item > ul {
        display: none;
    }
    .proposal-dialog-block .proposal-dialog-img > ul {
        display: block;
    }

    /** ココプレダイアログ */
    .kokopre-info-modal_content {
        height: auto;
        min-height: 0;
        min-width: 350px;
        max-width: 350px;
        left: calc(50% - 175px);
        margin-left: 0;
    }

    /** クロスメーターダイアログ */
    .yestate-modal_content {
        min-width: 350px;
        max-width: 350px;
        height: calc(90vh - 85px);
    }
    .cross-meter-content {
        zoom: 40% !important;
    }
    /** フッター TODO 2024/07/18 後々共有CSSに移動予定 */
    footer .footer-block .footer-nav {
        flex-flow: column;
    }
    footer .horizontal-line {
        display: none;
    }
    .footer .footer-wrap {
        padding: 8% 0;
    }
    .footer .footer-wrap .inner {
        display: block;
    }
    .footer .footer-logo {
        width: 100%;
        margin-bottom: 3%;
    }
    .footer .footer-logo h5 {
        font-size: 14px;
    }
    .footer .footer-nav {
        width: 100%;
        padding-left: 0;
        flex-flow: column;
    }
    .footer .footer-nav .nav-items {
        margin-right: 0;
    }
    .footer .footer-nav .nav-items a {
        position: relative;
        font-size: 3.6vw;
        padding-right: 0;
        margin-bottom: 0;
        border-right: none;
        line-height: 3;
    }
    .footer .footer-bottom {
        padding: 3% 0;
    }
    .footer .footer-bottom .inner {
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .footer .footer-bottom .copy {
        font-size: 3.4vw;
    }
    .footer .footer-bottom ul {
        margin-left: 0;
    }
    .footer .footer-bottom ul li a {
        color: #ffffff;
        font-size: 3.4vw;
    }
    footer .flex-flow {
        flex-flow: column;
    }
    footer .vertical-line {
        display: none;
    }
    footer .left,
    footer .center,
    footer .right {
        width: 100% !important;
    }
}
/** タブレットサイズ */
@media (min-width: 736px) and (max-width: 1024px) {
    /** 全体 */
    html,
    body,
    .pageContent.wrapperContent {
        min-width: 0 !important;
    }
    /** 横幅 */
    .mainArea > .detail-guide > .detail-header-contents,
    .mainArea > .detail-guide > .detail-grid > .detail-body-contents,
    .page-guide.detail-guide .base-wid .main-detail {
        width: 90%;
    }

    /** メイン画像 */
    .header-view-area > .header-view-img {
        height: 531.6px;
    }
    .header-view-area > .header-view-img > .img-layer-area > .layer-img > img {
        height: 100% !important;
        width: auto !important;
    }
    .header-view-modal_content {
        max-width: unset;
        min-width: unset;
        width: calc(100% - 100px);
        top: 20%;
        left: 50px;
    }
    .header-view-title-item[data="kouzu"] {
        font-size: 8px;
    }
    .header-view-img .header-view-bottom-info .header-view-bottom-v-all p {
        font-size: 8px;
    }

    #pictureslider .slick-prev:before,
    #kouzuslider .slick-prev:before,
    #pictureslider .slick-next:before,
    #kouzuslider .slick-next:before {
        left: 10%;
    }

    /** 画面上部 物件情報 */
    .page-guide.detail-guide .base-wid .main-detail {
        margin: auto;
    }
    .header-info-area > .header-info-panel {
        display: block;
    }
    .header-info-area .header-info-contents {
        display: block !important;
    }
    .header-info-area > .header-info-contents > div:first-child,
    .header-info-area > .header-info-contents > div:last-child {
        width: 100%;
    }

    /** 商談中 */
    .syodan-note {
        left: 0;
    }

    /** ココプレリスト */
    .kokopure-card-list > .kokopure-card-item {
        height: auto;
    }
    .kokopure-card-item > .card-prop-list > .card-prop-list__item {
        width: 50%;
        margin: 0 0 2% 0;
    }

    /** 諸元 */
    #Specifications > .item-table > .main {
        display: block;
    }
    #Specifications > .item-table > .main > div:first-child,
    #Specifications > .item-table > .main > div:last-child {
        width: 100%;
    }
    #Specifications .table-itme {
        display: none;
    }

    /** この物件は、私達が取り扱いしています */
    .shop-detail .shop-block {
        display: block;
    }
    .shop-detail .shop-block .detailArea {
        width: 100% !important;
        padding-left: 0 !important;
    }
    .shop-detail .shop-block .detailArea th {
        min-width: 50px;
    }

    /** 色々知りたいQ&A */
    .q-a-block .q-a-item {
        width: 48%;
        margin: 0 1% 2% 1%;
    }
    .q-a-block .q-a-item:nth-child(3n) {
        margin: 0 1% 2% 1%;
    }

    /** プロから素敵な提案 */
    .proposal-area {
        width: 100%;
        padding: 0;
    }
    .proposal-main-img {
        padding: 15px 0;
    }
    .proposal-thumbnail-img,
    .proposal-estate-item {
        display: none;
    }
    .proposal-sub-block .proposal-sub-item {
        width: 48%;
        margin: 0 1%;
    }

    /** ボタン */
    .btn-base {
        width: 70%;
    }
    .funds .btn,
    .sheet .btn,
    .property .btn {
        font-size: 14px;
    }
    .page-guide .btn-base {
        padding-bottom: 10px;
    }
    .detail-grid .fav-content-block .btn-block {
        width: 80%;
    }

    /** プロから素敵なダイアログ */
    .proposal-modal_content {
        max-width: 350px;
        min-width: 350px;
    }
    .proposal-modal .title-area .proposal_ttl div a {
        bottom: 6px;
    }
    .proposal-dialog-block .proposal-dialog-item {
        width: 100%;
        margin-left: 0;
    }
    .proposal-dialog-item .detail-text {
        width: 100%;
    }
    .proposal-dialog-block .proposal-dialog-item > ul {
        display: none;
    }
    .proposal-dialog-block .proposal-dialog-img > ul {
        display: block;
    }

    /** ココプレダイアログ */
    .kokopre-info-modal_content {
        height: auto;
        width: calc(100% - 200px);
        min-width: unset;
        max-width: unset;
        left: 100px;
        margin-top: calc((100vh - 100px) / 2);
        margin-left: 0;
    }

    /** クロスメーターダイアログ */
    .yestate-modal_content {
        min-width: 90%;
        max-width: 90%;
        height: auto;
    }
    /** おすすめ情報(広告) */
    .sideContent-phone-area {
        height: unset;
    }
    .slick-slider .slick-track, .slick-slider .slick-list {
        width: unset !important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    /** フッター TODO 2024/07/18 後々共有CSSに移動予定 */
    /* footer .footer-block .footer-nav {
        flex-flow: column;
    } */
    footer .horizontal-line {
        display: none;
    }
    .footer .footer-wrap {
        padding: 8% 0;
    }
    .footer .footer-wrap .inner {
        display: block;
    }
    .footer .footer-logo {
        width: 100%;
        margin-bottom: 3%;
    }
    .footer .footer-logo h5 {
        font-size: 14px;
    }
    .footer .footer-nav {
        width: 100%;
        padding-left: 0;
        /* flex-flow: column; */
    }
    .footer .footer-nav .nav-items {
        margin-right: 0;
    }
    .footer .footer-nav .nav-items a {
        position: relative;
        font-size: 3.6vw;
        padding-right: 0;
        margin-bottom: 0;
        border-right: none;
        line-height: 3;
    }
    .footer .footer-bottom {
        padding: 3% 0;
    }
    .footer .footer-bottom .inner {
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .footer .footer-bottom .copy {
        font-size: 3.4vw;
    }
    .footer .footer-bottom ul {
        margin-left: 0;
    }
    .footer .footer-bottom ul li a {
        color: #ffffff;
        font-size: 3.4vw;
    }
    footer .flex-flow {
        flex-flow: column;
    }
    footer .vertical-line {
        display: none;
    }
    footer .left,
    footer .center,
    footer .right {
        width: 100% !important;
    }
}