@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;
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:"游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif}
article, aside, dialog, figure, footer, header,hgroup, 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;
   /* min-height:100%;
    height:auto;
    height:100%;*/
    background: #eee !important;
}

/* メイン 開始.-------------------------------------------------------- */
#main{
    display: flex;
    gap: 10px;
    margin:0 auto;
    width:980px;
    /*clear:both;
    overflow:hidden;*/
    justify-content: space-between;
    background: unset;
}

#contents{
    width: 74%;
}

#side_form {
    width: 27%;
}

.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;
}

#contents img{
    object-fit: contain;
}

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

.side_contents .side_sttl {
    padding: 6px;
    border-bottom: 1px solid #000;
    background: #222;
    color: #fff;
}
.side_contents .side_sttl h2{
    border-left: 5px solid #AB8D5A;
    padding-left: 5px;
}
.side_contents .filter_current{
    margin: 0 8px;
}
.side_contents .filter_current .btn_box{
    margin: 8px 0;
    height: 36px;
}
.side_contents .filter_current .btn_box a{
    height: 100%;
    justify-content: flex-start;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
.side_contents .filter_current .btn_box a i:before{
    font-size: 20px;
    padding: 0 4px;
}
.side_contents .brd{
    /*border: 4px solid #222 !important;*/
}
.side_contents .side_keyword {
    margin-top: 20px;
}
.side_contents .side_filter {
    margin-bottom: 10px;
}
.side_contents .side_filter_item {
    margin: 4px;
    background: #fff;
    padding: 4px;
    border: none !important;
    border-top: 4px solid #222 !important;
}
.side_contents .side_filter_item .side_caption{
    border-left: 4px solid #AB8D5A;
    margin: 2px 0 2px 5px; 
    padding: 0 0 0 5px;
}
.side_contents .side_filter_item .select select{
    width: 88px;
}
.side_contents .side_caption {
    font-weight: bold;
    padding: 4px;
}
#breadcrumbs{
    white-space: nowrap;
    /*overflow: hidden;*/
    padding:8px 5px 8px 0px;
    width: 100%;
    text-overflow: ellipsis; /* 「…」と省略 */
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
}

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

/*#breadcrumbs li span {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}*/

#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:#79bd36;
    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: #0079d9;*/
    background-color: #ec8e2f;
    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:#ffa750;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: #ec8e2f;
    /*border-bottom: solid 3px #0059b9;*/
    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: #ffa750;
    /*border-bottom-color: #0049a9*/
}

.quick_c select{
    height: 37px;
    font-size:14px;
    width:150px;
    margin:0px 5px;
    padding:0 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 #79bd36;
    padding:15px;
    padding-top:18px\9;
    padding-bottom:12px\9;
}

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

.top_comment 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{
    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 #79bd36;
    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 #79bd36;
    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:#ec8e2f;
    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;
    border-top:2px solid #e0e0e0;
    border-bottom:2px solid #ccc;
    border-left:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    margin-bottom:10px;
}

.page_in{font-size: 12px;}

#page .page_in {
    width: 95%;
    margin: 0 auto;
}
.room_list_block span span,.rent_list{
    font-family: Arial, Helvetica, sans-serif;
    color:#FF4949;
    font-weight:bold;
}

.entry_term{
    color:#FF4949;
    font-weight:bold;
}

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

.icon_in{
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.icon_in > div{
    margin-right: 5px;
    margin-top: 5px;
}

.icon_in > div > p{
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    line-height: 1.2;
}

.tab_content .icon_in > div{
    height: 20px;
    /*border: 1px solid #ccc; */
    border-radius: 3px;
    margin: 5px 3px 0 2px;
    float: left;
}
.tab_content .icon_in > div > p{
    font-size: 10px;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
    color: #fff;
}

.fee_free{
    background-color: #5f9ea0;
}
.lease{
    background-color: #496DB5;
}
.new_building{
    background-color: #f57f17;
}
.pet_yn{
    background-color: #db7093;
}
.deposit_free{
    background-color: #10a93f;
}
.key_free{
    background-color: #B59149;
}
.bath_toilet{
    background-color: #00acc1;
}
.parking{
    background-color: #800080;
}
.welcome_seniors{
    background-color: #B54949;
}

/* 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(/assets/default/images/arrow_r.png) no-repeat 0px 0px;
}

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

/* 建物情報 開始.-------------------------------------------------------- */
#b_title{
    display: flex;
    position:relative;
    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;
}

#b_title h2{
    width: 85%;
    font-size:18px;
    padding: 4px 0px 0px 25px;
}

.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: 60px;
    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 #222;
    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;
}

.aroundshop{
    margin-left: 5px;
    margin-bottom: 8px;
    font-size: 15px;
}

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

#page .page_in.catch{
    font-size:14px;
    line-height:1.6;
}

.room #page {
    font-size: 12px;
}

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;}

table.room_list tr .sorting-desc,table.room_list tr .sorting-asc{
    background-color:#f5f5f5;
    border-left:1px solid #fff;
}

table.room_list tr.on .sorting-desc,table.room_list tr.on .sorting-asc{
    border-left:1px solid #fff;
}

table.room_list tr{height:40px;font-size: 12px;}

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

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

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('/assets/default/images/arrow_s.png') no-repeat 1px -1px;
    z-index:10;
}

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

.room_list .sorting-asc .arrow:after{
    background: url('/assets/default/images/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;
    padding-right: 3px;
    background: #f88c20 url("/assets/default/images/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("/assets/default/images/tuika_p_on.png") no-repeat;
    padding-right: 0px;
    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("/assets/default/images/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('/assets/default/images/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;
}

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

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

.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;
    font-size: 12px;
}
]
.room_list_block:hover{
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha(opacity=70)";
    /*background-color:#79bd36;*/
    color:#555;
    cursor:pointer;
}

.room_list_block:hover span span{/*color:#FFF*/}

.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: 14px;
    font-weight: bold;
    vertical-align:middle;
    padding-top:0.3em\9;
    padding-bottom:0\9;
}

.explanation {
    margin: 10px 10px 20px 10px;
    font-size: 14px;
}

.explanation p {
    line-height: 1.5;
}

.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: 60px;
    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:2px;
    left:3px;
    right:0;
    text-align:center;
}

.room_cat_sub2{
    font-size:10px;
    color:#fff;
    position:absolute;
    top:15px;
    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;
    line-height: 1.2;
    border-radius: 5px;
    padding:7px 10px;
    font-weight:bold;
    position:absolute;
    top:8px;
    right: 0;
}

.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{
    margin-bottom:15px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.widthFix{width: 100%;}

.outline .status{padding:10px 0 10px 10px;text-align:left;width:26%;border-bottom:1px solid #eee;}

.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%;border-bottom:1px dotted #ccc;
}

.outline .border_fix{
	border-bottom:1px solid #eee;
}

.outline td{
    line-height:1.3;
    padding:7px 10px;
    border-style: none;
    border-bottom: 1px dotted #ccc;
    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 2px 2px 0px;
    border-radius: 3px;
    /*IE8用*/
    margin:2px 6px 2px 0px\9;
    font-weight:bold;
}

.feature .b_eq{padding:0;}

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

.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]{
    /*display:none;*/
    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){
    /*display:none*/
    position: absolute;
    opacity: 0;
    appearance:none;
}

.room input[type=checkbox]:focus + label::before,.room input[type=radio]:focus + label::before {
    /*border-color: #79bd36;*/
    border-color: #222;
}

.room input[type=radio] + label,.room input[type=checkbox] + label{
    padding:2px 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:#222;
    border-radius:8px;
}

.room input[type=checkbox]:checked + label::after{
    left:3px;
    width:16px;
    height:8px;
    margin-top:-8px;
    border-left:3px solid #222;
    border-bottom:3px solid #222;
    -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;
/*    background: url(../images/bg_paper.png);*/
}

#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 .prev, #articlePhGallery .nav .next {
    font-weight: bold;
    cursor: pointer;
}

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

#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;
    /*transform: scale(0.9);*/
}

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

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

.gallery_left{
    width:400px;
    height:300px;
    position:absolute;
    top:0;
    left:2px;
    border:1px solid #ECECEC;
}

.gallery_left img{
    width:398px;
    height:299px;
}

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

.gallery_right li{
    display:none;
    float:left;
    width:82px;
    height:79px;
    margin:0 0px 7px 6px;
}

#main_img_title.on{
    position:absolute;
    bottom:0px;
    background:rgba(255,255,255,.6);
    text-align:center;
    width:400px;
    padding:8px 0;/* IE7以下 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80ffffff,EndColorStr=#80ffffff);　
     /*IE8以上*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80FFFFFF,EndColorStr=#80FFFFFF)";
}

/* IE9のフィルターを解除 */
#main_img_title.on:not(:target){filter:none;-ms-filter:none;}

#photogallery li img{
    width:80px;
    height:80px;
    cursor:pointer;
}

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

.gallery_right li {
    border:1px solid #ECECEC;
}

.gallery_right li .on{
    border:2px solid #222;
}

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

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

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

.gallery_count_area{
    position:absolute;
    width:3em;
    left:0px;
    right:0px;
    top:10px;
    margin:0 auto;
    *position:static;
    *margin:7px 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:105px;
    left:5px;
    display:none;
    background:rgba(255,255,255,0.6);
    /* IE7以下 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80ffffff,EndColorStr=#80ffffff);　
    /* IE8以上 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80FFFFFF,EndColorStr=#80FFFFFF)";
}

#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:105px;
    left:367px;
    background:rgba(255,255,255,0.6);
    /* IE7以下 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80ffffff,EndColorStr=#80ffffff);　
    /* IE8以上 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80FFFFFF,EndColorStr=#80FFFFFF)";
}

/* IE9のフィルターを解除 */
#main_next:not(:target),
#main_prev:not(:target){filter:none;-ms-filter:none;}

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

/* 物件スタッフコメント.-------------------------------------------------------- */
.staff_comment{
    display: flex;
    margin:10px 0 10px 0;
    align-items: center;
}

.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: auto;
    max-width: 100%;
}

.comment_block {
    width: 100%;
    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;
}

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

#map_to{
    position:absolute;
    top:10px;
    left:360px;
    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:#79bd36;vertical-align:middle;margin-right:5px;}
.convenience_icon:before{content:"\e90e";font-family:"icomoon",sans-serif;font-size:24px;color:#79bd36;vertical-align:middle;margin-right:5px;}
.food_icon:before{content:"\e90f";font-family:"icomoon",sans-serif;font-size:24px;color:#79bd36;vertical-align:middle;margin-right:5px;}
.hosp_icon:before{content:"\e916";font-family:"icomoon",sans-serif;font-size:24px;color:#79bd36;vertical-align:middle;margin-right:5px;}
.school2_icon:before{content:"\e911";font-family:"icomoon",sans-serif;font-size:24px;color:#79bd36;vertical-align:middle;margin-right:5px;}
.school_icon:before{content:"\e91e";font-family:"icomoon",sans-serif;font-size:24px;color:#79bd36;vertical-align:middle;margin-right:5px;}
.bank_icon:before{content:"\e91f";font-family:"icomoon",sans-serif;font-size:24px;color:#79bd36;vertical-align:middle;margin-right:5px;}
.pet_icon:before{content:"\e924";font-family:"icomoon",sans-serif;font-size:24px;color:#79bd36;vertical-align:middle;margin-right:5px;}
.medicine_icon:before{content:"\e912";font-family:"icomoon",sans-serif;font-size:24px;color:#79bd36;vertical-align:middle;margin-right:5px;}
.shopping_icon:before{content:"\e913";font-family:"icomoon",sans-serif;font-size:24px;color:#79bd36;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-top: 3px;
    font-size:11px;
    color:#999;
}

.b_contact{
    border:1px solid #CCC;
    border-bottom:2px solid #CCC;
    font-size: 14px;
    margin-bottom: 10px;
}

.room_rent {
    width: 95%;
    margin: 0 auto;
}

.room_rent .b_contact {
    margin-top: 10px;
}

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

}

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

.b_contact_in{
    clear:both;
    margin-top:2px;
    border-top:1px solid  #222;
    padding:8px 15px 15px 15px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.contact_button{
    padding:6px 0 3px 0;
    width:260px;
    background-color:#D80000;
    background-image: linear-gradient(#D80000, #A10000);
    border-radius:6px;
    border-bottom:3px solid #6B1317;
}

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

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

.b_contact_in p {
    line-height: 1.8;
}

.contact_button:before{
    margin-left:44px;
    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;
    letter-spacing:2px;
    font-size:32px;
    color:#f88c20;
    font-family:Arial,Helvetica,sans-serif;
    font-weight: bold;
    position:relative;
}

.b_contact .tel-icon:before{
    content:"\e90b";
    font-family:"icomoon",sans-serif;
    font-size:26px;
    color:#222;
    background-color: #fff;
    top:0px;
    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:1px;
    left:0px;
    padding:3px 0 1px 1px;
}

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

.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:42px;
    line-height:38px;
    font-size:17px;
    font-weight:bold;
    border: 3px double #fff;
    margin:10px 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 {
    margin-bottom: 10px;
}
.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:#222;color:#FFF;text-decoration: none;}
#related_box li:before{content:" ";}
#related_box p{padding:5px 0;font-weight:bold;font-size: 16px;}
#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;}

#related_box li span {
    font-size: 12px;
}

.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(/assets/default/images/line_off.png) no-repeat 3px 3px;
    padding: 8px 0 8px 36px;
    border-bottom: 2px solid #222;
    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(121,189,54,0.2);
}

.side_area{
    width:100%;
    height:38px;
    background:#FFF url(/assets/default/images/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-size: 14px;
    font-weight:bold;
    margin-top: 5px;
    padding:0;
    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(/assets/default/images/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(--sub-color);
    width: 5px;
    height: 32px;
    z-index: 1;
    margin: 5px;
}

.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:12px;
    padding:5px 3px;
    margin-bottom:5px;
    line-height:1.1;
}

.side_company_text{padding:0 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:5px;
    font-size:24px;
    color:#f88c20;
    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:15px;top:-4px;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;
    height: auto;
    max-width: 100%;
}

.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:64px;
    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:#79bd36;
    color:#FFF;
    border-bottom:3px solid #f0f0f0;
    padding-left:20px;
    height:44px;
    line-height:44px;
    padding-top:0.3em\9;
    padding-bottom:0\9;
    height:38px\9;
    line-height:38px\9;
    font-size:16px;
    font-weight:bold;
}

.line_search_b_out{margin-top:12px;}
.line_search_b_out a{
    display:block;
    padding:2px 0px;
    font-size:12px;
    border-radius: 3px;
}

.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 #79bd36;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 #222;}
input[type="checkbox"] + label.inactive:hover:before{border:2px solid #ccc;}

#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:230px;*/
    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;
    width: 245px;
    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;
}
.modified_at{
    position: absolute;
    /*top:140px;*/
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: rgba(219, 139, 1, .9);
    padding: 3px 5px 3px;
}

.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;
    /*border:1px solid #e5e5e5*/
    /*画像エフェクト*/
}

.buken_img figure{
    height:160px;
    position:relative;
    overflow:hidden;
}

.buken_img figure .label {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.buken_img figcaption dl{
    height:160px;
    margin: 10px;
}

.buken_img dd,.buken_img dt{width:144px;}

.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;
    -ms-filter:"alpha(opacity=0)";
    filter:alpha(opacity=0);
}

.buken_img figure:hover figcaption{
    opacity:1;
    -ms-filter:"alpha(opacity=100)";
    filter:alpha(opacity=100); 
    /* IE7以下 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80000000,EndColorStr=#80000000);　
    /* IE8以上 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80FFFFFF,EndColorStr=#80FFFFFF)";
}

/* IE9のフィルターを解除 */
.buken_img figure:hover figcaption:not(:target){filter:none;-ms-filter:none;}

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

.top_cat_list{
    background-color:#ec8e2f;
    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;
}

.recommend .top_buken_title,
.slick-slide .top_buken_title,
.top_buken .top_buken_title{
    border-bottom:#222 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_tab{
    border:1px solid #e7e7e7;
    border-bottom:solid 3px #79bd36;
    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:#79bd36;color:#FFF;cursor:pointer;}
.top_tab li.select{border-right:solid 1px #CCC;border-left:solid 1px #CCC;background:#79bd36;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カテゴリ 終了.-------------------------------------------------------- */
/* メイン 終了.-------------------------------------------------------- */



/*　icon関係. ../icomoon/fonts/-------------------------------------------------------- */
@font-face{
font-family:'icomoon';
src: url('/assets/default/font/new/icomoon.eot?7pe07y5');
src: url('/assets/default/font/new/icomoon.eot?7pe07y5#iefix') format('embedded-opentype'),
url('/assets/default/font/new/icomoon.ttf?7pe07y5') format('truetype'),
url('/assets/default/font/new/icomoon.woff?7pe07y5') format('woff'),
url('/assets/default/font/new/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-tuika3{margin:1px 7px 0 10px;}
.icon-tuika3:before{
    content:"\e921";
    font-size:12px;
    color:#fff;
    background-color:#f88c20;
    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:#f88c20;
    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;
    /* IE7以下 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80000000,EndColorStr=#80000000);　
    /* IE8以上 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80000000,EndColorStr=#80000000)";
    text-align:center;
    z-index:9999;
}

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

/* 部屋情報 開始.-------------------------------------------------------- */
.rent_table{
    margin:0px 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{
    position: absolute;
    top: 12px;
    /*bottom:0;*/
    margin: auto 0;
    right: 10px;
    width: 135px;
    height: 32px;
    text-align: center;
    background-color: #FF991F;
    border-radius: 3px;
    border-bottom: 2px solid #E15F00;
}

#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 0px;
    vertical-align:middle;
    border-bottom:1px solid #e0e0e0;
}

.rent_table .room_t1{background-color:#f5f5f5;text-align:center;}
.rent_table .room_t1 p{line-height: 1.5;}
.rent_table .room_t2 span{font-size:20px;margin-right:2px;}
.rent_table .room_t2 p{color:#333;font-weight:normal;line-height: 1.5;}
.rent_table .room_t3{width:120px;}
.rent_table .room_t_sub{background-color:#f5f5f5;width:70px;text-align: center;}

.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;
    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:15px;
}

.list_box h3{
    font-size:16px;

    border-top:4px solid var(--main-color);
    border-bottom:2px solid #e0e0e0;
    padding:13px 15px;
    padding-top:15px\9;
    padding-bottom:11px\9;
}

.block_in{padding:0px 15px;}
.block_t{
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.box_img{width:160px;float:left;border:1px solid #eee;}
.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;
    text-align: center;
    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{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    display: flex;
    margin-bottom:10px;
    padding:8px 10px;
    overflow:hidden;
    border-bottom: 1px solid #ccc;
    background-color:#f5f5f5;
}

.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;
}

.room_kusitu {
    padding: 10px 0 10px 0;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 2px solid #222;
    margin-bottom: 5px;
}

.list_eq{
    width: calc(98% / 4);
    padding: 5px 0;
    border-radius: 5px;
    background-color:#ffe;
    text-align:center;
    font-size:11px;
    border:#dcdcdc solid 1px;
    font-weight:bold;
}

.list_eq:nth-child(n + 5) {
  margin-top: 3px;
}

.list_eq:not(:nth-child(4n)){
    margin-right: 3px;
}

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

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

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

.search_list_block .bottom_list_box {
    border-top: 1px solid #e0e0e0;
    clear: both;
    padding: 5px 10px 5px 10px;
    position: relative;
    font-size: 12px;
}

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

#search_title h2{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom:3px solid var(--main-color);
    padding:15px 10px;
    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: 5px 10px 10px 10px;
    position:relative;
    font-size:12px;
}

.search_count span{
    font-size:20px;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
}

.search_count > div:first-of-type {
    display: flex;
}

.search_count > div > div:first-of-type {
    margin-right: auto;
}

.search_disp{
    margin-top: 8px;
    margin-left: 8px;
}

.search_sort{
    position:absolute;
    top:11px;
    right:160px;
}

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

.station_list{
    margin-top: 10px;
    margin-bottom: 5px;
}

.station_list + p {
    width: 100px;
    margin: 0 auto;
    padding-top: 8px;
}

.open-btn {
    padding: 3px;
    border: solid 1px;
    text-align: center;
}

.station_list p{
    padding-top: 5px;
    font-weight: bold;
    padding-right: 5px;
    font-size: 16px;
    border-bottom: 2px solid #222;
    margin-bottom: 5px;
    margin-right: 10px;
}

.station_list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.station_list ul li{
    display: inline-block;
    vertical-align: middle;
}

.station_list ul li a{
    float: left;
    width: auto;
    font-size:12px;
    line-height:1.5;
    border-radius: 3px;
    display:block;
    padding:3px 5px;
    border:1px solid #CCC;
}

.station_list ul li a.select,
.station_list ul li a:hover {
    background-color: var(--main-color);
    text-decoration: none;
    color: white;
}

.station_lists {
    margin-top: 8px;
}

.area_list p{
    font-weight: bold;
    font-size: 16px;
    border-bottom: 2px solid #222;
}

.area_list ul{
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 4px;
}

.area_list li{
    display: inline-block;
    vertical-align: middle;
}

.area_list ul li a{
    float: left;
    font-size:12px;
    line-height:1.5;
    border-radius: 3px;
    display:block;
    padding:3px 5px;
    border:1px solid #CCC;
    text-align: center;
}

.area_list ul li a:hover,
.area_list ul li a.select {
    background-color: #222;
    text-decoration: none;
    color: white;
}
#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 7px 10px;
    position:relative;
    font-size: 12px;
}

.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: #f57f17;
    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:5px 10px;
    border-radius: 3px;
    background-color:#FFF;
    font-size: 12px;
}

.current{
    background-color:var(--main-color);
    color:#FFF;
    display:block;
    border:1px solid #CCC;
    margin:0 0 0 5px;
    border-radius: 3px;
    padding:7px 12px;
    font-size: 12px;
}

.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(3, 1fr);
    gap: 1px;
}
.search_tab {
    display: flex;
    place-content: center;
    text-align: center;
    font-weight: bold;
    background-color: #FFF;
}
.search_tab a {
    padding: 15px 0 12px 0;
    display: inline-flex;
    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:10px;
    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;}

.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_3 .rent_fee ul li{
    display:inline-block;
    vertical-align: middle;
    width:25%;
}

#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 .block_5 ul .school{float:left;width:33%;}

#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{word-break: break-all;}
#search_c_block li:nth-of-type(n+3){word-break: break-all;}

#search_c_block td label{
    font-size:13px;
    font-size:12px\9;
    display:block;
    display:inline-block\9;
}

#search_c_block td label:not(:target) {
    /* IE9,10用 */
    display:block;
    font-size:13px;
}
#search_c_block td.contract_type label {
    margin-right: 40px;
    width: auto;
}
#search_c_block td.contract_type label:last-of-type {
    margin-right: 0px;
}

/* オーナー問い合わせ用*/
#search_c_block .owner_contact #rent,
#search_c_block .owner_contact #sell,
#search_c_block .owner_contact #buy {
    display:none;
}

#search_c_block .owner_contact input[type="radio"]  {
    margin: 0 3px 2px 5px;
}
#search_c_block .owner_contact input[type="number"]  {
    width: 25%;
}
#search_c_block .owner_contact input[name^="postcode"]  {
    width: 25%;
}
#search_c_block .owner_contact td label:not(:target) {
    display: inline-block;
    width: 20%;
    font-size: 14px;
}
#search_c_block .owner_contact td.inqury_type label:not(:target),
#search_c_block .owner_contact td.status label:not(:target) {
    width: 15%;
}
#search_c_block .owner_contact td.area label:not(:target) {
    width: 10%;
}
#search_c_block .owner_contact td.madori label:not(:target) {
    width: auto;
}
#search_c_block .owner_contact td.purpose label:not(:target) {
    width: 25%;
}
#search_c_block .owner_contact td.madori label:not(:first-of-type) {
    margin-left: 5%;
}
#search_c_block .owner_contact td input.mansion_name {
    margin-left:7px; 
}
#search_c_block .owner_top_message {
    margin-bottom: 3rem;
    padding: 1.6rem 2rem;
    background: #fff;
    border: 1px dashed #ffa726;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
/* endオーナー問い合わせ用*/


.mgT10 {
    margin-top: 10px;
}
.mgT50 {
    margin-top: 50px;
}

/*物件リクエスト用*/
#search_c_block .area_lines textarea {
    height: 50px;
}
#search_c_block td .inquiries label:not(:target),
#search_c_block td .madoris label:not(:target),
#search_c_block .rents label:not(:target),
#search_c_block .builds label:not(:target),
#search_c_block .walks label:not(:target) {
    display:inline;
}
#search_c_block td .madoris li,
#search_c_block .builds label:not(:target),
#search_c_block .walks label:not(:target) {
    float: left;
    width: 25%;
}
#search_c_block td .madoris li{
    padding: 0 12px;
}
#search_c_block td .inquiries {
    text-align: left;
}
#search_c_block td .inquiries li {
    width: 49%;
    float: left;
}
#search_c_block td .inquiries .list_confirm {
    width: auto;
    display: inline-block;
}

#search_c_block td .madoris .list_confirm {
    width: auto;
}
#search_c_block td .madoris input,
#search_c_block td .inquiries input {
    height: 13px;
}
#search_c_block .builds input,
#search_c_block .walks input {
    position: relative;
    top: -3px;
}
/*end物件リクエスト用*/


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;}
#search_c_block .contact_inquiry select{width:auto;}

#search_c_block .desired_visit_shop select{width:205px;}


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

#a_search4,#a_search3,#a_search2 {
    font-size: 12px;
    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;
}

#a_search {
    font-size: 12px;
    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;
}

.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;
    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;
    width: 100%;
    text-align: center;
    padding:15px 15px 5px 0;
    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:var(--main-color);
    font-weight:normal;
}

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

#page_title_block .icon-favorite-t:before{
    position:absolute;
    left:12px;
    top:4px;
    content:"\e914";
    font-size:27px;
    color:var(--main-color);
    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;}
/* 検索条件 終了.-------------------------------------------------------- */

/* 閲覧履歴 開始.-------------------------------------------------------- */
.history_list{
    width:95%;
    margin:0 auto;
    border-left:1px solid #CCC;
    border-top:1px solid #CCC;
    border-right:1px solid #CCC;
    line-height:1.4;
}

.history_list th{
    vertical-align:middle;
    background-color:#f5f5f5;
    text-align:center;
    padding:5px 5px;
    height:23px;
    font-size:11px;
    font-weight:normal;
    border-left:1px solid #ccc;
    border-right: 1px solid #ccc;
}

.history_list td{
    border:1px solid #CCC;
    text-align:center;
    padding:5px 5px;
    font-size:12px;
    vertical-align:middle;
}

.history_list .room input[type="checkbox"] + label{margin-right:18px;}
.history_list .check_box{width:20px;}
.history_list .thumbnail{width:100px;}

.history_list .thumbnail img{
    border:1px solid #e0e0e0;
    width:100px;
    height:100px;
}

.history_list td.b_name{
    font-weight:bold;
    font-size:13px;
    vertical-align:middle;
    padding:12px 5px 12px 5px;
    text-align:justify;
    text-justify:inter-ideograph;
}

.history_list td.b_name a{vertical-align:middle;text-align: left;}

.history_list td.b_name span{
    background-color:#222;
    color:#FFF;
    font-size:10px;
    padding:4px 0px;
    /*margin-right:4px;*/
    font-weight:normal;
    border-radius:4px;
    width: 80px;
    display: inline-block;
    text-align: center;
}

.history_list td.b_name .p_m{background-color:#FF4949;margin-left:-5px;}

.history_list td.b_name .p_m2{background-color:#FF4949;}

.history_list .c_etc{
    overflow:hidden;
    vertical-align: middle;
    padding: 0px 8px;
    height:34px;
}

.history_list .c_etc div{vertical-align: middle;}

.history_list .c_left{
    width:48px;
    float:left;
    height:23px;
    line-height:23px;border:1px solid #CCC;
    padding:0px 12px;
    border-radius:5px;
    font-size:10px;
}

.history_list .c_right{text-align:right;float:right;}
.history_list .c_right div{display:inline-block;}

.icon-contact2{
    line-height:27px;
    height:24px;
    border-bottom: solid 2px #ff7f50;
    border-radius:3px;
}

.icon-contact2:before{
    padding:0 5px;
    line-height:24px;
    content:"\e91b";
    font-size:13px;
    color:#fff;
}

.history_list .icon-favorite{
    line-height:27px;
    height:24px;
    background-color:#f88c20;
    border-bottom: 2px solid #E15F00;
    border-radius:3px;
    margin-right:3px;
}

.history_list .icon-favorite:before{
    content:"\e91a";
    font-size:13px;
    color:#fff;
    padding:0 5px;
    line-height:24px;
}

.history_list .icon-favorite.on{
    line-height:24px;
    height:24px;
    border-radius:3px;
    background-color:#ccc;
    border:none;
}

.history_list .icon-favorite.on:before{
    content:"\e91c";
    font-size:13px;
    color:#fff;
    padding:0 5px;
    line-height:24px;
}

.history_list .address{
    text-align:left;
}

.history_list .address p {
    line-height: 1.5;
}

.history_list .address p:first-child {
    font-weight: bold;
}


.history_list .rent{width:80px;}
.history_list .sub1{min-width:46px;}
.history_list .sub2{min-width:65px;}
.history_list .sub3{min-width:30px;}
.history_list .sub4{min-width:40px;}

.history_list .rent p span{
    color:#FF4949;
    font-weight:bold;
    font-size:16px;
    margin-right:3px;
    font-family:Arial,Helvetica,sans-serif;
}

.history_list .rent p{
    font-size:10px;
}

.history_list .room input[type="checkbox"] + label:not(:target){
    padding:0 0 0 0px;
}

#searchcond_list #sub_list{
    position:relative;
    height:35px;
    margin-bottom:22px;
}

.search_sort2{
    position:absolute;
    top:2px;
    right:20px;
}

.search_sort2 select{padding:2px 5px;}

#sub_check_block{
    background-color:#f0f0f0;
    width:430px;
    margin:-5px 0 10px 18px;
    position:relative;
    padding:5px 5px 6px 8px;
    vertical-align:middle;
    border-radius:4px;
}

#sub_check_block:before{
    content:"";
    position:absolute;
    bottom:-22px;
    left:4px;
    border:12px solid transparent;
    border-top:12px solid #f0f0f0;
}

#sub_list .room label{font-size:12px;line-height:28px;}

#sub_check_right{
    position:absolute;
    background-color:#FFF;
    padding:3px 10px 2px 10px;
    right:10px;
    top:5px;
    height:32px;
    border-radius:4px;
}

#sub_check_right div{float:left;}

#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:52px;
    z-index:100;
    font-weight:bold;
    font-size:18px;
    display:none;
    color:#fff;
    background-color:#222;
    border-radius:10px;
}
/* 閲覧履歴 終了.-------------------------------------------------------- */

/* お気に入り 開始.-------------------------------------------------------- */
.favorite #sub_check_block{width:320px;}
.favorite .icon-contact3{margin-left:10px;}
/* お気に入り 終了.-------------------------------------------------------- */

.room_list .tuika:hover,#contact_block #submit_contact:hover,.icon-tuika.on:hover:before{
    /*background-color:#ff9c30;*/
    opacity: 0.7;
    cursor:pointer;
}

#submit_back:hover,table.room_list .clickable:hover,table.room_list .rent_s:hover,.list_del:hover,.list_navi a:hover,.list_header li a:hover,.madori_disp:hover,.history_list .c_left:hover,#a_search4:hover,#a_search3:hover,#a_search2:hover,#check_back:hover{
    text-decoration:none;
    cursor:pointer;
    background-color:#FFF0F5;
}

#a_search {
    text-decoration:none;
    cursor:pointer;
}


.room.s_block input[type="radio"] + label{
    line-height:1.6;
}

/* 会社概要 開始.-------------------------------------------------------- */
.page_contents {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border:1px solid #e7e7e7;
    border-bottom:2px solid #CCC;
    background-color:#FFF;
}
.company_page {
    padding: 10px;
}
.page_in{
    position:relative;
}
.page_title_block h2{
    padding:10px 0px 25px 0px;
    padding-top:17px\9;
    position:relative;
    text-align:center;
}
.page_title_block p{
    text-align:center;
    color:#999;
}
.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;
}
.sub_company_img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sub_company_img img {
    width: 150px;
}
#shop_list li {
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}
#shop_list .thumb {
    width: 220px;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#shop_list.thumb img {
    width: 100%;
    height: auto;
}
#shop_list dl {
    width: 64%;
}
#shop_list dt {
    margin-top: .9rem;
    margin-bottom: .5rem;
    font-size: 1.8rem;
    font-weight: bold;
}
#shop_list dd {
    font-size: 1.4rem;
    line-height: 2;
}
#shop_list dd p {
    font-size: 1.4rem;
    line-height: 1.8;
}
#shop_list dd .address a {
    display: inline-block;
    margin-left: .5rem;
    padding: .2rem .4rem .2rem .2rem;
    line-height: 1;
    font-size: 1.2rem;
    border-radius: 3px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
    tap-highlight-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn_map:hover {
    text-decoration: none;
}
.btn_map {
    line-height: 18px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
    tap-highlight-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%), inset 0 0 0 1px #fff;
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    width: 34px;
    margin-left: 5px;
    font-size: 12px;
}
#shop_list dd .btn_box .btn_wh {
    display: inline-block;
    line-height: 24px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
    tap-highlight-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#shop_list dd .btn_box a {
    width: 180px;
    height: 26px;
    font-size: 1.2rem;
}
#shop_list dd .btn_box {
    display: -ms-flex;
    display: flex;
    margin-top: 1rem;
}
#shop_list .btn_box {
    text-align: center;
}

#shop_list dd .btn_box .btn_inquiry {
    margin-left: 1rem;
}
#shop_list .btn_wh, #shop_list .btn_favorite {
    border: 1px solid #ccc;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%), inset 0 0 0 1px #fff;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
    border-radius: 6px;
    display: -ms-flex;
    display: flex;
    align-items: center;
}
#shop_list dd .btn_box .btn_inquiry {
    margin-left: 1rem;
    padding: 0 1rem;
}
#shop_list dd .btn_box .btn_inquiry:before {
    margin-right: 1rem;
    font-size: 1.8rem;
}
#shop_list .btn_inquiry {
    position: relative;
    border: 1px solid #91250d;
    box-shadow: inset 0 0 1px 1px #d04233;
    background: -webkit-linear-gradient(#d04233,  #91250d);
    background: linear-gradient(#d04233,  #91250d);
    border-radius: 6px;
    color: #fff;
    display: -ms-flex;
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
    tap-highlight-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
table.company{
    font-size: 14px;
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    text-align:left;
    line-height:1.5;
    border-top:1px dotted #ccc;
}
table.company th{
    width:20%;
    text-align:center;
    padding:10px 0px 10px 0;
    font-weight:bold;
    vertical-align:middle;
    border-right:1px solid #ccc;
    border-bottom:1px dotted #ccc;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    background:#eee;
}
table.company td{
    width:85%;
    line-height:1.4;
    padding:10px 5px 10px 15px;
    border-bottom:1px dotted #ccc;
}
.company-store{
    padding-bottom:20px;
    border:1px solid #e7e7e7;
    border-bottom:2px solid #CCC;
    background-color:#FFF;
    margin-top: 50px;
}
.store_tel{
    color:#f88c20;
    font-weight: bold;
}
.store_link{
    color: #1111cc;
}
.thumb img {
    margin: 10px 0;
    width: 100%;
    border: solid 2px #ECECEC;
}
.store_map {
    width: 100%;
    height: 300px;
}
.store_map_t{
    font-size:18px;
    padding:18px 10px;
    position:relative;
    margin:15px 0 15px 0;
    font-weight:bold;
}
.store_map_t:before,.store_map_t:after{
    position:absolute;
    left:0;
    content:'';
    width:100%;
    height:8px;
    box-sizing:border-box;
}
.store_map_t:after{
    bottom:0px;
    border-top:4px solid var(--main-color);
    border-bottom:1px solid var(--main-color);
}
.store_photos{
    width:220px;
    margin:0 0 8px 5px;
    display:inline-block;
}
.store_photos img{width:220px;border:1px solid #ECECEC;}
.shop_block{vertical-align:middle;}
.shop_block span{vertical-align:middle;}
.shop_block .tel_box{
    margin:2px 0 5px 0;
}
.shops_list .address_box,.shop_block .address_box{
    vertical-align:middle;
    /*テキスト揃え*/
    text-align:justify;
    text-justify:inter-ideograph;
}
.shop_block .tenpo_box{
    font-weight:bold;
    margin:0 0 0 -5px;
}
.shops span{line-height:1.4;vertical-align: middle;}
.shops_list .to_map2,.shop_block .to_map2,.shops_list .to_map,.shop_block .to_map{
    margin-left:10px;
    background-color:#fff;
    border:1px solid #CCC;
    font-weight:bold;
    border-radius:3px;
    font-size:10px;
    padding:2px 5px;
}
.to_map2:hover,.to_map:hover{color:#FFF;background-color:#0079d9;text-decoration:none;cursor:pointer;}
.shops_list a.googlemap:hover,.shop_block a.googlemap:hover{text-decoration:none;}
.staf_list{overflow:hidden;border-bottom:1px dotted #CCC;padding:15px 0;}
.staf_list.no0{padding-top:0px;}
.staf_left{float:left;width:150px;margin:0 0 0 5px;}
.staf_left img{padding:1px;border:1px solid #e0e0e0;}
.staf_right{float:right;width:522px;line-height:1.4;}
.staf_right ul{border-bottom:1px solid #CCC;padding:2px 0 6px 5px;margin-bottom:8px;}
.staf_right ul li{display:inline-block;vertical-align:middle;}
.staf_right li.syok{
    font-size:12px;
    background-color:#0079d9;
    color:#FFF;
    padding:3px 10px;
    border-radius: 3px;
    margin-right:5px;
}
.staf_right li.name{font-size:15px;font-weight:bold;}
.staf_right p{padding:0px 5px;}
.staf_right .sub_title{font-weight:bold;padding:2px 5px;}
.staf_right .sub_come{margin-bottom:8px;}
.tenpo_title{position:relative;text-align:center;margin:35px 0 10px 0;}
.tenpo_title.no1{margin:0px 0 16px 0;}
.tenpo_title span{
    position:relative;
    z-index:2;
    display:inline-block;
    margin:0px 2.5em 0px 2.5em;
    margin-top:2px\9;
    padding:0 1em;
    background-color:#fff;
    text-align:left;
    font-size:18px;
    font-weight:bold;
    letter-spacing:2px;
}
.tenpo_title:after{
    position:absolute;
    top:7px;
    z-index:1;
    content:'';
    display:block;
    width:100%;
    height:2px;
    background-color:#ccc;
}
.tenpo_title:before{
    position:absolute;
    top:8px;
    z-index:1;
    content:'';
    display:block;
    width:100%;
    height:1px;
    background-color:#e9e9e9;
}
.shops_list{overflow:hidden;padding:10px 0;border-bottom:1px dotted #CCC;}
.shops_list.no0{padding-top:0;}
.shops_left{float:left;width:220px;margin-left:5px;}
.shops_left img{padding:1px;border:1px solid #e0e0e0;}
.shops_right{
    float:right;
    width:450px;
}
.shops_list .name_box{
    border-left:#bcbcbc solid 5px;
    padding:3px 0px 3px 8px;padding-top:5px\9;
    padding-bottom:1px\9;
    margin-bottom:8px;
    margin-left:5px;
    font-size:16px;
    letter-spacing:1px;
    font-weight:bold;
}
.shops_right .name_box{
    font-size:15px;
    letter-spacing:1px;
    padding:2px 0px 5px 5px;
    font-weight:bold;
}
.shops{width:100%;border-collapse: separate;border-spacing: 1px;}
.shops th{
    width:35px;
    padding:4px 10px;
    font-weight:normal;
    background-color:#e5e5e5;
    border-top:1px solid #fff;
    border-bottom:1px solid #ccc;
    font-size:11px;
    vertical-align:middle;
}
.shops td{
    padding:3px 10px;
    border-top:1px solid #fff;
    background-color:#f9f9f9;
    line-height:1.4;
}
.shops_list_b{margin:8px 0 15px 0;width:100%;}
.shops_list_b th{
    width:10%;
    vertical-align:middle;
    background-color:#e0e0e0;
    border-right:2px solid #e9e9e9;
}
.shops_list_b td{background-color:#f9f9f9;width:90%;}
.shops_list_b ul{padding:10px 5px;width:100%;}
.shops_list_b ul li{
    position:relative;
    display:inline-block;
    padding:2px 5px 2px 0px;
    margin-left:18px;
}
.shops_list_b ul li:after{
    display:block;
    content:'';
    position:absolute;
    top:.47em;
    left:-1em;
    width:6px;
    height:6px;
    background-color:#666;
    border-radius:100%;
}
.shops_list_b ul li:hover{cursor:pointer;text-decoration:underline;}
.map_f{padding-top:5px;text-align:center;}
.map_f img{width:80px;}

/*shop*/
ul.twofold__box li {
    font-size: 16px;
}
ul.twofold__box li p{
    line-height: 2.5;
}
ul.twofold__box li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 8px;
    margin-right: 10px;
    margin-bottom: 14px;
    border: 1px solid #ddd;
    background: #f6f2e6;
}
ul.twofold__box li .info .name {
    display: inline-block;
    padding: 4px 8px;
    width: 100%;
    background-color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
}
ul.twofold__box li img {
    display: inline-block;
    width: 160px;
    padding: 4px;
    border: 1px solid #ddd;
    vertical-align: top;
    background: white;
}
ul.twofold__box li .info {
    display: inline-block;
    width: 75%;
}
ul.twofold__box li .etc {
    display: flex;
    flex-wrap: wrap;
}
ul.twofold__box li .etc p {
    width: 48%;
}
ul.twofold__box li .comment {
    display: inline-block;
    width: 100%;
    margin-top: 8px;
}
ul.twofold__box strong {
    color: black;
}
/* 会社概要 終了.-------------------------------------------------------- */

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

/* 404 開始.-------------------------------------------------------- */
#page_404{
    position:relative;
    background:url(/assets/default/images/404.png) no-repeat 23px 22px;
    padding: 40px 0 30px 0;
}

h1.page-404-h1{
    font-size: 18px;
    font-weight: bold;
    text-align:center;
    margin:0 0 20px 0px;
}

.page-404-sub{
    font-size: 12px;
    margin:0 0 0 160px;
    line-height: 1.5;
}

.page-404-sub2{
    text-align:center;
    margin-top:25px;
    font-weight:bold;
    font-size:15px;
}

.page-404-sub2 a{
    margin:0 5px;
    border:1px solid #CCC;
    border-bottom:2px solid #CCC;
    padding:5px 10px;
    padding:10px 10px 5px\9;
    border-radius: 4px;
}

.page-404-sub3{
    font-weight:bold;
    font-size:14px;
    width:150px;
    margin:25px auto 0 auto;
    text-align:center;
}

.page-404-sub3 a{
    display:block;
    padding:5px 10px;
    padding:10px 10px 5px\9;
}
/* 404 終了.-------------------------------------------------------- */

/* プライバシーポリシー 開始.-------------------------------------------------------- */
.privacy_b h2{margin: 23px 0 10px 0;font-size:14px;border-bottom:2px solid #222;padding:0 0 5px 7px;}
.privacy_b p{padding:5px 5px;line-height:1.5;text-indent: 1em; font-size: 14px;}
.privacy_b ul{margin:10px 0 0 25px;}
.privacy_b ul li{/*list-style: outside decimal;*/font-size:12px;line-height:1.4;margin: 7px 0 0 0px;padding:0 5px;}
.privacy_b ol li{list-style: outside decimal;margin-left: 20px;text-indent: -0.2em;}
.privacy_b .b_end{margin:20px 0 0 0;line-height: 1.4;text-align: right;}
.p_contact{margin-bottom:5px;}
/* プライバシーポリシー 終了.-------------------------------------------------------- */

/*Firefox*/
@-moz-document url-prefix(){
.search_cat .room.cat_all.room input[type="checkbox"] + label:before{top: -8px;}
.count_list{height:18px;padding-top:2px;}
.history_list .room input[type="checkbox"]:checked + label:after{margin-top: 1px;}
.free-icon:before{padding-top:3px;padding-bottom:1px;}
}

/*サイドバータイトル IE対策*/
@media all and (-ms-high-contrast:none){
.side_search_title{padding-top:0.3em;padding-bottom:0;height:38px;line-height:38px;}
table.search_cat th{padding-top:14px;}
.search_cat .room.cat_all input[type="checkbox"] + label,
h1,h2,h3,h4,h5,.font_type2{padding-top:0.4em;padding-bottom:0.1em;}
.search_cat .room.cat_all.room input[type="checkbox"] + label::before {top:0px;}
.search_cat .room.cat_all.room input[type="checkbox"]:checked + label:after{top:5px;}
#header_menu li a{line-height:1;padding: 13px 40px;}
.list_box h3 {padding: 15px 15px 11px 15px;}
#b_title h1{padding: 0.2em 0 0px 17px;}
.icon-top-day:before{top:4px;}
.icon-new-tag{margin-top:-1px;}
#search_title h2{padding:16px 165px 10px 13px;}
#search_save{padding-top:11px;padding-bottom:7px;}
.icon-contact3:before,.icon-tuika3:before{padding-top:4px;padding-bottom:5px;}
.rent_title_block .rent_title_g{padding-top:0.1em;padding-bottom:0;}
#topics h3{padding-top:18px;padding-bottom:12px;}
#page_title_block.company h2{padding-top:17px;}
.shops_list .name_box{padding-top:5px;padding-bottom:1px;}
.tenpo_title span{margin-top:-3px;}
.logo2 a{line-height:70px;}
.page-404-sub2 a,.page-404-sub3 a{padding:10px 10px 5px;}
#contact_block #submit_contact{padding-top:12px;}
.icon-tuika3,.icon-contact3{margin-top:0px;}
}
/*サファリ用　新*/
_::-webkit-full-page-media, _:future, :root textarea,input,select {
-webkit-appearance: none}
/*サファリ用　旧*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, textarea,input,select {
-webkit-appearance: none}
::i-block-chrome, .quick_c #submit{
line-height:36px}}
@media screen and (max-width:1200px) {
#page_top{
margin-left:0;
right:20px}}

.line_search_b_out div { margin-left: 0; }
#search_c_block .block_4 ul li { width: 25%; }
.quick_c #submit { box-sizing: content-box; }
#submit_page:focus {
    outline:0;
}
.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: #F88C20 !important;
	font-weight: bold !important;
}

.hide_img {
	display: none;
}

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

/* 物件名検索 */
.mansion .result {text-align: center; }
.box01 {margin: 0 20px 40px 20px; }
.mansion .word {margin-left: 6px; }
.mb20 {margin-bottom: 20px !important; }
.mansion .word li {display: inline-block; margin-right: 12px; }
.mansion .word li a.active {background-color: #79bd36; }
.mansion .word li a {font-size: 26px; font-weight: bold; line-height: 52px; display: inline-block; width: 52px; height: 52px; text-align: center; text-decoration: none; color: #fff; border-radius: 52px; background-color: #ec8e2f; }
.mansion .list01 li a {font-size: 16px; font-weight: bold; line-height: 32px; display: inline-block; width: 32px; height: 32px; text-align: center; text-decoration: none; color: #fff; border-radius: 32px; background-color: #ec8e2f; }
.mansion .list01 li {display: inline-block; margin-right: 12px; }
.mansion .search_word_form {height: 60px; font-size: .875em; margin: 0 0 40px; padding: 15px; border-radius: 80px; background-color: #eee; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .25); }
.mb30 {margin-bottom: 30px !important; }
.mansion .search_word_form dt {font-size: 16px; font-weight: bold; line-height: 30px; float: left; margin: 0 5px 0 10px; }
.mansion .search_word_form dd {float: left; margin-left: 5px; }
.mansion .search_word_form dd input[type=text] {box-sizing: border-box; width: 230px; height: 28px; margin-right: 15px; padding: 3px 10px; vertical-align: top; border: none; border-radius: 4px; box-shadow: inset 1px 1px 0 0 #ccc; }
.mansion .search_word_form dd input {float: left; }
.mansion .search_word_form dd input[type=submit] {margin-top: 1px; padding: 3px 18px; border: none; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .25); }
.btn01, .mansion .search_word_form dd input[type=submit], .search_results_mansion .search_under .button {height: 30px; position: relative; padding: 3px 12px; text-decoration: none; color: #fff; border-radius: 30px; background-color: #ec8e2f; margin-top: 0; }
.mansion .search_word_form p {font-size: 12px; line-height: 28px; float: left; margin: 0 0 0 10px; }
.mansion .search_word_form .result_number {float: right; padding-right: 10px; }
.mansion .search_word_form .result_number strong {font-size: 20px; font-weight: bold; padding: 0 3px; color: #ff7121; }
.mansion .search_word_form g{padding-top: 8px; margin-top: 8px; position: relative; top: 10px; }
.mansion .search_word_list h3 {margin-bottom: 20px; text-align: left; }
.hline01 {font-size: 18px; font-weight: bold; position: relative; clear: both; margin: 20px 0 8px 0; padding: 8px 16px; border: 1px solid #cecece; color: #434343; background: -moz-linear-gradient(top, #fff 50%, #e7e7e7); background: -webkit-linear-gradient(top, #fff 50%, #e7e7e7); background: linear-gradient(to bottom, #fff 50%, #e7e7e7); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 5px; }
.mansion .search_word_list table {font-size: 12px; }
.search_word_list a{color: #069; }
.table{width: 100%;margin: 0 auto;vertical-align: middle !important; }
.table th {background: #dbecf2; border-bottom: 1px solid #bcdae6; border-right: 1px solid #bcdae6; padding-top: 25px !important; }
.table th, .table td {vertical-align: middle;padding: 10px 7px !important; line-height: 25px; }
.table td {border: 2px solid #dbecf2; background-color: #f5f5f5; }
.table .access{padding: 0px 7px; }
.table span{color: #ec8e2f; font-weight: bold; }
.col01{color: #ff7121; }


/*=== side parts ===*/
#side_inquiry {
  position: fixed;
  bottom: -160px;
  right: 80px;
  z-index: 100;
  transition: all .3s .3s;
}
#side_inquiry.in {
  transform: translateY(-220px);
}
#side_inquiry dl {
  padding: 1rem 1.2rem 1.5rem 1.2rem;
  background: #fff;
  border: 3px solid #efebe9;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
#side_inquiry dt {
  margin-bottom: 1rem;
  color: #6d4c41;
  font-weight: bold;
  text-align: center;
}
#side_inquiry dt span {
  display: inline-block;
  background: linear-gradient(transparent 60%, #fff9c4 60%);
  font-size: 16px;
}
#side_inquiry p {
  margin-bottom: .5rem;
  font-size: 1.2rem;
}
#side_inquiry .btn_inquiry {
  margin: 0 auto;
  width: 157px;
  height: 28px;
  font-size: 1.4rem;
  font-weight: bold;
}
#side_inquiry .btn_inquiry:before {
  margin-right: .5rem;
  width: 1.6rem;
  font-size: 1.6rem;
}
#side_inquiry .close {
  position: absolute;
  top: -8px;
  right: -8px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#side_inquiry .close:hover {
  opacity: .8;
}
.btn_inquiry:hover {
  text-decoration: none;
  opacity: .8;
}
.btn_inquiry {
  border: 1px solid #960707;
  background: #c62828;
  background-image: -webkit-linear-gradient(#c62828, #960707);
  background-image: linear-gradient(#c62828, #960707);
}
.btn_inquiry, .btn_reserve {
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 210px;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 50%);
}

.text_block {
    margin: 15px 0;
    padding: 0rem 1.2rem 1.5rem 1.2rem;
    background: #fff;
    border: 3px solid #f57f17;
    border-radius: 10px;
    box-shadow: 0 0 5px rgb(0 0 0 / 50%);
}
.text_block h3 {
    margin-top: 15px;
    font-size: 15px;
}
.text_block h3 .text_title{
    color: red;
}
.text_block p {
    margin-top: 5px;
    line-height: 1.5;
    font-size: 13px;
}

/* medal
-------------------------------------------------------------- */
.medal {
  margin-bottom: 20px;
  padding: 30px 25px 20px;
  background: url(/designer_pc/images/medal_bg.png);
  background-size: cover;
  background-position: center;
}

.medal_list {
  position: relative;
  display: flex;
  justify-content: center;
  margin-bottom: 13px;
}

.medal_list_item {
  width: 274px;
  margin: 0 10px;
}

.medal_list_item:nth-of-type(1) {
  animation-delay: .1s;
}

.medal_list_item:nth-of-type(2) {
  animation-delay: .3s;
}

.medal_list_item:nth-of-type(3) {
  animation-delay: .5s;
}

.medal_list_item img {
  width: 100%;
  height: auto;
  backface-visibility: hidden;
}

.medal_text {
  line-height: 1.3;
  font-size: 12px;
}

.column .medal .inner {
  width: auto;
}

.column .medal_list_item {
  width: 199px;
  margin: 0 8px;
}
.search_university{
  border: 3px solid red;
  border-radius: 5px;
  padding: 10px;
  background: #fff;
  margin: 10px auto;
  display: block;
  width: 370px;
  text-align: center;
  text-decoration: underline;
  font-weight: bold;
}
.staff_blog{
  margin-bottom: 10px;
}
.staff_blog .c-ttlbar p{
  margin: 6px 0;
  padding-left: 12px;
  line-height: 1.3;
  border-left: 6px solid #222;
  font-size: 16px;
  font-weight: bold;
}
.staff_blog .li_style{
  border: 1px solid #ccc;
}
.wp_date{
  padding: 4px 10px 0;
  font-size: 12px;
}

.update_articles .c-ttlbar h2{
  font-size: 14px;
  font-weight: bold;
}

.update_articles ul{
    margin-bottom: 10px;
  border: 1px solid #ccc;
}
.update_articles ul{
  border-top: 0px;
}
.update_articles ul li{
  padding: 5px 10px;
  font-size: 14px;
}
.update_articles ul li span{
  background-color: #DC2222;
  color: #fff;
  margin: 0 5px;
  padding: 2px 6px;
  font-size: 12px;
}
.btn-wh {
    justify-content: flex-start;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 0 0 0 1px #fff;
    background: #fff;
    background-image: -webkit-linear-gradient(#fff, #efefef);
    background-image: linear-gradient(#fff, #efefef);
    border-radius: 6px;
    font-size: 13px;
}

.side_sttl .title {
    background-color: var(--main-color);
    color: #FFF;
    border-bottom: 3px solid #f0f0f0;
    padding-left: 20px;
    height: 44px;
    line-height: 44px;
    padding-top: 0.3em\9;
    padding-bottom: 0\9;
    height: 38px\9;
    line-height: 38px\9;
    font-size: 16px;
    font-weight: bold;
}

.image_notice {
    text-align: center;
    margin: 15px;
}

#footer_req {
height: 70px;
width: 100%;
background: rgba(0,0,0,0.7);
position: fixed;
bottom: 0px;
z-index: 101
}

#footer_req a{
    height: 100%;
    width: 100%;
    color:#fff;
    font-size: 16px;
    display: inline-block;
    line-height: 20px;
    margin:2px 0 0 54px;
    font-weight: bold;
}
#footer_req span{
    font-size: 10px;
}

.mail_req {
    background-color: #f83333;
    margin: 10px 2%;
    height: 50px;
    width: 46%;
    opacity: 1;
    float: left;
    border-radius: 5px;
}

.mail_req:before{
    content: "\e901";
    font-family: "icomoon",sans-serif;
    color:#f83333;
    position: absolute;
    left: 4%;
    margin: 13px auto;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
}

.tel_req {
    background-color: #79bd36;
    margin: 10px 2%;
    height: 50px;
    width: 46%;
    opacity: 1;
    float: right;
    border-radius: 5px;
}
.tel_req:before{
    content: "\e90b";
    font-family: "icomoon",sans-serif;
    color:#79bd36;
    position: absolute;
    left: 54%;
    margin: 13px auto;
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
}

#initial3:disabled + label:hover:before,
#initial4:disabled + label:hover:before {
    border-color: #ccc;
}

.search_notice {
    font-size: 10px;
    border-color: #ccc;
}

.bottom_toggle_list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.rent_upper_flag {
    color: #ccc;
}