@charset "utf-8";

@font-face {

}

/*初期設定*/
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: TsukuGoPro-B; font-size: 14px; font-feature-settings : "palt" 1; letter-spacing: 0em; line-height: 1.4em;}

.font_goth_1,.font_goth_1 *{ font-family: TsukuGoPro-R;}
.font_goth_2,.font_goth_2 *{ font-family: TsukuGoPro-M;}
.font_goth_3,.font_goth_3 *{ font-family: TsukuGoPro-D;}
.font_goth_4,.font_goth_4 *{ font-family: TsukuGoPro-E;}
.font_marumin,.font_marumin *{ font-family: MaruminYoshino StdN R; font-weight: bold; }
.font_alph,.font_alph *{ font-family: 'Spectral', serif; font-weight: 400; font-feature-settings : "palt" 1; letter-spacing: 0em; }

ul.col2,ul.col3,ul.col4,ul.col5,ul.col6{ overflow: hidden;}

ul.col2 li{ width: 50%; float: left; overflow: hidden; }
ul.col3 li{ width: 33%; float: left; overflow: hidden; }
ul.col3 li:first-child{width: 34%;}
ul.col4 li{ width: 25%; float: left; overflow: hidden; }
ul.col5 li{ width: 20%; float: left; overflow: hidden; }
ul.col6 li{ width: 17%; float: left; overflow: hidden; }
ul.col6 li:nth-child(3n){ width: 16%;}

img.f_left{ float: left; }
img.f_right{ float: right; }
.t_right{ text-align:right; }
.t_center{ text-align:center; }

.p_top10{ padding-top:10px; }
.p_btm15{ padding-bottom:15px; }
#wrapper{ width: 100%; position: relative; }
.cont_box{ position: relative; width: 1040px; margin-left: auto; margin-right: auto; }

html { height: 100%; width: 100%; }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; color: #000000; position: relative; width: 100%;}


#main{ padding-bottom: 120px; display: block; }
#main.sclled{ padding-top: 57px; }

a { transition: 0.2s ; opacity: 1.0 ; }
a:hover { opacity: 0.4 ; }
input[type="submit"]{ transition: 0.2s ; opacity: 1.0 ; }
input[type="submit"]:hover{ opacity: 0.4 ; }

a.def_btn{ color: #FFFFFF; padding-top: 14px; padding-bottom: 14px; background-color: #ff6b58; text-align: center; font-size: 18px; display: block; width: 430px; margin-left: auto; margin-right: auto; }
a.def_btn02{ color: #000000; padding-top: 12px; padding-bottom: 12px; text-align: center; font-size: 14px; display: block; border: 3px solid #000000; position: relative; margin-bottom: 8px; -webkit-box-shadow: 6px 6px hsla(0,0%,0%,0.20); box-shadow: 6px 6px hsla(0,0%,0%,0.20); background-color: #FFFFFF; }
a.def_btn03{ color: #FFFFFF; padding-top: 14px; padding-bottom: 14px; background-color: #000000; text-align: center; font-size: 18px; display: block; }
a.rev_btn{ text-align: center; color: #FFFFFF; padding-top: 4px; padding-bottom: 4px; background-color: #A8A8A8; }
a.rev_btn:before{ content: '← '; display: inline-block; }

a.search_btn{ text-align: center; color: #FFFFFF; padding-top: 4px; padding-bottom: 4px; background-color: #F35BA3; }
a.search_btn:before{ content: ''; display: inline-block; background-image: url(../../../sp/com/img/com_icon_megane.png); background-repeat: no-repeat; background-position: left center; width: 15px; height: 20px; padding-right: 10px; vertical-align: middle; }

#side{ width: 140px; height: 77px; display: block; background-color: #FF0004; float: right; position: absolute; right: 0px; }
.tsuk_re:after{ content: " "; vertical-align: top; line-height: 1.7em; }

section{ margin-left: auto; margin-right: auto; display: block; width: 100%; }

a:not(.font_marumin).def_btn:before,
a:not(.font_marumin).def_btn02:before,
a:not(.font_marumin).def_btn03:before,
a:not(.font_marumin).rev_btn:before,
a:not(.font_marumin).search_btn:before { content: " "; vertical-align: top; line-height: 1.7em;}


/*休暇アナウンス*/
#vaca_box{ width: 1040px; margin-left: auto; margin-right: auto; font-size: 12px; line-height: 1.5em; padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; border: 1px solid #D7D7D7; margin-top: 14px; letter-spacing: -.4em; }
#vaca_box strong{ display: inline-block; font-size: 14px; line-height: 1em; color: #FF6B58; width: 150px; letter-spacing: normal; vertical-align: middle; }
#vaca_box p{ display: inline-block; width: 840px; letter-spacing: normal; vertical-align: middle; font-size: 12px; line-height: 1.4em; color: #7b7b7b;}
#vaca_box p br{line-height: 1.4em; }


/*物件ボックス*/

.proper_box { width: 1040px; }
.proper_box ul.prop_list{ overflow: hidden; border-bottom: 1px solid #CECECE; display: block; }
.proper_box ul.prop_list li{ font-size: 14px; line-height: 14px; float: left; width: 330px; text-align: left; height: 380px\9; height: auto; display: block; margin-left: 25px; margin-bottom: 50px; border-bottom: 5px solid #000000; padding-bottom: 20px; position: relative; }
.proper_box ul.prop_list li:after{ content: ''; width: 100%; display: block; height: 1px; background-color: #000000; position: absolute; bottom: 2px; }
.proper_box ul.prop_list li:nth-child(3n-2){ margin-left: 0px;  }
.proper_box ul.prop_list li .proper_img{ position: relative; overflow: hidden; margin-bottom: 10px; padding-top: 24px; }
.proper_box ul.prop_list li .proper_img a{ display: block; text-align: center; border: 1px solid #B4B4B4; width: 330px; height: 230px; overflow: hidden; }
.proper_box ul.prop_list li .proper_img .noa{ display: block; text-align: center; border: 1px solid #B4B4B4; width: 330px; height: 230px; overflow: hidden; }
.proper_box ul.prop_list li .proper_photo{ max-height: 100%; max-width: 100%; }
.proper_box ul.prop_list li .proper_img .noa .proper_photo{ min-height: 230px; width: auto; }
.proper_box ul.prop_list li .proper_name{ font-size: 12px; line-height: 1.2em; padding-top: 4px; display: block; }
.proper_box ul.prop_list li .proper_other{ overflow: hidden; }

.proper_box ul.prop_list li .proper_copy{ padding-top: 6px; display: block; padding-bottom: 8px; border-bottom: 1px solid #000000; margin-bottom: 8px; }
.proper_box ul.prop_list li .proper_copy a{ color: #000000; font-size: 16px; line-height: 1.4em; font-weight: bold; }
.proper_box ul.prop_list li .proper_price{ padding-right: 10px; padding-top: 5px; display: block; font-size: 18px; }

.proper_box ul.prop_list li .proper_layout{ padding-top: 5px; display: block; font-size: 12px; }
.proper_box ul.prop_list li .proper_address{ padding-top: 5px; display: block; font-size: 12px; }
.proper_box ul.prop_list li .proper_menseki{ padding-top: 5px; display: block; font-size: 12px; }
.proper_box ul.prop_list li .proper_station{ padding-top: 5px; display: block; font-size: 12px; }
.proper_box ul.prop_list li .proper_area{ float: left; padding-right: 10px; padding-top: 4px; display: block; clear: left; font-size: 13px;}
.proper_box ul.prop_list li .proper_st{ float: left; padding-top: 5px; display: block; }
.proper_box ul.prop_list li .proper_img a .new_icon,
.proper_box ul.prop_list li .proper_img .noa .new_icon
{ font-size: 23px; color: #FFFFFF; width: 84px; text-align: center; height: 56px; position: absolute; top: 0px; left: 8px; background-image: url(/img/common/common_newmark.png); background-repeat: no-repeat; font-style: italic; padding-top: 4px; padding-right: 8px; letter-spacing: 0em; }

.proper_box ul.prop_list li .proper_img a .pano_icon,
.proper_box ul.prop_list li .proper_img .noa .pano_icon{ position: absolute; right: 6px; top: 30px; }
.proper_box ul.prop_list li .proper_img a .term_line,
.proper_box ul.prop_list li .proper_img .noa .term_line
{ position: absolute; bottom: 0px; color: #FFFFFF; width: 100%; background-color: #000000; text-align: left; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; }
.proper_box ul.prop_list li .proper_img a .new_price,
.proper_box ul.prop_list li .proper_img .noa .new_price
{ display: inline-block; font-size: 16px; color: #b22f2f; position: absolute; top: 0px; right: 0px; }

.proper_box ul.prop_list li .proper_detabtn{ float: left; display: block; width: 100%; padding-top: 30px; }
.proper_box ul.prop_list li .proper_detabtn a.def_btn{ width: 100%; padding-top: 10px; padding-bottom: 10px; font-size: 16px; display: block; }

.proper_box ul.prop_list li .proper_resebtn{ width: 100%; float: right; padding-top: 10px; }
.proper_box ul.prop_list li .proper_resebtn a.def_btn03{ width: 49%; padding-top: 10px; padding-bottom: 10px; font-size: 16px; float: left; }
.proper_box ul.prop_list li .proper_resebtn a.def_btn03:first-child{ margin-right: 2%; }
.proper_box ul.prop_list li .proper_resebtn a.def_btn{ width: 49%; padding-top: 10px; padding-bottom: 10px; font-size: 16px; float: left; }
.proper_box ul.prop_list li .proper_resebtn a.def_btn:first-child{ margin-right: 2%; }

.sec_pager{ margin-left: auto; margin-right: auto; text-align: center; display: block; width: 1040px; overflow: hidden; padding-top: 8px; }
.sec_pager .hit_box{ overflow: hidden; float: right; }
.sec_pager .num_box{ float: left; }
.sec_pager .num_box strong{ color: #FF675F; font-size: 16px; font-weight: bold; margin-right: 4px; }
.sec_pager .allarea_name { float: left; padding-right: 6px; color: rgba(102,102,102,1.00); line-height: normal; padding-top: 6px; }
.sec_pager .pager_box{ float: right; }
.sec_pager .pager_box li{ float: left; display: block; margin-right: 10px; }
.sec_pager .pager_box li:last-child{ margin-right: 0px; }
.sec_pager .pager_box li a{ padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; display: block; color: #000000; font-weight: bold; font-size: 18px; }
.sec_pager .pager_box li a.nowpage{ color: #FF675F; }
.sec_pager:last-of-type{ padding-top: 16px; }

.sec_pager .pager_box li.back_list a img{ width: 8px; height: auto; -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); margin-bottom: 5px; }
.sec_pager .pager_box li.next_list a img{ width: 8px; height: auto; margin-bottom: 5px; }

.sec_pager .pager_box li.last_list a img{ width: 8px; height: auto; display: inline-block; margin-bottom: 9px; }
.sec_pager .pager_box li.last_list a:after{ content: ''; display: inline-block; width: 8px; background-image: url(../../img/common/coommon_arr_01.svg); background-size: 100% auto; background-repeat: no-repeat; height: 16px; margin-top: 6px; }

.sec_pager .pager_box li.first_list a img{ width: 8px; height: auto; display: inline-block; -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); margin-bottom: 9px; }
.sec_pager .pager_box li.first_list a:before{ content: ''; display: inline-block; width: 8px; background-image: url(../../img/common/coommon_arr_01.svg); background-size: 100% auto; background-repeat: no-repeat; height: 16px; -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); margin-top: 6px; }

.sec_sort{ text-align: right; padding-top: 10px; }
.sec_sort select{ padding-bottom: 6px; padding-right: 26px; padding-left: 20px; padding-top: 3px; font-size: 13px; border: 2px solid #000000; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ""; background-image: url(/img/common/coommon_arr_04.svg); background-repeat: no-repeat; background-position: right center; background-size: 30px 20px; }
.between_ban{ text-align: center; display: block; width: 100%; padding-top: 30px; padding-left: 2%; padding-right: 2%; }
.between_ban a img{ width: 100%; }


/*プレゼント*/
.ince_box{ width: 1040px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-bottom: 14px; text-align: center; display: block; background-color: #FFFFFF; color: #565656; border: 1px solid #C3C3C3; margin-bottom: 36px; margin-top: 10px; }
.ince_box strong{ font-weight: bold; font-size: 18px; color: #FF6B58; }
.ince_box small{ font-size: 12px; display: block; padding-top: 4px; }

/*ヘッダ*/
header{ width: 100%; position: fixed; top: 0px; z-index: 1200; }
a.fade:hover { -ms-filter: "alpha(opacity=80)"; filter:alpha(opacity=80); opacity:0.80; }

.header-inner{ background-color: #000000; border-bottom: 5px solid #ff6b58; height: 50px; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 1999; text-align: center; }
.header-inner .cont_box{ overflow: hidden; overflow: visible; }
.header-inner .tel_box{ position: absolute; top: 0px; left: 0px; z-index: 2001; width: 253px; height: 62px; }

.header-inner .tel_box span{ width: 253px; height: 62px; display: block; position: absolute; top: 0px; left: 0px; color: #FFFFFF; padding-top: 12px; text-align: left; font-size: 25px; font-family: 'Spectral', serif; font-weight: 400; font-feature-settings : "palt" 1; letter-spacing: 0em; padding-left: 66px; }


.header-inner ul#subnavi{ position: absolute; right: 0px; top: 8px; }
.header-inner ul#subnavi li{ float: left; padding-right: 10px; }
.header-inner ul#subnavi li a{ color: #FFFFFF; font-size: 12px; display: block; }
.header-inner ul#subnavi li a img{ background-color: #000000; border-radius: 100px; border: 2px solid #FFFFFF; vertical-align: middle; margin-right: 6px; }

.header-inner ul#subnavi li a svg{ border: 2px solid #FFFFFF; border-radius: 210px; width: 48px; background-color: #000000; height: 48px; vertical-align: middle; margin-right: 6px; }
.header-inner ul#subnavi li a .mail_icon,
.header-inner ul#subnavi li a .inq_icon,
.header-inner ul#subnavi li a .login_icon
{ fill: #FFFFFF; }

.header-inner ul#subnavi li:last-child{ padding-right: 0px;}

#glnavi{ background-color: #FFFFFF; width: 100%; padding-top: 12px; padding-bottom: 12px; }
#glnavi ul{ width: 1040px; margin-left: auto; margin-right: auto; display: block; overflow: hidden;  }
/*5列*/
#glnavi ul li{ width: 20%; float: left; border-right: 1px solid #000000; }

/*6列
#glnavi ul li{ width: 17%; float: left; border-right: 1px solid #000000; }
#glnavi ul li:first-child,#glnavi ul li:last-child{ width: 16%;  }
*/
#glnavi ul li *{ font-size: 16px;}
#glnavi ul li a{ width: 100%; text-align: center; display: block; padding-top: 4px; padding-bottom: 4px; color: #000000; }

#glnavi ul li:first-child{ border-left: 1px solid #000000;}
#glnavi.sclled{ position: fixed; top: 50px; z-index: 1000; }


.header-inner .scllin_logo{ opacity: 0; margin-top: 0px; text-align: center; padding-top: 8px; width: 150px; margin-left: auto; margin-right: auto;position: absolute; top: -300px; }
.header-inner .scllin_logo.sclled{ top: 0px; position: static; }
.header-inner .scllin_logo img{ width: 110px; }

.logo_line{ width: 1040px; padding-top: 84px; text-align: center; padding-bottom: 14px; margin-left: auto; margin-right: auto; position: relative; display: block; }

.logo_line #org_logo{ }
.logo_line #org_logo a{ display: inline-block; font-size: 16px; color: #ff6b58; }
.logo_line #org_logo img{ display: block; margin-left: auto; margin-right: auto;  }
.logo_line #org_logo a p{ margin-top: -8px; }

.logo_line a.cross_link{ position: absolute; right: 0px; display: block; bottom: 16px; }
.logo_line #gb_logo{ position: absolute; width: 140px; display: block; left: 0px; top: 75px; }
.logo_line #gb_logo img{ width: 100%; height: auto; }

/*ヘッダ スクロール切り替えアニメ*/
 
.scllin_logo.sclled {
    
      animation-name: fade-in;
      animation-duration: 0.4s;
	  animation-timing-function: ease;
	  animation-iteration-count: 1;
	  animation-fill-mode: forwards;
      
      -webkit-animation-name: fade-in;
      -webkit-animation-duration: 0.4s;
      -webkit-animation-timing-function: ease;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-fill-mode: forwards;
      
      -o-animation-name: fade-in;
      -o-animation-duration: 0.4s;
      -o-animation-timing-function: ease;
      -o-animation-iteration-count: 1;
	  -o-animation-fill-mode: forwards;
      
      -ms-animation-name: fade-in;
      -ms-animation-duration: 0.4s;
      -ms-animation-timing-function: ease;
      -ms-animation-iteration-count: 1;
      -ms-animation-fill-mode: forwards;
    
    }

.scllin_logo{ 
      animation-name: fade-out;
      animation-duration: 0.4s;
	  animation-timing-function: ease;
	  animation-iteration-count: 1;
	  animation-fill-mode: forwards;
      
      -webkit-animation-name: fade-out;
      -webkit-animation-duration: 0.4s;
      -webkit-animation-timing-function: ease;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-fill-mode: forwards;
      
      -o-animation-name: fade-out;
      -o-animation-duration: 0.4s;
      -o-animation-timing-function: ease;
      -o-animation-iteration-count: 1;
	  -o-animation-fill-mode: forwards;
      
      -ms-animation-name: fade-out;
      -ms-animation-duration: 0.4s;
      -ms-animation-timing-function: ease;
      -ms-animation-iteration-count: 1;
      -ms-animation-fill-mode: forwards;
}



/*お問い合わせ追従ボックス*/
#inq_box{ position: fixed; width: 156px; z-index: 1100; bottom: 0px; height: 156px; right: 0px;}

#inq_box ul{ background-color: #FF675F; overflow: hidden; }
#inq_box ul li{ width: 50%; float: left; text-align: center; padding-top: 6px; padding-bottom: 6px; }
#inq_box ul li img{ display: block; width: 20%; margin-left: auto; margin-right: auto; margin-bottom: 0px; }
#inq_box ul li a{ font-size: 10px; display: block; color: #FFFFFF; line-height: 1.2em; }
#inq_box ul li:first-child{ border-right: 1px solid #FFFFFF; }


/*画像回転*/
img.roteL90{
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}
img.roteR90{
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}


/*フッタ*/
#contact_box{ background-image: url(../../img/common/bg_03.gif); background-repeat: repeat; background-size: 39% auto; background-position: center 0%; padding-bottom: 16px; padding-top: 30px; }
#contact_box .def_btn03{ margin-top: 16px; font-size: 30px; padding-top: 30px; padding-bottom: 30px; width: 690px; margin-left: auto; margin-right: auto; }
#contact_box h2{ font-size: 18px; }
#contact_box h2 small{ font-size: 33px; padding-bottom: 8px; display: block; }

#totop{ text-align: center; padding-top: 30px; }
#totop a{ display: inline-block; padding-left: 4%; padding-right: 4%; padding-top: 8px; padding-bottom: 8px; font-style: italic; font-size: 24px; }
#totop a:after{ content: '▲'; font-style: normal; margin-left: 4px; }

footer {text-align: center; }
footer section#foot_sns { background-color: #000000; padding-top: 20px; display: block; width: 100%; }
footer section#foot_sns ul{ overflow: hidden; display: inline-block; }
footer section#foot_sns ul li{ display: inline-block; padding-left: 10px; padding-right: 10px; }
footer section#foot_sns ul li a{ padding-top: 4px; padding-bottom: 4px; display: block; color: #FFFFFF; padding-right: 8px; padding-left: 8px; }

footer section#foot_sns ul li svg{ width: 46px; }
footer section#foot_sns ul li .twt_icon,
footer section#foot_sns ul li .inst_icon,
footer section#foot_sns ul li .line_icon,
footer section#foot_sns ul li .fb_icon{ fill: #FFFFFF; }

footer section#foot_prof{ background-color: #000000; display: block; padding-top: 12px; color: #848484; font-size: 12px; line-height: 1.8em; padding-left: 4%; padding-right: 4%; padding-bottom: 20px; }
footer section#foot_smap{background-color: #000000; display: block; width: 100%;}
footer section#foot_smap ul{ overflow: hidden; display: inline-block; }
footer section#foot_smap ul li{ display: inline-block; padding-left: 10px; padding-right: 10px; }
footer section#foot_smap ul li a{color: #848484;}
footer section#foot_copy{ background-color: #000000; display: block; padding-top: 10px; color: #848484; font-size: 12px; line-height: 1.8em; padding-left: 4%; padding-right: 4%; padding-bottom: 20px; }



/*パンくず*/
#pankz{ padding-top: 20px; }
#pankz ul{ width: 1040px; margin-left: auto; margin-right: auto; overflow: hidden; }
#pankz ul li{ float: left; color: #000000; margin-right: 8px; display: block; padding-top: 4px; padding-bottom: 4px; font-size: 12px; }
#pankz ul li:before{ content: '＞ '; font-size: 11px; vertical-align: top; } 
#pankz ul li a{ color: #000000; line-height: 1.2em; font-size: 12px;}
#pankz ul li br{ display: none; }
#pankz ul li a br{ display: none; }
#pankz ul li:first-child{ color: #000000; }
#pankz ul li:first-child:before{ content: '';}


/*検索ボックス*/


div[class*="search_box"]{ width: 100%; margin-left: auto; margin-right: auto; padding-top: 35px; padding-bottom: 20px; overflow: hidden; }
div[class*="search_box"] form{ width: 100%; margin-left: auto; margin-right: auto; padding-bottom: 20px; padding-top: 20px; }
div[class*="search_box"] ul#seach_form{overflow: hidden;}
div[class*="search_box"] ul#seach_form li{ float: left; text-align: left; padding-bottom: 10px; width: 50%; }
div[class*="search_box"] ul#seach_form li:nth-child(3n){ }
div[class*="search_box"] ul#seach_form li h3{ display: inline-block; border-left: 3px solid #000000; padding-left: 16px; padding-right: 16px; font-size: 15px; }
div[class*="search_box"] ul#seach_form li a.area_btn{ display: block; margin-left: auto; margin-right: auto; cursor: pointer; padding-top: 4px; padding-bottom: 8px; background-color: #000000; width: auto; font-size: 13px; color: #FFFFFF; text-align: center; }
div[class*="search_box"] ul#seach_form li a.area_btn:after{ content: ''; display: inline-block; background-image: url(../../renocolle/img/common/common_arr_02.svg); background-repeat: no-repeat; background-position: left center; width: 15px; height: 15px; vertical-align: middle; margin-left: 8px; }
div[class*="search_box"] ul#seach_form li a.area_btn.active:after{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); background-position: left center; width: 15px; height: 15px; vertical-align: middle; }
div[class*="search_box"] ul#seach_form li select{ padding-bottom: 6px; padding-right: 26px; padding-left: 20px; padding-top: 3px; font-size: 13px; border: 2px solid #000000; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ""; background-image: url(/img/common/coommon_arr_04.svg); background-repeat: no-repeat; background-position: right center; background-size: 30px 20px; }

@media all and (-ms-high-contrast: none){
div[class*="search_box"] ul#seach_form li select{ line-height: 1em; font-size: 14px; display: inline-block; padding-top: 2px; padding-bottom: 6px; }
select::-ms-expand {
    display: none;
}
}

div[class*="search_box"] .area_list{ display: none; border: 3px solid #151515; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; margin-bottom: 20px; background-color: #FFFFFF; }
div[class*="search_box"] .area_list ul{ overflow: hidden; }
div[class*="search_box"] .area_list ul li{}
div[class*="search_box"] .area_list ul li input[type="checkbox"]{ margin-right: 12px; vertical-align: baseline; }

div[class*="search_box"] .resbtn_box{ text-align: center; clear: both;  }
div[class*="search_box"] .resbtn_box input.search_btn[type="submit"]{ cursor: pointer; font-size: 13px; padding-left: 80px; padding-right: 80px; background-color: #ff6b58; color: #FFFFFF; background-image: url(/renocolle/img/common/common_megane.svg); background-repeat: no-repeat; background-position: 180px center; font-weight: normal; border-style: none; padding-top: 9px; padding-bottom: 12px; height: 40px; display: inline-block; vertical-align: middle; border-radius: 0px; text-align: center; }
div[class*="search_box"] .resbtn_box a.form_reset{ font-size: 13px; padding-left: 80px; padding-right: 80px; color: #000000; font-weight: normal; margin-left: 14px; display: inline-block; border: 3px solid #000000; padding-bottom: 4px; background-color: #FFFFFF; height: 40px; padding-top: 6px; }


div.head_search_box{ background-color: #ececec; padding-bottom: 0px; padding-top: 0px; display: none; width: 100%; z-index: 10; position: absolute; top: -500px; }
div.head_search_box a.open_btn{ color: #000000; font-size: 13px; width: 100%; text-align: center; padding-top: 13px; padding-bottom: 8px; display: block; }
div.head_search_box a.open_btn:after{ content: ''; display: inline-block; width: 14px; height: 14px; background-image: url(/renocolle/img/common/common_megane.svg); background-repeat: no-repeat; background-size: 100% auto; vertical-align: middle; margin-left: 6px; }
div.head_search_box form.accord{ display: none; }


div.head_search_box.sclled{ display: block; position: fixed; top: 104px;
      animation-name: fade-in;
      animation-duration: 0.4s;
	  animation-timing-function: ease;
	  animation-iteration-count: 1;
	  animation-fill-mode: forwards;
      
      -webkit-animation-name: fade-in;
      -webkit-animation-duration: 0.4s;
      -webkit-animation-timing-function: ease;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-fill-mode: forwards;
      
      -o-animation-name: fade-in;
      -o-animation-duration: 0.4s;
      -o-animation-timing-function: ease;
      -o-animation-iteration-count: 1;
	  -o-animation-fill-mode: forwards;
      
      -ms-animation-name: fade-in;
      -ms-animation-duration: 0.4s;
      -ms-animation-timing-function: ease;
      -ms-animation-iteration-count: 1;
      -ms-animation-fill-mode: forwards;

 }
div.head_search_box.unsclled{ display: block; position: fixed; top: -500px;
    
      animation-name: fade-out;
      animation-duration: 0.4s;
	  animation-timing-function: ease;
	  animation-iteration-count: 1;
	  animation-fill-mode: forwards;
      
      -webkit-animation-name: fade-out;
      -webkit-animation-duration: 0.4s;
      -webkit-animation-timing-function: ease;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-fill-mode: forwards;
      
      -o-animation-name: fade-out;
      -o-animation-duration: 0.4s;
      -o-animation-timing-function: ease;
      -o-animation-iteration-count: 1;
	  -o-animation-fill-mode: forwards;
      
      -ms-animation-name: fade-out;
      -ms-animation-duration: 0.4s;
      -ms-animation-timing-function: ease;
      -ms-animation-iteration-count: 1;
      -ms-animation-fill-mode: forwards;
    
    }


/*googleconversionによるレイアウト崩れ対策*/
iframe[name="google_conversion_frame"] { position: absolute!important; top: 0!important; }