@charset "UTF-8";
/*==========================================
 共通
 ==========================================*/
/* 左寄せ */
.text_left {
    text-align: left;
}
/* 中央寄せ */
.text_center {
    text-align: center;
}
/* 右寄せ */
.text_right {
    text-align: right;
}

/* no-border に対して余白を設ける */
div.no-border {
    padding: 5px;
}

table.table thead th,
table.table tbody td {
    border-color: #ddd !important;
}



/*
==========================================
 物件管理、オーナー管理、部屋管理
==========================================
*/

.app_article_list,
.app_room_list,
.app_owner_list {
    height: 80px;
}
.app_article_list td,
.app_room_list td,
.app_owner_list td,
.app_tenant_list td,
.modal_article_list {
    height: 80px;
    cursor: pointer;
}
.app_article_list td img,
.app_room_list td img,
.modal_article_list img {
    max-width: 100px;
    max-height: 70px;
}
div.article_checkbox,
div.owner_checkbox,
div.tenant_checkbox,
div.room_checkbox {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}
div.contract_checkbox {
    display: flex;
    flex-direction: column;
}
div.article_checkbox input,
div.owner_checkbox input,
div.tenant_checkbox input,
div.room_checkbox input,
div.contract_checkbox input {
    display: none;
}
div.article_checkbox label,
div.owner_checkbox label,
div.tenant_checkbox label,
div.room_checkbox label,
div.contract_checkbox label {
    user-select: none;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px;
    float: left;
    border: solid 1px #aaa;
    margin-left: -1px;
    background: #eee;
    color: #808080;
}
div.article_checkbox input:checked+label,
div.owner_checkbox input:checked+label,
div.tenant_checkbox input:checked+label,
div.room_checkbox input:checked+label,
div.contract_checkbox input:checked+label {
    color: #fff;
    background: #337ab7;
}
.nav-tabs label{
    position: relative;
    display: block;
    padding: 10px 15px;
    font-weight: normal;
}

/*
==========================================
 新規追加・編集画面
==========================================
*/
.article_add_template,
.article_edit_template,
.owner_add_template,
.owner_edit_template,
.tenant_add_template,
.tenant_edit_template,
.claim_add_template,
.claim_edit_template,
.visitor_add_template,
.visitor_edit_template,
.contract_add_template,
.contract_edit_template,
.contract_parking_add_template,
.contract_parking_edit_template,
.parking_add_template,
.parking_edit_template,
.room_add_template,
.room_edit_template,
.trader_add_template


{
    margin: 10px;
}
.article_add_template .article_input,
.article_edit_template .article_input,
.owner_add_template .owner_input,
.owner_edit_template .owner_input,
.tenant_add_template .tenant_input,
.tenant_edit_template .tenant_input,
.claim_add_template .claim_input,
.claim_edit_template .claim_input,
.visitor_add_template .visitor_input,
.visitor_edit_template .visitor_input,
.room_add_template .room_input,
.room_edit_template .room_input,
.parking_add_template .parking_input,
.parking_edit_template .parking_input,
.contract_add_template .contract_input,
.contract_edit_template .contract_input,
.account_item_add_template .account_item_input,
.account_item_edit_template .account_item_input,
.auth_add_template .auth_input,
.auth_edit_template .auth_input,
.shop_add_template .shop_input,
.shop_edit_template .shop_input,
.staff_add_template .staff_input,
.staff_edit_template .staff_input,
.tax_add_template .tax_input,
.tax_edit_template .tax_input,
.equipment_add_template .equipment_input,
.equipment_edit_template .equipment_input,
.school_add_template .school_input,
.school_edit_template .school_input,
.infra_trader_add_template .infra_trader_input,
.infra_trader_edit_template .infra_trader_input,
.jp_year_add_template .jp_year_input,
.jp_year_edit_template .jp_year_input,
.busho_add_template .busho_input,
.busho_edit_template .busho_input,
.pay_item_add_template .pay_item_input,
.pay_item_edit_template .pay_item_input,
.contract_parking_add_template .contract_parking_input,
.contract_parking_edit_template .contract_parking_input,
.trader_add_template .trader_input


{
    padding: 0px;
}
.article_add_template .article_photos,
.article_edit_template .article_photos {
    padding: 0px;
    margin-top: 10px;
}
.article_add_template .article_facility,
.article_edit_template .article_facility {
    padding: 0px;
    margin-top: 10px;
}

.article_checkbox label,
.owner_checkbox label,
.tenant_checkbox label,
.claim_checkbox label,
.visitor_checkbox label,
.contract_checkbox label,
.room_checkbox label {
    font-size: 14px;
    color: black;
}
.article_input_form,
.owner_input_form,
.tenant_input_form,
.claim_input_form,
.visitor_input_form,
.contract_input_form,
.room_input_form,
.parking_input_form,
.infra_trader_input_form,
.jp_year_input_form,
.busho_input_form,
.account_item_input_form,
.auth_input_form,
.shop_input_form,
.staff_input_form,
.equipment_input_form,
.tax_input_form,
.school_input_form,
.pay_item_input_form,
.contract_parking_input_form,
.trader_input_form
{
    padding: 10px;
}
.article_add_template .article_facility_title {
    padding-top: 10px;
}

/*
==========================================
 新規追加・編集画面　アコーディオン
==========================================
*/
.menu__item {
    border: 1px solid #dcdcdc;
    /*cursor: pointer;*/
    display: block;
    margin-bottom: 10px;
    position: relative;
}
.js-menu__item__link i.fa-chevron-down {
    position: absolute;
    right: 12px;
    font-size: 16px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.js-menu__item__link.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.menu__item a {
    color: #000;
    display: block;
    padding: 1rem;
}
.menu__item a:hover {
    color: #000;
    background-color: #dcdcdc;
}
.submenu {
/*    background: #fff;*/
    display: none;
    list-style: none;
}
.checkbox {
    color: #000;
    display: block;
    margin: 10px;
}
.submenu__item input {
    display: none;
}
.submenu__item label {
    user-select: none;
    cursor: pointer;
    font-size: 14px;
    padding: 3px 10px;
    margin: 5px;
    /*float: left;*/
    border: solid 1px #aaa;
    /*margin-left: -1px;*/
    background: #eee;
    color: #808080;
    width: 150px;
    text-align: center;
}
.submenu__item input:checked+label {
    color: #fff;
    background: #337ab7;
}

/* 大項目　物件写真外観、物件設備、料金項目、水道情報、支払情報 */
.photos_menu__item,
.search_menu__item,
.room_photos_menu__item,
.facility_menu__item,
.payment_menu__item,
.water_menu__item,
.payinfo_menu__item,
.parking_kbn_menu__item,
.guarantee_entry_kbn_menu__item,
.fire_insurance_entry_kbn_menu__item,
.room_parking_kbn_menu__item,
.contract_menu__item,
.hp_public_menu__item,
.inflation_menu__item,
.workinfo_owner_menu__item,
.owner_login_menu__item,
.staff_login_menu__item,
.payinfo_owner_menu__item,
.tenant_login_menu__item {
    /*cursor: pointer;*/
    display: block;
    margin-bottom: 1px;
    position: relative;
}
.photos_menu__item div img {
    max-width: 200px;
    max-height: 200px;
}
.js-menu_photos__item__link i.fa-chevron-down,
.js-menu_search__item__link i.fa-chevron-up,
.js-menu_search__item__link i.fa-chevron-down,
.js-menu_room_photos__item__link i.fa-chevron-down,
.js-menu_facility__item__link i.fa-chevron-down,
.js-menu_payment__item__link i.fa-chevron-down,
.js-menu_water__item__link i.fa-chevron-down,
.js-menu_payinfo__item__link i.fa-chevron-down,
.js-menu_parking_kbn__item__link i.fa-chevron-up,
.js-menu_room_parking_kbn__item__link i.fa-chevron-down,
.js-menu_contract__item__link i.fa-chevron-down,
.js-menu_hp_public__item__link i.fa-chevron-down,
.js-menu_inflation__item__link i.fa-chevron-down,
.js-menu_workinfo_owner__item__link i.fa-chevron-down,
.js-menu_owner_login__item__link i.fa-chevron-down,
.js-menu_staff_login__item__link i.fa-chevron-down,
.js-menu_payinfo_owner__item__link i.fa-chevron-down,
.js-menu_tenant_login__item__link i.fa-chevron-down,
.js-menu_before_addr__item__link i.fa-chevron-down,
.js-menu_now_addr__item__link i.fa-chevron-down {
    position: absolute;
    right: 12px;
    font-size: 16px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.js-menu_photos__item__link.open i.fa-chevron-down,
.js-menu_search__item__link.open i.fa-chevron-up,
.js-menu_search__item__link.open i.fa-chevron-down,
.js-menu_room_photos__item__link.open i.fa-chevron-down,
.js-menu_facility__item__link.open i.fa-chevron-down,
.js-menu_payment__item__link.open i.fa-chevron-down,
.js-menu_water__item__link.open i.fa-chevron-down,
.js-menu_payinfo__item__link.open i.fa-chevron-down,
.js-menu_parking_kbn__item__link.open i.fa-chevron-up,
.js-menu_room_parking_kbn__item__link.open i.fa-chevron-down,
.js-menu_contract__item__link.open i.fa-chevron-down,
.js-menu_hp_public__item__link.open i.fa-chevron-down,
.js-menu_inflation__item__link.open i.fa-chevron-down,
.js-menu_workinfo_owner__item__link.open i.fa-chevron-down,
.js-menu_owner_login__item__link.open i.fa-chevron-down,
.js-menu_staff_login__item__link.open i.fa-chevron-down,
.js-menu_payinfo_owner__item__link.open i.fa-chevron-down,
.js-menu_tenant_login__item__link.open i.fa-chevron-down,
.js-menu_before_addr__item__link.open i.fa-chevron-down,
.js-menu_now_addr__item__link.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.photos_menu__item a,
.search_menu__item a,
.room_photos_menu__item a,
.facility_menu__item a,
.payment_menu__item a {
    color: #000;
    display: block;
    padding: 1rem;
}
.photos_menu__item a:hover,
.search_menu__item a:hover,
.room_photos_menu__item a:hover,
.facility_menu__item a:hover,
.payment_menu__item a:hover {
    color: #000;
    background-color: #dcdcdc;
}
/*.photos_submenu,*/
.room_photos_submenu,
.facility_submenu,
.payment_submenu,
.water_submenu,
.payinfo_submenu,
.workinfo_owner_submenu,
.owner_login_submenu,
.staff_login_submenu,
.payinfo_owner_submenu,
.room_parking_kbn_submenu,
.hp_public_submenu,
.roommates_submenu,
.inflation_submenu,
.contract_submenu,
.before_addr_submenu,
.now_addr_submenu {
/*    background: #fff;*/
    display: block;
    list-style: none;
}
.photos_submenu,
.search_submenu,
.parking_kbn_submenu {
/*    background: #fff;*/
    display: none;
    list-style: none;
}
.photos_checkbox,
.room_photos_checkbox {
    color: #000;
    display: block;
    margin: 10px;
}
.photos_menu__item .photos_input,
.room_photos_menu__item .room_photos_input {
    width: 50%;
    margin: 5px;
}
.photos_menu__item .photos_list,
.room_photos_menu__item .room_photos_list {
    width: 90%;
    margin: 10px;
    display: flex;
}
.photos_menu__item .photos_list div,
.room_photos_menu__item .room_photos_list div {
    width: 250px;
}
.photos_menu__item .photos_list div img,
.room_photos_menu__item .room_photos_list div img {
    max-width: 240px;
}
.photos_submenu__item input,
.room_photos_submenu__item input {
    display: none;
}
.photos_submenu__item label,
.room_photos_submenu__item label {
    user-select: none;
    cursor: pointer;
    font-size: 14px;
    padding: 3px 10px;
    margin: 5px;
    /*float: left;*/
    border: solid 1px #aaa;
    /*margin-left: -1px;*/
    background: #eee;
    color: #808080;
    width: 150px;
    text-align: center;
}
.photos_submenu__item input:checked+label,
.room_photos_submenu__item input:checked+label {
    color: #fff;
    background: #337ab7;
}

/* 料金項目のみ　個別設定 */
.payment_submenu {
    margin: 5px 0px 5px 20px;
    border: 1px solid #dcdcdc;
}
.payment_submenu div{
    display: flex;
    margin-bottom: 3px;
    margin-right: 3px;
}
.payment_submenu div label{
    width: 15%;
    padding-top: 7px;
    margin-bottom: 0;
}
.payment_submenu div select{
    width: 25%;
    margin-right: 10px;
    margin-left: 10px;
}
.payment_submenu div input[type='text']{
    width: 40%;
    /*margin-right: 20px;*/
    /*margin-left: 20px;*/
    text-align: right;
}
.payment_submenu .payment_submenu_title {
    margin: 10px 0px 10px 0px;
}

.parking_kbn_menu__item,
.room_parking_kbn_menu__item,
.guarantee_entry_kbn_menu__item,
.fire_insurance_entry_kbn_menu__item,
.contract_menu__item,
.hp_public_menu__item,
.inflation_menu__item,
.workinfo_owner_menu__item,
.owner_login_menu__item,
.staff_login_menu__item,
.payinfo_owner_menu__item,
.tenant_login_menu__item,
.before_addr_menu__item,
.now_addr_menu__item {
    display: flex;
}
.parking_kbn_menu__item label,
.guarantee_entry_kbn_menu__item label,
.fire_insurance_entry_kbn_menu__item label,
.contract_menu__item label,
.workinfo_owner_menu__item label,
.owner_login_menu__item label,
.staff_login_menu__item label,
.payinfo_owner_menu__item label,
.tenant_login_menu__item label {
    width: 15%;
    margin: 5px;
}
.room_parking_kbn_menu__item label,
.hp_public_menu__item label,
.before_addr_menu__item label,
.now_addr_menu__item label,
.inflation_menu__item label {
    width: 20%;
    margin: 5px;
}
.parking_kbn_menu__item .parking_kbn_input,
.guarantee_entry_kbn_menu__item .guarantee_entry_kbn_input,
.fire_insurance_entry_kbn_menu__item .fire_insurance_entry_kbn_input,
.contract_menu__item .contract_input,
.workinfo_owner_menu__item .workinfo_owner_input,
.owner_login_menu__item .owner_login_input,
.staff_login_menu__item .staff_login_input,
.payinfo_owner_menu__item .payinfo_owner_input,
.tenant_login_menu__item .tenant_login_input {
    width: 85%;
    margin: 3px;
}
.room_parking_kbn_menu__item .room_parking_kbn_input,
.hp_public_menu__item .hp_public_input,
.before_addr_menu__item .before_addr_input,
.now_addr_menu__item .now_addr_input,
.inflation_menu__item .inflation_input {
    width: 80%;
    margin: 3px;
}

/* 小項目　構造、駐車場、条件、銀行情報、送金手数料　(子アコーディオン) */
.construction_menu__item,
.parking_menu__item,
.conditions_menu__item,
.bank_menu__item,
.owner_bank_menu__item,
.remittance_fee_menu__item,
.owner_remittance_fee_menu__item {
    border: 1px solid #dcdcdc;
    cursor: pointer;
    display: block;
    margin-bottom: 3px;
    margin-right: 3px;
    position: relative;
}
.js-menu_construction__item__link i.fa-chevron-up,
.js-menu_construction__item__link i.fa-chevron-down,
.js-menu_parking__item__link i.fa-chevron-up,
.js-menu_parking__item__link i.fa-chevron-down,
.js-menu_roommates__item__link i.fa-chevron-up,
.js-menu_roommates__item__link i.fa-chevron-down,
.js-menu_conditions__item__link i.fa-chevron-up,
.js-menu_conditions__item__link i.fa-chevron-down,
.js-menu_bank__item__link i.fa-chevron-up,
.js-menu_bank__item__link i.fa-chevron-down,
.js-menu_owner_bank__item__link i.fa-chevron-up,
.js-menu_owner_bank__item__link i.fa-chevron-down,
.js-menu_remittance_fee__item__link i.fa-chevron-up,
.js-menu_remittance_fee__item__link i.fa-chevron-down,
.js-menu_owner_remittance_fee__item__link i.fa-chevron-up,
.js-menu_owner_remittance_fee__item__link i.fa-chevron-down {
    position: absolute;
    right: 12px;
    font-size: 16px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.js-menu_construction__item__link.open i.fa-chevron-up,
.js-menu_construction__item__link.open i.fa-chevron-down,
.js-menu_parking__item__link.open i.fa-chevron-up,
.js-menu_parking__item__link.open i.fa-chevron-down,
.js-menu_roommates__item__link.open i.fa-chevron-up,
.js-menu_roommates__item__link.open i.fa-chevron-down,
.js-menu_conditions__item__link.open i.fa-chevron-up,
.js-menu_conditions__item__link.open i.fa-chevron-down,
.js-menu_bank__item__link.open i.fa-chevron-up,
.js-menu_bank__item__link.open i.fa-chevron-down,
.js-menu_owner_bank__item__link.open i.fa-chevron-up,
.js-menu_owner_bank__item__link.open i.fa-chevron-down,
.js-menu_remittance_fee__item__link.open i.fa-chevron-up,
.js-menu_remittance_fee__item__link.open i.fa-chevron-down,
.js-menu_owner_remittance_fee__item__link.open i.fa-chevron-up,
.js-menu_owner_remittance_fee__item__link.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.construction_menu__item a,
.parking_menu__item a,
.conditions_menu__item a,
.bank_menu__item a,
.owner_bank_menu__item a,
.remittance_fee_menu__item a,
.owner_remittance_fee_menu__item a {
    color: #000;
    display: block;
    padding: 1rem;
}
.construction_menu__item a:hover,
.parking_menu__item a:hover,
.conditions_menu__item a:hover,
.bank_menu__item a:hover,
.owner_bank_menu__item a:hover,
.remittance_fee_menu__item a:hover,
.owner_remittance_fee_menu__item a:hover {
    color: #000;
    background-color: #dcdcdc;
}
.construction_submenu,
.parking_submenu,
.conditions_submenu {
/*    background: #fff;*/
    display: none;
    list-style: none;
}
.bank_submenu,
.owner_bank_submenu,
.remittance_fee_submenu,
.owner_remittance_fee_submenu {
    display: block;
    list-style: none;
}
.construction_checkbox,
.parking_checkbox,
.conditions_checkbox,
.bank_checkbox,
.owner_bank_checkbox {
    color: #000;
    display: block;
    margin: 10px;
}
.construction_submenu__item input,
.parking_submenu__item input,
.roommates_submenu__item input,
.conditions_submenu__item input,
.payinfo_submenu__item input,
#liquidation_print_kbn_checkbox,
#owner_sign_kbn_checkbox,
#sewer_flag_checkbox,
#parking_kbn_checkbox,
#room_parking_kbn_checkbox,
#guarantee_entry_kbn_checkbox,
#fire_insurance_entry_kbn_checkbox,
#conpany_flag_checkbox,
#hp_public_checkbox,
#cert_parking_space_kbn_checkbox,
#contract_receipt_kbn_checkbox,
#bank_tranpay_50percent_checkbox,
#conpany_flag_checkbox,
#owner_bank_tranpay_50percent_checkbox {
    display: none;
}
.construction_submenu__item label,
.parking_submenu__item label,
.roommates_submenu__item label,
.conditions_submenu__item label {
    user-select: none;
    cursor: pointer;
    font-size: 14px;
    padding: 3px 10px;
    margin: 5px;
    /*float: left;*/
    border: solid 1px #aaa;
    /*margin-left: -1px;*/
    background: #eee;
    color: #808080;
    width: 200px;
    text-align: center;
}
.liquidation_print_kbn_checkbox label,
.owner_sign_kbn_checkbox label,
.sewer_flag_checkbox label,
.parking_kbn_checkbox label,
.room_parking_kbn_checkbox label,
.guarantee_entry_kbn_checkbox label,
.fire_insurance_entry_kbn_checkbox label,
.conpany_flag_checkbox label,
.hp_public_checkbox label,
.cert_parking_space_kbn_checkbox label,
.contract_receipt_kbn_checkbox label,
.bank_tranpay_50percent_checkbox label,
.owner_bank_tranpay_50percent_checkbox label {
    user-select: none;
    cursor: pointer;
    font-size: 14px;
    padding: 3px 10px;
    margin: 5px;
    /*float: left;*/
    border: solid 1px #aaa;
    margin-left: -1px;
    background: #eee;
    color: #808080;
    width: 100px;
    text-align: center;
}
.construction_submenu__item input:checked+label,
.parking_submenu__item input:checked+label,
.roommates_submenu__item input:checked+label,
.conditions_submenu__item input:checked+label,
.liquidation_print_kbn_checkbox input:checked+label,
.owner_sign_kbn_checkbox input:checked+label,
.sewer_flag_checkbox input:checked+label,
.parking_kbn_checkbox input:checked+label,
.room_parking_kbn_checkbox input:checked+label,
.guarantee_entry_kbn_checkbox input:checked+label,
.fire_insurance_entry_kbn_checkbox input:checked+label,
.conpany_flag_checkbox input:checked+label,
.hp_public_checkbox input:checked+label,
.cert_parking_space_kbn_checkbox input:checked+label,
.contract_receipt_kbn_checkbox input:checked+label,
.bank_tranpay_50percent_checkbox input:checked+label,
.owner_bank_tranpay_50percent_checkbox input:checked+label {
    color: #fff;
    background: #337ab7;
}
.water_menu__item,
.payinfo_menu__item,
.bank_submenu__item,
.owner_bank_submenu__item,
.remittance_fee_submenu__item,
.owner_remittance_fee_submenu__item {
    display: flex;
}
.water_menu__item label,
.payinfo_menu__item label,
.bank_submenu__item label,
.owner_bank_submenu__item label,
.remittance_fee_submenu__item label,
.owner_remittance_fee_submenu__item label {
    width: 20%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 0px;
}
.water_menu__item .water_input,
.payinfo_menu__item .payinfo_input,
.bank_submenu__item .bank_input,
.owner_bank_submenu__item .owner_bank_input,
.remittance_fee_submenu__item .remittance_fee_input,
.owner_remittance_fee_submenu__item .owner_remittance_fee_input {
    width: 80%;
    margin: 3px;
}

/* 送金手数料 */
.remittance_fee_checkbox,
.owner_remittance_fee_checkbox {
    color: #000;
    display: block;
    margin: 10px;
}

/* 登録ボタン */
.registration_button {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}
.registration_button button {
    user-select: none;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px;
    margin: 25px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    border: solid 1px #aaa;
    background: #337ab7;
    color: #fff;
    text-align: center;
    width: 100%;
}
.registration_button button:hover {
    color: #fff;
    background: #2e6da4;
}

.google_map a {
    user-select: none;
    font-size: 14px;
    padding: 3px 10px;
    margin-top: 5px;
    float: left;
    border: solid 1px #aaa;
    background: #eee;
    color: #808080;
    width: 200px;
    text-align: center;
}
.google_map a:hover {
    color: #fff;
    background: #337ab7;
}

/* modal設定 start */
.modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal_bg {
    background: rgba(0,0,0,0.2);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal_content{
    /* text-align: center; */

    background: #ffffff;
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    height: 90%;
    border-radius: 10px;
}
.modal_content_menu {
    height: 85%;
    border: solid 1px #000000;
    /*border-radius: 10px;*/
    overflow-y: auto;
}
/*.modal_content_menu_p {
    float: left;
    width: 80%;
    margin-top: 20px;
    margin-left: 20px;
}
.modal_content_menu_div {
    float: right;
    width: 10%;
    margin-top: 20px;
}
.modal_content_partner {
     text-align: center;
    background: #ffffff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
    height: 80%;
    border-radius: 10px;
}*/
.modal_title span {
    font-size: 18px;
    margin: 10px;
}
.modal_button {
    align: center;
    margin: 5px;
}
.modal_select_time {
    background-color: #87ceeb;
    width: 100%;
    margin: 5px;
    border-radius: 10px;
}
.modal_button :disabled {
    color: #d3d3d3;
    background-color: #dcdcdc;
    cursor: not-allowed;
}
.modal_close a {
    float: left;
    width: 20%;
    margin: 10px;
    margin-left: 40%;
    margin-right: 40%;
    padding: 5px 0;
    color: #3c8dbc;
    background-color: #fff;
    border: solid 1px #000;
    text-align: center;
    display: block;
    transition: all 0.5s;
    box-sizing: border-box;
    border-radius: 10px;
}
.modal_close a:hover {
    color: #fff;
    background-color: #3c8dbc;
}

.modal-search input[type="text"]{
    float: left;
    width: 75%;
    margin: 10px;
}
.modal-search button{
    float: right;
    width: 15%;
    margin: 15px;
}
.modal_owner_list {
    height: 40px;
}
.modal_owner_list td,
.modal_staff_list,
.modal_tenant_list,
.modal_room_list,
.modal_shop_list,
.app_address_list,
.app_parking_list,
.app_contract_parking_list,
.app_bank_list,
.app_infra_trader_list,
.app_jp_year_list,
.app_busho_list,
.app_account_item_list,
.app_auth_list,
.app_shop_list,
.app_staff_list,
.app_equipment_list,
.app_tax_list,
.app_school_area_list,
.app_pay_item_list {
    cursor: pointer;
}
.app_contract_list td,
.app_claim_list td {
    height: 65px;
    cursor: pointer;
}
.app_visitor_list td {
    height: 65px;
    cursor: pointer;
}
.app_school_list {
    height: 40px;
}
.app_school_list td {
    width: 15%;
    cursor: pointer;
}
.app_school_list .school_area {
    width: 70%;
    cursor: pointer;
}
.modal_content_article{
    background: #ffffff;
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 85%;
    height: 90%;
    border-radius: 10px;
}
.modal_content_article_menu {
    height: 85%;
    border: solid 1px #000000;
    /*border-radius: 10px;*/
    overflow-y: auto;
}
/* modal設定 end */

/*
==========================================
 オーナー管理画面のみ　一覧画面
==========================================
*/
.icon-male {
    color: darkblue;
    font-size: x-large;
}
.icon-female {
    color: magenta;
    font-size: x-large;
}
.icon-building {
    color: darkgreen;
    font-size: x-large;
}

/*
==========================================
 部屋管理画面のみ　新規・編集画面
==========================================
*/
.photos_menu__item .row {
    margin-left: 0px;
    margin-right: 0px;
}
.room_photo_region {
    float: left;
    width: 50%;
    height: auto;
    padding: 0px 10px 10px 10px;
/*    padding-left: 10px;
    padding-right: 10px;*/
    border-top: 1px solid #dcdcdc;
}

/*
==========================================
 必須項目
==========================================
*/
.required {
    color: red;
    font-size: 8px;
}

/*
==========================================
 単位表記　（アコーディオン内）
==========================================
*/
.input-tani {
    padding: 6px 12px;
    font-size: 14px;
    text-align: center;
    border-top: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}

/*
==========================================
 ページャー
==========================================
*/
.pager_custom {
    text-align: right;
    float: right;
}
.pager_custom span {
    font-size: 14px;
    padding: 3px 10px;
    border: 1px solid #dcdcdc;
    background-color: #337ab7;
    border-color: #337ab7;
    color: #ffffff;
}
.pager_custom_list {
    font-size: 14px;
    padding: 3px 10px;
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
    border-color: #337ab7;
    color: #337ab7;
}

.modal_pager {
    text-align: right;
    margin-top: 20px;
}
.modal_pager span {
    font-size: 14px;
    padding: 3px 10px;
    border: 1px solid #dcdcdc;
    background-color: #337ab7;
    border-color: #337ab7;
    color: #ffffff;
}
.modal_pager_list {
    font-size: 14px;
    padding: 3px 10px;
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
    border-color: #337ab7;
    color: #337ab7;
}

/*
==========================================
 同居人モーダル用
==========================================
*/
.modal_input_form {
    margin: 10px;
}
.modal_roommate_button {
    width: 320px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.roommate_save {
    margin-right: 10px;
    margin-left: 10px;
    flex-direction: column;
    padding-right: 50px;
    padding-left: 50px;
    background-color: #337ab7;
    color: #fff;
    border-radius: 5px;
}
.roommate_cancel {
    margin-right: 10px;
    margin-left: 10px;
    flex-direction: column;
    padding-right: 30px;
    padding-left: 30px;
    background-color: #d0d0d0;
    color: #000;
    border-radius: 5px;
}
#roommate_add,
button[id^="roommate_edit_"],
button[id^="roommate_delete_"] {
    padding: 2px 5px 2px 5px;
}

/*
==========================================
 登録導線用
==========================================
*/
.link_font_a,
.link_font_span {
    color: #ff0000;
    font-size: 16px;
}
.link_font_a:hover {
    color: #cc042c;
}
.contract-add-button,
.contract-parking-add-button {
    margin: 5px 0px 5px 0px;
}
.contract-add-button a,
.contract-parking-add-button a {
    height: 100px;
    flex-direction: column;
    padding: 5px 30px 5px 30px;
    background-color: #337ab7;
    color: #fff;
    border-radius: 5px;
}
.clear_button a,
.copy_button a{
    width: 80%;
    padding: 3px 0px;
    font-size: 12px;
    color: #000;
    background-color: #eee;
    border: solid 0.5px #000;
    text-align: center;
    display: block;
    transition: all 0.5s;
    box-sizing: border-box;
    border-radius: 5px;
}
.clear_button a:hover,
.copy_button a:hover {
    background-color: #ddd;
}

/*
==========================================
 その他
==========================================
*/
.claim_sub_title {
    margin: 10px 20px 10px 20px;
    font-weight: bold;
}
.visitor_sub_title {
    margin: 10px 20px 10px 20px;
    font-weight: bold;
}
.search_checkbox label {
    float: left;
    margin-left: 5%;
}
.search_checkbox div {
    float: left;
    width: 85%;
    margin: 6px 0px 6px 0px;
}
.search_checkbox input[type="checkbox"] {
    margin: 5px 4px 5px 20px;
}
.search_checkbox_span {
    cursor: pointer;
}
.contract_kbn_style {
    font-weight: 100;
    margin: 7px 10px 7px 10px;
}
.in_room_plan {
    color: blue;
}
.in_room {
    color: green;
}
.out_room_plan {
    color: orange;
}
.out_room {
    color: gray;
}
.search_date_kind input[type="radio"],
.search_date_sort input[type="radio"] {
    margin: 10px 5px 0px 5px;
}
.search_date_kind label,
.search_date_sort label {
    font-weight:100;
    margin-right: 20px;
    margin-left: 5px;
}
.fukidashi {
    display: none;
    width: 200px;
    height: 60px;
    position: absolute;
    top: 38px;
    left: 3px;
    padding: 2px;
    border-radius: 5px;
    background: #efefef;
    color: #000;
    font-size: 10px;
}
.freeword:hover + .fukidashi {
    display: block;
}

/* 削除ボタン */
.delete_button {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}
.delete_button a {
    user-select: none;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px;
    margin: 5px 0 25px 0;
    margin-left: auto;
    margin-right: auto;
    float: left;
    border: solid 1px #aaa;
    background: #c0c0c0;
    color: #fff;
    text-align: center;
    width: 100%;
}
.delete_button a:hover {
    color: #fff;
    background: #a9a9a9;
}