@charset "UTF-8";


/* clearfix */
cFix:after {
content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* reset */
#contents p {
	margin-top: 0;
}

/* width */
.w186 {
  width: 186px;
}
.w207 {
  width: 207px;
}
.w245 {
  width: 245px;
}
.w650 {
  width: 650px;
}
.W660 {
  width: 660px;
}
.w680 {
  width: 680px;
}
.w690 {
  width: 690px;
}
.w950 {
  width: 950px;
}
/*margin*/
.mR25 {
  margin-right: 25px;
}
.mL40 {
  margin-left: 40px;
}
#contents {
  margin: 10px 15px 0;
}
#contents.mL0 { margin-left: 0; }
#contents.mR0 { margin-right: 0; }
/* font */
.fs20 {
  font-size: 20px;
}
.lih24 {
  line-height: 2.4;
}
/* table */
.form_rsv_table {
  table-layout: fixed;
  border: solid 1px #dfdfdf;
  width: 100%;
  border-top: none;
}
.form_rsv_table th {
  padding: 10px;
  border-right: solid 1px #dfdfdf;
  border-collapse: collapse;
  line-height: 1.4;
  font-size: 14px;
  color: #666;
  background-color: #f2f2f2;
}
.form_rsv_table td {
  padding: 10px 20px;
}
/* ボタン */
.fr_formbtn {
display: inline-block;
vertical-align: middle;
text-align: center;
text-decoration: none;
font-weight: bold;
vertical-align: middle;
}
.fr_formbtn:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
.fr_formbtn--accession {
background-color: #F77C00;
border-bottom: 2px solid #D26A00;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 2px 1px #d9d9d9;
-moz-box-shadow: 0 2px 1px #d9d9d9;
box-shadow: 0 2px 1px #d9d9d9;
}
.fr_formbtn--accession:link, .fr_formbtn--accession:active, .fr_formbtn--accession:visited{
  color: #FFFFFF;
  text-shadow: -1px -1px 1px #dd6200, 0 1px 1px #f88c20;
}
.fr_formbtn--lage {
min-width: 260px;
padding: 12px 55px;
font-weight: bold;
font-size: 16px;
line-height: 16px;
}
.fr_formbtn.fr_formbtn--variable {
  padding: 15px 37px 13px 37px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
}
btn.fr_formbtn--variable {
  padding: 15px 37px 13px 37px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
}
.fr_formbtn.fr_formbtn--variable_check {
  padding: 10px 37px 8px 37px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
}
/* margin */
.mT50 {
  margin-top: 50px;
}
.mT15 {
  margin-top: 15px;
}
.mT8 {
  margin-top: 8px;
}
.mL0 {
  margin-left: 0;
}
/* font */
.fS12 {
  font-size: 12px;
}
.fS20 {
  font-size: 20px;
}
/*バグ対応 リニューアル時削除*/
.ui-section--h1 > .ui-section-header h1 {
  background-image: none;
}
/***********************************
賃貸物件レコメンド 950px対応
************************************/
/* common */
.frBknReco_unit input[type='checkbox'] {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  outline: none;
  margin-right: 5px;
  cursor: pointer;
  zoom: 1;
}

.frBknReco_unit input[type='checkbox']:disabled {
  cursor: default;
}

.frBknReco_unit input[type='checkbox'] + label {
  background: url(/edit/assets/suumo/img/sprite/checkbox.png) no-repeat;
  background-position: 0 0;
  line-height: 26px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding-left: 30px;
  cursor: pointer;
}

.frBknReco_unit input[type='checkbox']:checked + label {
  background-position: 0 -100px;
}

.frBknReco_unit input[type='checkbox']:disabled + label {
  background-position: 0 -200px;
  cursor: default;
  color: #CCCCCC;
}

.frBknReco_unit input[type='checkbox']:disabled + label + span {
  color: #CCCCCC;
}

.ie .frBknReco_unit input[type='checkbox'] {
  opacity: 1;
  filter: alpha(opacity=100);
  position: static;
  outline: none;
  visibility: visible;
}

.ie .frBknReco_unit input[type='checkbox'] + label {
  background: none;
  line-height: 1.4;
  display: inline;
  padding-left: 0;
  *padding-left: 14px;
  cursor: pointer;
  visibility: visible;
}

.frBknRecoList .inner {
width: 906px;
}

/*********************************************
FACE-5742 【2014/1/23納品】見学予約フォームデモ作成
**********************************************/

/* width */
.w130 {
width: 130px;
}
.w195 {
  width: 195px;
}
.w480 {
  width: 480px;
}
.w553 {
  width: 553px;
}
.w565 {
  width: 565px;
}
.w662 {
  width: 662px;
}
.w930 {
  width: 930px;
}
/* margin */
.mT20 {
  margin-top: 20px;
}
.mT30 {
  margin-top: 30px;
}
.mB10 {
  margin-bottom: 10px;
}
/* padding */
.pV3 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.pH5 {
  padding-right: 5px;
  padding-left: 5px;
  }
/* font */
.fS10 {
  font-size: 10px;
}
.bld {
  font-weight: bold;
}
/* display */
.dib {
  display: inline-block;
}
/* color */
.bgFFFDD5 {
  background: #FFFDD5;
}
/* content */
.form_disc {
  table-layout: fixed;
  border: solid 1px #dfdfdf;
}
.form_disc th {
  padding: 10px;
  border-right: solid 1px #dfdfdf;
  border-collapse: collapse;
  line-height: 1.4;
}
.form_disc td {
  border-left: solid 1px #dfdfdf;
  border-collapse: collapse;
  line-height: 1.4;
}
.bgF2F2F2 {
  background: #F2F2F2;
}
.fgDGray {
  color: #666666;
}
.fwB {
  font-weight: bold;
}
.bgF77C00 {
  background: #F77C00;
}
.fgWhite {
  color: #FFFFFF;
}
.bdLightGrey {
  border: 1px #dfdfdf solid;
}
.bdLightGreyB {
border-bottom: 1px #dfdfdf solid;
}
.bgFFF2E4 {
  background: #FFF2E4;
}
.fgDGray {
  color: #666666;
}
.pH20V10 {
  padding: 10px 20px;
}
.frtop_link {
  margin: 10px 0 10px;
}
.spIcon{ background:url(../img/sp_icon.png) no-repeat; }
.icPencil{ background-position:5px 0; }
.icMail{ background-position:0 -21px; }

/* バグ対応 */
form#contact_form {
  width: auto;
  margin: 0;
}
.legacytitle {
  background: url(../img/bg_h2_title_inner.gif) no-repeat left bottom;
  margin-top: 10px;
}
.legacytitle span {
  font-size: 125%;
  font-weight: bold;
  color: #1f4d39;
  display: block;
  background: url(../img/bg_h2_title.gif) no-repeat left top;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 6px;
}
div.btn_area_if {
  width: 100%;
  overflow: hidden;
  margin: auto;
  text-align: center;
}
div.btn_area_if p {
  margin: auto;
  text-align: center;
  margin: 20px;
}
.brdA9A9A9 {
  border: solid 1px #A9A9A9;
}
/* font-family */
body textarea, input {
    font-family: 'メイリオ','meiryo','ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ丸ゴシック Pro W3','Hiragino maru Gothic Pro','Helvetica','sans-serif';
}

/* footer.cssが読み込まれてない画面用のui-section */
.ui-section--h1 > .ui-section-header {
  border-top: 3px solid #6FBA2C;
  padding: 15px 0;
  -webkit-box-shadow: 0 3px 10px #d9d9d9;
  -moz-box-shadow: 0 3px 10px #d9d9d9;
  box-shadow: 0 3px 10px #d9d9d9;
}
.ui-section--h1 > .ui-section-header h1 {
  padding-left: 10px;
  font-size: 18px;
  font-weight: bold;
}

.mL15 {
  margin-left: 15px;
}


/************************************************************
 * カスタマーカルテ
 ************************************************************/
.cuskartebox {
    border: 1px solid #C0C0C0;
    background: none repeat scroll 0 0 #F2F2F2;
    height: 40px;
    width: 660px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1px 3px 10px 3px;
    position: relative;
    color:#666666;
}

.cuskartebox ul:first-child {
    margin-top: 0;
}

.jj-fr_detail-icon--arrow_box_01, .jj-fr_detail-icon--arrow_box_02, .historybox .historybox-action .historybox-action-icon  {
  background-image: url(../lib/chintai_toiawase-icon-.png?20161219);
  background-repeat: no-repeat;
}

.jj-fr_detail-icon--arrow_box_01 {
  background-position: 0 0;
  height: 20px;
  width: 20px;
}

.jj-fr_detail-icon--arrow_box_02 {
  background-position: 0 -20px;
  height: 20px;
  width: 20px;
}

.autoInsert .autoInsert-action .autoInsert-action-check {
  margin-right: 10px;
}

.karte .karte-body, .karte_box .karte_box-header {
  min-height: 1px;
  _height: 1px;
}

.karte .karte-action .karte-action-check {
  margin-right: 10px;
}
.karte .karte-actionnote {
  color: #666;
  margin-top: 5px;
  padding-left: 25px;
}
.karte .karte-actionbox {
  margin-top: 15px;
}
.karte .karte-body {
  margin-top: 5px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
  display: none;
  min-height: 1px;
  _height: 1px;
}
.karte .karte-body:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.karte .karte-body .karte-body-box {
  margin-top: 10px;
}
.karte .karte-body .karte-body-box:first-child {
  margin-top: 0;
}

.karte_box .karte_box-body {
  margin-top: 10px;
}
.karte_box .karte_box-header:link,
.karte_box .karte_box-header:visited,
.karte_box .karte_box-header:hover,
.karte_box .karte_box-header:active {
  color: #333;
}
.karte_item {
  margin-top: 8px;
}
.karte_item:first-child {
  margin-top: 0;
}
.karte_item .karte_item-title {
  font-size: 11px;
}
.karte_item .karte_item-list {
  border: 1px solid #C0C0C0;
  background: none repeat scroll 0 0 #F2F2F2;
  height: 112px;
  overflow-x: hidden;
  overflow-y: auto;
  color: #666666;
  margin-top: 5px;
  padding: 5px;
}
.karte_item .karte_item-list .karte_item-list-title {
  font-size: 11px;
}
.karte_item .karte_item-list .karte_item-list-body {
  font-size: 11px;
}
.karte_item .karte_item-list >li {
  margin-top: 5px;
}
.karte_item .karte_item-list >li .karte_item-list-body {
  margin-top: 2px;
}

.historybox .historybox-action {
  width: 155px;
  display: block;
  outline: none;
}
.historybox .historybox-action:link,
.historybox .historybox-action:hover,
.historybox .historybox-action:active,
.historybox .historybox-action:visited {
  color: #333;
  text-decoration: none;
}

.historybox .historybox-action .historybox-action-icon {
  background-position: 0 0;
  height: 14px;
  width: 14px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.historybox.is-active .historybox-action .historybox-action-icon {
  background-position: 0 -14px;
}

/* FACE-9053 資料請求フォーム改修 */

.l-space_xlarge {
    margin-top: 40px;
}

.btn {
    display: table;
    box-sizing: border-box;
}
.btn:link,
.btn:hover,
.btn:active,
.btn:visited {
    color: #fff;
    text-decoration: none;
}
.btn:hover {
    opacity: .8;
}
.btn .btn-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-top: 4px;
}
.btn.btn--transition {
    box-shadow: rgb(217, 217, 217) 0px 2px 1px;
    font-weight: bold;
    background-color: rgb(97, 170, 18);
    border-radius: 3px;
    border-bottom: 2px solid rgb(80, 148, 7);
}
.btn.btn--submit {
    box-shadow: rgb(217, 217, 217) 0px 2px 1px;
    font-weight: bold;
    background-color: #F37E00;
    border-radius: 3px;
    border-bottom: 2px solid #E15F00;
}
.btn.btn--action {
    box-shadow: rgba(210, 217, 202, 0.8) 1px 2px 1px, white 0 2px 0 inset, rgba(235, 235, 235, 0.7) 0 -3px 0 inset;
    background-image: linear-gradient(#f5f5f5, #ffffff 30%);
    border: 1px solid #cad0c6;
    font-weight: bold;
    background-color: #fff;
    border-radius: 3px;
    border-bottom: 1px solid rgb(202, 208, 198);
}

.btn.btn--action:link,
.btn.btn--action:hover,
.btn.btn--action:active,
.btn.btn--action:visited {
    color: #333;
}

.btn_continue {
    margin: 0 auto;
    font-size: 16px;
    width: 285px;
    height: 42px;
}
.btn_registration {
    margin: 0 auto;
    font-size: 16px;
    width: 370px;
    height: 42px;
}
.btn_return {
    font-size: 14px;
    padding: 0 10px 0 18px;
    width: 400px;
    height: 56px;
    position: relative;
}
.btn_return:before {
    content: "";
    display: inline-block;
    background: url(/jj/jjcommon/img/sprite/fr_form-icon-.png);
    width: 8px;
    height: 12px;
    background-position: 0 0;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -5px;
}
#contents .l-complete_read {
    margin-top: 50px;
}
#contents .complete_read .complete_read-object {
    text-align: center;
}
#contents .complete_read .complete_read-action {
    text-align: center;
    margin-top: 40px;
}

#contents .complete_read .complete_read-notes {
    margin-top: 20px;
}
#contents .complete_read .complete_read-notes .complete_read-notes-item  {
    margin-top: 2px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
}
#contents .complete_read .complete_read-notes .complete_read-notes-item:first-child  {
    margin-top: 0;
}

.l-banner_object {
    margin-top: 40px;
    text-align: center;
}
.banner_object {
    display: inline-block;
}
.banner_object:hover {
    opacity: .8;
}

.l-actionlist {
  width: 620px;
  margin: 0 auto;
}

/* clearfix */
.l-actionlist,
.l-actionlist,
.registration .registration-agree .registration-agree-list,
.registration .registration-action .registration-action-list
{
    min-height: 1px;
    _height: 1px;
}
.l-actionlist:after,
.l-actionlist:after,
.registration .registration-agree .registration-agree-list:after,
.registration .registration-action .registration-action-list:after
{
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.l-actionlist li {
    float: left;
}


.l-actionlist li {
    float: left;
    margin-left: 20px;
}
.l-actionlist li:first-child {
    margin-left: 0;
}

.actionlist {
    display: inline-block;
    width: 300px;
}
.actionlist .actionlist-object {
    display: inline-block;
}
.actionlist .actionlist-object:hover {
    opacity: .8;
}
#contents .actionlist .actionlist-desc {
    margin-top: 10px;
    line-height: 1.4;
}

.registration .registration-error {
    display: none;
    padding: 10px;
    border: #ff0000 solid 1px;
    color: #FF0000;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #FFF2F2;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.registration .registration-desc {
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
}

.registration .registration-agree {
    margin-top: 20px;
    text-align: center;
}
.registration .registration-agree .registration-agree-list {
    display: inline-block;
}
.registration .registration-agree .registration-agree-list >li {
    float: left;
    margin-left: 20px;
}
.registration .registration-agree .registration-agree-list >li:first-child {
    margin-left: 0;
}
.registration .registration-agree .registration-agree-list >li label {
    font-size: 14px;
}

.registration .registration-action {
    margin-top: 20px;
    text-align: center;
}
.registration .registration-action .registration-action-list {
    display: inline-block;
}
.registration .registration-action .registration-action-list >li {
    float: left;
    margin-left: 20px;
}
.registration .registration-action .registration-action-list >li:first-child {
    margin-left: 0;
}

.tagline {
    margin-top: 50px;
    color: #b4b4b4;
    text-align: right;
    font-size: 10px;
}




.fr_form-confirmicon--sprite, .fr_form-confirmicon--arrow_down, .recommend_item .recommend_item-action .recommend_item-action-header:after, .recommend_allcheck:after, .fr_form-confirmicon--arrow_up, .recommend_allcheck.recommend_allcheck--bottom:after, .fr_form-confirmicon--building, .fr_form-confirmicon--deposit, .fr_form-confirmicon--keymoney, .fr_form-confirmicon--pin, .fr_form-confirmicon--train, .recommend_checkcontact .recommend_checkcontact-item:after {
  background-image: url('/jj/jjcommon/img/sprite/fr_form-confirmicon-.png');
  background-repeat: no-repeat;
}

.fr_form-confirmicon--arrow_down, .recommend_item .recommend_item-action .recommend_item-action-header:after, .recommend_allcheck:after, .recommend_checkcontact .recommend_checkcontact-item:after {
  background-position: 0 0;
  height: 6px;
  width: 44px;
}

.fr_form-confirmicon--arrow_up, .recommend_allcheck.recommend_allcheck--bottom:after {
  background-position: 0 -6px;
  height: 6px;
  width: 44px;
}

.fr_form-confirmicon--building {
  background-position: 0 -12px;
  height: 18px;
  width: 15px;
}

.fr_form-confirmicon--deposit {
  background-position: 0 -30px;
  height: 18px;
  width: 18px;
}

.fr_form-confirmicon--keymoney {
  background-position: 0 -48px;
  height: 18px;
  width: 18px;
}

.fr_form-confirmicon--pin {
  background-position: 0 -66px;
  height: 18px;
  width: 14px;
}

.fr_form-confirmicon--train {
  background-position: 0 -84px;
  height: 18px;
  width: 18px;
}

/* clearfix */
.contact_items .contact_items-box:after, .recommend_item .recommend_item-labelbox:after, .recommend_info:after, .recommend_info .recommend_info-object:after, .recommend_data:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.contact_items .contact_items-box, .recommend_item .recommend_item-labelbox, .recommend_info, .recommend_info .recommend_info-object, .recommend_data {
  min-height: 1px;
  _height: 1px;
}

.input_table {
  font-size: 14px;
}
.input_table tr {
  border-bottom: 1px solid #dfdfdf;
}
.input_table tr:first-child {
  border-top: 1px solid #dfdfdf;
}
.input_table .input_table-header {
  width: 220px;
  padding: 10px 20px;
  background-color: #eeeeee;
}
.input_table .input_table-body {
  width: 690px;
  box-sizing: border-box;
  padding: 10px 20px;
}

.property_table {
  width: 100%;
}
.property_table tr {
  border-bottom: 1px solid #dbdbdb;
}
.property_table tr:first-child {
  border-top: 1px solid #dbdbdb;
}
.property_table .property_table-header {
  padding: 10px;
  text-align: center;
  background-color: #eeeeee;
  vertical-align: middle;
  border-left: 1px solid #dbdbdb;
}
.property_table .property_table-header:first-child {
  border-left: 0;
}
.property_table .property_table-body {
  padding: 10px;
  text-align: center;
  border-left: 1px solid #dbdbdb;
  vertical-align: middle;
}
.property_table .property_table-body:first-child {
  border-left: 0;
}
.property_table .property_table-body .property_table-body-bold {
  font-weight: bold;
}

.l-table_section {
  margin-top: 30px;
}

.table_section .table_section-header {
  color: #6fba2c;
  font-weight: bold;
  font-size: 14px;
}
.table_section .table_section-body {
  margin-top: 8px;
}

.l-attention_box {
  margin-top: 20px;
}

.attention_box {
  padding: 20px;
  background-color: #f1f0e8;
  border-radius: 2px;
  text-align: center;
}
.attention_box .attention_box-header {
  color: #f82055;
  font-weight: bold;
  font-size: 16px;
}
.attention_box .attention_box-body {
  font-weight: bold;
  font-size: 14px;
  margin-top: 3px;
}
.attention_box .attention_box-body .attention_box-body-emphasis {
  display: inline-block;
  margin: 0 8px;
  padding: 4px 1px 3px;
  color: #f77c00;
  border-radius: 2px;
  background-color: #f9f9f6;
}

.contact_items .contact_items-box {
  border-top: 1px dotted #dbdbdb;
  margin-top: 10px;
  padding-top: 10px;
}
.contact_items .contact_items-box:first-child {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

.contact_items .contact_items-box .contact_items-box-item {
  float: left;
  border-left: 1px solid #ccc;
  margin-left: 15px;
  padding-left: 15px;
}
.contact_items .contact_items-box .contact_items-box-item:first-child {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}

.contact_items_other .contact_items_other-body {
  margin-top: 8px;
  line-height: 1.6;
}

.edit_btn {
  display: block;
  width: 132px;
  box-sizing: border-box;
  padding: 11px 0 10px;
  background-color: #fff;
  border: 2px solid #bdbdbd;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 0 -4px 0 #dddddd inset;
}
.edit_btn:link, .edit_btn:active, .edit_btn:visited {
  color: #333;
}
.edit_btn:hover {
  opacity: .8;
}

.l-recommend_section {
  margin-top: 50px;
}

.recommend_section .recommend_section-body {
  margin-top: 20px;
}

.recommend .recommend-action {
  margin-top: 20px;
}
.recommend .recommend-action:first-child {
  margin-top: 0;
}
.recommend .recommend-body {
  margin-top: 17px;
}
.recommend .recommend-body .recommend-body-box {
  margin-top: 30px;
}
.recommend .recommend-body .recommend-body-box:first-child {
  margin-top: 0;
}

.l-recommend_box {
  margin-top: 30px;
}

.recommend_box .recommend_box-header {
  font-size: 16px;
  font-weight: bold;
  color: #666;
}
.recommend_box .recommend_box-list {
  margin-top: 5px;
}
.recommend_box .recommend_box-list > li {
  border-bottom: 1px solid #dbdbdb;
}
.recommend_box .recommend_box-list > li:first-child {
  border-top: 1px solid #dbdbdb;
}

.recommend_item {
  display: table;
  cursor: pointer;
}
.recommend_item:hover {
  background-color: #f5fbef;
}
.recommend_item.is-active {
  background-color: #f8f7f3;
}
.recommend_item.is-active .recommend_item-action {
  background-color: #d6f0c0;
}
.recommend_item .recommend_item-action {
  position: relative;
  display: table-cell;
  width: 44px;
  background-color: #eeeeee;
  vertical-align: middle;
}
.recommend_item .recommend_item-action > input {
  z-index: -1;
}
.recommend_item .recommend_item-action .recommend_item-action-label {
  margin-left: 10px;
}
.recommend_item .recommend_item-action .recommend_item-action-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  border-top: 4px solid #6fba2c;
  font-size: 10px;
  color: #6fba2c;
  font-weight: bold;
  text-align: center;
  background-color: #d6f0c0;
}
.recommend_item .recommend_item-action .recommend_item-action-header:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -6px;
  left: 0;
}
.recommend_item .recommend_item-body {
  position: relative;
  display: table-cell;
  width: 100%;
  padding: 20px;
}
.recommend_item .recommend_item-labelbox {
  position: absolute;
  top: 5px;
  right: 0;
}
.recommend_item .recommend_item-labelbox .recommend_item-labelbox-item {
  float: left;
  margin-left: 5px;
}
.recommend_item .recommend_item-title {
  width: 670px;
}
.recommend_item .recommend_item-title .recommend_item-title-bold {
  font-size: 16px;
  font-weight: bold;
  color: #6fba2c;
}
.recommend_item .recommend_item-inner {
  margin-top: 4px;
}

.recommend_info .recommend_info-object {
  float: left;
  margin-right: 20px;
  width: 190px;
}
.recommend_info .recommend_info-object .recommend_info-object-img {
  position: relative;
  float: left;
  width: 90px;
  height: 90px;
  padding: 2px;
  border: 1px solid #eeeeee;
  background-color: #ffffff;
  margin-left: 10px;
  box-sizing: border-box;
}
.recommend_info .recommend_info-object .recommend_info-object-img > img {
  max-width: 84px;
  max-height: 84px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.recommend_info .recommend_info-object .recommend_info-object-img:first-child {
  margin-left: 0;
}
.recommend_info .recommend_info-data {
  overflow: hidden;
}
.recommend_info .recommend_info-data .recommend_info-data-box {
  margin-top: 5px;
}
.recommend_info .recommend_info-data .recommend_info-data-box:first-child {
  margin-top: 0;
}

.recommend_data {
  font-size: 14px;
}
.recommend_data .recommend_data-box {
  overflow: hidden;
}
.recommend_data .recommend_data-box:first-child {
  float: left;
  width: 270px;
  margin-right: 10px;
}
.recommend_data .recommend_data-price {
  line-height: 1;
}
.recommend_data .recommend_data-price .recommend_data-price-bold {
  font-weight: bold;
  font-size: 22px;
  color: #f77c00;
}
.recommend_data .recommend_data-item_01 {
  display: table;
  margin-top: 4px;
}
.recommend_data .recommend_data-item_01:first-child {
  margin-top: 0;
}
.recommend_data .recommend_data-item_01 .recommend_data-item_01-icon {
  display: table-cell;
  padding-right: 8px;
  text-align: center;
}
.recommend_data .recommend_data-item_01 .recommend_data-item_01-text {
  display: table-cell;
  vertical-align: middle;
}
.recommend_data .recommend_data-item_02 {
  display: table;
  margin-top: 5px;
}
.recommend_data .recommend_data-item_02:first-child {
  margin-top: 0;
}
.recommend_data .recommend_data-item_02 .recommend_data-item_02-icon {
  display: table-cell;
  width: 18px;
  padding-right: 8px;
  text-align: center;
}
.recommend_data .recommend_data-item_02 .recommend_data-item_02-text {
  display: table-cell;
  vertical-align: middle;
}

.recommend_company {
  font-size: 14px;
}
.recommend_company .recommend_company-header {
  font-weight: bold;
  color: #999999;
}

.recommend_label {
  display: inline-block;
  font-size: 12px;
  padding: 1px 10px 0;
  text-align: center;
  height: 17px;
  box-sizing: border-box;
}
.recommend_label.recommend_label--01 {
  background-color: #f82055;
  color: #fff;
}
.recommend_label.recommend_label--02 {
  background-color: #6fba2c;
  color: #fff;
}
.recommend_label.recommend_label--03 {
  border: 1px solid #f82055;
  color: #f82055;
  padding: 0 10px;
}

.recommend_allcheck {
  position: relative;
  width: 175px;
  padding: 10px;
  color: #6fba2c;
  font-weight: bold;
  background-color: #d6f0c0;
  border-radius: 4px 4px 4px 0;
  box-sizing: border-box;
  font-size: 14px;
}
.recommend_allcheck:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -6px;
  left: 0;
}
.recommend_allcheck.recommend_allcheck--bottom {
  border-radius: 0 4px 4px 4px;
}
.recommend_allcheck.recommend_allcheck--bottom:after {
  content: '';
  display: block;
  position: absolute;
  top: -6px;
  left: 0;
}

.frBknReco_unit input[type='checkbox'] + label.recommend_allcheck-label {
  padding-left: 34px;
}

.fr_form-confirmicon {
  display: inline-block;
  vertical-align: middle;
}
.fr_form-confirmicon.fr_form-confirmicon--01 {
  margin-right: 8px;
}
.fr_form-confirmicon.fr_form-confirmicon--02 {
  vertical-align: top;
}

.useful_action {
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #dfdfdf;
}
.useful_action .useful_action-header {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  padding: 10px 10px 10px 30px;
  font-weight: bold;
  color: #666;
  width: 216px;
  box-sizing: border-box;
}
.useful_action .useful_action-body {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 10px 20px;
  margin-top: 3px;
}
.useful_action_item .useful_action_item-input {
  margin-right: 5px;
  color: 333;
}
.useful_action_item .useful_action_item-input input {
  margin-left: 0;
}
.useful_action_item .useful_action_item-note {
  margin-top: 3px;
  color: #666;
}

.useful_action_title:before {
  content: "";
  display: inline-block;
  background: url('/jj/jjcommon/img/sp_icon.png') no-repeat;
  background-position: 0 -21px;
  width: 18px;
  height: 14px;
  margin-right: 8px;
  vertical-align: middle;
}
.useful_action_title .useful_action_title-text {
  vertical-align: middle;
}

.mailform {
  position: relative;
}
.mailform .mailform-suggest {
  position: absolute;
  top: 53px;
  left: 0;
  display: none;
}
.mailform.mailform--tour .mailform-suggest {
  top: 43px;
}
.mailform .mailform-suggest.is-active {
  display: block;
}

.suggestlist {
  border: 1px solid #ccc;
  background-color: #fff;
  width: 666px;
  box-sizing: border-box;
}
.suggestlist.suggestlist--tour {
  width: 569px;
}

.suggestlist li {
  border-top: 1px solid #ccc;
}

.suggestlist li .suggestlist-action {
  padding: 5px;
  font-size: 16px;
}

.suggestlist li .suggestlist-action:link,
.suggestlist li .suggestlist-action:active,
.suggestlist li .suggestlist-action:hover,
.suggestlist li .suggestlist-action:visited  {
  color: #333;
  text-decoration: none;
  display: block;
}

.suggestlist li .suggestlist-action:hover {
  background-color: #eee;
}
.l-forminfo {
  margin-top: 25px;
}
.forminfo {
  background-color: #F1F0E8;
  padding: 24px 24px 30px 24px;
  position: relative;
}
.forminfo:after {
  content: "";
  display: inline-block;
  background: url('/jj/jjcommon/img/suumo_mail.png') no-repeat;
  width: 153px;
  height: 93px;
  position: absolute;
  top: 48px;
  right: 74px;
}
.forminfo .forminfo-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.forminfo .forminfo-body {
  margin-top: 24px;
}

.forminfo .forminfo-body-emphasis {
  color: #f82055;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.forminfo .forminfo-body-read {
  margin-top: 20px;
}
#contents .forminfo .forminfo-body .forminfo-body-text,
.forminfo .forminfo-body .forminfo-body-text {
  font-size: 14px;
  text-align: center;
  margin-top: 3px;
}
#contents .forminfo .forminfo-body .forminfo-body-text:first-child,
.forminfo .forminfo-body .forminfo-body-text:first-child {
  margin-top: 0;
}

.l-moreaction {
  margin-top: 70px;
}
.moreaction .moreaction-header {
  text-align: center;
}
.moreaction .moreaction-header .moreaction-header-sub {
  text-align: center;
}
.moreaction-header-sub:after {
  content: "";
  background: url(/jj/jjcommon/img/fr_form_recommend_more.png) no-repeat;
  display: inline-block;
  width: 100px;
  height: 40px;
}
.moreaction_list {
  display: flex;
  align-items: flex-end;
  background-color: #f1f0e8;
  padding: 17px 50px 40px 50px;
}
.moreaction_list li {
  margin-left: 40px;
}
.moreaction_list li:first-child {
  margin-left: 0;
}
.moreaction .moreaction-body {
  margin-top: 30px;
}

#contents .registration_action .registration_action-text,
.registration_action .registration_action-text {
  margin-top: 15px;
  font-size: 14px;
  text-align: center;
}
#contents .registration_action .registration_action-text:first-child,
.registration_action .registration_action-text:first-child {
  margin-top: 0;
}

.transition_action {
  border: 2px solid #bdbdbd;
  display: table;
  height: 44px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
  box-shadow: 0 -3px 0 #e8e8e8 inset;
  padding-top: 3px;
}
.transition_action.transition_action--agree {
  width: 429px;
}
.transition_action.transition_action--continue {
  width: 284px;
}
.transition_action:link,
.transition_action:hover,
.transition_action:visited,
.transition_action:active {
  color: #333;
  text-decoration: none;
  text-align: center;
}
.transition_action:hover {
  opacity: .8;
}
.transition_action .transition_action-text  {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.registration_action .registration_action-main {
  margin: 30px auto 0 auto;
  width: 429px;
}

.l-morecheck_action {
  margin-top: 70px;
}
.morecheck_action {
  border-top: 1px solid #f9f9f9;
  padding-top: 50px;
}
.morecheck_action .morecheck_action-item {
  width: 284px;
  margin: 0 auto;
}

.recommend_checkcontact {
  display: table;
}
.recommend_checkcontact .recommend_checkcontact-item {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  height: 58px;
  width: 175px;
  padding: 10px;
  position: relative;
  color: #6fba2c;
  font-weight: bold;
  background-color: #d6f0c0;
  border-radius: 4px 0 0 0;
  box-sizing: border-box;
  font-size: 14px;
}
.recommend_checkcontact .recommend_checkcontact-item:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -6px;
  left: 0;
}
.recommend_checkcontact .recommend_checkcontact-item .recommend_checkcontact-item-label {
   padding-left: 34px;
}
.recommend_checkcontact .recommend_checkcontact-action {
  display: table-cell;
  border-left: 1px solid #fff;
  background-color: #e6e6e6;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 0 4px 4px 0;
}
.l-recommend_action {
  margin-top: 30px;
}
.recommend_action {
  text-align: center;
}
body.chintai.ch_leaf {
  background-color: #fff;
}
#wrapper {
  background: none;
}

/* SUPC-8194 プラポリ対応新規追加 */
.api_privacy_policy_appendix {
    max-width: 600px;
    margin: 15px auto 0;
    text-align: center;
  }
  .api_privacy_policy_appendix.api_privacy_policy_appendix--complete_recommend {
    margin-top: 30px;
  }
  .api_privacy_policy_appendix.api_privacy_policy_appendix--suumo_complete_recommend {
	margin-top: 60px;
	margin-bottom: -30px;
  }
  .api_privacy_policy_appendix.api_privacy_policy_appendix--confirm {
    padding-bottom: 18px;
  }
  .api_privacy_policy_appendix .api_privacy_policy_appendix-action {
    position: relative;
    display: inline-block;
    margin-top: 12px;
    padding-right: 20px;
  }
  .api_privacy_policy_appendix .api_privacy_policy_appendix-action:before,
  .api_privacy_policy_appendix .api_privacy_policy_appendix-action:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 2px;
    top: 6px;
    background-color: #004cca;
  }
  .api_privacy_policy_appendix .api_privacy_policy_appendix-action:before {
    right: 9px;
    transform: rotate(45deg);
  }
  .api_privacy_policy_appendix .api_privacy_policy_appendix-action:after {
    right: 5px;
    transform: rotate(-45deg);
  }
  .api_privacy_policy_appendix .api_privacy_policy_appendix-action.is-active:before {
    transform: rotate(-45deg);
  }
  .api_privacy_policy_appendix .api_privacy_policy_appendix-action.is-active:after {
    transform: rotate(45deg);
  }
  .api_privacy_policy_appendix .api_privacy_policy_appendix-body {
    margin-top: 10px;
    text-align: left;
  }
/* SUPC-8194 プラポリ対応新規追加 */