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

body { background: url(../../shimotsuke/image/common/background.jpg) no-repeat center top; }
#wrap { width: 775px; margin-left: auto; margin-right: auto; position: relative; }
#leaves { margin-right:-60px; position: absolute; z-index: 1; top: 0; right: -60px; }

header { width: 775px; }
#mainWrap { margin-bottom: 20px; padding-top: 10px; overflow: hidden; }
footer { width: 775px; clear: both; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #060; margin-top: 50px; padding-top: 10px; font-size: 12px; color: #999; }

#side { width: 165px; float: left; padding-top: 10px; }
#main { width: 590px; float: right; padding: 0px; margin-left: 10px; margin-top: 10px; }

/* 詳細画面用 */
#main_detail {width: 775px; float: right; padding: 0px; margin-left: 10px; margin-top: 10px;}
#mainAdmin { width: 775px; float: right; padding: 0px; margin-left: auto; margin-top: auto; }


a:link, a:visited { color: #060; }
/* a:hover { color: #930; } */
.hidden { visibility: none; display: hidden; }
 p { line-height:1.4em; }

#side ul { list-style-type: none; margin: 0px; padding: 0px; background-color: #0a650c; }
#side ul li { margin: 0px 0px 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 25px; font-size: 11px; color: #fff; background: #0a650c url(../../shimotsuke/image/common/bullet.png) no-repeat 5px 7px; }
#side ul li ul li { background-image: url(images/bullet.png); background-repeat: no-repeat; margin: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 20px; background-position: left 7px; font-size: 12px; }
#side a:link, #side a:visited { color: #fff; }

.normaltext { font-size: 12px; line-height: 140%; color: #000000; }
.normaltext a { font-size: 16px; font-weight: 900; margin-top: 5px; display: block; margin-bottom: 5px; }

/* エントリーデザイン */
#posts h2, #posts h3, #posts h4, #posts h5 { color: #0a650c; }
#posts h2 { font-size:18px; background-color: #0A650C; color: #fff; padding: 5px; line-height: 18px; }
#posts h3 { font-size:18px; margin-top:2em; margin-bottom:1em; border-bottom: 1px dotted #0A650C; }
#posts img { margin-bottom:10px; }

/* NEWとおすすめを物件情報に表示する */
#new_osusume {
    color:red;
    font-weight: bold;
    font-size: 20px;
}

#text_short1 {
    width: 100px;
}

#text_short1_5 {
    width: 150px;
}

#text_short2 {
    width: 200px;
}

#text_short2_5 {
    width: 250px;
}

table {
    width: 100%;
    table-layout: fixed;
}

#bukken_photo_img_comm {
    width:480px;
    text-align: center;
    color:#000;
    background-color: #fff;
    border: solid 0px #fff; /* 線の色 */
}

#bukken_photo_img_comm:focus {
    width:480px;
    text-align: center;
    color:#000;
    background-color: #fff;
    border: solid 0px #fff; /* 線の色 */
}

/* サムネイル物件写真用1 */
#bukken_photo_img_100px {
    object-fit: fix;
    width: 100px;
    height: 100px;
}

/* サムネイル物件写真用2 */
#bukken_photo_img_80px {
    object-fit: fix;
    width: 80px;
    height: 80px;
}

/* サムネイル物件写真用 */
#bukken_photo_img_400 {
    object-fit: fix;
    width: 400px;
    height: 300px;
}

/* サムネイル物件写真用 */
#bukken_photo_img_500 {
    object-fit: fix;
    width: 500px;
    height: 400px;
}

/* 各物件情報の囲い */
.bukken_box {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 0.5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.mark-box {
    position: absolute;
    content: "NEW";
    transform: rotate(315deg);
    display: block;
    font-size: 11px;
    white-space: pre;
    color: #fff;
    top: 12px;
    left: 4px;
    text-align: center;
    z-index: 2;
    line-height: 1.2;
}

/* サムネイル物件写真用3 */
#photo1_thumbnail2,
#photo2_thumbnail2,
#photo3_thumbnail2,
#photo4_thumbnail2, 
#photo5_thumbnail2,
#photo6_thumbnail2,
#photo7_thumbnail2,
#photo8_thumbnail2,
#photo9_thumbnail2,
#photo10_thumbnail2,
#photo11_thumbnail2,
#photo12_thumbnail2,
#photo13_thumbnail2,
#photo14_thumbnail2, 
#photo15_thumbnail2,
#photo16_thumbnail2,
#photo17_thumbnail2,
#photo18_thumbnail2,
#photo19_thumbnail2,
#photo20_thumbnail2 {
    object-fit: fix;
    width: 200px;
    height: 150px;
}


table td {
    /*word-break: break-all;*/
    overflow-wrap : break-word;
}

th.width1 {
    width:3%;
}

th.width10 {
    width:10%;
}

th.width20 {
    width:20%;
}

th.width70 {
    width: 70%;
}

th.width80 {
    width: 80%;
}

td.width10 {
    width:10%;
}

td.width20 {
    width:20%;
}

td.width70 {
    width: 70%;
}

td.width80 {
    width: 80%;
}

input.width { width: 500px; }

textarea.width { width: 500px; }

#page_top{
    width: 50px;
    height: 50px;
    position: fixed;
    right: 0;
    bottom: 0;
    background: #3f98ef;
    opacity: 0.6;
}
  
#page_top a{
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
}
  
#page_top a::before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f102';
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}