@charset "UTF-8";
/* CSS Document */
/*===============
base
=================*/
body, div, dl, dt, dd, ul, ol, li, h1, a h2, h3, h4, h5, h6, form, input, p, blockquote, th, td { margin: 0; padding: 0; }
img { max-width: 100%; height: auto; }
#wrapper { min-width: 320px; font-size: 14px; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; color: #333; background: #fff; line-height: 1.4em;letter-spacing:0; }
section { margin-right: 0; margin-bottom: 20px; margin-left: 0; margin-top: 20px; }
section:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
.h_content { margin: 10px; }
.tel, .member, .login { display: none; }
.logo { height: 40px; width: 200px; background-image: url(../images/common/sp_logo.png); background-size: 200px 40px; float: left; background-repeat: no-repeat; margin-left: 10px; }
.logo a { text-indent: -9999em; }
.logo a, .w_top a, .topmenu a { display: block; height: 100%; }
.sp_login { position: absolute; right: 45px; top: 8px; }
.gry_btn { text-align: center; background-color: #959595; color: #FFF !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 80%; font-weight: bold; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #535353; padding-top: 3px; padding-bottom: 2px; padding-right: 10px; padding-left: 10px; display: block; }
/*a:link, a:visited, a:active { color: #0972AE; text-decoration: none; }
a:hover { color: #006e42; text-decoration: none; }*/
ul, ol { list-style: none; }

/*clearfix*/
.clearfix:after { visibility: hidden; /*見えなくする*/ height: 0; /*見えなくする*/ display: block; /*block要素にする*/ font-size: 0; content: " "; clear: both; }
* html .clearfix { zoom: 1; }

/* IE6 */
*:first-child + html .clearfix { zoom: 1; }

/* IE7 */
/*footerの背景指定*/
html { background: #FFF; }
.nonpc { }
.tab { display: none; }
.pc { display: none; }
.sp_fl { float: left; }
.sp_fr { float: right; }

/*==================
header
====================*/
.top_description h1 { font-size: 75%; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; }
.description h1 { font-size: 75%; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; }
.sp_header { position: relative; }
#menu { position: absolute; top: 7px; width: 100%; z-index: 999; }
.sp_header #menu dt { position: absolute; background-image: url(../images/common/menu_open.png); background-size: 30px 30px; background-repeat: no-repeat; margin-bottom: 13px; cursor: pointer; width: 30px; right: 10px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
.sp_header #tel dt { position: absolute; background-image: url(../images/common/tel.png); background-size: 30px 30px; background-repeat: no-repeat; margin-bottom: 13px; cursor: pointer; width: 30px; right: 50px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; top: 7px; }
#menu dd { position: absolute; display: none; font-size: 95%; margin-top: 0; margin-bottom: 0; background-color: #626262; color: #FFF; top: 33px; width: 100%; z-index: 99999; }
#menu dt.active { background-image: url(../images/common/menu_close.png); }
#menu dd ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #7d7a7a; }
#menu dd ul li:last-child { border-bottom-style: none; }
#menu dd ul li a { display: block; position: relative; color: #FFF; padding-top: 12px; padding-bottom: 12px; padding-left: 10px; }
#menu dd ul li a p { position: absolute; top: 25%; font-size: 120%; font-weight: bold; left: 16%; }
#menu dd ul li a:after { position: absolute; right: 5%; font-size: 100%; font-family: 'FontAwesome'; content: "\f054"; top: 20%; }
#tel dd { position: absolute; display: none; font-size: 95%; margin-top: 0; margin-bottom: 0; color: #333; top: 40px; width: 100%; z-index: 99999; background-color: #FFF; }
#tel dt.active { background-image: url(../images/common/menu_close.png); }
#tel dd ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; text-align: center; }
#tel dd ul li a { display: block; position: relative; color: #333; padding-top: 12px; padding-bottom: 12px; padding-left: 10px; }
#tel dd ul li a p { position: absolute; top: 30%; font-size: 120%; font-weight: bold; left: 16%; }
#tel dd ul li a:after { position: absolute; right: 5%; font-size: 100%; font-family: 'FontAwesome'; content: "\f054"; top: 30%; }

/*==================
contents
====================*/
#contents { width: 100%; margin: 0 auto; }
.sp10 { margin: 10px; }
.spmb10 { margin-bottom: 10px; }
.txt_area p { margin-bottom: 10px; }
.txt p { margin-bottom: 10px; }
section table { width: 100%; }
section th, section td { padding: 10px; }
section th { background: #f4f4f4; padding: 10p; }
#accordion { margin: 10px; }
#accordion dt { cursor: pointer; background-image: url(../images/common/open.png); background-size: 20px 20px; background-repeat: no-repeat; background-position: 95% center; background-color: #56C2EC; color: #FFF; padding-top: 15px; padding-right: 2.2em; padding-bottom: 15px; padding-left: 10px; font-weight: bold; margin-top: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 120%; }
#accordion dd { display: none; font-size: 110%; margin-top: 0; margin-bottom: 0; color: #333; }
#accordion dt.active { background-image: url(../images/common/close.png); }
.thumnail { width: 13%; margin-right: 10px; }
#accordion dd ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #56C2EC; }
#accordion dd .n_border li { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#accordion dd ul li a { display: block; position: relative; color: #333; background-color: #fafafa; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; font-weight: bold; }
#accordion dd ul li a p { position: absolute; top: 25%; font-size: 120%; font-weight: bold; left: 16%; }
#accordion dd ul li a:after { position: absolute; right: 6%; font-size: 85%; font-family: 'FontAwesome'; content: "\f054"; top: 30%; color: #56C2EC; font-weight: normal; }
nav#breadcrumbs { margin-top: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; padding: 5px; }
nav#breadcrumbs a { color: #448aca; }
nav#breadcrumbs ol li { display: inline; list-style-type: none; font-size: 90%; }
nav#breadcrumbs ol li:before { content: " > "; }
nav#breadcrumbs ol li:first-child:before { content: ""; }

/*==================
footer
====================*/
.footer { position: relative; margin-top: 50px; }
.footer_link li a { display: block; background-color: #d2d2d2; color: #333; text-align: center; padding-top: 12px; padding-bottom: 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; }
.footer_link li { width: 50%; box-sizing: border-box; font-size: 90%; }
.footer_link li:nth-child(odd) { float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; }
.footer_link li:nth-child(even) { float: right; }
.footer_title { color: #a8171e; font-size: 120%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; line-height: 2.5em; padding-left: 15px; margin-bottom: 20px; }
.footer_shopinfo { margin-top: 15px; }
.footer_shopinfo dt { float: right; width: 40%; }
.footer_shopinfo dd { padding-right: 41%; margin-bottom: 30px; font-size: 80%; }
.footer_sch { margin: 10px; }
.footer_type { font-weight: bold; margin-bottom: 15px; }
.footer_area li { position: relative; font-size: 90%; margin-top: 8px; margin-bottom: 8px; width: 45%; padding-left: 10px; }
.footer_area li:after { position: absolute; left: 0px; font-size: 90%; font-family: 'FontAwesome'; content: "\f105"; color: #a8171e; top: 5%; font-weight: normal; }
.footer_area li a { color: #333; }
.footer_area li:nth-child(odd) { float: left; }
.footer_area li:nth-child(even) { float: right; }
#back-top { position: fixed; bottom: 20px; right: 10px; }
#back-top a { display: block; text-align: center; }
.copyright { color: #FFF; text-align: center; margin-top: 15px; font-size: 40%; background-color: #434343; margin-top: 60px; line-height: 2.5em; }

/*TOP*/
.keyword { margin: 10px; padding: 10px; background-color: #fafafa; position: relative; border: 1px solid #CCC; }
.keyword input { width: 80%; }
.keyword .sch_btn { position: absolute; right: 15px; top: 10px; }
.keyword .sch_btn img { width: 30px; }
.sp_title { background-color: #E6E6E6; font-weight: bold; color: #a8171e; text-align: center; font-size: 130%; margin-top: 20px; margin-bottom: 20px; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #a8171e; border-bottom-color: #a8171e; }
.type { margin: 10px; font-size: 90%; }
.type li { width: 31%; display: inline-table; text-align: center; margin-right: 2px; margin-left: 2px; }
.type li a { display: block; color: #eb6877; border: 2px solid #eb6877; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-top: 15px; padding-bottom: 15px; }
.type li a:hover { background-color: #eb6877; color: #FFF; text-decoration: none; }
.type_active { background-color: #eb6877; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFF !important; }
.label { display: none; }
.arrow_box { position: relative; background: #d2d2d2; border: 4px solid #d2d2d2; text-align: center; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; margin-top: 10px; margin-bottom: 20px; font-size: 130%; }
.arrow_box:after, .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box:after { border-color: rgba(210, 210, 210, 0); border-top-color: #d2d2d2; border-width: 10px; margin-left: -10px; }
.arrow_box:before { border-color: rgba(210, 210, 210, 0); border-top-color: #d2d2d2; border-width: 16px; margin-left: -16px; }
.shop_name { font-size: 12px; background-color: #f7f6f6; text-align: center; width: 6em; border: 1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; padding-top: 2px; padding-bottom: 2px; float: left; margin-right: 10px; line-height: 20px; }
.news dt { clear: both; line-height: 25px; }
.news dd { margin-bottom: 20px; clear: both; }
.top_content { margin: 10px; }
.top_content li { margin-top: 5px; margin-bottom: 5px; }
.side_title { background-color: #999; color: #FFF; font-weight: bold; text-align: center; padding-top: 10px; padding-bottom: 10px; }
div.accordion { margin: 10px; }
div.accordion > ul > li > a { display: block; color: #333; font-size: 16px; text-decoration: none; background-color: #FFF; border-bottom: 1px solid #CCC; cursor: pointer; padding: 10px 12px; position: relative; }
div.accordion > ul > li > a:hover { background-color: #f7f6f6; }
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after { font-size: 95%; position: absolute; right: 12px; top: 20%; color: #a8171e; }
div.accordion > ul > li > a:after { position: absolute; right: 6%; font-size: 85%; font-family: 'FontAwesome'; content: "\f107"; top: 30%; color: #a8171e; font-weight: normal; }
div.accordion > ul > li > a.active:after { position: absolute; right: 6%; font-size: 85%; font-family: 'FontAwesome'; content: "\f106"; top: 30%; color: #a8171e; font-weight: normal; }
div.accordion > ul > li > ul { display: none; }
div.accordion > ul > li > ul > li > a { display: block; color: #fff; font-size: 100%; background-color: #a8171e; border-bottom: 1px solid #fff; position: relative; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; }
div.accordion > ul > li > ul > li > a:after { position: absolute; right: 6%; font-size: 85%; font-family: 'FontAwesome'; content: "\f105"; top: 30%; color: #FFF; font-weight: normal; }
div.accordion > ul > li > ul > li > a:hover { background-color: #a8171e; }
.sp_shop { text-align: center; width: 48%; }
.sp_shop:nth-child(odd) { float: left; }
.sp_shop:nth-child(even) { float: right; }
.choice { width: 50%; float: left; }
.change_btn { width: 50%; float: right; }
.pager { padding: 5px; margin: 1em 0 1em 0; text-align: center; }
.pager a.num { border: 1px solid #dddddd; padding: 0 6px; margin: 0 2px; }
.pager a.num:hover { border: 1px solid #57b3eb; background: #57b3eb; color: #ffffff; text-decoration: none; }
.pager b { border: 1px solid #dddddd; background: #dddddd; padding: 0 6px; margin: 0 2px; }
#page { font-size: 80%; text-align: center; margin-top: 5px; }
.ta_list { margin-bottom: 20px; }
.ta_list th, .ta_list td { display: block; text-align: left; }
.house_title { display: none; }
.sp_box { float: left; }
.info { width: 48%; float: left; }
.sch_detailbtn, .picture { width: 48%; float: right; }
.tab { display: none; }
.sch_detailbtn a { display: block; background-color: #FFF; text-align: center; border: 1px solid #a8171e; padding-top: 10px; padding-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #a8171e; margin-bottom: 20px; }
.sch_detailbtn a:hover { background-color: #a8171e; text-decoration: none; color: #FFF; }
.info { width: 50%; float: left; font-size: 90%; }
.info dt { width: 5em; float: left; font-weight: bold; }
.info dd { padding-left: 5.5em; margin-bottom: 5px; }
.option li { width: 47%; text-align: center; font-size: 12px; border: 1px solid #CCC; padding-top: 2px; padding-bottom: 2px; margin: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #B2B2B2; background-color: #F0F0F0; }
.option li:nth-child(odd) { float: left; }
.option li:nth-child(even) { float: right; }
.option .on { color: #FFF; background: #f8b551; border: 1px solid #f8b551; }
.change_type { margin: 10px; }
.change_type li { width: 30%; float: left; margin: 0 5px 5px; text-align: center; font-size: 80%; }
@media screen and (max-width: 320px) { .change_type li { width: 23%; float: left; margin-right: 3px; margin-left: 3px; text-align: center; font-size: 60%; }
  .change_type li a { display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #eb6877; color: #eb6877; padding-top: 12px; padding-bottom: 12px; }
  .title_btn { font-size: 85%; } }
.change_type li:last-child { margin-right: 0px; }
.change_type li a { display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #eb6877; color: #eb6877; padding-top: 12px; padding-bottom: 12px; }
.change_type li a:hover { text-decoration: none; color: #FFF; background-color: #eb6877; }
.change_type .c_active a { color: #FFF; background-color: #eb6877; }
.count { font-size: 90%; margin: 10px; }
.spwd35 { width: 35%; }
.b_area { margin-top: 25px; }

/*物件詳細*/
.contact { width: 48%; float: left; }
.tellink { width: 48%; float: right; }
.print { width: 12em; position: absolute; right: 10px; top: -5px; }
.detail_Info dt { width: 4em; float: left; }
.detail_Info dd { padding-left: 4em; margin-bottom: 8px; margin-top: 8px; }
.sp-thumbnails { display: none; }
.madori { text-align: center; margin-right: auto; margin-left: auto; margin-top: 30px; padding: 10px; border: 1px solid #CCC; margin: 10px; }
.shopInfo { background-color: #faf7f7; padding: 10px; }
.shopInfo li { margin-top: 5px; margin-bottom: 5px; }
.maple { font-weight: bold; }
.contact_btn { margin-top: 20px; }
.spd10 { padding: 10px; }
.detail_list { margin-bottom: 20px; }
.detail_list th, .detail_list td { display: block; text-align: left; }
.form_style { margin-bottom: 20px; border-right-style: none; border-left-style: none; }
.form_style th, .form_style td { display: block; text-align: left; border-right-style: none; border-left-style: none; }
.bukken dt { width: 30%; float: left; }
.bukken dd { padding-left: 32%; font-size: 85%; }

/*物件詳細*/
#main_img { position: relative; }
ul#tab { zoom: 1; border-bottom: 3px solid #46abf5; list-style: none; padding: 0; margin-top: 20px; margin-bottom: 0; }
ul#tab:after { content: "."; display: block; height: 0px; clear: both; line-height: 0; visibility: hidden; }
ul#tab li { float: left; text-align: center; width: 22%; margin-right: 5px; font-size: 70%; }
ul#tab li:last-child { background: none; }
ul#tab li:first-child { margin-left: 10px; }
ul#tab li a { display: block; text-decoration: none; color: #FFF; background-color: #d9d8d7; padding-top: 8px; padding-right: 2px; padding-bottom: 8px; padding-left: 2px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
ul#tab li a:hover { background: #46abf5; color: #FFF; }
ul#tab li.active, ul#tab li.active a, ul#tab li.active a:hover { background: #46abf5; color: #fff; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#detail { clear: both; overflow: hidden; padding: 10px; }
.tabbox { position: relative; display: none; }
.area_btn { position: absolute; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; left: 0px; top: 20px; width: 100%; text-align: center; font-size: 120%; font-weight: bold; }
.area01 a, .area02 a, .area03 a, .area04 a { color: #FFF; display: block; padding-top: 15px; padding-bottom: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.area01 a { width: 48%; float: left; background-color: #4597a1; }
.area02 a { width: 48%; float: right; background-color: #e6b71f; }
.area03 a { background-color: #645c9f; margin-top: 15px; margin-bottom: 15px; width: 70%; margin-right: auto; margin-left: auto; }
.area04 a { background-color: #ef5aa2; margin-top: 15px; margin-bottom: 15px; }
.allcheck { font-size: 70%; margin-left: 10px; }
.sch_style li { margin-top: 8px; margin-bottom: 8px; }
.sch_style li span { font-size: 80%; }
#sch_accordion dt { cursor: pointer; background-image: url(../images/common/open.png); background-size: 20px 20px; background-repeat: no-repeat; background-position: 95% center; background-color: #AAA; color: #FFF; padding-top: 15px; padding-right: 2.2em; padding-bottom: 15px; padding-left: 10px; font-weight: bold; font-size: 120%; margin-bottom: 20px; margin-top: 25px; }
#sch_accordion dd { margin-top: 0; margin-bottom: 45px; display: none; }
#sch_accordion dt.active { background-image: url(../images/common/close.png); }
#sch_accordion .form_style { border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #CCC; border-left-color: #CCC; }
.list li { margin-top: 8px; margin-bottom: 8px; }
.form_list1 { float: left; margin-right: 15px; }
.form_item2 { clear: both; padding-top: 12px; padding-bottom: 12px; }
.spwd30 { width: 30%; }
.spwd40 { width: 40%; }

/*会社案内*/
.tenpo { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #CCC; padding: 15px; margin: 10px; }
.company_icon { float: right; }
.company_icon li img { width: 50px; }
.tenpolink01, .tenpolink02 { margin-bottom: 15px; }
.Company_Left li p { text-align: center; }
.comment { background-color: #ecf3fa; padding: 10px; border: 1px solid #CCC; margin-top: 15px; }
.company_type { margin-top: 30px; margin-bottom: 30px; margin-left: 10px; margin-right: 10px; }
.company_type li { width: 48%; text-align: center; margin-bottom: 15px; }
.sitemap_menu li:nth-child(odd), .company_type li:nth-child(odd), .information_menu li:nth-child(odd), .information_type li:nth-child(odd) { float: left; }
.sitemap_menu li:nth-child(even), .company_type li:nth-child(even), .information_menu li:nth-child(even), .information_type li:nth-child(even) { float: right; }
.information_menu li a, .company_type li a { display: block; color: #eb6877; border: 2px solid #eb6877; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-top: 10px; padding-bottom: 10px; }
.company_type li a:hover { background-color: #eb6877; color: #FFF; text-decoration: none; }
.company_type_active, .information_menu .c_active a { background-color: #eb6877; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFF !important; }

/*その他*/
.ta_style02 { margin-bottom: 20px; }
.ta_style02 th, .ta_style02 td { display: block; text-align: left; }
.indent li { text-indent: -2em; padding-left: 2em; }
.sitemap_menu li { position: relative; padding-left: 10px; width: 45%; margin-top: 10px; margin-bottom: 10px; font-size: 90%; float: left; }
.sitemap_menu li:after { font-family: FontAwesome; font-size: 75%; content: "\f054"; position: absolute; left: 0px; color: #a8171e; }
.sitemap_menu li a { color: #333; }
.linkarrow { position: relative; padding-left: 10px; margin-top: 10px; margin-bottom: 10px; font-size: 90%; }
.linkarrow:after { font-family: FontAwesome; font-size: 75%; content: "\f054"; position: absolute; left: 0px; color: #a8171e; }
.linkarrow a { color: #333; }
.information_menu li, .information_type li { width: 48%; text-align: center; margin-bottom: 10px; }
@media screen and (max-width: 320px) { .information_menu li { font-size: 80%; } }
.information_type li a { display: block; color: #eb6877; border: 2px solid #eb6877; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-top: 10px; padding-bottom: 10px; }
.contents dl { margin-top: 15px; }
.contents { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; border: 1px solid #CCC; margin: 10px; }
.title05 { font-weight: bold; font-size: 120%; margin-top: 10px; margin-bottom: 10px; margin-bottom: 15px; }
.reqruit dd { padding: 10px; }
#wrapper input[type="checkbox"] + label{ font-size:14px;}