/*------------------------------
ペース制作
--------------------------------*/
body{
    contain: paint;
}
/*#side_box{
    display: none !important;
}*/
a{
    cursor: pointer;
}
#contents{
    width: 100% !important;
}
#main{
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 40px 0px !important;
}
#main p {
    margin: 0px 0px 0px 0px;
    padding: 0px ;
    font-size: 1.6rem ;
    line-height: 150% ;
    text-align: left;
}
.page_c{
    text-align: center !important;
}
.mb60{
    margin-bottom: 60px !important;
}

h2.mansion_de::before {
    content: " " !important;
}
h2.mansion_de {
    margin: 30px 0px 5px 0px !important;
    padding: 0px 0px 5px 0px !important;
    font-size: 1.1rem !important;
    text-align: left !important;
}
.mansion_midashi{
    border: none !important;
    margin: 0px 0px !important;
    font-size: 2.8rem !important;
    font-weight: 500 !important;
    text-align: left !important;
    line-height: 140% !important;
    padding: 50px 0px 15px 0px !important;
}
.dateli_menu{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}
.dateli_menu a{
    width: 100%;
    border-bottom: 2px dotted #000000;
    line-height: 150%;
    padding: 10px 0;
    font-size: 2rem;
    letter-spacing: 0.1rem;
    color: #000000;
    display: inline-block;
}
.m_basic_on{
    border-bottom: 4px solid #000000 !important;
}

.m_chintai_on{
    border-bottom: 4px solid #5280c2 !important;
}
.m_baikyaku_on{
    border-bottom: 4px solid #cc843f !important;
}
.m_useful_on{
    border-bottom: 4px solid #368080 !important;
}
.dateli_menu .m_none{
    display: none !important;
}


h2.mansion_de_number{
    margin: 30px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 1.1rem;
    text-align: left;
}

.dateli_box{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: stretch;
    flex-direction: row-reverse;
}

.side_type1{
    width: 310px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.dateli_main{
    width: 770px;
    /*width: calc(100% - 310px);*/
    min-height: 100vh;
}
.tb20 {
    clear: both;
    margin: 0px 0px 20px 0px;
}

.mpage_btn{
    display: inline-block;
    margin: 20px 5px 0px 5px;
    padding: 15px;
    font-size: 1.6rem;
    color: #000;
    background-color: #eee;
    transition: box-shadow 0.5s;
    box-shadow: 2px 2px 4px rgba(18, 47, 61, 0.5), -2px -2px 4px rgba(248, 253, 255, 0.9), inset 2px 2px 4px transparent, inset -2px -2px 4px transparent;
    border-radius: 5px;
}
a:hover.mpage_btn{
    color: #000;
	background-color:#ddd;
	box-shadow:
        2px 2px 4px transparent,
        -2px -2px 4px transparent,
        inset 2px 2px 4px rgba(18, 47, 61, 0.5),
        inset -2px -2px 4px rgba(221, 221, 221, 0.9);
}
a.rank {
    background-color: #244F7C;
    color: #fff;
}
.more_btm2{
    border: 2px solid #000;
    color: #000;
    font-size: 1.6rem;
    width: 280px;
    text-align: center;
    line-height: 4.2rem;
    margin: 0px auto;
    transition: 0.3s;
    display: block;
}
.more_btm2:hover{
    border: 2px solid #000;
    color: #fff;
    background: #000;
}
.pc_set{
    display: revert !important;
}
.smp_set{
    display: none !important;
}
.mt40{
    margin-top: 40px !important;
}
.pc_none{
    display: none;
}

@media screen and (max-width:767px){
    #main{
         width: 100% !important;
    }
    #main p{
        font-size: 1.4rem;
    }
    .dateli_box {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: stretch;
        flex-direction: row-reverse;
    }
    .side_type1{
        display: none !important;
    }
    .dateli_main{
        width: 96% !important;
        margin: 0 auto;
    }
    .pc_set{
    display: none !important;
    }
    .smp_set{
        display: revert !important;
    }
    .smp_set.dateli_side{
        display: revert !important;
    }
    .dateli_menu a{
        font-size: 1.3rem;
        letter-spacing: 0rem;
    }
    .smp_none{
        display: none;
    }
    .pc_none{
        display: revert;
    }
}



/*------------------------------
写真
--------------------------------*/
#stage {
	position: relative;
    /* float: left; */
    width: 100%;
    display: inline-block;
    margin: 0;
}

/*全サムネイルのコンテナー*/
#thumbs {
    vertical-align: top;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 101%;
}
#thumbs label{
    width: 15.5%;
    margin-right: 1.16%;
    margin-bottom: 1.16%;
}
/*サムネイルの幅、ポインターを手のひら*/
#thumbs label img {
    width: 100%;
    height: auto;
	cursor: pointer;
    object-fit: cover;
}
/*ラジオボタンを非表示に*/
#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8, #r9, #r10, #r11, #r12 {
	display: none;
}
/*表示写真の初期配置（全部透明に）とtransition設定*/
img.m_photo{
	width: 100%;
    height:600px;
    object-fit: contain;
}
.photo {
	width:100%;
	height:100%;
	position: absolute;
	left: 0;
	top: 0;
}
.photo img {
	width:100%;
	height:100%;
	opacity: 0;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.photo span {
	display:block;
	width:100%;
	box-sizing: border-box;
	padding:3px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color:#efefef;
	color:#333333;
	font-size:1.2rem;
	opacity: 0;
}
/*チェックされたサムネイルに相当する写真だけを表示*/
#r1:checked ~ #photo1 img, #r2:checked ~ #photo2 img, #r3:checked ~ #photo3 img, #r4:checked ~ #photo4 img, #r5:checked ~ #photo5 img, #r6:checked ~ #photo6 img, #r7:checked ~ #photo7 img, #r8:checked ~ #photo8 img, #r9:checked ~ #photo9 img, #r10:checked ~ #photo10 img, #r11:checked ~ #photo11 img, #r12:checked ~ #photo12 img{
	opacity: 1;
}
#r1:checked ~ #photo1 span, #r2:checked ~ #photo2 span, #r3:checked ~ #photo3 span, #r4:checked ~ #photo4 span, #r5:checked ~ #photo5 span, #r6:checked ~ #photo6 span, #r7:checked ~ #photo7 span, #r8:checked ~ #photo8 span, #r9:checked ~ #photo9 span, #r10:checked ~ #photo10 span, #r11:checked ~ #photo11 span, #r12:checked ~ #photo12 span{
	opacity: 1;
}
#caution{
	margin:20px 0px 20px 0px;
	padding:10px;
	font-size:1.2rem;
	color:#E9482E;
	line-height:150%;
	border:1px solid #E9482E;
}
#den_box{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.photo_box p.de_p{
    padding: 10px 0px;
    margin: 0px 0px 0px 0px;
}
@media screen and (max-width:767px){
	#stage {
        height: 100%;
        max-height: 300px !important;
    }
    #stage img{
        height: 100%;
        width: 100%;
        max-height: 380px;
        object-fit: contain;
    }
    #thumbs {
        width: 95% !important;
        margin-left: 2%;
        margin: 10px 10px 20px 10px;
        box-sizing: border-box;
    }
}
/*------------------------------
基本情報
--------------------------------*/
.toggle {
    display: none;
}
.option {
    margin: 20px 0px;
}
.title,
.content_open {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}
.title {
    border: solid 1px #B8B8B8;
    padding: 12px 35px 12px 20px;
    display: block;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 3rem;
    text-align: left;
    cursor: pointer;
}
.title::after,
.title::before {
    content: "";
    position: absolute;
    right: 3%;
    top: 40%;
    width: 2px;
    height: 1.3rem;
    background-color: #999;
    transition: all 0.3s;
}
.title::after {
    transform: rotate(90deg);
}
.content_open {
    max-height: 0;
    contain: paint;
}
.content_open p {
    width: 95%;
    margin: 0 auto !important;
    font-size: 1.6rem;
    line-height: 4.5rem !important;
    padding: 0px !important;
}
.toggle:checked + .title {
    background: #ffffff;
    border-bottom: none;
}
.toggle:checked + .title + .content_open {
    max-height: 500px;
    transition: all 1.5s;
    border: solid 1px #B8B8B8;
    border-top: none;
    padding-bottom: 15px;
}
.toggle:checked + .title::before {
    transform: rotate(90deg) !important;
}
.content_open div {
    width: 95%;
    height: 400px;
    margin: 0 auto;
}
.content_open div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*------------------------------
物件設備
--------------------------------*/
.out_icon{
	margin:0px 0px 15px 0px;
}
.out_icon img{
	display:inline-block;
	margin:7px;
}
.hosoku_red_box{
    border: 2px solid #e8482e;
    color: #e8482e;
    padding: 20px !important;
    margin: 25px 0px 30px 0px !important;
    font-size: 1.4rem !important;
}

/*------------------------------
物件一覧
--------------------------------*/
.b_list_set table .pc_set{
    display: revert !important;
}
.b_list_set table .smp_set{
    display: none !important;
}
.b_list_set table p{
    text-align: center !important;
}
.b_list_set table .m_gray{
    background: #c4c4c4;
    letter-spacing: 0.2rem;
}
.b_list_set table td,
.b_list_set table th{
    /*width: 16%;*/
    vertical-align: middle;
}
.table_madori{
    width: 110px;
}
.mset_floor{
    width: 80px !important;
}
.table_con{
    width: 150px;
}
.b_list_set table td{
    padding: 5px 0px;
}
.b_list_set table th{
    padding: 10px 0px;
}
.b_list_set table td{
    border-bottom: 1.2px dashed #4d4d4d;
}
.b_list_set table img{
    width: 100%;
    max-width: 84px;
    height: auto;
    max-height: 84px;
    object-fit: contain;
}
.red_price{
    color: #bf4e42;
    font-weight: bold;
    font-size: 2rem !important;
}
.red_price span{
    font-size: 1.5rem;
    margin-left: 2px;
}
span.square_icon {
    background: #4d4d4d;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: bold;
    margin-right: 4px;
}
.t_set_favo{
    border: #e1910f 1.5px solid;
    display: block;
    background: #e1910f;
    text-align: center;
    color: #fff;
    padding: 3px;
    border-radius: 4px 3px;
    margin: 4px 10px 7px 10px;
    transition: 0.3s;
	cursor: pointer;
}
.t_set_favo:after{
	content: '\304A\6C17\306B\5165\308A\8FFD\52A0' !important;
}
.t_set_favo_on{
    border: #e1910f 1.5px solid;
    display: block;
    background: #ffffff;
    text-align: center;
    color: #e1910f;
    padding: 3px;
    border-radius: 4px 3px;
    margin: 4px 10px 7px 10px;
    transition: 0.3s;
	cursor: pointer;
}
.t_set_favo_on:after{
	content: '\8FFD\52A0\6E08\307F' !important;
}
.t_set_favo:hover{
    border: #e1910f 1.5px solid;
    color: #e1910f;
    background: #ffffff;
}
.t_set_more{
    display: block;
    background: #fff;
    border: #333333 1.5px solid;
    text-align: center;
    color: #333333;
    padding: 3px;
    border-radius: 4px 3px;
    margin: 5px 10px;
    transition: 0.3s;
}
.t_set_more:hover{
    background: #333;
    color: #ffffff;
}
.bk_all{
    display: block;
    border: 2px solid #000;
    color: #000;
    /* padding: 9px 24px; */
    font-size: 1.6rem;
    width: 280px;
    text-align: center;
    line-height: 4.2rem;
    margin: 20px auto;
    transition: 0.3s;
}
.bk_all:hover{
    border: 2px solid #000;
    color: #fff;
    background: #000;
}

/*続きをみる*/
.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box{
	position: relative;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: -60px;
	/*width: 100%;*/
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.blog_box label{
    bottom: 80px;
    width: 100%;
    /*background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);*/
    background: none;
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	position: absolute;
	z-index: 2;
	bottom: 0px;
	left: 50%;
	content: '\52DF\96C6\4E2D\306E\90E8\5C4B\3092\5168\3066\8868\793A\3059\308B';
	transform: translate(-50%, 0);

	border: 2px solid #000;
    color: #000;
    /* padding: 9px 24px; */
    font-size: 1.6rem;
    width: 280px;
    text-align: center;
    line-height: 4.2rem;
    margin: 0px auto;
    transition: 0.3s;
    background: #fff;
}
.blog_box label:after ,
.tenp_com_box label:after {
    content: '\7D9A\304D\3092\8AAD\3080' !important;
}

.cp_box input {
	display: none;
}
.cp_box .cp_container {
	contain: paint;
	height: auto !important; /* 開く前に見えている部分の高さ */
    max-height: 500px;
	transition: all 0.5s;
    margin-bottom: 100px;
}

.blog_box .cp_container{
    margin-bottom: 60px;
    max-height: 350px;
    padding-bottom: 90px;
}
tenp_com_box .cp_container{
    margin-bottom: 60px;
    max-height: 60px;
}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
	content: '\9589\3058\308B' !important;
    /*bottom: 20px;*/
}
.cp_box input:checked ~ .cp_container {
	height: auto !important;
	max-height: 100%;
	/*padding-bottom: 80px;  閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

@media screen and (max-width:767px){
    .b_list_set table .smp_set{
        display: revert !important;
    }
    .b_list_set table .pc_set{
        display: none !important;
    }
    .b_list_set table .smp_set .table30{
        width: 30%;
    }
    .b_list_set table .smp_set .table70{
        text-align: left !important;
    }
    .b_list_set table .smp_set .table70 p{
        text-align: left !important;
        color: #666;
        display: flow-root;
        margin-right: 12px !important;
    }
    .b_list_set table .smp_set .table70 p.red_price{
        color: #bf4e42 !important;
        display: block;
    }
    .t_set_more{
        margin: 5px 0px;
        width: 100%;
    }
}


/*------------------------------
テーブル
--------------------------------*/
table{
    width: 100%;
}
/*table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
th {
	background: #f0e6cc;
}*/
.t_fixed {
    table-layout: fixed;
}
.m_table{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    font-size: 1.4rem;
    border-collapse: collapse;
    text-align: center;
}
.m_table th{
    border: 1px dotted #b1b1b1;
    background-color: #efefef;
    margin: 0px 0px 0px 0px;
    padding: 8px;
    text-align: center;
    font-weight: normal;
    color: #333;
    vertical-align: middle;
    line-height: 140%;
}
.m_table td{
    border: 1px dotted #b1b1b1;
    margin: 0px 0px 0px 0px;
    padding: 8px;
    color: #333;
    vertical-align: middle;
    line-height: 150%;
    background-color: #fff;
    text-align: left;
}
.thw80{
    width: 80px
}
.bt_none{
    border-top: none !important;
}
/*物件設備*/
.setubi_table{
    text-align: left;
}
.setubi_table th{
    width: 180px;
    padding: 13px 17px;
    box-sizing: border-box;
    line-height: 150%;
    font-size: 1.4rem;
    font-weight: 600;
    background: #eaeaea;
    vertical-align: middle;
}
.setubi_table td{
    padding: 13px 17px;
    letter-spacing: 0.05rem;
    line-height: 150%;
}
.setubi_table th,
.setubi_table td{
    border-bottom: 1.2px dashed #4d4d4d;
}
.setubi_table .bt_da{
    border-top: 1.2px dashed #4d4d4d;
}
@media screen and (max-width:767px){
    .setubi_table th{
        width: 128px;
        padding: 12px 10px;
    }
    .setubi_table td{
        padding: 12px 17px;
        letter-spacing: 0.05rem;
        line-height: 150%;
    }
}

/*------------------------------
テーブル2
--------------------------------*/
.table01,.table02,.table03{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	font-size:1.4rem;
	border-collapse: collapse;
	text-align: center;
}
.table01 th,.table02 th,.table03 th{
	border:1px dotted #b1b1b1;
	background-color:#efefef;
	margin:0px 0px 0px 0px;
	padding:8px;
	text-align:center;
	font-weight:normal;
	color:#333;
	vertical-align:middle;
	line-height:140%;
}
.table03 th{
	padding:5px 0px 5px 0px;
}
.table01 th.th_m,.table02 th.th_m,.table03 th.th_m{
	background-color:#333;
	color:#fff;
}
.table01 th.th_m a,.table02 th.th_m a,.table03 th.th_m a{
	color:#fff;
	text-decoration:underline;
}
.table01 td,.table02 td,.table03 td{
	border:1px dotted #b1b1b1;
	margin:0px 0px 0px 0px;
	padding:8px;
	color:#333;
	vertical-align:middle;
	line-height:150%;
	background-color:#fff;
	text-align:left;
}
.table02 td.no{
	padding:2px;
	text-align:center;
}
.table02 td img{
	width:100%;
	height:auto;
}
.table03 td{
	padding:0px 0px 0px 0px;
	text-align:center;
}
.ta_c td{
	text-align:center;
}
.table01 td.td_c,.table02 td.td_c{
	text-align:center;
}
.table01 td.td_n,.table02 td.td_n{
	border:none;
	text-align:center;
}
.table02 th.thw80,.table02 td.tdw80{
	width:80px;
}
.table02 th.thw100,.table02 td.tdw100{
	width:100px;
}
.taw400{
	width:400px;
	margin:0px auto 0px auto;
}
.taw600{
	width:600px;
	margin:0px auto 0px auto;
}
.taw800{
	width:800px;
	margin:0px auto 0px auto;
}
.thw80,.tdw80{
	width:80px;
}
.thw100{
	width:100px;
}
.thw150{
	width:150px;
}
.thw250{
	width:250px;
}
.t_fixed{
	table-layout: fixed;
}
.tmini{
	font-size:1.4rem;
}
@media screen and (max-width:800px){
	.taw800{
		width:100%;
		margin:0px 0px 0px 0px;
	}
}
@media screen and (max-width:480px){
	.taw600{
		width:100%;
		margin:0px 0px 0px 0px;
	}
	.table01 th,.table01 td{
		display:block;
		width:100%;
		box-sizing:border-box;
		margin:0px 0px 0px 0px;
	}
	.table01 td img{
		width:100%;
		height:auto;
	}
}
@media screen and (max-width:480px){
	.taw400{
		width:100%;
		margin:0px 0px 0px 0px;
	}
}

/*------------------------------
過去の物件
--------------------------------*/
.past_list_set{
    border: 1.2px solid #c1c1c1;
    padding: 14px;
    margin-bottom: 40px;
    box-sizing: border-box;
}
.past_list_set h4.mansion_midashi{
    margin: 0 !important;
    font-size: 2.8rem !important;
    border-bottom: dashed 2px #4d4d4d !important;
    padding: 0px 5px 0px 5px !important;
    margin-bottom: 15px !important;
    position: relative !important;
    font-weight: normal !important;
    line-height: 140% !important;
}
.past_list_set h4.mansion_midashi .red{
    color: #e21c24;
    font-size: 1.6rem;
    margin-left: 5px;
}
.past_list_set table.rent,
.past_list_set table.sale{
    color: #333333;
}
.past_list_set table.rent th{
    background-color: #5273A9;
}
.past_list_set table.rent th,
.past_list_set table.sale th{
    opacity: 0.7;
    border: 1px solid #cccccc;
    color: #fff;
    font-weight: 500;
    line-height: 2.2rem;
    width: 150px;
}
.past_list_set table.rent td,
.past_list_set table.sale td{
    opacity: 0.7;
    border: 1px solid #cccccc;
    padding: 5px;
    vertical-align: middle;
}
.past_list_set table .smp_set td{
    border-right: none;
    border-left: none;
}
.past_list_set table .smp_set td.w35{
    width: 35%;
}
.rent .smp_set .ot_price,
.sale .smp_set .ot_price{
    line-height: 3rem;
}
.sale .ot_price ,.sale .ot_type {
    font-size: 2.2rem;
    color: #cb4e42;
    font-family: "Arial Black", 'Rounded Mplus 1p', sans-serif;
    text-decoration: line-through;
}
.rent .ot_price ,.rent .ot_type{
    font-size: 2.2rem;
    color: #163758;
    font-family: "Arial Black", 'Rounded Mplus 1p', sans-serif;
    text-decoration: line-through;
}
.ot_price span{
    font-size: 1.6rem;
    margin-left: 2px;
}

.ot_kyo{
    text-decoration: line-through;
}
.past_list_set table.sale th {
    background-color: #996D70;
}
.past_list_set table tr:nth-child(n + 9){
	-ms-filter: blur(6px);
	filter: blur(6px);
	pointer-events: none
}
.past_list_set table tr.memb{
	-ms-filter: unset;
	filter: unset;
	pointer-events: auto !important;
}

@media screen and (max-width:767px){
    .past_list_set h4.mansion_midashi{
        line-height: 100% !important; 
        padding: 3px 5px 3px 5px !important;
    }
}

/*問い合わせ*/
.old_m_rtel {
    background-color: #5273A9;
    margin: 0px 0px 0px 0px;
    padding: 15px;
}
.old_s_rtel{
    background-color: #996D70;
    margin: 0px 0px 0px 0px;
    padding: 15px;
}
.old_m_rtel h5,
.old_s_rtel h5{
    text-align: left;
    color: #fff;
    margin: 0;
    font-size: 2.0rem;
    border-bottom: solid 4px #fff;
    padding: 8px 5px 8px 5px;
    margin-bottom: 15px;
    font-weight: bold;
    line-height: 140%;
    letter-spacing: 0.1rem;
}
.old_m_rtel h5:before,
.old_s_rtel h5:before{
    display: none;
}
.old_m_rtel{
	background-color:#5273A9;
	margin:0px 0px 0px 0px;
	padding:15px;
}

.old_m_ul{
	float:right;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.old_m_ul li{
	display:inline-block;
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	font-size:1.6rem;
	color:#ffffff;
}
.old_m_ul li span{
	font-size:2.6rem;
	font-weight:borld;
	font-family: "Arial Black", "Rounded Mplus 1p", sans-serif;
	letter-spacing:1px;
    display: inline-block;
    margin-left: 7px;
}
.old_m_ul li span a{
	color:#fff;
	text-decoration:underline;
}
@media screen and (max-width:580px){
    .old_m_ul{
        float: none;
    }
    .old_m_ul li{
	    width:100%;
	    float:none;
	    margin:0px 0px 0px 0px;
	    padding:0px 0px 0px 0px;
	    font-size:1.2rem;
        line-height: 170%;
	    color:#ffffff;
    }
    .old_m_ul li span{
        line-height: 3.2rem;
    }
}

@media screen and (max-width:320px){
    .old_m_ul li span{
	   display:block;
	   font-size:3.0rem;
	   margin:5px 0px 5px 0px;
	 padding:0px 0px 0px 0px;
    }
}



/*------------------------------
所有者様へ
--------------------------------*/
.owners_box{
    background: #e1e5e6;
    padding: 30px !important;
    max-width: 600px;
    width: 80%;
    margin: 0 auto 40px auto !important;
    box-sizing: border-box;
}
.owners_box_v2{
    background: #e1e5e6;
    padding: 30px !important;
    max-width: 600px;
    width: 80%;
    margin: 40px auto 40px auto !important;
    box-sizing: border-box;
}
.owners_box h4.mansion_midashi,
.owners_box_v2 h4.mansion_midashi{
    background: transparent !important;
    padding: 0px 0px 10px 0px !important;
    margin: 0px 0px 20px 0px !important;
    color: #000 !important;
    font-size: 2.8rem !important;
    font-weight: 500 !important;
    border-left: none !important;
    border-bottom: 2px dotted #4d4d4d !important;
    text-align: left !important;
    line-height: 140%!important;
}
.owners_box h5.de_h5,
.owners_box_v2 h5.de_h5{
    font-size:1.8rem;
	line-height:140%;
	margin:10px 0px 20px 0px;
	padding:0px 0px;
	border-left:none;
	font-weight: 700;
	border:none;
	text-align:left;
}
.owners_box h5:before ,
.owners_box_v2 h5:before {
    content: '';
    width: 50px;
    height: 5px;
    background-color: #919191;
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
}
.owners_box p{
    margin-bottom: 14px !important;
}
.wb_box {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
.wb_box a {
    display: inline-block ;
    margin: 0px 5px 0px 5px;
    padding: 15px 20px;
    font-size: 1.6rem;
    color: #000;
    border: 2px solid #999;
    background: #fff;
    transition: 0.3s;
}
.wb_box a.rent{
	border:2px solid #5273a9;
}
.wb_box a.sale{
	border:2px solid #996d70;
}
.wb_box a:hover{
	background-color:#999;
    color: #fff;
}
.wb_box a.rent:hover{
	background-color:#5273a9;
	color:#fff;
}
.wb_box a.sale:hover{
	background-color:#996d70;
	color:#fff;
}

/*------------------------------
お役立ち
--------------------------------*/
.useful_box{
    margin-bottom: 60px;
}
.bk_useful{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    height: 210px;
}
.bk_useful p{
    height: 100%;
    width: 280px;
}
.bk_useful p img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.bk_useful div{
    padding: 10px 30px;
    width: 480px;
    text-align: left;
}
.bk_useful div h5{
    margin: 0 !important;
    font-size: 2.0rem !important;
    border-bottom: none !important;
    padding: 0px !important;
    margin-bottom: 10px !important;
    font-weight: normal !important;
    line-height: 140% !important;
}
.bk_useful div h5 a{
    color: #000000;
    text-decoration: underline;
}
.bk_useful div h5:before{
    display: none !important;
}
.bk_useful div p{
    width: 100%;
}
.bk_useful_nore{
    background: #5280c2;
    color: #fff;
    width: 280px;
    display: block;
    text-align: center;
    margin: 10px auto 0 auto;
    line-height: 260%;
    font-weight: bold;
    letter-spacing: 0.1rem;
}
.other_useful{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin: 30px 0px;
}
.other_useful figure{
    background: #fff;
    width: 31%;
    min-height: 220px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
    padding: 1%;
    box-sizing: border-box;
    text-align: left;
}
.other_useful figure img{
    width: 100%;
    height: 150px;
    object-fit: contain;
    background-color: #eee;
}
.other_useful figcaption{
    font-size: 1.8rem;
    line-height: 2.5rem;
    text-decoration: underline;
}
.other_useful figure a{
    display: block;
    color: #000;
}
.other_useful div p{
    width: 100%;
}
.other_useful div .bk_useful_text{
    font-size: 1.4rem;
}
@media screen and (max-width:767px){
    .bk_useful{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        height: auto;
    }
    .bk_useful p img {
        height: 100%;
        width: 100%;
        max-height: 200px;
        object-fit: cover;
    }
    .bk_useful div {
        padding: 10px 0px;
        width: 95%;
        text-align: left;
    }
    .other_useful figure{
        width: 100%;
        min-height: 60px;
        margin-bottom: 7px;
    }
    .other_useful figure a{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .other_useful figure img {
        width: 40%;
        height: auto;
    }
    .other_useful figcaption{
        width: 55%;
        margin-left: 3%;
    }
}





/*------------------------------
youtube動画
--------------------------------*/
p.youtube_p{
	padding: 0px !important;
    margin: 0px 0px 5px 0px !important;
    text-align: center !important;
    font-size: 1.8rem !important;
    font-weight: bold;
    color: #ba0000;
    position: relative;
    display: inline-block;
}
p.youtube_p:before, p.youtube_p:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
p.youtube_p:before {
  left: -70px;
}
p.youtube_p:after {
  right: -70px;
}

iframe.youtube_fream{
	display:block;
	width:560px;
	height:315px;
	padding:0px;
	margin:0px auto 10px auto;
	border:10px solid #cccccc;
	border-radius:7px;
	-webkit-radius:7px; 
	-moz-border-radius:7px;
}
.btn_youtube{
	text-align:center;
	padding:0px;
	margin:0px 0px 50px 0px;
}
.btn_youtube a{
    background: #e50119;
    color: #fff;
    font-size: 1.8rem;
    border: 2px solid #e50119;
    padding: 3px 10px 3px 7px;
    display: inline-block;
    transition: 0.3s;
}
.btn_youtube .triangle{
    color: #e50119;
    background: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 6px 5px 6px 7px;
    display: inline-block;
    border: solid 2px #e50119;
    border-radius: 21px;
    margin-right: 4px;
}
.btn_youtube a:hover{
    background: #fff;
    color: #e50119;
    border: 2px solid #e50119;
    font-weight: bold;
}
.btn_youtube a:hover .triangle{
    color: #fff;
    background: #e50119;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 6px 5px 6px 7px;
    display: inline-block;
    border: solid 2px #e50119;
    border-radius: 21px;
    margin-right: 4px;
}



/*------------------------------
あなたにおすすめの物件
--------------------------------*/
.bk_recom_box{
    border-top: 1px solid #000;
}
.bk_recom{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bk_recom div{
    width: 24%;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
    background: #fff;
    box-sizing: border-box;
    padding: 1%;
}
.bk_recom div img{
    width: 100%;
    height: 185px;
    object-fit: cover;
}
.bk_recom div h5{
    margin: 0;
    font-size: 1.8rem !important;
    padding: 8px 0px !important;
    margin-bottom: 0px !important;
    font-weight: normal;
    line-height: 140%;
    text-align: left;
    border-bottom: none !important;
    letter-spacing: 0.1rem;
}
.bk_recom div h5:before{
    display: none !important;
}
.bk_recom div h5 a{
    text-decoration: underline;
    color: #000;
}
.reco_text1{
    font-size: 1.4rem !important;
    line-height: 2.4rem !important;
}
.reco_text2{
    font-size: 1.15rem !important;
    margin-bottom: 8px !important;
    line-height: 2rem !important;
}
.reco_text1 span,.reco_text2 span{
    margin-right: 8px;
}
.mini_cate_btn{
    display: inline-block;
    color: #000;
    border-radius: 3px;
    background-color: #8080807a;
    background-image: radial-gradient(rgb(255 255 255 / 25%) 30%, transparent 30%);
    background-size: 6px 6px;
    padding: 0px 6px;
    font-size: 1.1rem;
    margin: 0px 2px 4px 0px;
    transition: 0.3s;
}
.mini_cate_btn:hover{
    color: #fff;
    background-color: #000;
    background-image: none;
}
@media screen and (max-width:767px){
        .bk_recom {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
        }
    .bk_recom div{
            width: 95%;
            margin-bottom: 17px;
            padding: 3%;
    }
}


/*------------------------------
右側ののグレー枠
--------------------------------*/
.sticky_box{
    position: sticky;
    position: -webkit-sticky;
    top: 20px;
}
.bg_gray{
    background: #e1e5e6;
    padding: 3px 15px 15px 15px;
}

.side_price,.side_other{
    border-bottom: 1px dotted #333333;
    text-align: left;
    font-size: 1.8rem;
    line-height: 2.5rem;
    margin: 20px 0px 0px 0px;
}
.side_price th,
.side_other th{
    color: #4d4d4d;
}
.side_price th:first-child,
.side_other th:first-child{
    padding-top: 10px;
}
.side_price td,.side_other td{
    padding-bottom: 20px;
}


.side_contact th{
    background: #5280c2;
    color: #fff;
    font-size: 1.8rem;
    line-height: 3.5rem;
    border: 1px solid #5280c2;
}
.side_contact td{
    border: 1px solid #808080;
    background: #fff;
    padding: 7px 12px;
}

.de_btbox{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
.de_btbox a,.de_btbox a.sale{
	display:inline-block;
	width:45%;
	box-sizing:border-box;
	font-size:1.4rem;
	margin:10px 5px;
	padding:15px;
	text-align:center;
	border:2px solid #52739a;
	color:#000;
    background: #fff;
}
.de_btbox a:hover{
	background-color:#52739a;
	color:#fff;
}
.de_btbox a.sale{
	border:2px solid #996d70;
}
.de_btbox a.sale:hover{
	background-color:#996d70;
	color:#fff;
}
.de_telbox{
	font-size:2.8rem;
	font-weight:700;
	text-align:center;
	margin:0px 3px 0px 3px;
}
/*smpバージョン*/
.smp_set.dateli_side p{
    line-height: 3rem;
}
.smp_set.dateli_side p span{
    color: rgb(142, 142, 142);
    width: 90px;
    display: inline-block;
}
.smp_set.dateli_side .side_contact{
    margin-top: 10px;
}
@media screen and (max-width:767px){
    #main p.de_p {
        padding: 10px 0px;
        margin: 0 auto !important;
        width: 95%;
    }
    .basic_sec,
    .setubi_sec,
    .b_list_set,
    .owners_box,
    .owners_box_v2,
    .useful_box,
    .bk_recom_box,
    .search_list{
        margin: 0 auto;
        width: 95%;
    }
    .past_list_set{
        margin: 0 auto 40px auto;
        width: 95%;
    }
    .bg_gray{
        padding: 15px 15px 15px 15px !important;
    }
}

@media screen and (max-width:767px){
    .owners_box h4.mansion_midashi,
    .owners_box_v2 h4.mansion_midashi,
    .mansion_midashi,
    .past_list_set h4.mansion_midashi{
        font-size: 2.4rem !important;
    }
    .owners_box h5.de_h5,
    .owners_box_v2 h5.de_h5{
        font-size: 1.8rem !important;
    }
    #main .youtube_p{
        margin-top: 25px !important;
    }
}


/*------------------------------
基本ページ以外の追加
--------------------------------*/
/*サイド*/
.s_shop_tel{
    border-bottom: 1.2px dotted #333;
    margin: 10px 0px 5px 0px;
    padding: 0px 0px 6px 0px;
}
.s_shop_tel:last-child{
    border: none;
}
.s_shop_tel:first-child{
    margin: 0px 0px 5px 0px !important;
}
.side_rent .wb_box a{
    margin: 0px 0px 0px 0px !important;
    border: 2px solid #5280c2 !important;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    transition: 0.3s;
}
.side_rent .wb_box a:hover{
    border: 2px solid #5280c2 !important;
    background: #5280c2 !important;
    color: #fff;
}
.side_sale .wb_box a{
    margin: 0px 0px 0px 0px !important;
    border: 2px solid #cc843f !important;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    transition: 0.3s;
}
.side_sale .wb_box a:hover{
    border: 2px solid #cc843f !important;
    background: #cc843f !important;
    color: #fff;
}
.side_sale .side_contact th{
    border: 1px solid #cc843f;
    background: #cc843f !important;
}
.side_useful .side_contact th{
    border: 1px solid #368080;
    background: #368080 !important;
}
.s_shop_tel .s_shop_name{
    background: #c4c4c4 !important;
    padding: 2px 5px !important;
    font-size: 1.2rem !important;
    font-weight: bold !important;
    letter-spacing: 0.1rem !important;
    margin-bottom: 4px !important;
    border-radius: 3px !important;
    margin-top: 5px !important;
}

/*この物件へのお問合せ*/
.owners_box_2{
    max-width: none !important;
    width: 100%;
    margin-top: 50px !important;
}
.owners_box_2 p span{
    font-weight: bold;
}
/*おすすめ物件*/
.bk_recom_box2{
    margin-bottom: 60px;
}
/*探す*/
.search_list ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.search_list ul a{
    color: #000000;
    background: #fff;
    text-decoration: none;
    display: inline-block;
    border: 2px solid #c1c1c1;
    padding: 10px 12px;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 3px;
    margin: 0px 17px 16px 0px;
    transition: 0.3s;
}
.search_list ul a:hover{
    background: #c1c1c1;
}
@media screen and (max-width:767px){
    br.smart-wrap{
      display: none;
    }
}

/*------------------------------
お役立ち情報ページ
--------------------------------*/
/*お役立ち記事*/
.useful_contact_set{
    background: #e1e5e6;
    padding: 30px !important;
    margin-bottom: 30px;
}
.contents_inner h4,
.useful_contact_set h4{
    background: transparent !important;
    padding: 0px 0px 10px 0px !important;
    margin: 0px 0px 20px 0px !important;
    color: #000 !important;
    font-size: 2.8rem !important;
    font-weight: 500 !important;
    border-left: none !important;
    border-bottom: 2px dotted #4d4d4d !important;
    text-align: left !important;
    line-height: 140%!important;
}
.useful_contact_set h4.snsshare{
    margin-top: 30px !important;
}
.contents_inner h5{
    margin: 0;
    font-size: 2.0rem;
    border-bottom: solid 5px #ddd;
    padding: 8px 5px 8px 5px;
    margin-bottom: 15px;
    position: relative;
    font-weight: normal;
    line-height: 140%;
    text-align: left;
}
.contents_inner p{
    line-height: 3rem !important;
    margin-bottom: 25px !important;
}
.contents_inner .con_image{
    text-align: center !important;
}
.contents_inner .con_image img{
    max-height: 350px;
    max-width: 100%;
}
.contents_inner p img{
    text-align: center;
    width: 100%;
    max-height: 300px;
    object-fit: contain;
}
.contents_inner table{
    margin: 0px 0px 20px 0px;
}
.contents_inner table ,
.contents_inner td,
.contents_inner th {
	border: 1px solid #595959;
	border-collapse: collapse;
    vertical-align: middle;
    text-align: left;
}
.contents_inner td,
.contents_inner th {
	padding: 7px;
	/*width: 30px;
	height: 25px;*/
}
.contents_inner th {
	background: #f0e6cc;
}
.useful_contact_icon img{
    height: 55px;
    width: auto;
    margin:  0 auto;
}
.useful_contact_set .mpage_btn{
    background-color: #fff;
}


@media screen and (max-width:767px){
    .contents_inner .con_image img {
        max-height: 220px;
        max-width: 100%;
        object-fit: contain;
    }
    .contents_inner p{
        line-height: 175% !important;
    }
    .contents_inner p img{
        width: 100%;
        height: auto;
        max-height: 200px;
        object-fit: contain;
    }
}









/*------------------------------
その他
--------------------------------*/

#main p.de_p{
	padding:10px 0px;
	margin:0px 0px 0px 0px;
}
#main p.de_c{
	font-size:1.0rem;
	line-height:140%;
	margin:5px 0px;
	padding:0px;
	text-align:center;
	color:#666;
}
.smp_sp,.smp_sp2{
    	display:none;
}
#main h6.mob_h6{
	color:#fff;
}
#main p.mob_p{
	padding:0px;
	text-align: left !important;
}
@media screen and (max-width:1250px){
	iframe.youtube_fream{
		width:95%;
		height:auto;
		min-height:280px;
	}
}
@media screen and (max-width:1024px){
	iframe.youtube_fream{
		min-height:250px;
	}
}
@media screen and (max-width:820px){
	.wb_box a{
		margin:10px 5px 10px 5px;
	}
}
@media screen and (max-width: 560px){
	iframe.youtube_fream{
		display:block;
		width:95%;
		height:auto;
		padding:0px;
		margin:0px auto 10px auto;
		border:10px solid #cccccc;
		border-radius:7px;
		-webkit-radius:7px; 
		-moz-border-radius:7px;
	}
}