/*箕面コラム_記事詳細,特集_物件記事詳細*/
.page_r{
	text-align: right;
	margin-top: 10px;
}
#de_box,.kiji_head{
    width: 90%;
    max-width: 1000px;
    margin: 0px auto 0px auto;
}
.tbd_box{
    width: 95%;
    max-width: 640px;
    margin: 0px auto 0px auto;
}
.kiji_head{
    margin: 0px auto 30px auto !important;
    padding-top: 40px;
}
.kiji_head i.i_new:before{
    color: #fff;
}
.btn_tbd{
    border: 1px solid #333333;
    display: inline-block;
    margin: 15px auto 10px auto;
    font-size: 1.6rem;
    line-height: 100%;
    transition: 0.3s;
    font-weight: 500;
    color: #333333;
    padding: 14px 25px;
    border-radius: 50px;
}
#de_box{
    padding: 25px;
    border: 0.5px solid #4d4d4d;
	background: #fff;
}
.detime{
	padding: 8px;
    margin: 0px 0px 15px 0px;
    position: relative;
    font-size: 16px;
    background: #1C7389;
    color: #fff;
}
.desta{
	width:200px;
	position:absolute;
	top:-10px;
	right:120px;
	font-family:"SpaceGrotesk", sans-serif;
	font-size:2.0rem;
	color:#000;
	text-align:right;
	font-weight: 700;
}
.dec_box a{
    color: #1A72E8 !important;
}
.detype{
	display:block;
	position:absolute;
	top:-10px;
	right:0px;
}
#de_box h4.de{
	clear:both;
	font-size:4.5rem;
	font-weight:900;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:140%;
	background: unset;
	box-shadow: unset;
	color:#000;
	border-left:unset;
}

.dec_box{
	margin: 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size:1.5rem;
	line-height:140% !important;
}
.dec_box section{
    margin-bottom: 50px;
}

.dec_box h2,
.tbd_box .dec_box h3{
	margin: 60px 0px 20px 0px ! Important;
    padding: 18px 15px ! Important;
    font-size: 2.2rem !important;
    font-weight: 500;
    line-height: 130%;
    text-align: left !important;
    color: #1d7489;
    text-shadow: 0 0 5px white;
    border-left: solid 7px #1c7589;
    background: -webkit-repeating-linear-gradient(-45deg, #dbe7f1, #dbe7f1 3px, #e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #dbe7f1, #dbe7f1 3px, #e9f4ff 3px, #e9f4ff 7px);
}
.dec_box h3,
.tbd_box .dec_box h4{
    border-bottom: solid 5px #dbe7f1;
    position: relative;
    font-size: 2rem;
    font-weight: 500;
    line-height: 130%;
    margin: 40px 0px 15px 0px !Important;
    padding: 0px 0px 10px 0px;
}
.dec_box h3:after,
.tbd_box .dec_box h4:after{
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 5px #1c7589;
    bottom: -5px;
    width: 20%;
}
.tbd_box .dec_box h3,
.tbd_box .dec_box h3:after{
    border-bottom:none;
}
.dec_box h4,
.tbd_box .dec_box h5{
	font-size: 2.1rem !Important;
    font-weight: 500 !Important;
    color: #333 !Important;
    background-color: #ddd !Important;
    margin: 20px 0px 15px 0px !Important;
    padding: 5px 8px 5px 8px !Important;
    line-height: 130% !Important;
}
.dec_box h5,
.tbd_box .dec_box h6{
	font-size: 2.0rem !Important;
    font-weight: 700 !Important;
  
}
#de_box p{
	padding: 0px 0px 0px 0px;
    line-height: 180% !important;
}
.dec_box p{
    margin: 20px 0px;
}

.dec_box img{
	display:block;
	width:100%;
	/*max-width:640px;*/
	height:auto;
	max-height:500px;
	margin:auto;
    object-fit: contain;
}
.blf_box{
	max-width: 820px;
	width:100%;
	padding:40px 0px 40px 0px;
	margin: 0px auto 0px auto;
}

#de_box p.de_tag{
	margin: 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
}
#de_box p.de_tag a{
	display:inline-block;
	margin: 0px 5px;
	text-decoration:underline;
	color:#000;
}
#de_box p.de_tag a:hover{
	opacity:0.6;
}
.dem_img,
.tokushu_photo{
	max-width: 820px;
	width:100%;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	position:relative;
}
.dem_img img{
	display:block;
	width:100%;
	max-width:640px;
	height:auto;
	max-height:500px;
	object-fit:contain;
	margin:auto;
}
.dem_img i{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	font-size:5rem;
	color:#e9482e;
}
.decont{
	display:block;
	position:absolute;
	top:-30px;
	right:15px;
}


.de_table{
	margin-top:50px;
}
.de_table2{
	margin-bottom:30px;
	font-family:sans-serif;
}
.table01 td{
	text-align:left;
    vertical-align: middle;
}
.table01 td.td_c{
	text-align:center;
}
.table01 td.td_c img{
	display:block;
	width:auto;
	max-width:100%;
	height:auto;
	margin:auto;
}
.table01 td.blog_madori{
    max-height: 380px;
    height: 100%;
}
.table01 td.blog_madori img{
    max-height: 380px;
    object-fit: contain;
}
a.base_btn3{
	padding:10px 30px 10px 30px;
	font-size:1.8rem;
}
a.de_line{
	background-color:#0BB43B;
	color:#fff;
}
.bk_n{
	display:inline-block;
	margin:0px 0px 0px 0px;
}
.bk_n i{
	font-size:2.2rem;
	color:#e9482e;
}
.dec_box dl{
    line-height: 180% !important;
}
.dec_box dt{
    margin-bottom: 5px;
    background: #dcdcdc9e;
    padding: 6px 9px;
    border-radius: 5px;
    line-height: 125%;
    font-size: 500;
}
.dec_box dd{
    margin-bottom: 25px;
}
.dec_box ul{
    list-style: inside;
    list-style-type: square;
    margin-left: 20px;
    line-height: 180%;
}
.dec_box ol{
    list-style: inside;
    list-style-type: decimal;
    line-height: 180%;
}
span.micon_number{
    display: inline-block;
}

/*募集状況*/
.table01 .solid{
	color:#e60000;
}
.table01 .kakunin{
	color:#ff8200;
}
.table01 .bosyu{
	color:#208bba;
}


@media screen and (min-width: 768px) {
  /* 画面幅が768px以上のデバイスで適用されるスタイル */
    .dec_box{
        font-size: 1.65rem;
    }
    .dec_box h2,
    .tbd_box .dec_box h3{
        font-size: 2.5rem !important;
    }
    .dec_box h3,
    .tbd_box .dec_box h4{
        font-size: 2.2rem;
        line-height: 160%;
        padding: 0px 0px 10px 0px;
    }
    .dec_box ul{
        margin-left: 40px;
    }
    span.micon_number{
        display: block;
    }
    .table01 td.blog_madori{
        max-height: 500px;
        height: 100%;
    }
    .table01 td.blog_madori img{
        max-height: 500px;
        object-fit: contain;
    }
}
@media screen and (min-width: 1024px) {
  /* 画面幅が1024px以上のデバイスで適用されるスタイル */
}

/*関連記事*/
.kanren{
    width: 90%;
    margin: 40px auto;
    max-width: 1000px;
}
.miKanren{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.kanren h6{
    line-height: 150%;
    font-size: 2.2rem;
    letter-spacing: 0.2rem;
}
.miKanren p a{
    padding: 6px 14px 6px 20px;
    /* margin: 0 15px; */
    font-size: 1.5rem;
    font-weight: 500;
    border-radius: 27px;
    background: #0a9165;
    color: #fff;
    display: block;
}
.miKanren p a .i_right:before{
    color: #fff;
    margin-left: 5px;
}
#blog_kanren{
	width:100%;
	max-width: 1000px;
	padding:0px 0px 0px 0px;
	margin:0px auto 30px auto;
	display:table;
	table-layout: fixed;
	list-style-type: none;
}
#blog_kanren article{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding:7px;
    background: #ffffff;
    margin:0px 0px 10px 0px;
}
#blog_kanren article:first-child{
	border-left: 1px solid #ccc;
}
#blog_kanren p.ktower_h7{
	font-size:1.5rem;
	font-weight:bold;
    margin:3px 0px;
	padding: 0px 0px 10px 0px;
	line-height: 120%;
}
#blog_kanren p.ktower_h7 a{
	color: rgba(51,51,51,0.75);
    letter-spacing: 0.1rem;
}
#blog_kanren article figure{
    width: 100%;
    height: 200px;
}
#blog_kanren article .ktower_img img{
    width: 100%;
    height: 200px;
    object-fit: cover;
	border-radius:unset;
}

strong.de_no{
	font-size:2.6rem;
	color:#ff6600;
}
span.de_no_span{
	display: block;
    line-height: 140%;
    font-size: 1.2rem;
    margin-top: 5px;
}
a.dec_box_btn {
    padding: 10px 30px 10px 30px;
    font-size: 1.3rem !important;
    display: inline-block;
    padding: 10px 22px;
    margin: 3px 5px 0px 5px;
    text-decoration: none;
    background: #fff;
    box-shadow: 0px 0px 2px 2px #e2e2e2;
    color: #000;
    border-radius: 8px;
    cursor: pointer;
}
.dec_box_btn img{
	height: 20px;
    vertical-align: bottom;
}
a.de_line{
	background-color: #0BB43B;
    color: #fff;
}
#tooltip{
	display: none;
}

/*テーブル*/
#de_box table{
	margin-bottom: 30px;
    
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    
    border: 1px solid #595959;
	border-collapse: collapse;
	width: 100%;
    line-height: 120%;
    vertical-align: middle;
}
#de_box table tbody,
#de_box table thead{
    /*width: 100%;
    display:table;*/
}

#de_box table::after{
    content: "<< スクロールできます >>";
    color: red;
    font-weight: bold;
    position: absolute;
    text-align: center;
    width: 100%;
    line-height: 180%;
    font-size: 1.3rem;
}

#de_box td,#de_box th {
	border: 1px solid #595959;
	border-collapse: collapse;
	width: 100%;
    line-height: 120%;
    vertical-align: middle;
}
#de_box td,#de_box th {
	padding: 10px 6px;
	min-width: 30px;
    width: auto;
	height: 25px;
	font-size: 1.5rem;
}
#de_box th {
	background: #f0e6cc;
	font-size: 1.4rem;
}
#de_box .even {
	background: #fbf8f0;
}
#de_box .odd {
	background: #fefcf9;
}
#main > .inner_box figure{
	margin:0px;
}
#main p.kt_p2{
	font-weight:bold;
	margin:10px 0px;
	padding: 0px 10px;
	font-size:1.8rem;
}
#main p.kt_p2 span{
	font-weight:normal;
	font-size:1.4rem;
}

@media screen and (min-width: 768px) {
  /* 画面幅が768px以上のデバイスで適用されるスタイル */
    #de_box table::after{
        content: none;
    }
    #de_box table{
        display: revert;
        overflow-x: revert;
        white-space: normal;
    }
    #de_box table tbody,
    #de_box table thead{
        display: contents;
    }
    #blog_kanren article{
	    display: table-cell;
        margin: 0px;
        border-left: none;
    }
    #blog_kanren article figure{
        width: 100%;
        height: 150px;
    }
    #blog_kanren article .ktower_img img{
        width: 100%;
        height: 150px;
        object-fit: cover;
        border-radius:unset;
    }
}
@media screen and (min-width: 1024px) {
  /* 画面幅が1024px以上のデバイスで適用されるスタイル */
}