/*
 Theme Name:   GENSEN Child
 Theme URI:    https://tcd-theme.com/tcd050
 Description:  gensen_tcd050 child Theme
 Author:       TCD
 Author URI:   https://tcd-theme.com/
 Template:     gensen_tcd050
 Version:      1.23.1
 Text Domain:  tcd-gensen
*/

/* 子テーマのカスタムスタイルはここに追加 */



/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*個別ページのバージョン３のCSS  width 860px 　バナーつき*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* -- トップページパーツ -- */

/* -- トップ共通　----- */


*,
*::before,
*::after {
  box-sizing: border-box;
}

.pl_link_box {
    width: 500px;
    background-color: #e07604;
    border-radius: 50px;
    text-align: center;
    border: solid 5px #fff;
    margin: 10px auto;
}

.pl_link_box:hover {
    background-color: #d67002
}

.pl_link_box a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 8px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

.pl_link_box a:hover {
    text-decoration: none;
}

.pl_table {
    width: 90%;
    margin: 0 auto;
}

.pl_box_wrap3 {
    width: 100%;
    margin: 0 auto;
}

.pl_box_wrap3 h2 {
    text-align: center;
    margin: 20px auto;
    font-size: 30px;
    color: #3c3c3c;
    font-weight: bold;
    position: relative;
    padding-bottom: 15px;
}

.pl_box_wrap3 h2::after {
    content: '';
    display: block;
    width: 200px;
    height: 3px;
    background-color: #e07604;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
}

.highlight {
    background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.3em;
}

.pl_bunner_main {
    width: 100%;
    margin-bottom: 100px;
}

.pl_bunner_main img:hover {
    opacity: 0.7
}

@media only screen and (max-width:782px) {
    .pl_link_box {
        width: 96%;
        margin: 10px auto;
    }

    .pl_box_wrap3 {
        width: 96%;
        margin: 0 auto;
    }

    .pl_box_wrap3 h2 {
        font-size: 30px;
    }

    .pl_box_wrap3 h2::after {
        width: 200px;
    }
}



/* -- ENDトップ共通　----- */


#cb_0 {
    background-color: rgb(255, 246, 238);
    padding-top: 20px;
    padding-bottom: 50px;
    margin: 0px auto 0 auto;
    background-image: url('https://ibj.plavel.jp/wp-content/uploads/2025/04/280018.jpg');
    background-size: cover;
    /* 画面いっぱいに表示 */
    background-position: center;
    /* 中央配置 */
    background-repeat: no-repeat;
    /* 繰り返しなし */
}



.flex_box_37 {
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto;
    width: 80%;
    min-height: 350px
}

.flex_box_37 div:first-child {
    width: 30%;
    position: relative;
}

.flex_box_37 div:nth-child(2) {
    width: 70%
}

.flex_box_37 div:nth-child(1) img {
    width: 90%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    filter: drop-shadow(1px -1px 3px #3c3c3c);
}

.flex_box_37 div:nth-child(2) h2 {
    font-size: 40px;
    font-weight: bold;
    color: #ff0;
    text-align: center;
    width: 100%;
    display: block;
    margin: 10px auto;
}

.f37pa {
    width: 80%;
    font-size: 18px;
    color: #fff;
    margin: 10px auto;
    text-align: center;
}

.f37pb {
    width: 100%;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin: 10px auto;
    text-align: center;
}

@media only screen and (max-width:782px) {
    .flex_box_37 {
        display: block;
        width: 96%;
        margin: 0 auto;
    }

    .flex_box_37 div:first-child,
    .flex_box_37 div:nth-child(2) {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .flex_box_37 div:nth-child(1) img {
        display: none;
    }

    .flex_box_37 div:nth-child(2) h2 {
        font-size: 20px;
        font-weight: bold;
        color: #ff0;
        text-align: center;
        width: 100%;
        display: block;
        margin: 10px auto;
    }

    .f37pb {
        width: 100%;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        margin: 10px auto;
        text-align: center;
    }
}

#cb_1 {
    background-color: #4682b4;
    margin: 0 auto;
    background: repeating-linear-gradient(-65deg,
            #4D90C8,
            #4D90C8 1px,
            #4682b4 0,
            #4682b4 29px);
}

.flex_box_55 {
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto;
    width: 100%;
}

.fb_55_child {
    width: 50%;
}

.fb_55_wrap {
    width: 80%;
    margin: 20px auto;
    background-color: #fff;
    position: relative;
    padding-bottom: 10px;
}

.fb_55_wrap h3 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #000;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 50px 0;
}

.fb55_txt {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translatex(-50%);
    width: 90%;
    z-index: 999;
}


.fb_55_wrap img {
    width: 100%;
    margin-top: 0;
}

.fb_55_p {
    display: block;
    width: 90%;
    margin: 10px auto;
}

.fb_55_wrap a {
    color: #3c3c3c;
}

.fb_55_wrap a:hover {
    text-decoration: none;
}

.fb_55_wrap .link_box {
    width: 90%;
    margin: 10px auto;
    padding: 10px;
    background-color: #e07604;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    font-size: 18px;
}

.fb_55_wrap .link_box:hover {
    background-color: #d67002;
}

@media only screen and (max-width:782px) {
    .flex_box_55 {
        display: block;
        width: 100%;
        margin: 0 auto
    }

    .fb_55_child {
        width: 100%;
        margin: 20px auto
    }

    .fb_55_wrap {
        width: 96%;
    }

    .fb_55_wrap h3 {
        font-size: 20px;
        position: absolute;
        top: 3%;
        left: 50%;
        transform: translateX(-50%);
    }

    .fb55_txt {
        font-size: 16px;
        position: absolute;
        top: 2%;
        left: 50%;
        transform: translateX(-50%);
    }

}

#cb_2 {
    background-color: #fafafa;
    margin: 0 auto;
}

.pl_box_wrap {
    display: block;
    width: 100%;
    min-height: 600px;
    background-color: #fafafa;
    position: relative;
}

.pl_box_p1 {
    position: absolute;
    top: 100px;
    left: 90px;
}

.pl_box_p2 {
    position: absolute;
    top: 170px;
    left: 50px;
}

.pl_box_p3 {
    position: absolute;
    top: 260px;
    left: 300px;
}

.pl_box_p4 {
    position: absolute;
    top: 350px;
    left: 50px;
}

.pl_box_p5 {
    position: absolute;
    bottom: -40px;
    left: 500px;
}

.pl_box_p6 {
    position: absolute;
    top: 500px;
    left: 50px;
}

.pl_box_p1 p {
    font-size: 30px;
    font-weight: bold;
}

.pl_box_p2 p {
    font-size: 40px;
    color: #4682b4;
    font-weight: bold;
}

.pl_box_p3 p {
    font-size: 30px;
    font-weight: bold;
}

.pl_box_p4 p {
    font-size: 20px;
    font-weight: bold;
}

@media only screen and (max-width:782px) {
    .pl_box_wrap {
        display: block;
        width: 96%;
        margin: 0 auto;
        position: relative;
        min-height: 500px
    }

    .pl_box_p1 {
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .pl_box_p2 {
        position: absolute;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .pl_box_p3 {
        position: absolute;
        top: 100px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .pl_box_p4 {
        position: absolute;
        top: 150px;
        left: 00px;
    }

    .pl_box_p5 {
        position: absolute;
        bottom: -10px;
        left: 0px;
    }

    .pl_box_p6 {
        position: absolute;
        top: 250px;
        left: -20px;
        width: 200px;
    }

    .pl_box_p1 p {
        font-size: 18px;
        font-weight: bold;
        text-align: center
    }

    .pl_box_p2 p {
        font-size: 23px;
        color: #4682b4;
        font-weight: bold;
    }

    .pl_box_p3 p {
        font-size: 18px;
        font-weight: bold;
        text-align: right;
    }

    .pl_box_p4 p {
        font-size: 16px;
        font-weight: normal;
        text-align: center;
    }
}

#cb_3 {
    background-color: #DAEBFF;
    margin: 0 auto 100px auto;
}

.pl_box_wrap2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    min-height: 500px;
    background-color: #DAEBFF;
    margin: 0 auto;
    padding: 50px 0;
}

.flex_box_wrap {
    width: 25%;
    height: 450px;
    background-color: #DAEBFF;
}

.flex_box_child {
    width: 90%;
    height: 100%;
    margin: 20px auto;
    background-color: #fafafa;
    border-radius: 10px;
    padding-top: 20px;
}

.flex_box_child h4 {
    width: 90%;
    display: block;
    margin: 0px auto 40px auto;
    color: #4682b4;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    line-height: 1.7
}

.pl_box_img {
    display: block;
    width: 35%;
    margin: 0 auto;
}

.flex_box_child .flex_p {
    width: 90%;
    margin: 0 auto;
}

@media only screen and (max-width:782px) {
    .flex_box_wrap {
        width: 50%;
        height: 200px;
        background-color: #DAEBFF;
    }

    .flex_box_child {
        height: 200px;
    }

    .flex_box_child h4 {
        font-size: 14px;
    }

    .flex_box_child .flex_p {
        display: none;
    }
}


.flex_box_73 {
    display: flex;
    flex-wrap: wrap;
    margin: 40px auto 0 auto;
    width: 100%;
}

.flex_box_73 div:first-child {
    width: 60%;
}

.flex_box_73 div:nth-child(2) {
    width: 40%
}

.flex_box_73 div:nth-child(2) img {
    width: 80%
}

.normal_link {
    display: block;
    margin: 0 auto;
}

.top-item-title4 h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    margin: 20px auto;
}

.pl_item_wrap {
    background-color: #fff6ee;
    padding-bottom: 50px;
    margin-bottom: 100px;
}


.post_content .pl_h3 {
    font-size: 40px;
    font-weight: bolder;
    color: #4682b4;
    text-align: center;
    margin-bottom: 60px;
}




/* トップページ物件一覧　*/

.main-title {
    width: 100%;
    height: 200px;
    margin-bottom: 100px;
    display: block;
    position: relative;
}

.main-title h2 {
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.9);
    padding: 50px 100px;
}

.main-title h2::after {}

.pl_bg_01 {
    background-image: url(https://ij-apartment.com/wp-content/uploads/2024/08/1920__01.jpg);
}

.pl_bg_02 {
    background-image: url(https://ij-apartment.com/wp-content/uploads/2024/08/1920__02.jpg);
}

.all2-page-wrapper4 {
    width: 100%;
    margin: 0 auto;
    background-color: #fff6ee
}



.all-top-page-wrapper4 {
    max-width: 1200px;
    margin: 0 auto;
}

.top-page-main-container4 {
    display: flex;
    flex-wrap: wrap;
}

.top-item-container4 {
    /* 	background-color:#fff; */
    width: 33.333%;
    min-height: 480px;
    margin-bottom: 100px;
}


.top-item-container4:hover {
    opacity: 0.9;
}

.child4 {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    background-color: #fff;
}

.top-item-title4 {
    /*height:30px;*/
    /*background-color:rgba(255,66,66,0.3);*/
}

.top-item-title4 h1 {
    font-size: 20px;
    padding-top: 5px;
}

.top-item-thumbnail4 img {
    width: 100%;
    height: 200px;
    /* オブジェクトに合わせて画像を調整 */
    object-fit: cover;

}

.arc_tomi {
    width: 90%;
    margin: 10px auto;
}

.arc_tomi p {
    padding: 10px 20px;
    border: solid 1px #ddd;
    border-radius: 50px;
    display: inline-block;
}

.top-item-list4 {
    height: 120px;
    width: 100%;
    font-size: 13px;

}

.top-item-list4 p {
    padding-top: 1px;
    line-height: 17px;
}

.top-item-date4 {
    height: 20px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

.top-item-date p {
    font-size: 15px;
    padding-top: 3px;
    padding-bottom: 2px;
    text-align: right;
}


.top-item-category4 {
    height: auto;
    width: auto;
    background-color: rgba(0, 0, 0, 0.1);
}

.top-item-category4 p {
    font-size: 20px;
    padding-top: 8px;
    padding-bottom: 2px;
    text-align: right;
}

.pl_table tr td {
    border-bottom: dotted 1px #ddd;
}

.pl_table tr td:first-child {
    width: 30%;
    padding: 15px 5px 5px 5px;
    font-weight: bold;
}

.pl_table tr td:nth-child(2) {
    width: 70%;
    padding: 15px 5px 5px 5px;
}

@media only screen and (max-width:600px) {

    .all-top-page-wrapper4 {
        width: 100%;
    }

    .top-item-container4 {
        width: 90%;
        margin: 40px auto;
    }

}

/*トップページアーカイブリンクブロック*/

.archive-container {
    width: 100%;
    margin-bottom: 100px;
}

.archive-link-block {
    width: 50%;
    margin: 20px auto;
}

.archive-link-block a {
    text-align: center;
    background-color: #e07604;
    padding: 20px;
    display: block;
    border-radius: 50px;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
}

.archive-link-block a:hover {
    background-color: #d67002;
}

@media only screen and (max-width:782px) {
    .archive-link-block {
        width: 80%;
        margin: 20px auto;
    }
}


/* -- ENDトップページパーツ -- */


.main-custom-wrapper3 {
    /*background-color:rgba(225,222,219,0.9);*/
    max-width: 1200px;
    margin: 50px auto 150px auto;
    height: auto;
    display: flex;
    justify-content: space-between;
}

.title-block {
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 40px;
}

.title-block h2 {
    font-size: 40px;
    margin-bottom: 20px;
}

.title-block p {
    color: #707070;
}

.tomi_block {
    display: block;
    margin-bottom: 50px;
    width: 100%;
}

.tomi_block ul li {
    display: inline-block;
    margin-right: 40px;
}

.tomi_block ul li a {
    border: solid 1px #ddd;
    padding: 10px 20px;
    border-radius: 50px;
}

.main-custom-container3 {
    /*background-color:rgba(224,124,244,0.5);*/
    width: 860px;
    height: auto;
}

.head-container3 {
    width: 100%;
    /* 	height:700px; */
    /* 	background-color:rgba(128,215,149,0.8); */
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}

.image-slider-block3 {
    display: block;
    width: 60%;
    /* 	background-color:rgba(66,104,255,0.8); */
}

@media only screen and (max-width:782px) {
    .main-custom-wrapper3 {
        width: 96%;
        display: block;
        margin: 0 auto;
    }

    .main-custom-container3 {
        width: 100%;
    }

    .head-container3 {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .image-slider-block3 {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}


/*物件詳細*/

.property_detaile_wrap {
    display: block;
    width: 35%;
    margin-bottom: 50px;
}

.property_detaile_wrap .simple_explan,
.property_detaile_wrap .table_block,
.property_detaile_wrap .tag_block,
.property_detaile_wrap .link_block {
    width: 100%;
    display: block;
    margin-bottom: 40px;
}

.property_detaile_wrap .simple_explan {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6
}

.property_detaile_wrap .table_block table {
    width: 100%;
}

.property_detaile_wrap .table_block table td {
    padding: 10px 0;
    vertical-align: middle;
    line-height: 1.6;
    font-weight: bold;
}

.property_detaile_wrap .table_block table td:nth-child(1) {
    width: 15%;
}

.property_detaile_wrap .table_block table td:nth-child(1) img {
    display: block;
    width: 60%;
}

.property_detaile_wrap .table_block table td:nth-child(2) {
    width: 85%;
}

.property_detaile_wrap .tag_block ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.property_detaile_wrap .tag_block ul li {
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: #dff7df;
    padding: 10px 5px;
    border-radius: 3px
}

.property_detaile_add_wrap {
    width: 100%;
    display: block;
    margin-bottom: 100px;
}

.property_detaile_add_wrap .table_block table {
    width: 100%;
}

.property_detaile_add_wrap .table_block table th {
    width: 20%;
    background-color: rgba(224, 118, 4, 0.4);
    border: solid 1px #f0f0f0;
    padding: 20px;
    vertical-align: middle;
    text-align: left;
}

.property_detaile_add_wrap .table_block table td {
    width: 30%;
    border: solid 1px #f5e0cd;
    padding: 20px;
    vertical-align: middle;
    line-height: 1.6;
}

.details-block3 {
    display: block;
    width: 35%;
    /* 	background-color:rgba(66,104,14,0.8); */
    margin-bottom: 50px;
    /* 	display:flex; */
    /* 	flex-direction:column; */
    /* 	align-items:center; */
    /* 	padding-top:14px; */

}

.details-block3 h3 {
    font-size: 16px;
    color: #545454;
}

.details-block3 table {
    width: 100%;
    margin-bottom: 50px;
}

.details-block3 table th {
    padding: 20px 10px;
    border: 1px solid #f0f0f0;
    background-color: rgba(224, 118, 4, 0.4);
    font-weight: bold;
    width: 40%;
    text-align: left;
    line-height: 1.6;
    vertical-align: middle;
}

.details-block3 table td {
    padding: 20px 10px;
    border: 1px solid #f5e0cd;
    width: 60%;
    line-height: 1.6;
    vertical-align: middle;
}

.inquiry-block2 {
    width: 100%;
    background-color: rgba(147, 70, 104, 0.8);
}

.inquiry-block2 img {
    display: block;
    width: 100%;
    /*background-color:rgba(147,70,104,0.8);*/
}

.inquiry-block2 img:hover {
    opacity: 0.7
}

@media only screen and (max-width:782px) {
    .details-block3 {
        width: 100%;
        margin: 100px auto;
    }
}

/*専有部設備　共有部設備*/


.pl_h_h2 {
    width: 95%;
    font-size: 24px;
    font-weight: bold;
    padding: 20px;
    margin-bottom: 50px;
    background-color: #f7f7f7;
}

.pl_h_h3 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    border-left: solid 5px #000;
    padding-left: 20px;
    margin-bottom: 50px;
}


.amenities-container3 {
    margin-bottom: 100px;
    width: 100%;
    height: auto;
    /* 	background-color:rgba(128,215,149,0.8); */
}

.amenities-block {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.amenities-container {
    display: flex;
    flex-wrap: wrap;
}

.amenities-block div {
    width: 22%;
    /* 	background-color:red; */
    padding-top: 0px;
    !important
}

.amenities-block table {
    width: 100%;
    margin: 0;
}

.amenities-block table th {
    border-bottom: 1px solid #919191;
    background-color: rgba(235, 235, 235, 0.3);
    padding: 10px;
}

.amenities-block table td {
    border-bottom: 1px solid #919191;
    border-color: #f2f2f2;
    padding: 15px;
}

.pl_amenities-block {
    background-color: white;
    width: 100%;
    margin-bottom: 50px;
}

.pl_amenities-block table {
    width: 100%
}

.pl_amenities-block table th {
    width: 20%;
    padding: 20px;
    background-color: rgba(224, 118, 4, 0.4);
    border: 1px solid #f0f0f0;
    vertical-align: middle;
}

.pl_amenities-block table td {
    width: 80%;
    padding: 20px;
    border: solid 1px #f5e0cd;
    vertical-align: middle;
    line-height: 1.6;
}

.pl_amenities-block ul li {
    display: inline-block;
    margin: 0 15px 20px 0;
    background-color: #f7f7f7;
    padding: 10px 15px;
}

.dormitry-container3 {
    width: 860px;
    height: auto;
    /*background-color:rgba(128,215,149,0.8);*/
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dormitry-table-block3 {
    width: 860px;
    height: auto;
    /*background-color:rgba(66,104,255,0.8);*/
    margin-bottom: 20px;
}

.dormitry-details-block3 {
    width: 860px;
    height: auto;
    /*background-color:rgba(66,104,255,0.8);*/
}

.dormitry-details-block3 h4 {
    margin-bottom: 20px;
}

.mansion-container3 {
    margin-top: 20px;
    width: 860px;
    height: auto;
    /*background-color:rgba(128,215,149,0.8);*/
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mansion-table-block3 {
    width: 860px;
    height: auto;
    /*background-color:rgba(66,104,255,0.8);*/
    margin-bottom: 20px;
}

.mansion-details-block3 {
    width: 860px;
    height: auto;
    /*background-color:rgba(66,104,255,0.8);*/

}

.googlemap-container3 {
    width: 100%;
    height: auto;
    /* 	background-color:rgba(128,215,149,0.8); */
    /* 	display:flex;
	justify-content:center; */

}

.googlemap-block3 {
    width: 100%;
    height: auto;
    /* 	background-color:rgba(66,104,255,0.8); */
}

.pl_dom_table {
    width: 100%;
    margin-bottom: 50px;
}

.pl_dom_table table {
    width: 100%
}

.pl_dom_table table th {padding: 15px 5px;border: 1px solid #f0f0f0;background-color: rgba(224, 118, 4, 0.4);font-weight: bold;text-align: center;line-height: 1.6;vertical-align: middle;font-size: 12px;color: #000;}

.pl_dom_table table td {padding: 15px 0;font-size: 12px;text-align: center;vertical-align: middle;}

.dom_room .room_n {font-size:16px;font-weight:bold;display:block;margin-bottom:5px;}

.dom_room .room_a {color:gray;display:block;margin-bottom:10px;}

.dom_room .room_s {display:block;margin:0 auto;width:80%;}

/* ステータス共通設定 */
.status-label {display: inline-block;width:100%;padding: 8px 0;border-radius: 2px;font-weight: bold;color: #fff;font-size: 1em;}

/* 要問合せ（オレンジ） */
.status-inquiry {background-color: #f5a623;}

/* 募集中（グリーン） */
.status-available {background-color: #27ae60;}

/* 空き予定（薄いグリーン） */
.status-coming-soon {background-color: #76c7b7;}

/* 入居中（赤） */
.status-occupied {background-color: #e74c3c;}



/* リセット */
.pl_dom_table table td {border-bottom: none;}

/* 号室・定員セルは常に青線 */
.pl_dom_table table td.room-info-cell {border-bottom: 2px solid #f5e0cd;}

/* 金額セルは基本グレー線 */
.pl_dom_table table td.cost-cell {border-bottom: 1px solid #eeeeee;}

/* 最後の金額行だけ青線 */
.pl_dom_table table td.cost-cell.last-cost-row {border-bottom: 2px solid #f5e0cd;}





.inner_table table {
    width: 100%;
}blue

.inner_table table tr {
    width: 100%;
    border-bottom: none;
}

.inner_table table td {
    border: none;
    padding: 5px;
    font-size: 10px;
}

.inner_table table td:nth-child(1) {
    text-align: left;
    width: 65%;
}

.inner_table table td:nth-child(2) {
    text-align: right;
    width: 35%
}

.inner_table table tr:nth-child(odd) {
    background-color: transparent;
}

.notes-textarea p {
    line-height: 1.6;
    margin-bottom: 50px;
    display: block;
}

@media only screen and (max-width:782px) {
    .dormitry-container3 {
        width: 100%;
        display: block;
    }

    .dormitry-table-block3 {
        width: 100%;
    }

    .dormitry-details-block3 {
        width: 100%;
    }

    .pl_h_h3 {
        font-size: 18px;
    }

    .mansion-container3 {
        width: 100%;
        display: block;
    }

    .mansion-table-block3 {
        width: 100%;
    }

    .mansion-details-block3 {
        width: 100%;
    }
}



/*
 * 
 * バナー
 */

.banner-custom-container {

    width: 300px;
    height: auto;
    /*background-color:rgba(214,214,214,0.7);*/

}

.banner-block1 {
    width: 280px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    height: 500px;
    background-color: blue;

}

.banner-block1 img {

    width: 280px;
    height: 500px;

}

.banner-block2 {

    width: 280px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    height: 500px;
    background-color: blue;

}

.banner-block2 img {

    width: 280px;
    height: 500px;

}

.banner-block3 {

    width: 280px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    height: 500px;
    background-color: rgba(116, 167, 254, 0.5);

}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*END. 個別ページのバージョン３のCSS width 860px 　バナーつき*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*
 * 
 * ここからsingle-introduce.php
 * 
 * 
 * */
.main-custom-wrapper {
    /*background-color:#dedede;*/

}

/* スライダー　下げる　*/

#header_slider {
    margin-top: 68px;
}


.main-custom-container {
    margin: 0 auto;
    width: auto;
    height: auto;
    /*background-color:rgba(0, 0, 0, 0.5);*/

}

.head-image-container {
    margin: 0 auto;
    width: auto;
    height: auto;
    /*background-color:rgba(0, 0, 0, 0.5);*/
    display: flex;
    justify-content: space-between;
}

.head-image-left {

    width: 415px;
    height: auto;
    /*background-color:rgba(15,87,255, 0.5);*/
    margin-left: 10px;
    display: flex;
    justify-content: center;


}

.head-image-left img {
    width: 415px;
    height: 600px;
    /*物件画像はブロックの横対比に合わせて切り取る*/
    object-fit: cover;
}

.head-image-right {

    width: 415px;
    height: 600px;
    /*background-color:rgba(15,87,255, 0.5);*/
    margin-right: 10px;
    display: flex;
    justify-content: center;
}

.head-image-right img {
    width: 415px;
    height: 600px;
    /*図面画像は画像の横対比に合わせて切り取らずそのまま表示する*/
    object-fit: contain;
}

.details-container {

    margin: 10px 0 auto;
    width: auto;
    height: auto;
    /*background-color:rgba(0, 0, 0, 0.5);*/
    display: flex;
    justify-content: center;
}

.details-block-left {

    width: 280px;
    /*height:400px;*/
    height: auto;
    /*background-color:rgba(15,87,255, 0.5);*/
    margin-right: 10px;
}


.details-block-left p {
    line-height: 20px;

}

.details-block-center {

    width: 280px;
    /*height:400px;*/
    height: auto;
    /*background-color:rgba(15,87,255, 0.5);*/
}

.details-block-right {

    width: 280px;
    /*height:400px;*/
    height: auto;
    /*background-color:rgba(15,87,255, 0.5);*/
    margin-left: 10px;
}

.dormitory-container {

    margin: 10px 0 auto;
    width: auto;
    height: auto;
    /*background-color:rgba(0, 0, 0, 0.5);*/
    display: flex;
    flex-direction: column;
}

.dormitory-table-block {
    width: 860px;
    /*height:200px;*/
    height: auto;
    /*background-color:rgba(15,87,255, 0.5);*/

}


.dormitory-text-block {
    width: 860px;
    /*height:200px;*/
    height: auto;
    /*background-color:rgba(15,87,255, 0.5);*/
    margin-top: 15px;

}



.mansion-container {

    margin: 10px 0 auto;
    width: auto;
    height: auto;
    /*background-color:rgba(0, 0, 0, 0.5);*/
    display: flex;
    flex-direction: column;


}

.mansion-table-block {
    width: 860px;
    /*height:200px;*/
    height: auto;
    /*background-color:rgba(15,87,255, 0.5);*/

}


.mansion-text-block {
    width: 860px;
    /*height:200px;*/
    height: auto;
    /*background-color:rgba(15,87,255, 0.5);*/
    margin-top: 15px;
}



.slider-container {

    margin: 10px 0 auto;
    width: auto;
    height: auto;
    /*background-color:rgba(0, 0, 0, 0.5);*/

}

.slider-block {

    width: 860px;
    /*background-color:rgba(15,87,255, 0.5);*/



}

.map-container {

    margin: 10px 0 auto;
    width: auto;
    height: auto;
    /*background-color:rgba(0, 0, 0, 0.5);*/
    display: flex;
    justify-content: center;


}

.map-block {

    width: auto;
    /*height:500px;*/
    /*background-color:rgba(15,87,255, 0.5);*/
}

/* archive page */


.pl_archive_h2 {
    width: 100%;
    padding: 50px;
}

.pl_archive_h2 h2 {
    width: 50%;
    margin: 50px auto 100px auto;
    background-color: #fff6ee;
    color: #333;
    font-size: 40px;
    text-align: center;
    padding: 50px auto;
    border-radius: 50px;
}

@media only screen and (max-width:782px) {
    .pl_archive_h2 h2 {
        width: 96%;
        margin: 25px auto 50px auto;
    }
}

/*料金表*/

.single_block {
    width: 100%;
}

.single_block .table1 {
    width: 100%;
    margin-bottom: 50px
}

.single_block .table1 table {
    width: 100%;
    table-layout: fixed;
}

.single_block .table1 table th {
    padding: 20px;
    background-color: rgba(224, 118, 4, 0.4);
    border: 1px solid #f0f0f0;
    text-align: left;
}

.single_block .table1 table td {
    padding: 20px;
    border: solid 1px #f5e0cd;
}

.single_block .table1 table td:nth-child(odd) {
    background-color: #FFF5E9;
    font-weight: bold;
}

.single_block .table1 table td:nth-child(even) {
    text-align: right;
}

.single_block .table2 {
    width: 100%;
    margin-bottom: 50px
}

.single_block .table2 table {
    width: 100%;
}

.single_block .table2 table tr {border-bottom: solid 2px #f5e0cd;}

/* .single_block .table2 table tr:nth-child(odd) {
    background-color: #f9f9f9; 
}*/

.single_block .table2 table th {padding: 20px 5px;border: 1px solid #f0f0f0;text-align: center;font-size: 14px;background-color: rgba(224, 118, 4, 0.4);vertical-align: middle;}



.single_block .table2 table td {padding: 10px 5px;font-size: 14px;text-align: center;vertical-align: middle;}

.single_block .table2 table th:nth-child(1),
.single_block .table2 table th:nth-child(2),
.single_block .table2 table th:nth-child(3) {width: 50px;}
.single_block .table2 table th:nth-child(4),
.single_block .table2 table th:nth-child(5),
.single_block .table2 table th:nth-child(6) {width: 70px;}


.single_block .table2 table th:nth-child(7) {width: 100px;}

.single_block .table2 table td:nth-child(7) {text-align: left;}

.single_block .table2 table ul {display:flex;flex-wrap:wrap;gap:10px;}

.single_block .table2 table ul li {background-color: #f7f7f7;padding: 5px 10px;font-size:12px;}


.entire_block {
    width: 100%;
}

.entire_block .table1 {
    width: 100%;
    margin-bottom: 50px
}

.entire_block .table1 table {
    width: 100%;
}

.entire_block .table1 table th {
    padding: 20px;
    border: solid 1px #f0f0f0;
    text-align: left;
    width: 20%;
    background-color: rgba(224, 118, 4, 0.4);
    vertical-align: middle;
}

.entire_block .table1 table td {
    padding: 20px;
    border: solid 1px #FFF5E9;
    line-height: 1.6;
}

/*ここまでsingle-introduce.php
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * */


/*ここからfront-page.php*/
.top-page-main-container {
    /*background-color:#ff8a8a;*/

    width: 1260px;
    height: auto;
    margin: 0 auto;

}

.top-block-container {
    display: flex;
    justify-content: flex-start;
    /*background-color:#85ffa9;*/
    width: 1260px;
    height: 550px;
    margin-bottom: 10px;
}

.top-item-container {
    /*background-color:#8ed7fb;*/
    width: 410px;
    height: 550px;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(0, 0, 0, 0.1);
    margin-left: 3px;
    margin-right: 3px;
}

.top-item-container:hover {
    opacity: 0.9;
}

.top-item-title {
    height: 30px;
    /*background-color:rgba(255,66,66,0.3);*/
}

.top-item-title h1 {
    font-size: 20px;
    padding-top: 5px;
}

.top-item-thumbnail img {
    width: 410px;
    height: 350px;
    /* オブジェクトに合わせて画像を調整 */
    object-fit: cover;

}

.top-item-list {
    height: 120px;
    width: 410px;
    font-size: 13px;
    /*ブロックを超えた文章は非表示*/
    overflow: hidden;
}

.top-item-list p {
    padding-top: 1px;
    line-height: 17px;
}

.top-item-date {
    height: 20px;
    width: auto;
    background-color: rgba(0, 0, 0, 0.2);
}

.top-item-date p {
    font-size: 15px;
    padding-top: 3px;
    padding-bottom: 2px;
    text-align: right;
}


.top-item-category {
    height: auto;
    width: auto;
    background-color: rgba(80, 10, 4, 0.2);
}

.top-item-category p {
    font-size: 20px;
    padding-top: 8px;
    padding-bottom: 2px;
    text-align: right;
}

/*ここまでfront-page.php*/
/*
 * ----------------------------------------------
 * ----------------------------------------------
 * ----------------------------------------------
 * ----------------------------------------------
 * ----------------------------------------------
 * ----------------------------------------------
 * ----------------------------------------------
 * ----------------------------------------------
 * ----------------------------------------------
 *----------------------------------------------
/*ここからスマホ版front-page.phpのCSS*/

@media screen and (max-width:820px) {
    .top-page-main-container {
        /*background-color:#ff8a8a;*/
        width: 380px;
        height: auto;


    }

    .top-block-container {

        display: flex;
        flex-direction: column;
        justify-content: center;

        /*background-color:#85ffa9;*/
        width: 380px;
        height: auto;


    }

    .top-item-container {

        /*background-color:#8ed7fb;*/
        width: 369px;
        height: auto;
        border-style: solid;
        border-width: 2px;
        border-color: rgba(0, 0, 0, 0.1);
        margin-bottom: 10px;
    }

    .top-item-container:hover {

        opacity: 0.9;
    }

    .top-item-title {
        height: 30px;
        /*background-color:rgba(255,66,66,0.3);*/




    }

    .top-item-title h1 {
        font-size: 20px;
        padding-top: 5px;

    }

    .top-item-thumbnail img {
        width: 369px;
        height: 315px;
        /* オブジェクトに合わせて画像を調整 */
        object-fit: cover;

    }

    .top-item-list {
        height: 120px;
        width: 369px;
        font-size: 13px;
        /*ブロックを超えた文章は非表示*/
        overflow: hidden;
    }

    .top-item-list p {
        padding-top: 1px;
        line-height: 17px;
    }

    .top-item-date {
        height: 20px;
        width: auto;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .top-item-date p {
        font-size: 15px;
        padding-top: 3px;
        padding-bottom: 2px;
        text-align: right;
    }


    .top-item-category {
        height: auto;
        width: auto;
        background-color: rgba(80, 10, 4, 0.2);
    }

    .top-item-category p {
        font-size: 20px;
        padding-top: 8px;
        padding-bottom: 2px;
        text-align: right;
    }

}

/*
 * 
 * 
 * 
 * 
 * 
/*ここからスマホ版single-introduce.phpのCSS*/

@media screen and (max-width:820px) {

    .main-custom-wrapper {
        /*background-color:rgba(251,167,167,0.2);*/

    }

    .main-custom-container {

        width: 380px;
        height: auto;
        background-color: rgba(251, 167, 248, 0.5);

    }

    head-image-container {

        width: 380px;
        height: auto;
        /*background-color:rgba(0, 0, 0, 0.5);*/
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .head-image-left {

        width: 380px;
        height: auto;
        /*background-color:rgba(15,87,255, 0.5);*/
        margin-left: 10px;
        display: flex;
        justify-content: center;


    }

    .head-image-left img {
        width: 320px;
        height: 533px;
        /*物件画像はブロックの横対比に合わせて切り取る*/
        object-fit: cover;
    }

    .head-image-right {

        width: 380px;
        height: auto;
        /*background-color:rgba(15,87,255, 0.5);*/
        margin-right: 10px;
        display: flex;
        justify-content: center;
    }

    .head-image-right img {
        width: 369px;
        height: 533px;
        /*図面画像は画像の横対比に合わせて切り取らずそのまま表示する*/
        object-fit: contain;
    }



}

/******************************/
/** コンタクトフォームの装飾 **/
/******************************/
/*　フォーム全体　*/
#wpcf7-f1099-p1100-o1,
#wpcf7-f1104-p1102-o1,
#wpcf7-f259-p257-o1,
#wpcf7-f262-p263-o1 {
    background-color: #fffafa;
    border: solid 1px #ddd;
}


#cf7-area {
    width: 100%;
    margin: 0 auto;
    font-family: "遊ゴシック", "ヒラギノ角ゴ", "メイリオ", "MS Pゴシック", sans-serif;
}

.wpcf7 {
    background-color: #fff;
}

.cf7-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 50px 0;
    border-bottom: solid 1px #ddd;
}

.cf7-q {
    width: 30%;
    margin: 0 0 0 10px;
}

.cf7-a {
    width: 60%;
}

/*　見出し　*/
.form-heading {
    width: 100%;
    background-color: rgb(255, 246, 238);
    text-align: center;
    /* 	padding: 1em .8em; */
    margin: 0 0 2em;
}

.form-heading p {
    margin: 0;
    font-size: 24px;
    color: #e07604;
    font-weight: bold;
}

/* 各項目共通 */
#cf7-area label {
    font-weight: bold;
    font-size: 16px;
}

#cf7-area input[type="text"],
#cf7-area input[type="email"],
#cf7-area input[type="tel"],
#cf7-area textarea {
    background: #fff;
    width: 500px;
    margin-left: 10px;
    margin-bottom: 50px;
    border-radius: 3px;
}

#cf7-area input[type="text"]:focus,
#cf7-area input[type="email"]:focus,
#cf7-area input[type="tel"]:focus,
#cf7-area textarea:focus {
    /* 	background: #FFE4E1; */
    background: #DAEBFF;
    /* 	border: 2px solid #FF1493; */
    outline: 0;
}

#cf7-area input[type="checkbox"],
#cf7-area input[type="radio"] {
    appearance: auto;
}

#cf7-area .wpcf7-list-item {
    display: block;
}

#cf7-area textarea {
    height: 200px;
    padding: 0.625em 0.4375em;
}

.cf7-accept-check {
    text-align: center;
    margin: 50px auto;
}

.cf7-submit {
    width: 40%;
    margin: 0 auto;
    text-align: center;
}

#cf7-area input[type="submit"] {
    width: 100%;
    /* background-color: #191970; */
    background-color: #f0ae59;
    color: #ffffff;
    border-radius: 5px;
    font-size: 1.2em;
    padding: 1em 10px;
}

#cf7-area input[type="submit"]:hover {
    background-color: #ea901a;
    /* border: 2px solid #191970; */
    /* color:#191970; */
}

.cf7-btn {
    width: 40%;
    margin: 0 auto;
    text-align: center;
}

/*　必須ラベル　*/
.cf7-req {
    font-size: .8em;
    padding: 0;
    /* 	background: #eb2a2a; */
    border-radius: 3px;
    color: #eb2a2a;
    margin-left: 10px;
    display: inline-block;
}

@media screen and (max-width:768px) {
    .cf7-item {
        display: block;
    }

    #cf7-area label {
        display: block;
        margin-bottom: 10px;
    }

    .cf7-q {
        width: 100%;
        margin: 0;
    }

    .cf7-a {
        width: 100%;
    }

    #cf7-area input[type="text"],
    #cf7-area input[type="email"],
    #cf7-area input[type="tel"],
    #cf7-area textarea {
        margin-left: 0;
        width: 96%
    }

    .cf7-submit {
        width: 90%;
    }
}

/*ーーーーーーーーーーーーーーーーーーーーーーー
 * ーーーーーーーーーーーーーーーーーーーーーーー
 * ここからsingle-entire_building_lease.phpのCSS
 * ーーーーーーーーーーーーーーーーーーーーーーー
 */
.entire-building-lease-container {
    width: 100%;
    /* 	background-color:rgba(128,215,149,0.8); */
    /* 	display:flex; */
    /* 	flex-direction:column; */
    /* 	align-items:center; */
}

.entire-building-lease-table-block {
    width: 100%;
    /* 	background-color:rgba(66,104,255,0.8); */
    margin-bottom: 100px;
}

/*一棟貸詳細表*/

.floor_img {
    display: block;
    width: 100%;
    margin: 20px auto;
}

.floor_img img {
    width: 100%;
}

.entire-building-lease-item-table {
    margin-bottom: 50px;
    width: 100%;
}

.entire-building-lease-item-table table {
    width: 100%;
}

.entire-building-lease-item-table table th {
    padding: 15px;
    background-color: rgba(224, 118, 4, 0.4);
    border: solid 1px #f0f0f0;
    vertical-align: middle;
}

.entire-building-lease-item-table table td {padding: 15px;border-bottom: solid 1px #FFF5E9;vertical-align: middle;}

.entire-building-lease-item-table table tr {border-bottom: solid 2px #f5e0cd;}


.entire-building-lease-item-table table td:nth-child(1),
.entire-building-lease-item-table table td:nth-child(2),
.entire-building-lease-item-table table td:nth-child(3) {
    width: 12%;
    text-align: center;
}

.entire-building-lease-item-table table td:nth-child(4) {
    /* 	width:%; */
}

.entire-building-lease-item-table ul {display:flex;flex-wrap:wrap;gap:10px}

.entire-building-lease-item-table ul li {background-color: #f7f7f7;padding: 5px 10px;font-size:14px;}


/*END 一棟貸詳細表*/


/*物件詳細*/

/*table*/

.entire-building-lease-details-block {
    width: 35%;
    /* 		background-color:red; */
    /* 	margin-top:14px; */
}


.entire-building-lease-details-table {
    width: 100%;
    margin-bottom: 50px;
}

.entire-building-lease-details-table table {
    width: 100%;
}

.entire-building-lease-details-table table th {
    padding: 20px 10px;
    border: 1px solid #f0f0f0;
    background-color: rgba(224, 118, 4, 0.4);
    font-weight: bold;
    width: 40%;
    text-align: left;
    line-height: 1.6;
    vertical-align: middle;
}

.entire-building-lease-details-table table td {
    padding: 20px 10px;
    border: 1px solid #FFF5E9;
    width: 60%;
    line-height: 1.6;
    vertical-align: middle;
}

/*rent*/
.entire-building-lease-details-rent {
    width: 100%;
    margin-bottom: 50px;
}

.entire-building-lease-details-rent table {
    font-size: 20px;
    width: 100%;
}

.entire-building-lease-details-rent table th {
    border: 1px solid #ddd;
    text-align: center;
    background-color: rgb(255, 246, 238);
    font-weight: normal;
    color: #4f4f4f;
    padding: 20px 15px;
}

.entire-building-lease-details-rent table td {
    border: 1px solid #ccc;
    text-align: right;
    color: #4f4f4f;
    padding: 20px 15px;
}


/*rent-block*/
.rent-block {

    width: 600px;
}

@media only screen and (max-width:782px) {
    .entire-building-lease-details-block {
        width: 100%;
    }
}


/*END 物件詳細*/

/*備考欄*/
.entire-building-lease-notes-block {
    margin-bottom: 100px;
}

/*案内図*/
.entire-building-lease-googlemap-container {
    margin-bottom: 100px;
    width: 100%
}

.entire-building-lease-googlemap-block {
    max-width: 100%;
}



/*. 検索バー*/

.header_search2 {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: rgba(221, 203, 170);
    height: 54px;
    padding: 25px;
}

.inner2 {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner2 form {
    display: flex;
}

.inner2 select {
    margin: 20px;
    height: 50px;
    width: 220px;
    padding: 16px;
    border: none;
    background-color: #fff;
}

.inner2 input {
    margin: 20px;
    height: 50px;
    width: 220px;
    padding: 16px;
    background-color: #fff;
}

/*. END 検索バー*/


/*  固定問合せバー　*/
#pl_fix_bar_wrap {
    width: 100%;
    height: 100px;
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
    left: 0;
    bottom: -100px;
    transition: bottom 0.3s ease-in-out;
    /* 	display:none; */
}

.pl_fix_bar {
    width: 80%;
    /* background-color: #fff; */
    height: 100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    color: #000;
}

.pl_fix_bar div {
    width: 33.333%;
}

.pl_fix_bar div span {
    display: block;
    text-align: center;
}

.pl_fix_bar .f_1 {
    font-weight: bold;
    font-size: 14px;
    margin: 15px auto 10px auto;
}

.pl_fix_bar .f_2 {
    font-weight: bold;
    font-size: 22px;
    margin: 0 auto 10px auto;
}

.pl_fix_bar .f_3 {
    font-weight: bold;
    font-size: 14px;
}

.pl_fix_a a {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    width: 90%;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #e07604;
    color: #fff;
    margin: 20px auto;
    border-radius: 50px;
    position: relative;
}

.pl_fix_a a::after {
    content: '';
    border: 0;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)rotate(45deg);
}

.pl_fix_a a:hover {
    background-color: rgb(255, 246, 238);
    color: #e07604;
}

.pl_fix_a a:hover::after {
    content: '';
    border: 0;
    border-top: solid 3px #e07604;
    border-right: solid 3px #e07604;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)rotate(45deg);
}

.pl_fix_b a {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    width: 90%;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #e07604;
    color: #fff;
    margin: 20px auto;
    border-radius: 50px;
    position: relative;
}

.pl_fix_b a::after {
    content: '';
    border: 0;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)rotate(45deg);
}

.pl_fix_b a:hover {
    background-color: rgb(255, 246, 238);
    color: #e07604;
}

.pl_fix_b a:hover::after {
    content: '';
    border: 0;
    border-top: solid 3px #e07604;
    border-right: solid 3px #e07604;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)rotate(45deg);
}



@media only screen and (max-width:782px) {
    #pl_fix_bar_wrap {
        display: none;
    }
}

/*  サイドバー */
.pl_side_company {
    width: 100%;
    margin-bottom: 50px;
}

.pl_side_company span {
    display: block;
}

/*  共通 */
.pl_normal_hh {
    background-color: #f7f7f7;
    padding: 10px 15px;
}

.pl_normal_hh h2,
.pl_normal_hh h3 {
    font-size: 20px;
    font-weight: bold;
}


/* 検索バー*/
.header_search2 {
    margin-top: 14px;
}

/*ドミトリーテーブル*/

.item-table table {
    margin-bottom: 20px;
}

.item-table table th {
    background-color: rgb(255, 246, 238)
}

.item-table table td {
    text-align: right;
}

.item-table table td:nth-child(-n+4) {
    text-align: center;
}

.dormitory_amenities_wrap {
    width: 100%;
    margin-bottom: 100px;
}

.dormitory_amenities_wrap table {
    width: 100%
}

.dormitory_amenities_wrap table th {
    width: 20%;
    padding: 20px;
    background-color: rgba(224, 118, 4, 0.4);
    border: solid 1px #f0f0f0;
    vertical-align: middle;
}

.dormitory_amenities_wrap table td {
    padding: 20px;
    border: solid 1px #f5e0cd;
    vertical-align: middle;
    line-height: 1.6;
}

.dormitory_amenities_wrap table .daw_2 {
    width: 10%;
    background-color: #FFF5E9;
    font-weight: bold;
}

.dormitory_amenities_wrap table .daw_3 {
    width: 70%
}

.dormitory_amenities_wrap ul li {
    display: inline-block;
    margin: 0 15px 20px 0;
    background-color: #f7f7f7;
    padding: 10px 15px;
}

.pl_white {
    color: transparent;
}


@page {
    size: A4 portrait;
    margin: 10mm;
}

@media print {

    /* 印刷時に不要な要素を非表示 */
    #header,
    #breadcrumb,
    #side_col,
    #main_col,
    #footer,
    .banner-custom-container {
        display: none !important;
    }

    /* 表示対象のラッパー */
    .main-custom-wrapper3 {
        display: block !important;
    }

    /* 物件情報部分をA4幅（210mm）に固定 */
    .main-custom-container3 {
        display: block !important;
        position: static;
        /*     width: 210mm; /* または width: 794px; */
        */ margin: 0 auto;
        /* 中央寄せ */
        padding: 0;
    }

    /* head-container3 内のレイアウト調整 */
    .head-container3 {
        width: 100%;
    }

    .head-container3 .image-slider-block3,
    .head-container3 .details-block3 {
        display: inline-block;
        vertical-align: top;
    }

    .head-container3 .image-slider-block3 {
        width: 65%;
    }

    .head-container3 .details-block3 {
        width: 35%;
    }
}

/*
 * pl-search.php
 * 検索結果の抜粋文のテーブルのCSS
 */

/*トップ検索フィールド*/

#cb_7 {
    background-color: rgb(255, 246, 238);
    margin: 0 auto 100px auto;
    padding: 50px 0;
}


.pl_custom_search_area {
    max-width: 1000px;
    margin: 20px auto;
    padding: 50px 0;
    background-color: #fff;
}

.pl_custom_search_inner {width: 90%;max-width:1000px;margin: 0 auto;background-color:#fff;}

/* ラジオボタントップ */

.property-type-group {padding-bottom: 0px;width:100%;}

.group-label,
.property-type-select-title {
    border-bottom: solid 3px #efba81;
    display: block;
    margin-bottom: 50px;
    width: 100%;
}

.group-label label,
.property-type-select-title span {
    font-size: 20px;
    font-weight: bold;
}

.radio_buttons_wrap {width:100%;padding:0;}

.radio-buttons {width:100%;border: none;display: flex;justify-content: space-between;padding: 0;color: #ccc}

.radio-buttons label {display: block;width: 50%;position: relative;padding: .5em .7em;border-radius: 5px 5px 0 0;background-color: #f1f1f1;cursor: pointer;font-size: 20px;font-weight:bold;text-align: center;margin-right:0;color:#888;}

.radio-buttons label:has(:checked) {background-color: #e07604;color: #fff;}

.radio-buttons input {display: none;}

.top_serach_body {width:100%;max-width:100%;padding:10px;border:solid 1px #efba81;}

#property-description {text-align: center;}

.property-description-text {text-align: center;font-size: 16px;margin-top: 10px;}


/* search-form tab */

.property-tabs {width:100%;margin: 30px 0;display: flex;justify-content:space-between;}

.tab-button {background: #efba8126;border: 1px solid #efba81;padding: 10px 0px;cursor: pointer;font-size: 16px;font-weight: bold;width: 47%;position: relative;}

.tab-button::after {content: '';border: 0;border-top: solid 3px #e07604;border-right: solid 3px #e07604;display: inline-block;width: 10px;height: 10px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%)rotate(135deg);}

.tab-button.active {background: #e07604;color: #fff;border-color: #e07604;}

.tab-button:hover {opacity: 0.8;}

.tab-content {display: none;}

.tab-content.active {display: block;}

.property-type-select {width: 100%;background-color: #efba8126;display: flex;flex-wrap: wrap;padding: 30px 0;}

.property-type-select>div {width: 50%;padding: 0;margin:0 0 50px 0;}

.select-box {width: 80%;margin: 0 auto;}

.select-box label {display: block;font-weight: bold;}

.select-child {display: inline-flex;align-items: center;position: relative;}

.select-child::after {position: absolute;right: 15px;width: 10px;height: 7px;background-color: #535353;clip-path: polygon(0 0, 100% 0, 50% 100%);content: '';pointer-events: none;}

.select-child select {appearance: none;height: 2.8em;padding: .4em calc(.8em + 30px) .4em .8em;border: 1px solid #efba81;border-radius: 3px;background-color: #fff;color: #333333;font-size: 1em;cursor: pointer;width:280px;}

/* search-ボタン */

.pl_custom_search_button_wrap {width: 100%;margin: 20px auto;}

.pl_custom_search_button {
    width: 350px;
    font-size: 20px;
    padding: 15px 10px;
    background-color: #e07604;
    color: #fff;
    font-weight: bold;
    border-radius: 50px;
    border: none;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    position: relative;
}

.pl_custom_search_button::after {
    content: '';
    border: 0;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)rotate(45deg);
}

.pl_custom_search_button:hover {
    background-color: rgb(255, 246, 238);
    color: #e07604;
}

.pl_custom_search_button:hover::after {
    content: '';
    border: 0;
    border-top: solid 3px #e07604;
    border-right: solid 3px #e07604;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)rotate(45deg);
}


.ava_area_wrap {width:100%;}

.ava_child {
    display: flex;
    flex-wrap: wrap;
    gap: .5em 2em;
    border: none;margin:0 auto;width:250px;
}

.ava_child label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    cursor: pointer;font-size:20px;font-weight:bold;
}

.ava_child label::before,
.ava_child label:has(:checked)::after {
    content: '';
}

.ava_child label::before {width: 25px;height: 25px;border-radius: 3px;background-color: #e6edf3;
}

.ava_child label:has(:checked)::before {
    background-color: #e07604;
}

.ava_child label:has(:checked)::after {
    position: absolute;
    top: 10px;left: 8px;
    transform: rotate(45deg);width: 7px;height: 12px;
    border: solid #fff;border-width: 0 2px 2px 0;
}

.ava_child input {
    display: none;
}

.map-image {
    width: 100%;
    height: 500px;
    background-color: #efba8126;
    padding: 20px 0;
    position: relative;
}

.map-image img {
    display: block;
    width: 50%;
    margin: 0 auto;
}

.map-area-links {
    margin-top: 15px;
}

.map-area-links a {
    display: inline-block;
    margin: 8px 10px;
    padding: 8px 12px;
    background-color: #fff;
    border-radius: 2px;
    transition: background 0.2s;
    border: solid 1px #efba81;
}

.map-area-links a:hover {
    background: #fff;
}

.map-area-links .i_1 {
    position: absolute;
    top: 200px;
    left: 200px;
}

.map-area-links .i_2 {
    position: absolute;
    top: 100px;
    left: 300px;
}

.map-area-links .i_3 {
    position: absolute;
    top: 120px;
    left: 450px;
}

.map-area-links .i_4 {
    position: absolute;
    top: 200px;
    left: 500px;
}

.map-area-links .i_5 {
    position: absolute;
    top: 380px;
    left: 230px;
}

.map-area-links .i_6 {
    position: absolute;
    top: 380px;
    right: 150px;
}

/* resultpage用*/

.select-result-wrap {
    width: 100%;
}

.select-result-box {
    width: 80%;
    margin: 0 auto;
}

.select-result-box label {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

.select-result-child {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.select-result-child::after {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.select-result-child select {
    appearance: none;
    min-width: 250px;
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border: 1px solid #efba81;
    border-radius: 3px;
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
}

.tag-result-box {width: 100%;background-color: #efba8126;padding-bottom: 50px;margin-bottom:30px;}

.tag-result-box-inner {
    width: 90%;
    padding: 20x 0;
    margin: 0 auto;
}

.tag-result-box-title {
    border-bottom: solid 3px #efba81;
    display: block;
    margin-bottom: 50px;
    width: 100%;
    padding-bottom: 10px;
    font-weight: bold;
}



.tag-result-child {
    display: flex;
    flex-wrap: wrap;
    gap: 3em 3em;
    border: none;
}

.tag-result-child label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    cursor: pointer;
}

.tag-result-child input {
    display: none;
}

.tag-result-child label::before,
.tag-result-child label:has(:checked)::after {
    content: '';
}

.tag-result-child label::before {
    width: 17px;
    height: 17px;
    border-radius: 3px;
    background-color: #fff;
}

.tag-result-child label:has(:checked)::before {
    background-color: #e07604;
}

.tag-result-child label:has(:checked)::after {
    position: absolute;
    top: 3px;
    left: 6px;
    transform: rotate(45deg);
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
}





.custom-search-table {
    width: 100%;
    font-size: 13px;

}

.custom-search-table table td {
    padding: 6px;
    border-bottom: 1px solid #f2f2f2;

}

.custom-search-table table th {
    padding: 6px;
    border-bottom: 1px solid #f2f2f2;
    background-color: rgba(235, 235, 235, 0.3);
    font-weight: normal;
    text-align: center;
}

.search-condition-summary {
    margin: 40px 0;
    font-size: 20px;
}

/* スマホ・タブレット用 */
@media screen and (max-width: 768px) {
    .pl_custom_search_area {
        padding: 20px;
    }

    .pl_custom_search_inner {
        width: 100%;
    }

    /* ラジオボタンのレイアウト調整 */
    .radio-buttons {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 0;
    }

    .radio-buttons label {
        width: 100%;
        margin-bottom: 0.5em;
        text-align: left;
    }

    .property-type-select>div {
        width: 100%;
    }

    .select-box label {
        font-size: 16px;
    }

    .select-child select {
        min-width: 100%;
        height: 2.5em;
    }

    /* タブボタン */
    .property-tabs {
        flex-direction: column;
    }

    .tab-button {
        width: 100%;
        padding: 15px 0;
        font-size: 18px;
    }

    /* 地図エリア */
    .map-image {
        height: 300px;
    }

    .map-image img {
        width: 100%;
        height: auto;
    }

    /* 地図リンクの調整 */
    .map-area-links a {
        font-size: 14px;
        padding: 5px 10px;
    }

    /* 検索ボタンの調整 */
    .pl_custom_search_button {
        width: 100%;
        font-size: 18px;
    }
}

/* モバイル用の調整 (さらに小さい画面用) */
@media screen and (max-width: 480px) {
    .pl_custom_search_area {
        padding: 10px;
    }

    .pl_custom_search_button {
        font-size: 16px;
        padding: 12px 10px;
    }

    .property-type-select>div {
        padding: 15px 0;
    }

    .select-box {
        width: 100%;
    }

    .property-type-select-title,
    .group-label {
        font-size: 18px;
    }

    .radio-buttons label {
        width: 100%;
        padding: 10px;
    }

    .radio-options label {
        width: 200px;
    }


    /* 地図エリア */

    /* 地図エリア非表示 */

    /* 地図から探すボタン非表示 */
    .tab-button[data-tab="map"] {
        display: none;
    }

    .tab-content.tab-map {
        display: none;
    }

    .map-image {
        height: 250px;
    }

    .map-area-links a {
        font-size: 12px;
    }

    .map-image img {
        width: 100%;
        height: auto;
    }
}


/*
 *END custom_search_results.php
 */

.fc_bk {
    color: #3c3c3c;
}

.fs_14 {
    font-size: 16px;
    display: block;
    width: 100%;
    text-align: center;
}


/* zoom_icon */

.floorplan-thumb-wrap {
  position: relative;
  display: inline-block;
}

.floorplan-thumb-wrap img {
  width: 100px;
  height: auto;
  display: block;
  border: 1px solid #ccc;
}

.zoom-icon {position: absolute;bottom: 0px;right: 0px;width: 30px;height: 30px;pointer-events: none;opacity: .8;}

.zoom-icon img {
  width: 100%;
  height: auto;
  display: block;
}


/* その他 */

.fs_bold {font-weight:bold;}