:root {
    --main_color: #1A1A1A;
    --side_mark_color: #e70012;
    --side_mark_sub_color: #e70012;
    --tel_color: #f88c20;
    --button_color: #f88c20;
    --button_shadow: #9b3025;
    --color-red: #DC2222;
    --color-orange: #F57F17;
}
@charset "UTF-8";

/* Reset CSS.------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
html, body, div, span, object,iframe,h1,h2,h3,h4,h5,h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video{
margin: 0;padding: 0;border: 0;line-height: 1;outline: 0;font-size:100%;vertical-align:baseline;background:transparent}
html{height:100%}
body{line-height:1.3;
background-image: url(/img/propaty_test.jpg);
height:100%;font-size:13px;color:#333;
margin: 0;
padding: 0;
-webkit-text-size-adjust:100%;
font-family:-apple-system, BlinkMacSystemFont,"Helvetica Neue", "Hiragino Sans","Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif}
.side_search_title_sub span,.side_word,.side_search_title,table.search_condition th,table.search_cat th,.logo2,.top_buken_title,#contact_block #submit_contact,#header_menu li a,h1,h2,h3,h4,h5,.font_type2{
font-family:"Noto Sans Japanese","游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif}
article, aside, dialog, figure, footer, headepro nav, section{display:block}
nav ul{list-style:none}
strong{color:#ec8e2f;}
ul li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none}
a{text-decoration:none;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;color:#333}
a:hover{text-decoration:underline}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;  height:1px;  border:0;  border-top:1px solid #cccccc;  margin:1em 0;  padding:0}
textarea,input,select{height:35px;vertical-align:middle;border:1px solid #CCC;padding:0 5px;border-radius:5px;font-size:14px}
iframe{max-width:100%}
select{background-color:#FFF;vertical-align:middle}
#nav-l:hover,#nav-r:hover,#gallery_next:hover,#gallery_prev:hover,.icon-arrow:hover,#page_top:hover,.c_left:hover,input[type="submit"]:hover,label:hover,select:hover{
cursor:pointer}
p{line-height:1.3}
textarea{font-family:-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif}
/*placeholder属性*/
:placeholder-shown{font-size:12px;color:#999}
::-webkit-input-placeholder{font-size:12px;color:#999}
:-moz-placeholder{font-size:12px;color:#999;opacity:1}
::-moz-placeholder{font-size:12px;color:#999;opacity:1}
:-ms-input-placeholder{font-size:12px;color:#999}
/*placeholder属性*/
/*トップのみ*/
/*placeholder属性*/
#quick_word:placeholder-shown{font-size:14px}
#quick_word::-webkit-input-placeholder{font-size:14px}
#quick_word:-moz-placeholder{font-size:14px}
#quick_word::-moz-placeholder{font-size:14px}
#quick_word:-ms-input-placeholder{font-size:14px}
/*placeholder属性*/
.logo2 a:hover,.side_link:hover{text-decoration:none}
input[type="button"],input[type="submit"]{-webkit-appearance:none}
/* Reset CSS.-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


#container{
    width:auto;
    position:relative;
}


/* ヘッダー 開始.-------------------------------------------------------- */
#header{
    clear:both;
    background-color:#FFF;
    min-height:80px;
    min-width:980px;
    border-bottom:1px solid #ececec;
}

#h_disp_sp{
    text-align:center;
    width:100%;
}

#h_disp_sp a{
    width:100%;
    min-width:980px;
    display:block;
    text-align:center;
    background-color: #79bd36;
    color:#FFF;
    padding:30px 0;
    font-size:30px;
    font-weight:bold;
}

#h_disp_sp a:hover{
    text-decoration:none;
}

.header_title{
    width:100%;
    background-color: var(--main_color);
    border-bottom:1px solid #e5e5e5;
    padding:5px 0 5px 0;
}

.header_title .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin:0 auto;
    width:980px;
    padding-top:0.3em\9;
    padding-bottom:0\9;
    color:#fff;
    font-weight: inherit;
    font-size:13px;
    font-family: "Noto Sans Japanese", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    text-box: auto;
}

.header_in{
    margin:0 auto;width:980px;
    min-height:70px;
    padding:5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo{
}

.logo2 a{
    line-height:65px;
    line-height:70px\9;
    height:65px;
    font-size:20px;
    display:block;
    margin:0px 0px 5px 5px;
    font-weight:bold;
    width:300px;
}

.logo img{
    vertical-align:middle;
    height: 65px;
    object-fit: contain;
}

.list_header{
}

.list_header li{
    float:left;
    text-align:center;
    position:relative;
    border-right:1px solid #ccc;
}

.list_header li:first-child{
    border-left:1px solid #ccc;
}

.list_header li a{
    display:block;
    font-size:12px;
    padding:0px 10px 10px 10px;
}

.list_header li a:hover{
    opacity: .5;
    text-decoration: none;
}

.count_list{
    position:absolute;
    top:-6px;
    right:5px;
    background-color:#ff4d4c;
    border-radius:50%;
    width:19px;
    height:17px;
    padding-top:3px;
    color:#FFF;
    font-weight:bold;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}

#favorite_c{
    right:13px;
}

.header-rooms_number {
    font-size: 11px;
    letter-spacing: 0.5px;
    margin-top: 7px;
}
.tel_header{
    text-align:right;
}

.header-rooms_number_text {
    color:#FF4949;
    font-size:15px;
    font-weight:bold;
    margin-right:3px;
}

.tel_header .free-icon {
    font-size: 22px;
}

.tel{
    color: var(--tel_color);
    font-size:30px;
    font-family:Arial, Helvetica, sans-serif;
    letter-spacing:1px;
    position:relative;
    padding-left:50px;
}

.main_company_tel a,.side_company_tel a,.side_company_tel a,.tel a{
    color:#79bd36;
}

.b_contact .tel-icon span,.b_contact .free-icon span,.tel span,.side_company_free span,.side_company_tel span{
    white-space:nowrap;
    font-weight:bold;
    margin-left: 20px;
}

.tel-icon:before{
    content:"\e90b";
    font-family:"icomoon",sans-serif;
    font-size:21px;
    color:#333;
    position:absolute;
    top:4px;
    left:18px;
}

#header .tel-icon:before{
    font-weight:normal;
    margin-left:-35px;
    left: inherit;
}

.free-icon:before{
    content:"\e918";
    font-family:"icomoon",sans-serif;
    font-size:22px !important;
    color:#fff;
    background-color:#79bd36;
    position:absolute;
    top:3px;
    left:0px;
    font-weight:normal;
    padding:3px 2px 3px 2px;
}

#header .free-icon:before{
    font-weight:normal;
    margin-left:-60px;
    left: inherit;
}

.tel_icon_h{
    position:absolute;
    left:0px;
    top:4px;
    width:50px;
    height:24px;
    background:#FFF url(/img/free.png) no-repeat 0px 0px;
}

.time_h{
    font-size:12px;
    margin-top:8px;
}

#header_menu{
    background-color:#FFF;
    margin-bottom:10px;
    min-width:980px;
    border-bottom:2px solid #e5e5e5;
}

.header_menu_in {
    margin:0 auto;
    width:980px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_menu_in ul {
    display: flex;
}

#header_menu li{
    display:inline-block;
    text-align:center;
    border-right:1px dotted #dcdcdc;
}

#header_menu li a{
    display:block;
    padding:12px 40px;
    font-weight:bold;
    color:#444;
    line-height:1.1;
}

.page-404-sub2 a:hover,
#header_menu ul li a:hover{
    background-color: var(--main_color);
    color:#FFF;
    text-decoration:none;
}

#header_menu ul li:hover{
    color:#FFF;
}

#header_form{
    margin-right: 5px;
}

#sideber #form input,#header_form input{
    border-radius:inherit;
}

#header_word{
    width:190px;
    height:22px;
    padding:4px 5px;
}

#side_area_search #form{
    white-space:nowrap;
}

#side_word{
    width:153px;
    height:22px;
    padding:4px 5px;
}

#side_word:placeholder-shown{font-size:10px;}

#side_word::-webkit-input-placeholder{font-size:10px;}

#side_word:-moz-placeholder{font-size:10px;}

#side_word::-moz-placeholder{font-size:10px;}

#side_word:-ms-input-placeholder{font-size:10px;}

#submit_word,#submit_word2{
    background-color: #daa520!important;
    width:43px;
    font-size:12px;
    height:32px;
    border:none;
}

#header_menu span{
    font-size:11px;
    display:block;
    color:#999;
    font-weight:normal;
    font-family:-apple-system, BlinkMacSystemFont,"Helvetica Neue", "Hiragino Sans","Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
}

.copyright a,#search_save:hover div,#search_save:hover div:before,#search_save:hover span,#search_tab1.on .icon-area-t:before,#search_tab2.on .icon-line-t:before,#header_menu ul li a:hover span,#header_menu .on span{
    color:#fff;
}
/* ヘッダー 終了.-------------------------------------------------------- */

/* メイン 開始.-------------------------------------------------------- */
#main{
clear:both;
margin:0 auto;
width:980px;
overflow:hidden;}

#contents{
width:730px;
float:left;
margin-bottom:40px}

.osusume_links{
    height:175px;margin:15px 15px 10px;
}

.osusume_links a{
    color: #1982D1;
}

.osusume_link1{
    float: left;margin-left: 40px;
}

.osusume_link2{
    margin-left: 400px;
}

.osusume_link1 li ,.osusume_link2 li{
    width: 300px;
    margin-bottom: 10px;
    position: relative;
    list-style-type: square;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#sideber{
    width:230px;
    overflow:hidden;
    float:right;
    margin-bottom:40px;
}

#conte#contents img{
    object-fit: contain;
}

#sideber img{
/*    height: auto;*/
    max-width:100%;
}

#breadcrumbs{
    white-space: nowrap;
    overflow: hidden;
    padding: 0px 5px 11px 0px;
    width: 100%;
}

#breadcrumbs li{
    vertical-align:middle;
    display:inline-block;
    line-height: 1.5;
    font-size: 12px;
}

#breadcrumbs li:first-child:before{
    content:"";
    padding:0 1px;
}

#breadcrumbs li:before{
    content:">";
    padding:0 5px;
}

#quick_search{
    border-radius: 4px;
    overflow:hidden;
    background-color:#efefef;
    border:1px solid #ccc;
    border-bottom: 3px solid #ccc;
    margin:13px 0;
    vertical-align:middle;
    display:table;
}

#top_quick {
    padding: 20px 0px;
    position: relative;
    font-size: 12px;
    width: 220px;
    height: 32px;
    background: #fff;
    margin-right:45px;
}

#top_quick:before {
    content: "\e931";
    font-family: "icomoon",sans-serif;
    font-size: 82px;
    color:#F5F5F5;
    position: absolute;
    top: -3px;
    left: 5px;
}

#top_quick:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    left: 220px;
    box-sizing: border-box;
    width: 3px;
    height: 60px;
    border: 36px solid transparent;
    border-left: 30px solid #fff;
}

.quick1{
    white-space:nowrap;
    font-size:20px;
    color:#daa520;
    position:absolute;
    top:16px;
    top:18px\9;
    left:15px;
    z-index:100;
}

.quick2{
    position:absolute;
    top:40px;
    top:42px\9;
    left:62px;
    font-size:18px;
}

.quick_c{
    background-color:#efefef;
    width:770px;
    vertical-align:middle;
    display:table-cell;
}

#quick_word{
    width:155px;
    font-size:16px;
    padding:0 10px;
    margin-right:5px;
}

#submit:hover{
    cursor:pointer;
    background-color:#79bd36;
}

/*下線無し青ボタン*/
#h_disp_sp a,.icon-contact3:before,.list_url.day a,.icon-contact2,#inq_area_add,#inq_line_add,#map_link:hover,.history_back:hover,#submit_word,#submit_word2,#submit,.list_bottom a:hover,.top_list a:hover{
    color:#FFF;
    background-color:  var(--main_color)    ;
    text-decoration:none;cursor:pointer;
}

.icon-contact3:before,.icon-contact2{
    background-color: #f83333 !important;
}

#inq_area_add:hover,#inq_line_add:hover,#h_disp_sp a:hover,#submit_word:hover,#submit_word2:hover{
    background-color:#2b4199;
    cursor:pointer;
}

.submit_page{
    border:none;
    height:40px;
    padding:0px 50px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #c58668;
}
.submit_page:focus {
    outline:0;
}

/*下線あり青ボタン*/
.history_back,#side_search_submit input[type="submit"],.page-404-sub3 a,.submit_page,.quick_c #submit{
    background-color: #daa520;
    border-radius: 4px;
    color:#FFF;
}

.history_back a:hover,.no_disp a:hover,.list_url.day a:hover,#side_search_submit input[type="submit"]:hover,.quick_c #submit:hover,.submit_page:hover,.page-404-sub3 a:hover{
    text-decoration:none;
    cursor:pointer;
    background: #d9b457;
}

.quick_c select{
    height: 37px;
    font-size:14px;
    width:150px;
    margin:0px 5px;
    padding:0x 5px 0 10px;
}

.quick_c #submit{
    width:75px;
    float: right;
    height: 31px;
    line-height: 33px;
    padding:0px 24px 0px 50px;
    margin-right:25px;
    margin-top: 1px;
    border-radius:5px;
    position:relative;
    border:none;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #c58668;
}

.icon-t-s:before {
    content: "\e937";
    font-family: "icomoon",sans-serif;
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 9px;
    left: 29px;
}

.top_comment{
    padding-bottom:5px;
    background-color:#FFF;
    border:1px solid #e7e7e7;
    border-bottom:2px solid #CCC;
    padding-top:0.4em\9;
    padding-bottom:0.1em\9;
    margin-bottom: 20px;
}

.top_comment h3{
    font-size:17px;
    border-bottom:3px solid var(--main_color);
    padding:15px;
    padding-top:18px\9;
    padding-bottom:12px\9;
}

.top_comment p{
    margin: 15px;
    line-height: 1.5;
}

.top_comment span{
    font-weight: bold;
    color: #ec8e2f;
}

.top_recommend{
    padding-bottom:5px;
    background-color:#FFF;
    border:1px solid #e7e7e7;
    border-bottom:2px solid #CCC;
    padding-top:0.4em\9;
    padding-bottom:0.1em\9;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.top_recommend h3{
    font-size:17px;
    border-bottom:3px solid var(--main_color);
    padding:15px;
    padding-top:18px\9;
    padding-bottom:12px\9;
}

.top_recommend span{
    font-family: -apple-system, BlinkMacSystemFont,"Helvetica Neue", "Hiragino Sans","Hiragino Kaku Gothic ProN", "游ゴシック Medium", meiryo, sans-serif;
    font-weight:normal;
    font-size:12px;
    margin-left:10px;
    color:#CCC;
}

.top_recommend_link ul {
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     width: 730px;
     margin-top: 10px;
     margin-bottom: 10px;
}

.top_recommend_link ul li {
    width:33%;
    list-style: none;
    box-sizing: border-box;
    margin-top: 10px;
    padding-left:60px;
    position: relative;
}

.top_recommend_link .icon-top-day:before {
    content: "\e915";
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    color:#ec8e2f;
    position:absolute;
    top:2px;
    width:50px;
    left:40px;
}

.top_recommend_link a {
    text-decoration: underline;
    color:#1E90FF;
}

#topics{
    padding-bottom:5px;
    background-color:#FFF;
    border:1px solid #e7e7e7;
    border-bottom:2px solid #CCC;
}

#topics h3{
    font-size:17px;
    border-bottom:3px solid var(--main_color);
    padding:15px;
    padding-top:18px\9;
    padding-bottom:12px\9;
}

.topics_in{
    border-top:2px solid #f0f0f0;
}

#topics h3 span{
    font-family: -apple-system, BlinkMacSystemFont,"Helvetica Neue", "Hiragino Sans","Hiragino Kaku Gothic ProN", "游ゴシック Medium", meiryo, sans-serif;
    font-weight:normal;
    font-size:12px;
    margin-left:10px;
    color:#CCC;
}

#topics dl:last-child{
    border:none;
}


#topics dt span{
    vertical-align:middle;
    display:inline-block;
}

#topics .font_type2{
    padding-top:0.4em\9;
    padding-bottom:0.1em\9;
}

.home_update span {
    color:#ec8e2f;
    font-weight: bold;
}

.top-new-tag{
    background-color:#FF4949;
    color:#FFF;
    font-size:10px;
    border-radius: 5px;
    width:45px;
    height:16px;
    line-height:15.5px;
    text-align:center;
    margin-left:8px;
}

.icon-top-day:before {
    content: "\e915";
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    color:#daa520;
    position:absolute;
    top:4px;
    width:50px;
    left:0px;
}

#topics dl{
    border-bottom:1px dotted #ccc;
    padding:12px 15px;
}

#topics dt{
    position:relative;
    border-top:1px dotted #CCC;
    font-weight:bold;
    margin-bottom:3px;
    padding-left:19px;
    font-size:15px;
}

#topics dd{
    padding:0 3px;
    line-height:1.4;
    font-size:14px;
    text-align:justify;
    text-justify:inter-ideograph;
}

#topics dt:first-child + dd,#topics dt:first-child{
    border-top:none;
}

.top_news_no{
    text-align:center;
    padding:15px 0;
}

#page{
    background-color:#FFF;
    padding:1px 0px 30px 0px;
    border-top:2px solid #e0e0e0;
    border-bottom:2px solid #ccc;
    border-left:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    *padding-top:10px;
    margin-bottom:30px;
}

.page_in{
    padding:0px 20px;
}

.room_list_block span span,.rent_list{
    font-family: Arial, Helvetica, sans-serif;
    color:#FF4949;
    font-weight:bold;
}

.traveltime span{
    color: #ec8e2f;
    font-weight: bold;
}

.icon_in{
    height: auto;
    display: inline-block;
}

.icon_in > div{
    height: 27px;
    border-radius: 5px;
    margin: 5px 10px 0 2px;
    float: left;
}

.icon_in > div > p{
    font-size: 12px;
    margin-top: 7px;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
}

.fee_free{
    background-color: #D22;
    filter: saturate(50%);
}
.lease{
    background-color: #5E558F;
}
.new_building{
    background-color: #4bb1cc;
    filter: saturate(50%);
}
.pet_yn{
    background-color: #f39800;
    filter: saturate(50%);
}
.deposit_free{
    background-color: #8fc13e;
    filter: saturate(50%);
}
.key_free{
    background-color: #009944;
    filter: saturate(50%);
}
.bath_toilet{
    background-color: #d5c729;
    filter: saturate(50%);
}

/* topスライダー 開始.-------------------------------------------------------- */
#top_main_img{
    text-align:center;
    background-color:#ececec;
    border-bottom:1px #dcdcdc solid;
    overflow:hidden;
    position:relative;
    line-height:0;
    min-width:980px;
}

.img_ss{
    overflow:hidden;
    width:100%;
    visibility:hidden;
}

#slide{
    opacity: 0;
    visibility:hidden;
    position:absolute;
    top:0;
    width:100%;
    margin:0 auto;
    max-width:100%;
}

#slide.changed{
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
    opacity: 1;
    visibility:visible;
}

#slide img{
    position:absolute;
    left:0;
    right:0;
    max-width:100% ;
    height: auto!important;
    margin:auto;
}

#nav-r{
    position:absolute;
    right:0px;
    top:50%;
    width:40px;
    height:50px;
    margin-top:-25px;
    background:url(/img/arrow_r.png) no-repeat 0px 0px;
}

#nav-l{
    position:absolute;
    left:0;
    top:50%;
    width:40px;
    height:50px;
    margin-top:-25px;
    background:url(/img/arrow_l.png) no-repeat 0px 0px;
}
/* topスライダー 終了.-------------------------------------------------------- */

/* 建物情報 開始.-------------------------------------------------------- */
#b_title{
    border-top:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    border-left:1px solid #e7e7e7;
    border-bottom:5px solid var(--main_color);
    background-color:#FFF;
    overflow:hidden;
    padding:12px 0;
    display: flex;
    align-items: center;
}

#b_title .header_group {
    display: flex;
    align-items: flex-end;
    flex: 1;
}

#b_title h1{
    font-size:18px;
    line-height:1.2;
    padding:0px 0 0px 17px;padding-top:0.3em\9;
    padding-bottom:0\9;
    text-align:justify;
    text-justify:inter-ideograph;
}

#b_title time {
    font-size:18px;
    font-weight: bold;
}

#b_title h1,#b_title div{
    vertical-align:middle;
    display:inline-block;
}

.b_sub_title2{
    position: relative;
    text-align:center;
    font-size: 12px;
    width: 60px;
    height: 32px;
    background:  var(--main_color);
    color:#FFF;
    padding-left:2px;
}

.b_sub_title2:after{
    content: "";
    position: absolute;
    left: 62px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 14px solid var(--main_color);
} 

sup {
    vertical-align:top;font-size:10px;
}

.b_video{
    margin-bottom:30px;text-align:center;
}

.room h3.b_catch{
    border-bottom: 2px solid var(--main_color);
    margin:-10px 0 10px 0;
    color:#444;
    line-height:1.4;
    padding:10px 4px 5px 4px;
    font-size:17px;
    text-align:justify;
    text-justify:inter-ideograph;
}

.aroundshops{
    padding-bottom: 5px !important;
}

.aroundshops > p{
    line-height: 20px;
}

.aroundshop{
    font-weight: bold;
    font-size: 15px;
    color:#069;
}

#page .page_in.catch{
    font-size:14px;
    padding:0 2px 20px 2px;
    line-height:1.6;
    text-align:justify;
    text-justify:inter-ideograph;
}

table.room_list{
    border-bottom: 1px solid #CCC;
    width: 100%;
    border-collapse: separate;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 10px;
}

table.room_list th{
    position:relative;
    border-left:1px solid #FFF;
    height:18px;
    white-space:nowrap;
    padding:0px 5px;
    font-weight:bold;
    font-size:11px;
    vertical-align:middle;
    background:#e0e0e0;
    border-bottom:2px solid #CCC;
}

table.room_list th:first-child{
    border-left:1px solid #e0e0e0;
}

.rent_s {
    height:40px;
}
.rent_s:hover {
    cursor: pointer;
    background-color: #FFF0F5;
}
.rent_s .sorting-desc,
.rent_s .sorting-asc {
    background-color:#f5f5f5;
    border-left:1px solid #fff;
}
.rent_s.on .sorting-desc,
.rent_s.on .sorting-asc {
    border-left:1px solid #fff;
}

table.room_list td{
    padding:6px 5px;
    vertical-align:middle;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    position:relative;
}

table.room_list .room_last{
    border-right:1px solid #ccc;
}

table.room_list .syosai{
    font-size:11px;
}

table.room_list th.level{
    padding:5px 0;
}

.temp_name{
    color: #444;
    font-weight:bold;
    font-size: 17px;
    padding: 0px 0px 5px 2px;
}

.template{
    line-height: 1.6;
    font-size:14px;
    padding:0px 2px 20px 2px;
    text-align:justify;
    text-justify:inter-ideograph;
}

.room_list .arrow{
    padding:0px 9px 0px 0px;
}

.room_list .arrow:after{
    content:"";
    width:12px;
    height:12px;
    position:absolute;
    background: url('/img/arrow_s.png') no-repeat 1px -1px;
    z-index:10;
}

.room_list .sorting-desc .arrow:after{
    background: url('/img/arrow_u.png') no-repeat 0px -2px;
    z-index:10;
}

.room_list .sorting-asc .arrow:after{
    background: url('/img/arrow_d.png') no-repeat 0px -1px;
    z-index:10;
}

table.room_list .s_list{
    width:30px;
}

table.room_list th.plan_img{
    height: inherit;
}

.disp_p{
    position:relative;
}

table.room_list .border_hide{
    border-left:inherit;
}

.room_list img{
    vertical-align:middle;
}

.tuika{
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin:auto;
    background:  var(--button_color) url("/img/tuika_p.png") no-repeat;
    width: 45px;
    height: 26px;
    border-radius: 3px;
    border-bottom: 2px solid #E15F00;
}

.icon-tuika3:hover,#b_title .icon-favorite:hover,.icon-contact3:hover,.icon-contact2:hover,.history_list .icon-favorite:hover,.icon-tuika:hover:before,.history_list .icon-favorite.on:hover,.room_list .mail:hover{
    cursor:pointer;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
}

.tuika.on{
    background: #ADADAD url("/img/tuika_p_on.png") no-repeat;
    border-bottom: 2px solid #E15F00;
    border:none;
}

.room_list .mail{
    margin:auto;
    width: auto;
    height: auto;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
     width: 44px;
    height: 26px;
    background: #FF4949 url("/img/contact_p.png") no-repeat 11px 6px;
    border-bottom: solid 2px #d10000;
    border-radius: 3px;
}

.disp_p:after{
    content:"";
    position:absolute;
    right:18px;
    top:6px;
    width:125px;
    height:26px;
    background: url('/img/private_s.png');
    background-repeat: no-repeat;
}

.rent_s.on .disp_p:after{
    right:7px;
    top:38px;
}

.rent_list.font{
    font-size:18px;
    margin-right:1px;
}

.rent_list.font1{
    font-size:16px;
}

.rent_list.font1 span{
    color:#333;
    margin-left:1px;
    font-size:13px;
    font-weight:normal;
}

table.room_list .plan_img{
    width:90px;
    height:90px;
}

#contents table.room_list .plan_img img{
    max-width:85px;
    max-height:85px;
    object-fit: contain;
}

table.room_list .small{
    padding:5px 1px;
}

table.room_list .rent_list{
    font-size:16px;
    margin-right:1px;
}

.room_list tr:nth-child(n+11){
    display:none;
}

.room_list_block{
    display:block;
    margin:-5px 0 20px 0px;
    background-color:#f0f0f0;
    border-bottom:2px solid #CCC;
    padding:9px 10px 11px 10px;
    color:#333;
    text-align:center;
    font-weight:bold;
}

.room_list_block .room_hide{
    display:none;
}

.room_list_block span span{
    margin:0 5px;
    font-size:16px;
}

.rent_title_block{
    border-top:#CCC solid 1px;
    border-bottom:#CCC solid 1px;
    width:100%;
    position:relative;
    margin:0 0 10px 0;
    padding:7px 0;
}

.rent_title_block h2,.rent_title_block h3,.rent_title_block span{
    display:inline-block;
    vertical-align:middle;
}

.rent_title_block .rent_title_g{
    margin-left: 17px;
    font-size: 17px;
    font-weight: bold;
    vertical-align: middle;
}

.b_sub_title {
    position: relative;
    text-align: center;
    font-size: 12px;
    width: 60px;
    height: 30px;
    background: var(--main_color);
    color: #FFF;
    padding-left: 2px;
    line-height: 30px;
    font-weight: normal;
}

#search_c_block .b_sub_title{
    line-height: 31px;
}

.b_sub_title span{
    font-size: 18px;
    vertical-align: baseline;
    margin-left:2px;
    font-family: Arial, Helvetica, sans-serif;
}

.b_sub_title:after{
    content: "";
    position: absolute;
    left: 62px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 14px solid var(--main_color);
}

.room_cat_sub1{
    font-size:10px;
    color:#FFF;
    position:absolute;
    top:5px;
    left:0;
    right:0;
    text-align:center;
}

.room_cat_sub2{
    font-size:10px;
    color:#fff;
    position:absolute;
    top:17px;
    left:0;
    right:0;
    text-align:center;
}

.rent_sub_title{
    position:absolute;
    top:-4px;
    left:0px;
    width:73px;
    text-align:center;
    bottom:0px;
    height:15px;
    margin:auto 0;
    color:#FFF;
}

.madori_disp{
    border:1px solid #999;
    font-size:11px;
    border-radius: 5px;
    padding:7px 10px;
    font-weight:bold;
    position:absolute;
    top:8px;
    right:10px;
    cursor: pointer;
}

.room_no{
    width:685px;
    text-align:center;
    margin:-20px 0 25px 1px;
    border-bottom:1px solid #CCC;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    padding:13px 0 15px 0;
}

.outline{
    width:100%;
    margin-bottom:30px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.outline .status{
    padding:10px 0 10px 10px;
    text-align:left;width:26%;
}

.outline .status .rent_list{
    margin-right:3px;
    font-size:16px;
}

.outline .col_t{
    vertical-align:middle;
    font-weight:bold;
    font-size:12px;
    background-color:#f5f5f5;
    color:#555;
    padding:10px 0 10px 0px;
    text-align:center;
    width:10%;
}

.outline td{
    line-height:1.3;
    padding:7px 10px;
    vertical-align:middle;
}

.outline tr{
    border-bottom:1px dotted #ccc;
}

.outline p{
    line-height:1.5;
}

.box_add td a,
.outline a{
    text-decoration:underline;
}

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

#map_link{
    border:1px solid #CCC;
    border-radius: 3px;
    width:50px;
    text-align:center;
    margin:0 0 0 10px;
    padding:2px 5px;
    font-size:11px;
}

.b_eq{
    float:left;
    width:135px;
    text-align:center;
    font-size:11px;
    color:#555;
    border:#dcdcdc solid 1px;
    margin:2px 8px 2px 0px;
    border-radius: 3px;
    font-weight:bold;
}

.feature .b_eq{
    padding:0;
}

.b_eq a{
    background-color: #ffe;
    text-decoration:none;
    display:block;
    padding:7px 0;
}

.b_eq:nth-child(4n){
    margin-right:0px;
}

/*チェックボックス関連*/
.room input[type=radio],.room input[type=checkbox]{
    display:inline-block;
    margin-right:6px;
}

.room input[type=radio] + label,.room input[type=checkbox] + label{
    position:relative;
    display:inline-block;
    margin-right:12px;
    font-size:14px;
    line-height:29px;
    cursor:pointer;
}

.room input[type=radio],.room input[type=checkbox]{
    position:absolute;
    opacity:0;
    margin:0;
    display:inline-block\9;
    border:none;
    appearance:none;
}

.room input[type=radio]:not(:target),.room input[type=checkbox]:not(:target){
    position:absolute;
    opacity:0;
    appearance:none;
}

.room input[type=checkbox]:focus + label::before,.room input[type=radio]:focus + label::before {
    border-color: #2b4199;
}

.room input[type=radio] + label,.room input[type=checkbox] + label{
    padding:0 0 0 24px;
    padding:0 0 0 0px\9;
    display:inline-block\9;
}

.room input[type=radio] + label:not(:target),.room input[type=checkbox] + label:not(:target){
    padding:0 0 3px 24px;
}

.room input[type=radio] + label::before,.room input[type=checkbox] + label::before{
    content:"";
    position:absolute;
    top:42%;
    left:0;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display:block;
    width:18px;
    height:18px;
    top:0;
    bottom:0;
    margin:auto;
    background:#FFF;
}

.room input[type=radio] + label::before{
    border:2px solid #ccc;
    border-radius:30px;
}

.room input[type=checkbox] + label::before{
    border-radius: 4px;
    border:2px solid #ccc;
}

.room input[type=radio]:checked + label::after,.room input[type=checkbox]:checked + label::after{
    content:"";
    position:absolute;
    top:50%;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    display:block;
}

.room input[type=radio]:checked + label::after{
    left:5px;
    width:8px;
    height:8px;
    top:0;
    bottom:0;
    margin:auto;
    background-color:#2b4199;
    border-radius:8px;
}

.room input[type=checkbox]:checked + label::after{
    left:3px;
    width:16px;
    height:8px;
    margin-top:-8px;
    border-left:3px solid #2b4199;
    border-bottom:3px solid #2b4199;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.disp_setting{
    background-color:#f5f5f5;
    padding:3px 5px;
    border-bottom: #CCC solid 1px;
    vertical-align:middle;
    margin:-5px 0 5px 0;
}

#map_b_right p{
    margin-left:10px;
}
/*チェックボックス関連*/

/* 物件ギャラリー 開始.-------------------------------------------------------- */
#articlePhGallery {
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    padding: .5rem;
    margin-bottom: 10px;
}

#articlePhGallery .articlePhMain {
    width: 403px;
}

#articlePhGallery #phMedium {
    position: relative;
    height: 375px;
}

#articlePhGallery #phMedium li {
    display: none;
    overflow: hidden;
    position: absolute;
    width: 403px;
    height: 375px;
}

#articlePhGallery #phMedium li a {
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 375px;
}

#articlePhGallery .articlePhMain .nav {
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
}

#articlePhGallery .articlePhMain .btn_expansion {
    display: inline-block;
    width: 56px;
    height: 24px;
    line-height: 1;
    padding-top: 5px;
    background: var(--main-color);
    border: 1px solid #dadada;
    border-radius: 6px;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    cursor: pointer;
    margin-right: 15px;
}

#articlePhGallery .articlePhMain .btn_expansion i {
    display: inline-block;
    margin-right: .3rem;
    vertical-align: middle;
}

#articlePhThumbs {
    position: relative;
    overflow: hidden;
    width: 270px;
    margin-left: 1rem;
}

#articlePhThumbs .slide {
    position: relative;
    width: 9999em;
}

#articlePhThumbs .slide ul {
    float: left;
    width: 270px;
    height: 375px;
    padding-top: 1rem;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
}

#articlePhThumbs .slide li {
    width: 80px;
    height: 80px;
    line-height: 1;
    margin: 0 .5rem 1rem;
    cursor: pointer;
}

#articlePhThumbs .nav {
    padding: 0 .5rem;
}

#articlePhGallery .nav ul {
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem;
    width: 100%;
    padding-top: .8rem;
    border-top: 1px solid #dadada;
}

#articlePhGallery .nav p {
    text-align: center;
}

#articlePhGallery .nav .prev, #articlePhGallery .nav .next {
    font-weight: bold;
    cursor: pointer;
}

#articlePhGallery .nav .next i {
    margin-left: .5rem;
}
#articlePhGallery .nav .prev i, #articlePhGallery .nav .next i {
    display: inline-block;
    line-height: 20px;
    border-radius: 50%;
    background: rgba(78, 52, 46, 0.3);
    color: #fff;
    text-align: center;
    width: 17px;
}

#articlePhGallery .nav .prev i:before, #articlePhGallery .nav .next i:before {
    display: inline-block;
    font-size: 1rem;
    transform: scale(0.9);
}

#articlePhGallery .nav .prev i:before {
    transform: rotate(-180deg) scale(0.9);
}
#articlePhGallery .nav .prev i:before, #articlePhGallery .nav .next i:before {
    display: inline-block;
    font-size: 1rem;
}

#articlePhThumbs .slide li.active img {
    border: 2px solid var(--main-color);
}

#photogallery{
    width:100%;
    height:400px;
    margin:5px auto 20px;
    padding:0 10px;
    position:relative;
}

.gallery_left{
    width:400px;
    height:400px;
    position:absolute;
    top:0;
    left:2px;
    border:1px solid #ECECEC;
    justify-items: center;
    align-content: center;
}

.gallery_left img{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.gallery_right{
    width:270px;
    position:absolute;
    top:0;
    left:415px;
    text-align:left;
}

.gallery_right li{
    display:none;
    float:left;
    width:82px;
    height:82px;
    margin:0 0px 7px 6px;
    border:1px solid #ECECEC;
}

#main_img_title.on{
    position:absolute;
    bottom:0px;
    background:rgba(255,255,255,.6);
    text-align:center;
    width:400px;
    padding:8px 0;
}

#photogallery li img{
    width:82px;
    height:82px;cursor:pointer;
    object-fit: contain;
}

.gallery_navi{
    width:263px;
    background-color:#f5f5f5;
    height:36px;
    position:absolute;
    bottom:0px;
    left:423px;
}

.gallery_right .main_sub_img .on{
    border:2px solid var(--main_color);
    margin:-2px;
}

.gallery_right .main_sub_img img:hover{
    opacity:0.6;
    filter:alpha(opacity=60);
}

#gallery_next{
    position:absolute;
    top:0;
    right:0px;
    background-color:#dcdcdc;
    padding:12px 12px 12px 12px;
    font-size:12px;
}

#gallery_prev{
    position:absolute;
    left:0px;
    top:0px;
    background-color:#dcdcdc;
    padding:12px 12px 12px 12px;
    font-size:12px;
}

.gallery_count_area{
    position:absolute;
    width:3em;
    left:0px;
    right:0px;
    top:10px;
    margin:0 auto;
}

#gallery_next.off,#gallery_prev.off{
    display:none;
}

#gallery_next.off:hover,#gallery_prev.off:hover{
    cursor:inherit;
}

#main_prev{
    position:absolute;
    padding:20px 5px;
    top:162px;
    left:5px;
    display:none;
    background:rgba(255,255,255,0.6);
}

#main_prev:before{
    content:"\e908";
    font-size:35px;
    font-family:"icomoon",sans-serif;
}

#main_next:before{
    content:"\e909";
    font-size:35px;
    font-family:"icomoon",sans-serif;
}

#main_next{
    position:absolute;
    display:none;
    padding:20px 5px;
    top:162px;
    left:367px;
    background:rgba(255,255,255,0.6);
}

/* 物件ギャラリー 終了.-------------------------------------------------------- */

/* 物件スタッフコメント.-------------------------------------------------------- */
.staff_comment{
    margin:-10px 0 20px 0;
}

.staff_comment div {
    display:inline-block;
    vertical-align: middle;
}

.staff_comment .img_block{
    width:120px;
    font-size:11px;
    text-align:center;
    padding:7px;
}

.staff_comment .img_block img{
    margin-bottom:3px;
    border-radius: 50%;
    height: 128px;
    width: 128px;
}

.comment_block {
    width:534px;
    height:auto;
    min-height:133px;
    line-height:100px;
    position: relative;
    border-radius: 15px;
    margin: 0 0 0 15px;
    padding: 10px 10px;
    font-size: 16px;
    border: solid 3px #999;
    box-sizing: border-box;
}

.comment_block:before{
    content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #FFF;
    z-index: 2;
}

.comment_block:after{
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 14px solid #999;
    z-index: 1;
}

.comment_block p{
    display:inline-block;
    vertical-align:middle;
    line-height:normal;
    font-size:14px;
}

.explanation {
    padding: 0 1rem 1rem;
}

/*マップ*/
#map_block{
    line-height:0;
    overflow:hidden;
    border:1px solid #f0f0f0;
    position:relative;
}

#map_to{
    position:absolute;
    top:10px;
    left:415px;
    z-index:1;
    background-color:#FFF;
    font-family:Roboto,Arial,sans-serif;
    -moz-user-select:none;
    font-size:11px;
    background-color:#fff;
    padding:8px;
    border-bottom-right-radius:2px;
    border-top-right-radius:2px;
    background-clip:padding-box;
    box-shadow:0px 1px 4px -1px rgba(0, 0, 0, 0.3);
    border-left:0px none;
    min-width:44px;
}

#map_to:hover{
    cursor:pointer;
    background-color:#f0f0f0;
}

#map{
    width:500px;
    height:350px;
    float:left;
}

#map_b_right{
    width:185px;
    float:left;
}

.map_out{
    width:320px;
    margin-bottom:10px;
    overflow:hidden;
}

.map_left{
    float:left;
    width:100px;
    margin-right:7px;
    text-align:center;
    border:1px solid #ededed;
}

.map_right{
    float:left;
    width:200px;
}

.map_main{
    width:97%;
}

.map_main p,.map_right p{
    line-height:1.5;
    font-size:12px;
}

.map_right .map_text,.map_main .map_text{
    font-size:11px;
}

.map_main .map_name{
    font-weight:bold;
    font-size:13px;
}

.map_right .map_name{
    font-weight:bold;
    font-size:12px;
}

.info_block{
    font-size:12px;
    overflow:visible;
    margin:5px 0;
    width:100%;
}

.info_block th{
    text-align:center;
}

.info_block table{width:97%;margin-bottom:5px;clear:both;}
.info_block td{border:solid #ccc 1px;text-align:center;}
.info_title{padding:5px;font-weight:bold;}
.info_periods{padding:2px;background-color:#f5f5f5;}
.info_block .info_time{text-align:left;padding:0 5px;}
.info_block .info_time2{padding:3px 0;background-color:#f5f5f5;}

.review_comment{
    width:97%;
    text-align:justify;
    text-justify:inter-ideograph;
}

.review_title{
    background-color:#79bd36;
    color:#FFF;
    margin:5px 0 2px 0;
    padding:2px 0 2px 5px;
}

.review_cnt{
    color:#FF4949;
    font-weight:bold;
    font-size:14px;
    margin:0 3px;
}

.market_icon:before{content:"\e910";font-family:"icomoon",sans-serif;font-size:24px;color: var(--main_color);vertical-align:middle;margin-right:5px}
.convenience_icon:before{content:"\e90e";font-family:"icomoon",sans-serif;font-size:24px;color: var(--main_color);vertical-align:middle;margin-right:5px}
.food_icon:before{content:"\e90f";font-family:"icomoon",sans-serif;font-size:24px;color: var(--main_color);vertical-align:middle;margin-right:5px}
.hosp_icon:before{content:"\e916";font-family:"icomoon",sans-serif;font-size:24px;color: var(--main_color);vertical-align:middle;margin-right:5px}
.school2_icon:before{content:"\e911";font-family:"icomoon",sans-serif;font-size:24px;color: var(--main_color);vertical-align:middle;margin-right:5px}
.school_icon:before{content:"\e91e";font-family:"icomoon",sans-serif;font-size:24px;color: var(--main_color);vertical-align:middle;margin-right:5px}
.bank_icon:before{content:"\e91f";font-family:"icomoon",sans-serif;font-size:24px;color: var(--main_color);vertical-align:middle;margin-right:5px}
.pet_icon:before{content:"\e924";font-family:"icomoon",sans-serif;font-size:24px;color: var(--main_color);vertical-align:middle;margin-right:5px}
.medicine_icon:before{content:"\e912";font-family:"icomoon",sans-serif;font-size:24px;color: var(--main_color);vertical-align:middle;margin-right:5px}
.shopping_icon:before{content:"\e913";font-family:"icomoon",sans-serif;font-size:24px;color: var(--main_color);vertical-align:middle;margin-right:5px}

.map_comment{
    font-size:11px;
    color:#CCC;
}

.map_title_area{
    background-color:#f5f5f5;
    border-bottom:1px solid #ededed;
    margin-bottom:5px;
    padding:10px 0 10px 12px;
    font-weight:bold;
    font-size:14px;
    width:100%;
    color:#444;
}

.b_comment{
    margin:3px 0 20px 0;
    font-size:11px;
    color:#999;
}

.b_contact{
    border:1px solid #CCC;
    border-bottom:2px solid #CCC;
    margin-bottom:30px;
    background-color: #FFF;
}

.b_contact_title{
    border-bottom:4px solid var(--main_color);
    padding:17px 0px 13px 15px;
    font-size:14px;
    color:#444;
}

.b_contact_title div{
    font-size:18px;
    line-height: 1.2;
    font-weight:bold;
    margin-right:5px;
    float:left;
    margin-top:-4px;
    max-width:443px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}

.b_contact_in{
    display: flex;
    justify-content: space-between;
    align-items: center;
    clear:both;
    margin-top: 2px;
    border-top: 1px solid var(--main_color);
    padding: 15px;
}

.contact_button{
    padding:6px 0 3px 0;
    width:260px;
    background-color:#f83333;
    border-radius:5px;
    border-bottom:3px solid #6B1317;
    text-align: center;
}

.contact_button:hover{
    background-color:#ff716d;
    cursor:pointer;
}

.b_contact_in a:hover{
    text-decoration: inherit;
}

.contact_button:before{
    content:"\e902";
    font-family:"icomoon",sans-serif;
    font-size:45px;
    color:#fff;
}

.main_company_tel{
    margin:3px 0 2px 0;
    letter-spacing:2px;
    font-size:30px;
    color:#79bd36;
    padding-left:35px;
    font-family:Arial,Helvetica,sans-serif;
    position:relative;
}

.main_company_free{
    margin-top:3px;
    margin-bottom: 6px;
    letter-spacing:2px;
    font-size:30px;
    color: var(--tel_color);
    padding-left:40px;
    font-family:Arial,Helvetica,sans-serif;
    position:relative;
}

.b_contact .tel-icon:before{
    content:"\e90b";
    font-family:"icomoon",sans-serif;
    font-size:21px;
    color:#333;
    position:absolute;
    top:5px;
    left:2px;
}

.b_contact .free-icon:before{
    content:"\e918";
    font-family:"icomoon",sans-serif;
    font-size:18px;
    color:#fff;
    background-color:#00A73C;
    position:absolute;
    top:3px;
    left:0px;
    padding:3px 0 1px 1px;
}

.main_company_text span{
    margin-left:8px
    line-height:1.5;
}

.store_icon:before{
    content:"\e917";
    font-family:"icomoon",sans-serif;
    font-size:11px;
    color:#666;
    padding-right:2px;
}

/* 関連物件開始 .-------------------------------------------------------- */
.related{
    background-color:  var(--main_color);
    color:#FFF;
    padding:0px 15px;
    height:38px;
    line-height:38px;
    font-size:17px;
    font-weight:bold;
    border: 3px double #fff;
    margin:30px 0 5px 0px;
    padding-top:0.3em\9;
    padding-bottom:0\9;
}

.related_buken{
    padding:10px 0 0 0;
}

.multiple-item{
    display:none;
}

.related_buken li{
    display:inline-block;
    width:160px;
    padding:0px 10px 0px 6px;
    margin-bottom:15px;
    vertical-align:top;
    border-right:1px dotted #CCC;
}
/*左右の矢印の色を変える*/
.slick-prev:before,.slick-next:before{color:#000}
/*左右の矢印の位置を変える*/
.slick-next{right:20px;z-index:99}
.slick-prev{left:15px;z-index:100}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,.slick-dots li button:before{color:#fff}
/*スライド画像の横幅可変*/
.slick-slide .buken_img{max-width:158px;height:auto}
#contents .slick-slide .buken_img img{width:160px;height:160px}
.multiple-item{width:679px;margin:0 5px}
.slick-slide{padding:5px}
/* 関連物件 終了.-------------------------------------------------------- */

/* 関連キーワード .-------------------------------------------------------- */
#related_box{
    clear:both;
    padding:10px;
    background-color:#FFF;
    border: 1px solid #e7e7e7;
    border-bottom: 2px solid #ccc;
    margin-bottom:10px;
}

#related_box li{
    display:inline-block;
    vertical-align: middle;
    margin-bottom:6px;
}

#related_box li a{
    margin:0 5px 0px 0;
    font-size:12px;
    line-height:1.5;
    border-radius: 3px;
    display:block;
    padding:3px 5px;
    border:1px solid #CCC;
}

#related_box li a:hover{
    background-color: var(--main_color);
    color:#FFF;
    text-decoration: none;
}

#related_box li:before{
    content:" ";
}

#related_box p{
    padding:5px 0;
    font-weight:bold;
    font-size: 17px;
}

#related_box p:first-child{
    padding-top:0;
}

#related_box .station_related a{
    font-weight:bold;
    font-size: 14px;
    margin-top: -3px;
}

#related_box p.related_word{
    position:relative;
    padding: 0px 0 8px 36px;
    border-bottom: 2px solid #79bd36;
    margin-bottom:5px;
}

.icon-related-word:before {
    position: absolute;
    top: -2px;
    left: 4px;
    content: "\e937";
    font-weight: normal;
    font-size: 26px;
    color: #999;
}

#related_box p.related_line {
    background: url(/img/line_off.png) no-repeat 3px 3px;
    padding: 8px 0 8px 36px;
    border-bottom: 2px solid var(--main_color);
    margin-bottom:5px;
}
/* 建物情報 終了.-------------------------------------------------------- */

/* サイドバー 開始.-------------------------------------------------------- */
.side_menu{
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height:25px;
    padding:11px 0 5px 0;
    font-size:15px;
    font-weight: bold;
    padding-left: 25px;
    border-bottom:1px dotted #CCC;
}

.side_menu_icon{
    position: absolute;
    top: 10px;
    left: 7px;
    width: 0;
    height: 0;
    margin-top: 2px;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #ec8e2f;
}

.side_menu:hover{
    color: #333;
    background-color: rgba(25,27,67,0.3);
}

.side_area{
    width:100%;
    height:38px;
    background:#FFF url(/img/area.png) no-repeat 13px 7px;
    padding:13px 0 7px 0;
    font-size:15px;
    line-height:1.1;
    border-bottom:1px dotted #CCC;
}

.side_area:hover,.side_line:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.s_area_name{
    font-weight:bold;
    padding:12px 0 8px 5px;
    border-bottom:1px solid #999;
}

.s_area_in{
    margin-top:8px;
    padding:0px 5px;
    font-size:14px;
}

.ss_sub_title{
    font-weight:bold;
    padding:10px 0 8px 5px;
    border-bottom:1px solid #999;
}

.side_area:hover .side_area_small,.side_line:hover .side_area_small{
    color:#666;
}

.side_line{
    width:100%;
    height:38px;
    background:#FFF url(/img/line.png) no-repeat 12px 6px;
    padding:13px 0 7px 0;
    font-size:15px;
    line-height:1.1;
    border-bottom:1px dotted #CCC;
}

.side_area_big{
    color:#555;
    font-size:19px;
    font-weight:bold;
    margin:5px 0 0 62px;
}

.side_line_big{
    color:#555;
    font-size:22px;
    font-weight:bold;
    letter-spacing:4px;
    margin:5px 0 0 64px;
}

.side_area_small{
    display:block;
    font-size:11px;
    margin:0px 0 0 63px;
    color:#999;
}

.side_block{
    margin-top:10px;
    background-color:#FFF;
    border:1px solid #e7e7e7;
    border-bottom:2px solid #CCC;
}

.side_link{
    position: relative;
}


.side_mark {
    position: absolute;
    background-color:  var(--side_mark_color);
    width: 4px;
    height: 20px;
    z-index: 1;
    margin: 12px 0 5px 10px;
}

.side_block_in{
    padding:4px 10px;
}

#side_area_search{
    background-color:#FFF;
    padding-bottom:10px;
    border:1px solid #e7e7e7;
    border-bottom:2px solid #CCC;
}

.side_block_in .side_company_name{
    font-size:15px;
    font-weight:bold;
    padding:10px 3px;
    margin-bottom:5px;
    border-bottom:1px solid #999;
    line-height:1.1;
}

.side_company_name{
    font-size:13px;
    padding:5px 3px;
    margin-bottom:5px;
}

.side_company_text{
    padding:0px 3px;
    line-height:1.4;
}

.side_company_tel{
    margin-top:5px;
    white-space:nowrap;
    font-size:24px;
    color:#79bd36;
    padding-left:28px;
    font-family:Arial,Helvetica,sans-serif;
    position:relative;
}

.main_company_free a,.main_company_tel a,.side_company_free a{
    color:#79bd36;
}

.side_company_free{
    margin-top:7px;
    padding-bottom: 5px;
    font-size:22px;
    color: var(--tel_color);
    padding-left:39px;
    font-family:Arial,Helvetica,sans-serif;
    position:relative;
}

.side_company_tel.tel-icon:before{
    font-size:17px;
    left:1px;
}

.side_company_free.free-icon:before{
    font-size:12px;
    top:-3px;
    left: 4px;
}

.side_company_d{
    line-height:1.3;
    font-size:14px;
    margin:5px 0;
    text-align:justify;text-justify:inter-ideograph
}

.side_top_add{
    line-height:1.5;
    margin-bottom:10px;
    text-align:justify;text-justify:inter-ideograph;
}

.side_top_add ul{
    margin-bottom:10px;
}

.side_top_add ul img{
    margin-top:8px;
}

.side_top_add ul li:first-child img{
    margin-top:0px;
}

.side_top_add .side_search_title + ul li:first-child img{
    margin-top:5px !important;
}

.side_search_title.add_top{
    margin-top:10px;
}

.side_search_title.add_top:first-child{
    margin-top:0;
}

.side_top_add li a{
    display:block;
    font-size:14px;
    line-height: 0;
}

.side_top_add li span{
    word-break: break-all;
    padding:10px 8px;
    display:block;
    border-top:#CCC 1px dotted ;
    line-height:1.4;
    font-size:14px;
    background-color:#FFF;
}

.side_top_add li:first-child span{
    border:none;
}

.side_top_add li:last-of-type span{
    border-bottom:#CCC 2px solid;
}

/*画像直後の線を非表示*/
.side_top_add img + span{
    border-top:none;
}

.side_top_add.bottom{
    margin-top:10px;
}

#footer .side_company_free.free-icon:before{
    padding-top:3px;
}

.company_topimg{
    margin-bottom: 15px;
}

.company_img{
    width:100%;
    text-align:center;
}

#sideber .company_img img{
    padding:1px;
    border:solid #CCC 1px;
    width:206px;
    height:auto;
}

.side_request{
    border:1px solid #CCC;
    line-height:0;
    margin-top:10px;
}

.side_request img{
    padding:1px;
}

.side_bnr img{
    margin-top: 10px;
    border:1px solid;
}

.search_list_q{
    background-color:#FFF;
    border:1px solid #e7e7e7;
    border-bottom:2px  solid #CCC;
    margin-bottom:15px;
}

.search_list_r{
    padding:0px 10px 15px 10px;
}

.search_list_r .sub_title{
    line-height:1.3;
    margin-bottom:7px;
    font-weight: bold;
    padding: 12px 0 8px 0px;
    border-bottom: 1px solid #999;
}

.search_list_q ul{
    overflow:hidden;
    font-size:14px;
    line-height:1.5;
    padding:0 5px;
}

.search_list_q li{vertical-align:top;display:inline;}
.search_list_q li:first-child:before{content:''}
.search_list_q li:before{content:'､'}
.search_list_q span{font-weight:bold}

.side_list_j{
    margin-top:5px;
    width:100%;
}

.side_list_j th{
    background-color:#e5e5e5;
    padding:4px 5px 4px 5px;
    border-top:2px solid #fff;
    width:55px;
    font-size:12px;
    vertical-align:middle;
}

.side_list_j td{
    padding:3px 5px;
    background-color:#f5f5f5;
    border-left:1px solid #ccc;
    border-top:2px solid #fff;
    font-size:12px;
    line-height:1.5;
}

#side_search{
    background-color:#FFF;
    margin-bottom:15px;
    border:1px solid #e7e7e7;
    border-bottom:1px solid #CCC;
    position:relative;
}

.side_search_title{
    background-color: var(--main_color);
    color:#FFF;
    border-bottom:3px solid #f0f0f0;
    padding-left:20px;
    height:44px;
    line-height:44px;
    font-size:16px;
    font-weight:bold;
}

.line_search_b_out{
    margin-top:12px;
}

.line_search_b_out a{
    display:block;
    padding:8px 0px;
}

.line_search_b_out div{
    width:99.5px;
    text-align:center;
    border-radius:5px;
    border:1px solid #CCC;
    border-bottom:2px solid #CCC;
    display:inline-block;
    margin-left:5px;
}

.line_search_b_out div:first-child{
    margin-left:0;
}

.side_search_area{
    padding:0px 10px 10px 10px;
    overflow:hidden;
}

.side_search_title_sub{
    font-size:16px;
    margin:8px 0 12px 0;
    padding:12px 6px;
    font-weight:bold;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    clear:both;
}

.side_search_title_sub span{
    border-left:5px solid  var(--side_mark_sub_color);
    padding:2px 8px;
}

.s_j_box{
    margin-top:12px;
}

.s_v_box{
    padding:0;
    margin:10px 10px;
}

#side_search .s_madori_box li{
    float:left;
    width:50%;
}

#side_search label{
    font-size:14px;
    padding-top:0px;
    width:90%;
    width:82%\9;
    vertical-align:middle;
}

#side_search .side_search_area .s_madori_box label{width:68px\9;}

input[type="checkbox"] + label:hover:before{border:2px solid #2b4199;}

#side_search label:hover{font-weight:bold;}

#s_year,#s_foot,#s_floor{width:100%;}

.side_search_area option{
    font-size:13px;
    padding:1px 0 1px 5px;
}

#side_search_submit{
    padding:7px 10px 10px 10px;
    text-align:center;
    background-color:#666;
    color:#FFF;
    bottom:0;
    width:210px;
    border-top:1px solid #ccc;
    border-bottom:2px solid #ccc}
    #side_search_submit.s_fixed{
    position:fixed;
    background:rgba(0,0,0,0.7);
    color:#fff;
    z-index:100;
}

#side_search_submit input{
    border: 1px solid #fff;
    border: none;
}

#s_count{
    margin:0 0 10px 0;
    font-size:14px;
}

#s_count span{
    margin:0 5px;
    font-size:25px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    color:#ec8e2f;
}

#side_search_submit input[type="submit"]{
    width:100%;
    font-size:15px;
    font-weight:bold;
    height:45px !important;
}

.side_word{
    padding: 6px 0 0px 35px;
    font-weight:bold;
    margin:4px 0 5px 0px;
    position:relative;
    color:#333;
    font-size:14px;
}

.icon-word:before {
    position: absolute;
    top:5px;
    left:12px;
    content:"\e937";
    font-weight: normal;
    font-size:20px;
    color:#ccc;
}

.icon-area:before {
    content:"\e92a";
    font-weight: normal;
    font-size:20px;
    color:#333;
    margin-left:61px;
}

.icon-line:before {
    content:"\e90c";
    font-weight: normal;
    font-size:20px;
    color:#333;
    margin-left:61px;
}

.recommend p{line-height:1.2}
.recommend .rent_list{font-size:16px;margin-right:2px}
.recommend .rent_tag {font-size: 11px}
.recommend li{padding:15px 0;border-bottom:1px dotted #CCC}
.recommend li:first-child{padding-top:5px}
.recommend li:last-child{border-bottom: none;padding-bottom:5px}
.recommend img{border:none}
.recommend .buken_img{width: 206px;height: 206px;border: 1px solid #e5e5e5;margin-bottom:2px}
.recommend .buken_img img{width: 206px;height: 206px}
.recommend .buken_img figcaption{width: 206px;height: 206px}
.recommend .buken_img .top_h_con{max-height: 118px}
.recommend .buken_img figure{height: 206px}
.recommend .buken_img figcaption dl {height: 203px}
.recommend .buken_img dt {width: 190px}
.side_bnr{ width:334; margin-top: 10px;}
.side_bnr:hover{ opacity: 0.7; }
/* サイドバー 終了.-------------------------------------------------------- */

/* TOPカテゴリ 開始.-------------------------------------------------------- */
.top_buken{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:10px 0 0 0
}

.top_buken li{
    display:inline-block;
    width:162px;
    padding:0px 8px;
    margin-bottom:15px;
    vertical-align:top;
    border-right:1px dotted #CCC;
}

.top_buken .b_count3,.top_buken .b_count7,.top_buken .b_count11,.top_buken .b_count15,.top_buken .b_count19,.top_buken .b_count23,.top_buken .b_count27,.top_buken .b_count31,.top_buken .b_count35,.top_buken .b_count39,.top_buken .b_count43,.top_buken .b_count47{
    border-right:none;
}

.buken_img{
    width:160px;
    height:160px;
    display:block;
}

#contents .buken_img img{
    display: inline-block;
    width:160px;
    height:160px;
}

/*画像エフェクト*/
.buken_img figure{
    height:160px;
    position:relative;
    overflow:hidden;
}

.buken_img figcaption dl{
    height:157px;
    margin:5px;
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}

.buken_img dd,.buken_img dt{
    width:144px;
    margin-left:6px;
}

.buken_img figcaption{
    position:absolute;
    top:0px;
    bottom:0;
    left:0;
    z-index:2;
    width:160px;
    height:100%;
    background:rgba(0,0,0,.6);
    -webkit-transition:.3s;
    transition:.3s;
    color:#FFF;
    opacity:0;
    filter:alpha(opacity=0);
}

.buken_img figure:hover figcaption{
    opacity:1;
    filter:alpha(opacity=100);
}

/*画像エフェクト*/
.top_cat_b{
    overflow:hidden;
    height:1em;
}

.top_cat_list{
    background-color:#79bd36;
    padding:1px 3px;
    font-size:10px;
    border-radius:3px;
    margin:1px 5px 5px 0px;
    float:left;
}

.recommend dt,.slick-slide dt,.top_buken dt{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:left;
    font-size:13px;
    padding:3px 2px;
}

.recommend .top_buken_title,
.slick-slide .top_buken_title,
.top_buken .top_buken_title{
    border-bottom: var(--main_color) 2px solid;
    padding:8px 2px;
    margin:0px 0px 5px 0px;
    font-weight:bold;
}

.slick-slide .buken_img figcaption {
    width: 160px;
    height:160px;
}

.slick-list .buken_img dt{
    width: 139px;
}

.slick-slide .buken_img .top_h_con{
    max-height: 77px;
}

.buken_img .top_h_con,.top_buken .top_h_con{
    border-bottom:2px solid #FFF;
    margin-bottom:5px;
    padding-bottom:5px;
    white-space:inherit;
    position: relative;
    max-height: 74px;
    overflow: hidden;
    line-height:1.5;
    text-align:justify;
    text-justify:inter-ideograph;
}

.list_box .buken_img .top_h_con{border-bottom:none;}
.list_box .buken_img figcaption dl{height: 166px;}
.list_box .buken_img dt{margin-left: 8px;}
.box_img .top_h_con{max-height: 136px;}

.slick-slide .rent_list{
    font-size: 16px;
    margin-right: 2px;
}

.top_h_r{
    margin-top:1px;
}

.top_tab{
    border:1px solid #e7e7e7;
    border-bottom:solid 3px  var(--main_color);
    overflow:hidden;
    display:table;
    table-layout:fixed;
    width: 100%;
    width: calc(100% - 2px);
}

.top_tab li{
    background:#fff;
    padding:12px 0px;
    display:table-cell;
    text-align:center;
    border-left:solid 1px #CCC;
}

.top_tab li h2{padding-top:0.4em\9;padding-bottom:0.1em\9;}
.top_tab li:hover{background: var(--main_color);color:#FFF;cursor:pointer;}
.top_tab li.select{border-right:solid 1px #CCC;border-left:solid 1px #CCC;background: var(--main_color);color:#FFF;}
.top_tab li.select,.top_tab li.select:last-child{border-right:none;}
.top_tab li:first-child,.top_tab li.select:first-child{border-left:none;}
.hide{display:none;}

.content div{
    margin-bottom:20px;
    border-right:1px solid #e7e7e7;
    border-left:1px solid #e7e7e7;
    border-top:solid 3px #f0f0f0;
    padding:30px 0px 30px 7px;
    background-color:#FFF;
    position:relative;
    border-bottom:solid 2px #ccc;
}

.list_count{
    text-align: center;
    position: absolute;
    top: 8px;
    right: 230px;
}

.list_count > span{
    font-size: 20px;
    color: #FF4949;
    font-weight: bold;
}

.top_list{
    position:absolute;
    right:20px;
    top:10px;
}

.list_comment{
    background-color: #ffe;
    margin: 10px 15px 0 10px !important;
    padding: 15px 20px !important;
    display: inline-block;
}

.list_bottom{
    position:absolute;
    right:20px;
    bottom:12px;
}

.list_bottom a,.top_list a{
    background-color:#f5f5f5;
    border-bottom:solid 1px #ccc;
    display:block;
    padding:2px 25px;
    text-align:center;
    border-radius: 4px;
    font-size:11px;
}

.top_buken .rent_list{
    font-size:15px;
    margin-right:2px;
}

.slick-slide .rent_tag,
.top_buken .rent_tag{font-size:10px}
.top_cat_no{
    text-align:center;
    padding:100px 0 120px 0;
}
/* TOPカテゴリ 終了.-------------------------------------------------------- */
/* メイン 終了.-------------------------------------------------------- */

/* フッター 開始.-------------------------------------------------------- */
#footer{
    border-top: 1px solid #e0e0e0;
    height:auto;
    padding:30px 0;
    clear:both;
    margin:50px auto 0 auto;
    width:100%;
    background-color:#FFF;
    min-width:980px;
}

.footer_in{
    margin:0 auto;
    height:100%;
    width:980px;
    display:table;
}

.footer_block1{
    width:20%;
    display:table-cell;
    vertical-align:middle;
    padding:0px 20px 7px 0px;
}

.logo_b{
    min-height:70px;
    line-height:70px;
}

.logo_b img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    vertical-align:middle;
    margin-bottom:5px;
}

.logo_b2{
    padding:0px 0px 5px 0px;
    font-weight:bold;
    font-size:18px;
}

.footer_block2{
    white-space: nowrap;
    width:20%;
    display:table-cell;
    vertical-align:top;
    padding:10px 20px;
    border-left:1px solid #CCC;
}

.footer_block3{
    width:20%;
    display:table-cell;
    vertical-align:top;
    padding:10px 20px;
    border-left:1px solid #ccc;
}

.footer_in div:last-child{
    border-right: inherit;
}

.footer_in ul{
    margin-top:2px;
}

.footer_in li{
    line-height:1.6;
}

.footer_title{
    font-weight:bold;
    white-space:nowrap;
    font-size:15px;
}

.copyright{
    background-color: var(--main_color);
    color:#FFF;
    text-align:center;
    padding:8px 0px;
    font-size:12px;
    width:100%;
    min-width:980px;
    position:absolute;
    border-top:1px solid #CCC;
}
/* フッター 終了.-------------------------------------------------------- */

/*　icon関係. ./assets/icomoon/fonts/-------------------------------------------------------- */
@font-face{
font-family:'icomoon';
src: url('/assets/icomoon/fonts/icomoon.eot?7pe07y5');
src: url('/assets/icomoon/fonts/icomoon.eot?7pe07y5#iefix') format('embedded-opentype'),
url('/assets/icomoon/fonts/icomoon.ttf?7pe07y5') format('truetype'),
url('/assets/icomoon/fonts/icomoon.woff?7pe07y5') format('woff'),
url('/assets/icomoon/fonts/icomoon.svg?7pe07y5#icomoon') format('svg');
font-weight:normal;
font-style:normal}
[class^="icon-"], [class*=" icon-"]{
/* use !important to prevent issues with browser extensions that change fonts */
font-family:'icomoon' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
/* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}

.list_header .icon-history,.list_header .icon-searchcond,.list_header .icon-favorite-t{display:block;}

.icon-favorite-t:before{
    padding:7px 0 5px 4px;
    display:block;
    content:"\e914";
    font-size:27px;
    text-align:center;
    color:#666;
}

.icon-searchcond:before{
    padding:8px 0 5px 0px;
    display:block;
    content:"\e926";
    font-size:26px;
    text-align:center;
    color:#666;
}

.icon-history:before{
    padding:8px 0 3px 0px;
    display:block;
    content:"\e923";
    font-size:28px;
    text-align:center;
    color:#666;
}

.icon-contact3:before{
    content:"\e91d";
    font-size:12px;
    color:#fff;
    padding:5px 5px;
    border-radius:5px;
}

.icon-contact3{margin-top:1px;}

.icon-tuika3{margin:1px 7px 0 10px;}

.icon-tuika3:before{
    content:"\e921";
    font-size:12px;
    color:#fff;
    background-color: var(--button_color);
    padding:5px 5px;
    border-radius:5px;
}

.icon-matome:before{
    content:"\e922";
    font-size:18px;
    color:#333;
}

.icon-tuika:before{
    content:"\e900";
    font-size:14px;
    color:#fff;
    background-color: var(--button_color);
    padding:5px 5px 4px 5px;
    border-radius:5px;
}

.icon-mail:before{
    content:"\e901";
    font-size:16px;
    color:#fff;
    background-color:#79bd36;
    padding:5px 8px 3px 8px;
    border-radius:5px;
}

.icon-tuika.on:before{
    content:"\e903";
    font-size:14px;
    color:#fff;
    background-color:#ccc;
    padding:5px 5px 4px 5px;
    border-radius:5px;
}

.icon-mail:hover:before{
    text-decoration:none;
    background-color:#6CBEF9;
    cursor:pointer;
}

.c_right a:hover,.icon-mail:hover{
    text-decoration:none;
}

.icon-new{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 0;
    border-color: #ff0000 transparent transparent transparent;
}

.icon-new:before {
    content: "\e930";
    position: absolute;
    top: -25px;
    left: 0px;
    color: #fff;
    font-size: 19px;
}

.rent_s.on .icon-new{
    left:-101px;
    border-width: 30px 30px 0 0;
}

.rent_s.on .icon-new:before {
    top: -28px;
    left: 1px;
    font-size: 21px;
}

.icon-arrow:after{content:"\e905";}

.icon-arrow.sorting-asc:after{content:"\e906";}

.icon-arrow.sorting-desc:after{content:"\e907";}

#page_navi{
    width:980px;
    margin:0 auto;
}

#page_top{
    position:fixed;
    bottom:20px;
    margin-left:1000px;
    display:block;
    width:60px;
    /* ↓以下はリンク装飾↓ */
    padding:5px 0;
    background:rgba(0,0,0,.6);
    border-radius:5px;
    text-align:center;
    z-index:9999;
}

#page_top:before{
    font-size:35px;
    color:#f5f5f5;
    content:"\e90d";
    font-family:"icomoon",sans-serif;
}

/* 部屋情報 開始.-------------------------------------------------------- */
.rent_table{
    margin:5px 0 10px 0;
    width:100%;
    vertical-align:middle;
    border-top:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    border-left:1px solid #e0e0e0;
    text-align:center;
}

#b_title .icon-favorite{
    right: 10px;
    width: 135px;
    height: 30px;
    text-align: center;
    background-color: #FF991F;
    border-radius: 3px;
    border-bottom: 2px solid #E15F00;
    margin-left: auto;
    margin-right: 10px;
}

#b_title .icon-favorite:before {
    line-height: 31px;
    content: "\e91a";
    font-weight: normal;
    font-size: 14px;
    color:#FFF;
}

#b_title  .icon-favorite.on {
    background-color:#CCC;
    color:#fff;
    border-bottom: 2px solid #ccc;
}

#b_title  .icon-favorite.on:before{
    color:#fff;
    content: "\e91c";
}

.rent_table th,.rent_table td{
    font-weight:normal;
    padding:12px 10px;
    vertical-align:middle;
    border-bottom:1px solid #e0e0e0;
}

.rent_table .room_t1{
    background-color:#f5f5f5;
    text-align:center;
}

.rent_table .room_t2 span{
    font-size:20px;
    margin-right:2px;
}

.rent_table .room_t2 p{
    color:#333;
    font-weight:normal;
}

.rent_table .room_t3{width:120px;}

.rent_table .room_t_sub{
    background-color:#f5f5f5;
    width:70px;
}

.madori_block{
    width:100%;
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9;
    margin-bottom:15px;
}

.madori_block th{
    background-color:#f5f5f5;
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
    border-left:1px solid #e9e9e9;
    font-weight:normal;
    width:100px;
    font-size:12px;
    padding:15px 0;
    vertical-align:middle;
}

.madori_block td{padding:15px 10px;}

.room_contents{
    line-height:1.6;
    padding:0px 2px 20px 2px;
    font-size:14px;
    text-align:justify;
    text-justify:inter-ideograph;
}
/* 部屋情報 終了.-------------------------------------------------------- */

/* 一覧情報 開始.-------------------------------------------------------- */
#list{
    padding:1px 0px 10px 0px;
    *padding-top:10px;
}

.r_p{
    width:220px;
}

.no_list{
    font-size:15px;
    text-align:center;
    padding:80px 0;
    line-height:1.5;
}

.no_list p{
    font-size:17px;
    font-weight:bold;
}

.list_box{
    background-color:#FFF;
    border:1px solid #e7e7e7;
    border-bottom:2px solid #ccc;
    margin-bottom:30px;
}

.list_box h3{
    line-height:1.2;
    border-top:4px solid var(--main_color);
    border-bottom:2px solid #e0e0e0;
    padding:13px 15px;
    padding-top:15px\9;
    padding-bottom:11px\9;font-size:16px;
    margin:0px 0 8px 0;
    color:#444;
}

.block_in{padding:0px 15px;}

.block_t{
    margin-top:5px;
    margin-bottom:10px;
    overflow:hidden;
}

.box_img{
    width:160px;
    float:left;
    margin-top: 4px;
}

.box_img img{
    width:160px;
    height:160px;
    border:1px solid #ccc;
}

.side_link_bottom img:hover,.side_link a img:hover,.box_img img:hover{
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha(opacity=70)";
}

.box_add{
    float:right;
    width:525px;
}

.box_add table{
    border-collapse: separate;
    border-spacing: 4px;
    width:100%;
}

.box_add th{
    background-color:#f5f5f5;
    padding:4px 0px;
    vertical-align:middle;
    border-bottom:1px solid #e0e0e0;
    font-size:11px;
    width:45px;
}

.box_add td{
    padding:5px 2px;
    font-size:13px;
    line-height:1.4;
    vertical-align:middle;
}

.box_add td p {
    line-height: 1.5;
}

.box_feature{
    margin-bottom:10px;
    padding:8px 10px;
    overflow:hidden;
    border-bottom: 1px solid #ccc;
    background-color:#f5f5f5;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.box_feature .reco{
    background-color:#79bd36;
    color:#fff;
    padding: 7px 0;
}

.b_eq.reco,
.box_feature .reco{
    background-color:#0079d9;
    color:#fff;
    padding: 7px 0;
}

.list_eq{
    border-radius: 5px;
    padding:7px 0;
    display:block;
    background-color:#ffe;
    text-align:center;
    font-size:11px;
    color:#555;
    border:#dcdcdc solid 1px;
    margin:2px 0px 2px 8px;
    font-weight:bold;
}

.b_eq a:hover,a.list_eq:hover{
    text-decoration:none;
}

table.room_list .no_room{
    border-right:1px solid #ccc;
    padding:7px 0 10px 0;
}

#search_list_block{
    background-color:#FFF;
    padding:0;
    margin-bottom:15px;
    border:1px solid #e7e7e7;
    border-bottom:2px solid #CCC;
}

#search_title h2{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*width:550px;*/
    border-bottom:3px solid var(--main_color);
    padding:15px 13px;
    font-size:20px;
    letter-spacing:1px;
    line-height:1.2;
}

#search_title h2 span{
    font-size:15px;
    margin-left:5px;
}

.search_count{
    border-top: 1px solid #e0e0e0;
    clear:both;
    padding:10px 10px 15px;
    font-size:12px;
}

.search_count span{
    font-size:20px;
    font-weight:bold;
    /*color:#79bd36;*/
    color: #FF4949;
    font-family:Arial, Helvetica, sans-serif;
}

.search_count_list {
    display: flex;
    gap: 8px;
}
.search_count_view {
    margin-right: auto;
}

.search_count select{
    height:26px;
    padding:0px 5px;
    margin-top:-2px;
}

#search_title{position:relative;}

#search_save{
    border:1px solid #e0e0e0;
    padding:10px 10px;
    border-radius: 5px;
    top:9px;
    font-weight:bold;
    position:absolute;
    right:10px;
    font-size:12px;
    padding-top:14px\9;
    padding-bottom:9px\9;
    top:8px\9;
    color:#CCC;
}

#search_save.on{
    border:1px solid #ccc;
    border-bottom:2px solid #ccc;
}

#search_save div{
    padding-left:19px;
    color:#333;
}

#search_save div:before{
    font-weight: normal;
    content:"\e919";
    font-family:"icomoon",sans-serif;
    font-size:20px;
    color:#79bd36;
    margin:4px 0 0 0;
    position:absolute;
    top:3px;
    top:2px\9;
    left:4px;
}

#search_save.on:hover{
    background-color:#79bd36;
    color:#FFF;
    cursor:pointer;
}

#list_bottom{clear:both;}

.list_navi_count{
    padding:7px 0px 12px 10px;
    position:relative;
}

.list_navi_count:before,
.list_navi_count:after{
    position:absolute;
    left:0;
    content:'';
    width:100%;
    height:0px;
    box-sizing:border-box;
}

.list_navi_count:before{
    top:0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #fff;
}

.list_navi_count:after{
    bottom:0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #fff;
}

.list_navi_count span{
    margin:0 2px;
    font-size:20px;
    font-weight:bold;
    color: #FF4949;
    font-family:Arial, Helvetica, sans-serif;
}

.list_navi{
    padding:15px 0px;
    text-align:center;
}

.list_navi a{
    display:block;
    border:1px solid #CCC;
    margin:0 0 0 5px;
    padding:9px 10px;
    border-radius: 3px;
    background-color:#FFF;
}

.current{
    background-color: var(--main_color);
    color:#FFF;
    display:block;
    border:1px solid #CCC;
    margin:0 0 0 5px;
    border-radius: 3px;
    padding:9px 10px;
}

.list_navi li{display:inline-block;}
/* 一覧情報 終了.-------------------------------------------------------- */

/* 検索エリア 開始.-------------------------------------------------------- */
#search_c_block{
    width:96%;
    margin:0 auto;
    padding-top:20px;
}

#search_c_block_out{
    border-top:3px solid #e0e0e0;
}
#search_page_block {
    background-color: #e0e0e0;
    border-bottom: 5px solid var(--main_color);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
}
.search_tab {
    display: flex;
    place-content: center;
    text-align: center;
    font-weight: bold;
    background-color: #FFF;
}
.search_tab a {
    padding: 10px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.search_tab a:hover {
    text-decoration: none;
}
.search_tab.on {
    background-color: var(--main_color);
}
.search_tab.on a {
    color: #FFF;
}

.icon-area-t:before {
    content:"\e92a";
    font-weight: normal;
    font-size:20px;
    color:#333;
}

.icon-line-t:before {
    content:"\e90c";
    font-weight: normal;
    font-size:20px;
    color:#333;
}

table.search_cat{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    text-align:left;
    line-height:1.5;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    margin-bottom:20px;
}

table.search_cat th{
    width:16%;
    font-size:16px;
    white-space:nowrap;
    text-align:left;
    padding:12px 0 12px 15px;
    padding-top:14px\9;
    padding-bottom:10px\9;
    font-weight:bold;
    vertical-align:middle;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    background:#eee;
    line-height:1;
}

table.search_cat td{
    width:80%;
    padding:0 0px;
    vertical-align:top;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.search_cat th.room input[type="checkbox"] + label:not(:target){
    padding-left:26px;
}

.search_cat .room.cat_all input[type="checkbox"] + label{
    line-height:0;
    padding-top:4px\9;
    font-size:16px;
}

.search_cat .room.cat_all.room input[type="checkbox"] + label::before {
    top:-5px;
}

.search_cat .room.cat_all.room input[type="checkbox"]:checked + label:after{
    top:0px;
    top:1px\9;
}

table.search_condition{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    text-align:left;
    line-height:1.5;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
}

table.search_condition th{
    width:14%;
    font-size:14px;
    padding:10px 0px;
    text-align:center;
    font-weight:bold;
    vertical-align:middle;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    background:#eee;
}

table.search_condition td{
    width:85%;
    padding:10px 5px 10px 15px;
    vertical-align:middle;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

table.search_condition td span{margin:0 8px;}

table.search_condition td .search_notice {
    display: inline-block;
}

#search_c_block .block_3 .rent_fee ul li{
    display:inline-block;
    vertical-align: middle;
    width:25%;
}

.search_condition .block_3 ul{margin-top:3px;}

#search_c_block .block_3 ul li{
    display:inline-block;
    vertical-align: middle;
    width:32.5%;
}

#search_c_block .block_4 ul li{float:left;width:20%;}
#search_c_block .block_5 ul li{float:left;width:25%;}

#search_c_block li{
    white-space:nowrap\9;
    overflow:hidden\9;
}

#search_c_block li:not(:target) {
    /* IE9,10用 */
    white-space:inherit;
    overflow:inherit}
    #search_c_block li{margin:6px 0;word-break: break-all}
    #search_c_block td label{
    font-size:13px;
    font-size:12px\9;
    line-height: 1.4;
    display:block;
    display:inline-block\9;
}

#search_c_block td label:not(:target) {
    /* IE9,10用 */
    display:block;
    font-size:13px;
}

table.search_cat td a{
    font-size:14px;
    text-decoration:underline;
}

table.search_cat td a:hover{text-decoration:none;}

#search_c_block select{width:150px;}

.submit_area_o{
    position:relative;
    height:40px;
    padding:12px 15px;
    background-color:#f5f5f5;
    margin:20px 0 40px 0;
    text-align:center;
}

#a_search4,#a_search3,#a_search2,#a_search{
    background-color:#fff;
    position:relative;
    z-index:2;
    width:150px;
    padding:0px 10px;
    height:36px;
    line-height:36px;
    border:1px solid #CCC;
    border-bottom:3px solid #CCC;
    border-radius:4px;
    text-align:center;
    cursor: pointer;
}

.submit_area_t{
    text-align:center;
    position:absolute;
    top:12px;
    right:0;
    left:0;
}

.search_cat ul{
    padding:10px 20px;
    overflow:hidden;
    clear:both;
    border-bottom:1px dotted #CCC;
}

.search_cat td ul:last-child{border-bottom:none;}

#search_count_block{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
    z-index:10;
    padding:10px 0;
    background-color:#333;
    background:rgba(0,0,0,.8);
    display:none;
}

#search_count_block #a_search4,#search_count_block #a_search2{
    color:#333;
    position:absolute;
    left:10px;
    top:0;
    z-index:60;
    font-size:12px;
    width:130px;
}

.search_count_in{
    vertical-align:middle;
    width:980px;
    margin:0 auto;
    position:relative;
    height:40px;
    z-index:20;
}

.search_count_in .submit_page{
    position:absolute;
    right:305px;
    z-index:50;
}

.search_count_in div{
    float:left;
    position:absolute;
    right:590px;
    top:6px;
    color:#FFF;
    font-size:15px;
    vertical-align:middle;
}

.search_count_in #ken{
    font-size:25px;
    margin:0 5px;
    color: #ec8e2f;
    font-family:Arial, Helvetica, sans-serif;
    vertical-align:baseline;
    font-weight:bold;
}

.select_sub_t{
    width:100%;
    margin:0 0 15px 0;
}

.select_sub_t th{
    width:100px;
    text-align:left;
    font-size:14px;
    background:#eee;
    vertical-align:middle;
    text-align:center;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    padding:8px 0;
}

.select_sub_t td{
    border:1px solid #CCC;
    line-height:1.4;
    font-size:14px;
    padding:8px 10px;
}

.select_link a{text-decoration:underline;}
.select_link a:hover{text-decoration:none;}

.no_title{
    text-align:center;
    padding:10px 0 30px 0;
}

.no_title2 {
    border:1px solid #ccc;
    width:95%;
    margin:0 auto;
    text-align:center;
    padding:20px 0 20px 0;
}

.history_back{
    margin:15px auto 0 auto;
    display:block;
    width:150px;
    padding:8px 10px;
    border-radius: 5px;
}

#container.disp_s .copyright{margin-bottom:59px;}
#container.disp_s #footer{bottom: 89px;}
#container.disp_s #list{padding-bottom:90px;}
#container.disp_s #page_top{bottom:75px;}

.company{
    width: 100%;
    position: relative;
    text-align: center;
}

.company h2{
    color:#333;
    padding:15px 15px 5px 50px;
    font-size:18px;
    position:relative;
    font-weight:bold;
}
/* 検索エリア 終了.-------------------------------------------------------- */

/* 検索条件 開始.-------------------------------------------------------- */
#page_block{
    border:1px solid #e7e7e7;
    border-bottom: 2px solid #CCC;
    background-color:#FFF;
}

#page_title_block{
    width:100%;
    position:relative;
}

#page_title_block h2{
    color:#333;
    padding:14px 15px 22px 50px;
    font-size:18px;
    position:relative;
    font-weight:bold;
}

#page_title_block .icon-history-t:before{
    position:absolute;
    left:15px;
    content:"\e923";
    font-size:28px;
    margin-top:-3px;
    color:#cc9b1f;
    font-weight:normal;
}

#page_title_block .icon-searchcond-t:before{
    position:absolute;
    left:15px;
    content:"\e926";
    font-size:25px;
    margin-top:-2px;
    color:#cc9b1f;
    font-weight:normal;
}

#page_title_block .icon-favorite-t:before{
    position:absolute;
    left:12px;
    top:4px;
    content:"\e914";
    font-size:27px;
    color:#cc9b1f;
    font-weight:normal;
}

#page_title_block h2:before,#page_title_block h2:after{
    position:absolute;
    left:0;
    content:'';
    width:100%;
    height:7px;
    box-sizing:border-box;
}

#page_title_block h2:after{
    bottom:0px;
    border-top:5px solid var(--main_color);
    border-bottom:2px solid #ccc;
}

#searchcond_list{
    position:relative;
    width:100%;
    padding:18px 0;
}

.cond_list{
    margin:0 auto;
    width:95%;
    margin-bottom:20px;
    border-bottom:2px solid #ccc;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    font-size:12px;
}

.cond_list th{
    padding:8px 5px 8px 10px;
    border-bottom:1px solid #ccc;
    font-weight:normal;
    vertical-align:middle;
    font-size:12px;
}

.cond_list td{
    padding:8px 10px;
    line-height:1.4;
    border-bottom:1px solid #ccc;
    width:180px;
}

.t_t2,.t_t1{
    background-color:#f5f5f5;
}

.cond_list td.t_t1,.cond_list td.t_t2{
    width:70px;
    vertical-align:middle;
}

.cond_list td.t_c1 p{
    margin:5px 0px 0px -6px;
    padding:3px 0;
    font-weight:bold;
}

.cond_list td.t_c1 p:first-child{
    margin-top:0px;
    padding-top:0px;
}

.cond_list td.t_t_r{
    border-left:1px solid #ccc;
    vertical-align:middle;
    text-align:center;
    width:100px;
}

.cond_list .t_title{
    padding:12px 10px;
    font-weight:bold;
    font-size:15px;
    border-bottom:3px solid #79bd36;
    position:relative;
}

.r_t_date{
    position:absolute;
    right:12px;
    top:13px;
    font-size:12px;
    vertical-align:middle;
    font-weight:normal;
}

.list_url{
    width:100px;
    margin-bottom:10px;
    border-radius:5px;
    font-size:10px;
}

.list_url p{
    font-size:11px;
    padding-bottom:1px;
}

.j_ken{
    font-family: Arial,Helvetica,sans-serif;
    font-size:16px;
    margin-left:3px;
}

.list_url span{
    font-size:16px;
    font-family: Arial,Helvetica,sans-serif;
    margin-right:3px;
    font-weight:bold;
}

.list_url2{
    width:100px;
    padding:4px 0px;
    color:#ccc;
    border:1px solid #CCC;
    margin-bottom:10px;
    border-radius:3px;
    font-size:12px;
}

.list_del{
    width:100px;
    padding:4px 0px;
    border:1px solid #CCC;
    margin-bottom:5px;
    border-radius:3px;
    display:block;
    font-size:11px;
}

.list_url.day a{
    padding:5px 0px;
    color:#FFF;
    display:block;
    border-bottom: solid 2px #002989;
    border-radius:3px;
}

.list_url.go a{
    padding:5px 0px;
    display:block;
    border-radius:3px;
    background-color:#fff;
    border:1px solid #CCC;
    border-bottom: solid 2px #ccc;
    color:#333;
}

.list_url.new a{
    padding:5px 0px;
    display:block;
    color:#FFF;
    border-radius:3px;
    background-color:#FF4949;
    border-bottom: solid 2px #DF2929;
}

.list_url.new a:hover{
    text-decoration:none;
    background-color:#DF2929;
    border-bottom-color: #9F0000;
}

.list_url.go a:hover{
    text-decoration:none;
    background-color:#f5f5f5;
    color:#333;
}

.history_list td.no_disp{padding:15px 0;}
/* 検索条件 終了.-------------------------------------------------------- */



/* エラーページ 開始.-------------------------------------------------------- */
#page_error{padding:20px 0;}
.page-error-sub{text-align:center;}

.line_search_b_out div { margin-left: 0; }
#search_c_block .block_4 ul li { width: 25%; }
.quick_c #submit { box-sizing: content-box; }
.s_other_list, .s_area_in {
    margin: 10px 2px;
    letter-spacing: 1.0px;
    line-height: 1.5;
}

/* 追加分 */
a.article_list_element {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.color_emphasis {
    color: #FF4949 !important;
    font-weight: bold !important;
}
.color_emphasis_s {
    color:  var(--button_color) !important;
    font-weight: bold !important;
}

.hide_img {
    display:none;
}

#page_contents {
    padding-bottom:20px;
    border:1px solid #e7e7e7;
    border-bottom:2px solid #CCC;
    background-color:#FFF;
}
#page_in{
    width:95%;
    margin:0 auto;
    padding:15px 0 15px 0;
    position:relative;
}
.page_in{
    width:95%;
    margin:0 auto;
    padding:1px 0 15px 0;
    position:relative;
}
#page_title_block.company h2{
    padding:15px 0px 35px 0px;
    padding-top:17px\9;
    position:relative;
    text-align:center;
}

#page_title_block.company div{
    position:absolute;
    top:34px;
    left:0;
    right:0;
    text-align:center;
    color:#999;
}
.search_tab_icon {
    color: #15204B;
    width: 24px;
}

#pop_disp3,#pop_disp2,#pop_disp{
    position:fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    margin:auto;
    text-align:center;
    width:300px;
    height:50px;
    line-height:48px;
    z-index:100;
    font-weight:bold;
    font-size:18px;
    display:none;
    color:#fff;
    background-color: var(--main_color);
    border-radius:10px;
}

/* color
-------------------------------*/
.clr-red {
    color: var(--color-red);
}
.clr-orange {
    color: var(--color-orange);
}
.omission {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* color
-------------------------------*/
.category_broker {
  background: #e70012;
}

.category_deposit {
  background: #2B2956;
}

.category_shikikin {
  background: #348F8F;
}

.category_reikin {
  background: #2B2956;
}

.category_pet {
  background: #EEBC46;
}

.category_freerent{
  background-color: #719445;
}

.category_facility{
  background: #e37021;
}

.modified_at{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: rgba(219, 139, 1, .9);
    padding: 3px 5px 3px;
}