@charset "UTF-8";

/*-------------------------
__page_style
-------------------------*/

/*----- 買う -----*/
#buy{padding: 15px;background-color: #004D9E;border-radius: 4px;filter:drop-shadow(1px 1px 2px rgba(30,127,190,.6));display: flex;justify-content: space-between;align-items: center;image-rendering:-webkit-optimize-contrast;position:relative;z-index:99;}
#buy .buy_title{width:8em;font-size:18px;line-height:1.3;font-weight:700;text-align:center;padding:0 0 5px;color:#FFF;border-bottom:2px solid #FFF;}
#buy .buy_title > span{display:block;font-size:40px;margin:0 0 10px;}
#buy .buy_title > span::before{display:inline-block;content:"";width:37px;height:38px;margin:0 12px 0 0;background:url("/images/shop/buy_icon_00@2x.png")no-repeat center center / contain;}
#buy .buy_title > span > span{font-size:55px;}

#buy>div>ul{width: 651px;display: flex;justify-content: space-between;}
#buy>div>ul>li{width: calc((100% - 45px) / 4);}
#buy>div>ul>li.active{position:relative;}
#buy>div>ul>li>a{font-size: 16px;line-height: 16px;font-weight: 700;color: #024E9E;text-align: center;text-decoration: none;padding: 59px 0 15px;background-color: #fff;border-radius: 4px;filter:drop-shadow(1px 1px 1.5px rgba(30,127,190,.8));transition: all .3s;display: block;position: relative;}
#buy>div>ul>li>a:hover{opacity: 0.5;}
#buy>div>ul>li>a::before{content: "";width: 52px;height: 52px;margin-left: -26px;position: absolute;top: 7px;left: 50%;}
#buy>div>ul>li:nth-of-type(1)>a::before{background-image: url("/images/shop/icon_06.png");-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;}
#buy>div>ul>li:nth-of-type(2)>a::before{background-image: url("/images/shop/icon_07.png");-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;}
#buy>div>ul>li:nth-of-type(3)>a::before{background-image: url("/images/shop/icon_08.png");-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;}
#buy>div>ul>li:nth-of-type(4)>a::before{background-image: url("/images/shop/icon_09.png");-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;}
#buy>div>ul>li.active .kind_select{background-color: #38A4E7;border-radius: 8px;padding: 5px; z-index: 9999;filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.4)); position: absolute; top: -18px; right: -165px;}
#buy>div>ul>li:not(.active) .kind_select{display:none;}
#buy>div>ul>li.active .kind_select>ul{position: relative;}
#buy>div>ul>li.active .kind_select>ul::before{content: "";width: 0;height: 0;border-style: solid;border-width: 8px 16px;border-color: transparent #38A4E7 transparent transparent;margin-top: -8px;position: absolute;top: 50%;left: -36px;}
#buy>div>ul>li.active .kind_select>ul li:first-child{margin-bottom: 5px;}
#buy>div>ul>li.active .kind_select>ul li a{font-size: 16px;line-height: 16px;font-weight: 700;color: #333;text-align: left;text-decoration: none;background-color: #fff;border-radius: 3px;padding: 12px 14px 12px 42px;transition: all .3s;display: block;position: relative;}
#buy>div>ul>li.active .kind_select>ul li a:hover{background-color: #CFCFCF;}
#buy>div>ul>li.active .kind_select>ul li a::before{content: "";width: 26px;height: 26px;position: absolute;top: 7px;left: 8px;}
#buy>div>ul>li.active .kind_select>ul li:nth-of-type(1) a::before{background-image: url("/images/shop/search_icon_area.png");-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;background-position: center;}
#buy>div>ul>li.active .kind_select>ul li:nth-of-type(2) a::before{background-image: url("/images/shop/search_icon_line.png");-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;background-position: center;}
/*=== iOSでのデフォルトスタイルをリセットここから ===*/
#buy div .serchbox input[type="button"]{font-size:14px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0;-webkit-box-sizing:content-box;-webkit-appearance:none;appearance:button;box-sizing:border-box;cursor:pointer;border:none;outline:none;padding:0;}
#buy div .serchbox input[type="button"]::-webkit-search-decoration{display:none;}
/*=== iOSでのデフォルトスタイルをリセットここまで ===*/
#buy div .serchbox{margin-top: 12px;display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items: center;}
#buy div .serchbox>span{font-size: 20px;font-weight: 700;line-height: 25px;color: #fff;padding-right: 15px;text-align: left;}
#buy div .serchbox>div input[type="search"]{width: 436px;font-size: 18px;line-height: 18px;border:solid 1px #B0B0B0;border-radius: 5px;margin-right: 8px;padding: 7.5px 10px;}
#buy div .serchbox>div input[name="srch_frw"]{width: 72px;font-size: 20px;font-weight: 700;color: #fff;line-height: 20px;background-color: #38A4E7;border: none;border-radius: 5px;padding: 10px 0;transition: all .3s;}
#buy div .serchbox>div input[name="srch_frw"]:hover{color: #004D9E;background-color: #fff;}
#buy div .serchbox>div input[type="search"]:placeholder-shown + input[name="srch_frw"]{background-color:#AAA;pointer-events:none;}
#buy div .serchbox>div input[type="search"]:-ms-input-placeholder + input[name="srch_frw"]{/*IE対応*/background-color:#AAA;pointer-events:none;}
#buy div .serchbox>div span {font-size: 14px;color: #fff;text-align: left;padding-top: 7px;display: block;}


/*----- 不動産特集から探す -----*/
#search_feature{margin-top:40px;}
#search_feature a.bn_base:not(:last-of-type){margin-bottom: 10px;transition: all .3s;}
#search_feature a.bn_base:not(:last-of-type):hover{opacity: 0.5;}
#search_feature .bl_btn{width: 290px;font-size: 19px;font-weight: 700;color: #fff;line-height: 19px;text-align: center;text-decoration: none;background-color: #004d9e;border-radius: 5px;margin: 28px auto 42px;padding: 20.5px 0;filter: drop-shadow(2px 2px 3px rgba(30,0,0,.5));display: block;transition: all .3s;}
#search_feature .bl_btn:hover{opacity: 0.5;transform: translateY(2px);filter: drop-shadow(0px 0px 0px rgba(255,255,255,0));}


/*----- こだわり条件から探す -----*/
h2{font-size: 2em;font-weight: 700;line-height: 1em;color: #004D9E;margin-bottom: 18px;padding: 16px 0 21px 16px;background-image: url("/images/shop/line_02@2x.png");-webkit-background-size: contain;background-size: contain;background-position: bottom;background-repeat: no-repeat;position: relative;}
h2::before{content: "";width: 5px;height: 20px;background-color: #004D9E;position: absolute;top: 16px;left: 0;}
h2::after{content: "";width: 110px;height: 62px;background-image: url("/images/shop/character_01@2x.png");-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;position: absolute;bottom: 6px;right: 0;}
h3{ background:#DDE9F3;padding:18px 18px 15px; margin-bottom: 20px;}
h3 span{ font-size:18px;font-weight:700;line-height:1.1;color:#004DA0;}

.kodawari_list{ margin-bottom: 30px;}
.kodawari_list .kodawari_box{ position: relative;}
.kodawari_list .kodawari_box .kodawari_btn{ position: absolute; top: 8px; right: 8px; display: flex;}
.kodawari_list .kodawari_box .kodawari_btn .new_btn,
.kodawari_list .kodawari_box .kodawari_btn .change_btn{ background-color: #fff; border-radius: 5px;}
.kodawari_list .kodawari_box .kodawari_btn .new_btn a,
.kodawari_list .kodawari_box .kodawari_btn .change_btn a{ display: block; font-size: 1.4em; padding: 10px 0; width: 150px; border: 1px solid #004d9e; background-color: #fff; text-align: center; color: #004d9e; text-decoration: none; border-radius: 5px; -moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.kodawari_list .kodawari_box .kodawari_btn .new_btn a:hover,
.kodawari_list .kodawari_box .kodawari_btn .change_btn a:hover{opacity: 0.5;}
.kodawari_list .kodawari_box .kodawari_btn .change_btn{ margin-left: 7px;}
.kodawari_list .kodawari_box ul{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.kodawari_list .kodawari_box ul li{ width: calc(25% - 60px / 4); margin-right: 20px; margin-bottom: 20px; text-align: center;}
.kodawari_list .kodawari_box ul li:nth-child(4n){ margin-right: 0;}
.kodawari_list .kodawari_box ul li a{ display: block; background-color: #38a4e7; color: #fff; text-decoration: none; width: 100%; height: 65px; font-size: 1.3em; line-height: 1.3em; border-radius: 5px; position: relative;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.kodawari_list .kodawari_box ul li a span{ display: block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.kodawari_list .kodawari_box ul li a:hover{opacity: 0.5;}


/*----- エリアから探す -----*/
.link_list{ margin-bottom: 30px;}
.link_list .link_box{ position: relative;}
.link_list .link_box p.attention{ font-size: 1.4em; position: absolute; top: 20px; right: 15px;}
.link_list .link_box p.attention span{ color:#F00;}
.link_list .link_box ul{ letter-spacing:-1em;padding:10px 0 20px 20px;}
.link_list .link_box ul li{ letter-spacing:normal;width:25%;vertical-align:top;display:inline-block;box-sizing:border-box;padding:0 20px 15px 0;}
.link_list .link_box ul li dl{}
.link_list .link_box ul li dl dt{ float:left;position:relative;padding:0 0 0 16px;}
.link_list .link_box ul li dl dt:before{content:"";width:0;height:0;display:block;position:absolute;top:0;bottom:0;left:0;margin:auto;border-top:5px solid transparent;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #000;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.link_list .link_box ul li dl dd{ float:right;}
.link_list .link_box ul li dl dt:hover:before{left:5px;}
.link_list .link_box ul li a{font-size:14px;line-height:1.1;letter-spacing:0.07em;color:#000;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.link_list .link_box ul li dl dt:hover a{color:#004DA0;text-decoration:none;}
.link_list .link_box .general{font-size:14px;line-height:1.1;color:#000;}
.link_list .link_box .member{font-size:14px;line-height:1.1;color:#F00;}


/*----- 各店舗の不動産特集から探す -----*/
h4{ font-size: 20px; font-weight: 700; color: #004DA0; line-height: 1.1; padding: 5px 10px 4px; border-left: 4px solid #004DA0; margin: 0 0 15px;}

.map{ width: 860px; height: 638px; margin-bottom: 30px;}
.map > .inner{ width: 100%; height: 100%; background-image: url("/images/shop/map_shop.jpg"); background-size: cover; border-radius: 10px; position: relative;}
.map > .inner ul li > p{ position: absolute; font-size: 19px; background-color: #004DA0; padding: 0 10px; box-sizing: border-box; color: #fff; border-radius: 5px; font-weight: 700; text-align: center; height: 37px; line-height: 40px;}
.map > .inner ul li > p a{ display: inline-block; color: #fff!important; text-decoration: none;}
.map > .inner ul li > p.active{ background-color: #39A5FC;}
.map > .inner ul li > p:hover{ cursor: pointer;}
.map > .inner ul li .shop_data{ position: absolute; z-index: 100;}

/*========================== 各店舗名表示位置 ==========================*/
.map > .inner ul li.asaka > p{ top: 107px; left: 270px;}
.map > .inner ul li.kiyose > p{ top: 199px; left: 378px;}
.map > .inner ul li.higashikurume > p{ top: 199px; left: 470px;}
.map > .inner ul li.oizumigakuen > p{ top: 199px; left: 600px;}
.map > .inner ul li.kumegawa > p{ top: 280px; left: 405px;}
.map > .inner ul li.tanashi > p{ top: 280px; left: 556px;}
.map > .inner ul li.hachioji > p{ top: 370px; left: 33px;}
.map > .inner ul li.toyoda > p{ top: 370px; left: 150px;}
.map > .inner ul li.tachikawa > p{ top: 370px; left: 250px;}
.map > .inner ul li.kokubunji > p{ top: 370px; left: 394px;}
.map > .inner ul li.mitaka > p{ top: 370px; left: 528px;}
.map > .inner ul li.ogikubo > p{ top: 370px; left: 629px;}
.map > .inner ul li.hino > p{ top: 470px; left: 160px;}
.map > .inner ul li.fucyu > p{ top: 470px; left: 350px;}
.map > .inner ul li.chofu > p{ top: 470px; left: 513px;}
.map > .inner ul li.sengawa > p{ top: 470px; left: 635px;}
.map > .inner ul li.nagoya > p{ top: 575px; left: 386px; width: 146px; font-size: 15px;}
.map > .inner ul li.fukuoka > p{ top: 575px; left: 205px; width: 146px;}
.map > .inner ul li.okinawa > p{ top: 575px; left: 24px; width: 146px;}

/*========================== マップ ==========================*/
.map > .inner .line{ fill:none; stroke:#79A4C4; stroke-width:3.1736; stroke-miterlimit:10;}
.map > .inner .line_name{ fill:#7AA4C4;}
.map > .inner .line_name_text{ fill:#FFFFFF; font-size:13px;}
.map > .inner .line_jr{ fill:none; stroke:#79A4C4; stroke-width:6.5; stroke-miterlimit:10;}
.map > .inner .line_jr_w{ fill:none; stroke:#FFFFFF; stroke-width:3.1736; stroke-miterlimit:10; stroke-dasharray:10.5788,10.5788;}
.map > .inner .station_name{ fill:#7AA4C4; font-size:11px; font-weight: 700;}
.map > .inner .station_name_s{ font-size:15px; fill:#79A5C4; font-weight: 700;}
.map > .inner .station_name_s_w{ font-size:15px; fill:none; stroke:#FFFFFF; stroke-width:4.2315; stroke-linecap:round; stroke-linejoin:round; font-weight: 700;}
.map > .inner .station_circle{ fill:#79A4C4;}
.map > .inner .station_circle_s{ fill:#FFFFFF; stroke:#79A4C4; stroke-width:3.1736; stroke-miterlimit:10;}
.map > .inner .af_back{ fill:#FFFFFF;}
.map > .inner .af_border{ fill:#79A4C4;}
.map > .inner .af_textback{ fill:#79A4C4;}
.map > .inner .af_text{ fill:#FFFFFF; font-size:17px;}
.map > .inner .arrow_c{ fill:#004DA0;}
.map > .inner .arrow_l{ fill:none; stroke:#004DA0; stroke-width:1.5868; stroke-miterlimit:10;}

/*========================== ホバー時・選択時の線路の色 ==========================*/
.map > .inner #line_tojo.active .line{ stroke:#004098;}
.map > .inner #line_tojo.active .line_name{ fill:#004098;}
.map > .inner #line_ikebukuro.active .line{ stroke:#ff6600;}
.map > .inner #line_ikebukuro.active .line_name{ fill:#ff6600;}
.map > .inner #line_shinjyuku.active .line{ stroke:#00AAAF;}
.map > .inner #line_shinjyuku.active .line_name{ fill:#00AAAF;}
.map > .inner #line_cyuo.active .line_jr{ stroke:#F15A22;}
.map > .inner #line_cyuo.active .line_name{ fill:#F15A22;}
.map > .inner #line_keio.active .line{ stroke:#dd0077;}
.map > .inner #line_keio.active .line_name{ fill:#dd0077;}
.map > .inner #line_musashino.active .line_jr{ stroke:#F15A22;}
.map > .inner #line_musashino.active .line_name{ fill:#F15A22;}

/*========================== ホバー時・選択時の駅・吹き出しの色 ==========================*/
/*JR武蔵野線*/
.map > .inner .station_asaka.active .station_circle_s{ stroke:#F15A22;}
.map > .inner .station_asaka.active .station_name_s{ fill:#F15A22;}
/*西武池袋線*/
.map > .inner .station_kiyose.active .station_circle_s,
.map > .inner .station_higashikurume.active .station_circle_s,
.map > .inner .station_oizumigakuen.active .station_circle_s{ stroke:#ff6600;}
.map > .inner .station_kiyose.active .station_name_s,
.map > .inner .station_higashikurume.active .station_name_s,
.map > .inner .station_oizumigakuen.active .station_name_s{ fill:#ff6600;}
/*西武新宿線*/
.map > .inner .station_kumegawa.active .station_circle_s,
.map > .inner .station_tanashi.active .station_circle_s{ stroke:#00AAAF;}
.map > .inner .station_kumegawa.active .station_name_s,
.map > .inner .station_tanashi.active .station_name_s{ fill:#00AAAF;}
/*JR中央線*/
.map > .inner .station_hachioji.active .station_circle_s,
.map > .inner .station_toyoda.active .station_circle_s,
.map > .inner .station_tachikawa.active .station_circle_s,
.map > .inner .station_kokubunji.active .station_circle_s,
.map > .inner .station_mitaka.active .station_circle_s,
.map > .inner .station_ogikubo.active .station_circle_s{ stroke:#F15A22;}
.map > .inner .station_hachioji.active .station_name_s,
.map > .inner .station_toyoda.active .station_name_s,
.map > .inner .station_tachikawa.active .station_name_s,
.map > .inner .station_kokubunji.active .station_name_s,
.map > .inner .station_mitaka.active .station_name_s,
.map > .inner .station_ogikubo.active .station_name_s{ fill:#F15A22;}
/*京王線*/
.map > .inner .station_hino.active .station_circle_s,
.map > .inner .station_fucyu.active .station_circle_s,
.map > .inner .station_chofu.active .station_circle_s{ stroke:#dd0077;}
.map > .inner .station_hino.active .station_name_s,
.map > .inner .station_fucyu.active .station_name_s,
.map > .inner .station_chofu.active .station_name_s,
.map > .inner .station_sengawa.active .station_name_s{ fill:#dd0077;}
/*吹き出し矢印*/
.map > .inner .active .arrow_c{ fill:#39A5FC;}
.map > .inner .active .arrow_l{ stroke:#39A5FC;}

/*----- 最近見た物件 -----*/
.link_box_history{margin:0 0 40px;}
.link_box_history .link_title{background:#DDE9F3;padding:15px 15px 13px;}
.link_box_history .link_title span{font-size:18px;font-weight:700;line-height:1.1;color:#004DA0;}
.link_box_history ul{letter-spacing:-1em;}
.link_box_history ul li{letter-spacing:normal;width:196px;vertical-align:top;display:inline-block;box-sizing:border-box;}
.link_box_history ul li + li{margin:0 0 0 25px;}
.link_box_history a{text-decoration:none;}
.link_box_history .photo{margin:0 0 10px;display:block;border:1px solid #ccc;background:#f5f5f5;box-sizing:border-box;height:140px;overflow:hidden;position:relative;}
.link_box_history .photo img{width:auto;height:auto;max-width:100%;max-height:140px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.link_box_history a:hover .photo img{filter:brightness(120%);}
.link_box_history .kind{font-size:14px;line-height:25px;color:#777;display:block;}
.link_box_history .address{font-size:16px;font-weight:700;line-height:1.4;color:#000;display:block;}
.link_box_history .price{font-size:14px;line-height:1.4;color:#000;display:block;}


/*----- 売る -----*/
#sale{image-rendering:-webkit-optimize-contrast; margin-bottom: 30px;}
#sale a{background-color: #fff;border-radius: 5px;overflow: hidden;filter: drop-shadow(1px 1px 1.5px rgba(30,127,190,.8));display: block;}
#sale a img{vertical-align: bottom;transition: all .3s;}
#sale a:hover img{opacity: 0.5;}


#main .foot_copy{margin:30px 0 20px!important;}