/*
Theme Name: realestate-marketing-service-child
Template:   realestate-marketing-service
*/

/*** general ***/
/* def style change */
body{
    font-family: 'Noto Sans JP', sans-serif !important;
    font-size: 16px;
    width: 100%;
    min-width: 1320px;
}
a,
a:active,
a:hover{
    color: #0000ff;
}
a:hover{
    opacity: 0.7;
}
p{
    margin: 0px 0px 10px;
}
label {
    font-weight: normal;
    margin-bottom: 0px;
}
button,
input[type="button"],
input[type="submit"],
.def-button-style {
    color: #ffffff;
    border-radius: 10px;
    background: -moz-linear-gradient( top, #385aaf 0%, #001e64 25%, #001e64);
    background: -webkit-gradient( linear, left top, left bottom, from(#385aaf), color-stop(0.25, #001e64), to(#001e64));
    background: -ms-linear-gradient( top, #385aaf 0%, #001e64 25%, #001e64);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #001446;
    font-size: 1em;
}
.def-button-style:hover,
.def-button-style:focus {
    color: #ffffff;
}
.def-button-disable {
    color: #ffffff;
    border-radius: 10px;
    background: lightgray !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid darkgray !important;
    font-size: 1em;
	pointer-events: none;
}
button:hover, button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: #001e64;
    opacity: 0.5;
}
input[type="radio"],
input[type="checkbox"] {
    margin: 0px;
}
input[type="text"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"],
textarea:focus,
select:focus {
    background-color: rgba(255, 253, 221, 0.6);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #333;
}

input:disabled,
button:disabled,
textarea:disabled
{
    opacity: 0.5;
    cursor: not-allowed;
}

h1 {
    margin: 20px 0px;
    color: #0c1c3d;
}
h2 {
    font-size: 1.4em;
    margin: 20px 0px;
    padding: 0px;
    color: #0c1c3d;
}
h2 > img {
    width: 25px;
    vertical-align: middle;
    padding-bottom: 5px;
}
h3 {
    font-size: 1.2em;
    color: #0c1c3d;
}
h4 {
    font-size: 1em;
    color: #0c1c3d;
    padding: 0px;
    margin: 0px;
}
#contents {
    text-align: center;
}
.emphasis-string {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}
.emphasis-string-red {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    color: red;
}
.emphasis-color-box {
    color: white;
    background-color: #C00000;
    display: inline-block;
    padding: 0px 5px;
    border-radius: 5px;
    font-size: 0.7em;
}
.optional-color-box {
    color: white;
    background-color: #808080;
    display: inline-block;
    padding: 0px 5px;
    border-radius: 5px;
    font-size: 0.7em;
}
.table-emphasis-color-box {
    color: white;
    background-color: #C00000;
    display: inline-block;
    padding: 0px 5px;
    border-radius: 5px;
    font-size: 0.9em;
}
.table-header-supplement {
    font-size: 10px;
}
.proc-seccess {
    color: #c01600;
    font-weight: bold;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.popup-icon {
    width: 20px;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 2px;
}
.popup-icon-midashi {
    width: 30px;
    margin-bottom: 5px;
}
.popup-icon:hover,
.popup-icon:focus {
    opacity: 0.5;
}
#popup_message {
    position: absolute;
    font-size: 14px;
    background-color: rgb(232, 232, 232);
    border: solid 2px #0c1c3d;
    padding: 20px;
    border-radius: 20px;
    font-weight: normal;
    color: #0c1c3d;
    display: inline-block;
    z-index: 2;
    width: 450px;
}
#detail_popup_message {
    position: absolute;
    font-size: 14px;
    background-color: rgb(232, 232, 232);
    border: solid 2px #0c1c3d;
    padding: 20px;
    border-radius: 20px;
    font-weight: normal;
    color: #0c1c3d;
    display: inline-block;
    z-index: 5;
    width: 400px;
    top: 25px;
    left: -220px;
}
.popup_message {
    font-size: 14px;
    background-color: rgb(232, 232, 232);
    border: solid 2px #0c1c3d;
    padding: 20px;
    border-radius: 20px;
    font-weight: normal;
    color: #0c1c3d;
    display: inline-block;
    z-index: 5;
}
.popup_message_warning_hosei {
    width: 370px !important;
    left: -155px !important;
    color: #cd1800 !important;
}
.popup_message_small{
    width: 280px !important;
}
.popup_message_table_click_supplement{
    width: 205px !important;
    top: -125px !important;
    left: 155px !important;
}
.def-up-midashi-style th {
    background-color: #deebf7;
    text-align: center;
    border: solid 1px #12151f;
    padding: 5px 0px;
}
.def-up-midashi-style td,
.def-left-midashi-style td,
.def-left-midashi-threecolumn-style td {
    border: solid 1px #12151f;
    padding: 2px 4px;
    font-size: 0.9em;
    text-align: left;
}
.def-left-midashi-style td:first-child,
.def-left-midashi-threecolumn-style td:nth-of-type(2) {
    background-color: #deebf7;
    font-weight: bold !important;
    font-size: 0.9em;
}
.def-left-midashi-threecolumn-style td:nth-of-type(1) {
    border: none;
}
.def-left-midashi-threecolumn-style tr {
    border: none !important;
}
.input_submit_link_style {
    background: transparent !important;
    font-weight: normal !important;
    color: #1232ff !important;
    border: none !important;
    padding: 0px !important;
    border-radius: 0px !important;
    transition: none !important;
}
.input_submit_link_style:hover {
    background: transparent !important;
    color: #1232ff !important;
    opacity: 0.6 !important;
}
.phone-inquiry {
    width: 480px;
    margin: 10px auto 20px;
    text-align: left !important;
    color: #1F4E79;
    border: solid 2px #1F4E79;
    border-radius: 20px;
    padding: 10px 60px;
}
.phone-inquiry-description {
    display: block;
    margin-left: 32px;
    font-weight: bold;
}
.phone-inquiry .fa {
    font-size: 1.4em;
    vertical-align: middle;
}
.phone-inquiry-midashi {
    margin-bottom: 5px;
    font-size: 1.2em;
    display: block;
}
#progressbar-area {
    background: rgb(63, 63, 63);
    opacity: 0.8;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    z-index: 1000;
}
#progressbar-area div {
    font-size: 10em;
    margin: 0px;
    padding: 0px;
    position: fixed;
    top: 40%;
    left: 42%;
    width: 300px;
    height: 150px;
}
#progressbar-area #progressbar-msg {
    font-size: 1.2em;
    color:#ED6A5A;
    position: relative;
    top: 40%;
}


/** flex style **/
.flex-center {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-left {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.flex-right {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.flex-between {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex-middle {
    -webkit-align-items: center;
    align-items: center;
}

/** font awesome style **/
i.fa {
    padding-right: 10px;
}
.fa-lock,
.fa-user {
    padding-left: 3px;
}
.login-form .fa-envelope-o:before,
.login-form .fa-lock:before,
.login-form .fa-user:before {
    color: #315497;
    opacity: 1;
}

/** header **/
#masthead {
    border-bottom: solid 1px #ffffff;
    background-color: #0c1c3d;
    padding: 5px 0px;
    color: #FFF;
}
#masthead p {
    margin: 5px 10px;
}
#masthead i {
    font-size: 1.5em;
}
#masthead button {
    background-color: transparent;
    padding: 0px;
    display: inline-flex;
}
.site-header {
    background-color: transparent;
}
.header-left{
    width: 35%;
    padding-left: 20px;
}
.header-right{
    width: 65%;
    padding-right: 20px;
}
.header-left,
.header-right {
    -webkit-align-items: center !important;
    align-items: center !important;
    font-size: 0.9em;
}
.header-right i {
    vertical-align: middle;
}
.header-left img {
    max-width: 180px;
    vertical-align: middle;
}
#page{
    margin: 0px auto;
    padding: 0px;
}
.site-content-contain {
    background-color: transparent;
}
.menu-child-client-menu-container,
.menu-toshin-client-menu-container,
.menu-client-menu-container,
.menu-admin-menu-container {
    background-color: #0c1c3d;
    font-size: 0.9em;
}
.client-menu-ul,
.admin-menu-ul {
    width: 100%;
    margin: 0 auto;
    list-style: none;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.client-menu-ul > li,
.admin-menu-ul > li {
    width: 145px;
    margin: 10px 0px;
    display: block;
    text-align: center;
}
.admin-menu-ul > li {
    width: 190px;
}
.client-menu-ul > li a,
.admin-menu-ul > li a {
    display: block;
    color: #fff;
    opacity: 1;
}
.client-menu-ul > li > ul.sub-menu,
.admin-menu-ul > li > ul.sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
.client-menu-ul > li:hover,
.admin-menu-ul > li:hover {
    background: rgba(255, 255, 255, 0.27);
    -webkit-transition: all .5s;
    transition: all .5s;
}
.client-menu-ul > li > ul.sub-menu > li,
.admin-menu-ul > li > ul.sub-menu > li {
    border-top: 1px solid #ffffff;
    height: 50px;
    line-height: 50px;
}

.client-menu-ul > li > ul.sub-menu > li a:hover,
.admin-menu-ul > li > ul.sub-menu > li a:hover {
    background: rgba(255, 255, 255, 0.27);
}
.client-menu-ul > li,
.admin-menu-ul > li {
    position: relative;
    border-left: solid 1px #ffffff;
}
.client-menu-ul > li:first-child,
.admin-menu-ul > li:first-child {
    border-left: none;
}
.client-menu-ul > li > ul.sub-menu,
.admin-menu-ul > li > ul.sub-menu {
    position: absolute;
    top: 25px !important;
    width: 100%;
    background: #0c1c3d;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    list-style: none;
    margin: 0px;
}
.client-menu-ul > li:hover > ul.sub-menu,
.admin-menu-ul > li:hover > ul.sub-menu {
    top: 50px;
    visibility: visible;
    opacity: 1;
}
.breadcrumbs {
    margin-top: 10px;
    margin-left: 20px;
    text-align: left;
}

/*** login ***/
.login-area {
    max-width: 600px;
    margin: 40px auto 50px;
}
.login-area-adjust {
    margin-bottom: 20px;
}
.login-area p {
    margin: 20px 0px;
}
.login-area .input-area{
    position: relative;
    width: 90%;
    margin: 15px auto;
}
.login-form .input-area span{
    position: absolute;
    display: block;
    left: 10px;
    top: 8px;
    font-size: 20px;
}
.login-form .input-area input{
    width: 100%;
    padding: 10px 5px 10px 40px;
    display: block;
    border: 1px solid #797979;
    border-radius: 4px;
    transition: 0.2s ease-out;
}
.login-form .input-area input:focus{
    padding: 10px 5px 10px 10px;
    outline: 0;
}
.login-form .submit {
    display: block;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.2s ease-out;
    font-weight: bold;
    line-height: 1;
    margin: 20px auto;
    width: 540px;
}
.check-area {
    text-align: center;
}
.login-save {
    display: none;
}
.login-save-string{
    position:relative;
    padding-left: 30px;
    cursor: pointer;
}
.login-save-string::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    border-radius: 4px;
}
.login-save:checked + .login-save-string{
    color: #2d70ef;
}
.login-save:checked + .login-save-string::after{
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 12px;
    height: 20px;
    transform: rotate(40deg);
    border-bottom: 3px solid #2d70ef;
    border-right: 3px solid #2d70ef;
}
.login-error {
    color: #ff0000;
}
.error-content img {
    width: 30px;
    margin-right: 10px;
}
.error-content {
    font-size: 1.1em;
    margin-bottom: 30px;
}
.error-content-string {
    margin: 10px 0px 25px;
    font-size: 1.1em;
    text-align: center;
}
.login-recommended-environment {
    width: 950px;
    text-align: left;
    margin: 50px 0px 50px 25%;
}
.login-recommended-environment span {
    margin-left: 15px;
}

/* ad-home */
.ad-home-link-area {
    width: 20%;
    border: solid 2px #000;
    border-radius: 15px;
    padding: 20px;
    margin: 10px;
    min-width: 400px;
}
.ad-home-link-area h2 {
    margin: 0px;
}
.ad-home-link-item {
    margin-top: 10px;
    text-align: center;
}
.ad-home-link-item p {
    line-height: 40px;
}
.ad-home-link-item a {
    display: block;
    font-size: 1.1em;
    padding: 10px 0px;
    margin: 15px 10px;
}
h2.ad-home-midashi-link {
    width: auto;
    margin: 10px;
    font-weight: initial !important;
    font-size: 1.1em;
}
h2.ad-home-midashi-link a {
    padding: 15px;
    display: block;
    cursor: pointer;
    min-width: 600px;
}
.ad-home-under-link-width {
    min-width: initial !important;
    width: 400px;
}

/** ad-client-entry ad-account-entry ad-account-update account-entry client-update account-update **/
.ad-client-entry-area p,
.ad-account-entry-area p,
.ad-account-update-area p,
.account-update-area p,
.account-entry-area p {
    text-align: center;
    margin-bottom: 20px;
}
.ad-client-entry-area table,
.ad-account-entry-area table,
.ad-client-update-area table,
.ad-account-update-area table,
.account-update-area table,
.account-entry-area table {
    max-width: 800px;
    margin: 0px auto 20px;
}
.client-update-area table {
    max-width: 800px;
    margin: 0px auto 15px;
}
.ad-client-entry-area table select,
.ad-account-entry-area table select,
.ad-client-update-area table select,
.ad-account-update-area table select,
.client-update-area table select,
.account-update-area table select,
.account-entry-area table select {
    width: 100%;
}
.ad-client-entry-area table tr:nth-of-type(1),
.ad-account-entry-area table tr:nth-of-type(1),
.ad-client-update-area table tr:nth-of-type(1),
.ad-account-update-area table tr:nth-of-type(1),
.client-update-area table tr:nth-of-type(1),
.account-update-area table tr:nth-of-type(1),
.account-entry-area table tr:nth-of-type(1) {
    border-top: 1px solid #eee;
}
.ad-client-entry-area table td:nth-of-type(1),
.ad-account-entry-area table td:nth-of-type(1),
.ad-client-update-area table td:nth-of-type(1),
.ad-account-update-area table td:nth-of-type(1),
.client-update-area table td:nth-of-type(1),
.account-update-area table td:nth-of-type(1),
.account-entry-area table td:nth-of-type(1) {
    color: red;
    font-weight: bold;
    width: 7%;
    padding: 0px;
    text-align: center;
}
.ad-client-entry-area table td:nth-of-type(2),
.ad-account-entry-area table td:nth-of-type(2),
.ad-client-update-area table td:nth-of-type(2),
.ad-account-update-area table td:nth-of-type(2),
.client-update-area table td:nth-of-type(2),
.account-update-area table td:nth-of-type(2),
.account-entry-area table td:nth-of-type(2) {
    width: 33%;
}
.ad-account-entry-area table td:nth-of-type(3),
.ad-account-update-area table td:nth-of-type(3),
.client-update-area table td:nth-of-type(3),
.account-update-area table td:nth-of-type(3) {
    width: 60%;
}
.ad-client-entry-area button,
.account-entry-area button {
    line-height: 0px;
    padding: 25px !important;
    font-size: 1em;
}
.submit-btn-area {
    text-align: center;
    margin-bottom: 50px;
}
.input-error-string {
    color: red;
}
.ad-client-entry-success-area p,
.account-add-success-content p {
    text-align: center;
}
.ad-account-update-area table [type="radio"]{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.client-update-area table td input[type="text"],
.client-update-area table td input[type="email"],
.client-update-area table td,
.account-update-area table td input[type="text"],
.account-update-area table td input[type="email"],
.account-update-area table td,
.account-entry-area  table td input[type="text"],
.account-entry-area table td input[type="email"],
.account-entry-area table td {
    padding: 5px;
    font-size: 0.9em;
}
.client-update-ubder-submit-btn-area,
.account-update-ubder-submit-btn-area,
.account-entry-under-submit-btn-area {
    text-align: center;
    margin: 30px;
}
.account-update-form input[type="checkbox"],
.account-entry-form input[type="checkbox"] {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    cursor: pointer;
}
.account-update-adjust-diff-table,
.account-entry-adjust-diff-table {
    width: 800px;
    margin: auto;
}
.account-update-adjust-diff-table table,
.account-entry-adjust-diff-table table {
    width: 775px;
    margin-left: auto;
    margin-right: 0px;
}
.account-update-same-check-info label,
.account-entry-same-check-info label {
    cursor: pointer;
    display: inline-block;
}
.account-update-same-check-info label span,
.account-entry-same-check-info label span {
    color: #c01600;
    font-weight: bold;
}
.ad-client-entry-form table td,
.ad-account-entry-form table td {
    padding: 5px;
}
.ad-client-entry-form table td select,
.ad-client-entry-form table td input[type="text"],
.ad-client-entry-form table td input[type="email"],
.ad-client-entry-form table td input[type="number"],
.ad-account-entry-form table td select,
.ad-account-entry-form table td input[type="text"],
.ad-account-entry-form table td input[type="email"],
.account-update-form table td select,
.account-update-form table td input[type="text"],
.account-update-form table td input[type="email"],
.account-update-form table td input[type="password"] {
    padding: 5px;
    font-size: 0.9em;
}
.ad-client-entry-form input[type="checkbox"],
.ad-client-entry-form input[type="radio"],
.account-update-form input[type="radio"]{
    width: 25px;
    height: 25px;
    vertical-align: middle;
    cursor: pointer;
}
.service_check {
    cursor: pointer;
    display: inline-block;
}
.radio_adjust_line {
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
}
.ad-account-update-area table td:nth-of-type(2),
.ad-clieant-info-table-area table td:nth-of-type(1),
.ad-client-update-area table td:nth-of-type(2) {
    text-align: right;
}
.account-add-precautions {
    width: 600px;
    margin: 20px auto;
    text-align: left !important;
    color: #1F4E79;
    border: solid 2px #1F4E79;
    border-radius: 20px;
    padding: 15px 30px 5px;
}
.account-add-precautions h3 {
    text-align: center;
}
.account-add-precautions h3 span {
    border-bottom: solid 2px #0d1c3c;
}
.account-update-form select {
    padding: 0px !important;
    height: auto;
    min-height: 30px;
}

/** ad-client-list **/
.ad-client-list-area table {
    width: 98%;
    margin: 0px auto 30px;
}
.ad-client-list-area table th,
.ad-client-list-area table td {
    text-align: center;
    font-size: 0.9em;
}
.ad-client-list-area table th {
    line-height: 1;
}
.ad-client-list-area table tr:nth-of-type(1) {
    border-top: 1px solid #eee;
}
.ad-client-list-area table th:nth-of-type(1),
.ad-client-list-area table th:nth-of-type(2) {
    width: 5%;
}
.ad-client-list-area table th:nth-of-type(4),
.ad-client-list-area table th:nth-of-type(5),
.ad-client-list-area table th:nth-of-type(6),
.ad-client-list-area table th:nth-of-type(7) {
    width: 17.5%;
}
.ad-client-list-area table th:nth-of-type(3),
.ad-client-list-area table th:nth-of-type(8) {
    width: 10%;
}
.ad-client-list-area table {
    margin-bottom: 40px;
}

/** ad-client-info ad-client-update client-info account-info **/
.ad-clieant-info-table-area table,
.account-info-area table {
    max-width: 700px;
    margin: 0px auto 50px;
}
.client-info-area table {
    max-width: 700px;
    margin: 0px auto 15px;
}
.client-info-area table:nth-last-of-type(1) {
    margin: 0px auto 50px;
}
.ad-clieant-info-table-area table tr:nth-of-type(1),
.client-info-area table tr:nth-of-type(1),
.account-info-area table tr:nth-of-type(1) {
    border-top: 1px solid #eee;
}
.ad-clieant-info-table-area table td:nth-of-type(1) {
    width: 18%;
}
.client-info-area table td:nth-of-type(1),
.account-info-area table td:nth-of-type(1) {
    width: 35%;
}
.client-info-area table td:nth-of-type(2),
.account-info-area table td:nth-of-type(2) {
    width: 65%;
}
.ad-clieant-info-link-area,
.ad-clieant-update-link-area,
.account-info-link-area {
    text-align: center;
}
.account-info-link-area a {
    line-height: 0px;
    padding: 25px;
    background-color: #2c74fd;
    font-size: 1em;
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    min-width: 200px;
    margin: 0px 10px 30px;
}
.clieant-info-link-area a {
    padding: 10px 20px;
    display: inline-block;
    width: 180px;
    font-weight: bold;
}
.clieant-info-link-area {
    margin-bottom: 25px;
}
.client-info-table-midashi {
    width: 700px;
    margin: auto;
    text-align: left;
    font-size: 1.1em;
}
.ad-clieant-info-link-area a,
.ad-clieant-update-link-area a {
    display: inline-block;
    font-size: 1em;
    width: 300px;
    padding: 10px 0px;
    margin: 0px 5px 30px;
}
.ad-client-info-area table th,
.ad-client-update-area table th {
    line-height: 1;
    font-size: 0.9em;
}
.ad-client-update-form table td {
    padding: 5px;
}
.ad-client-update-form table td select,
.ad-client-update-form table td input[type="text"],
.ad-client-update-form table td input[type="email"],
.ad-client-update-form table td input[type="number"] {
    padding: 5px;
    font-size: 0.9em;
}
.ad-client-update-form input[type="radio"],
.ad-client-update-form input[type="checkbox"] {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    cursor: pointer;
}

/** ad-client-search **/
.client-search-input-area {
    margin-bottom: 25px;
}
.client-search-input-area input[type="text"] {
    width: 860px;
    margin: auto;
}
.client-search-form input[type="submit"] {
    padding: 1em 2em !important;
    font-weight: initial;
}
.client-search-area table {
    width: 98%;
    margin: 0px auto 30px;
}
.client-search-area table th {
    line-height: 1;
    font-size: 0.9em;
}
.client-search-area table td:nth-of-type(1),
.client-search-area table td:nth-of-type(7) {
    text-align: right;
}
.client-search-area table td:nth-of-type(1) {
    width: 60px;
}
.client-search-area table td:nth-of-type(7) {
    width: 175px;
}

/* ログイン履歴表示用 */
.account-list-login-history_wrapper{
    float:left;
}

/** ad-account-list **/
.ad-account-list-area table {
    width: 75%;
    margin:0px 0px 30px 30px;
    float:left;
}
.ad-account-list-area table th,
.ad-account-list-area table td {
    text-align: center;
    font-size: 0.9em;
}
.ad-account-list-area table th {
    line-height: 1;
}
.ad-account-list-area table tr:nth-of-type(1) {
    border-top: 1px solid #eee;
}
.ad-account-list-area table th:nth-of-type(1),
.ad-account-list-area table th:nth-of-type(2) {
    width: 5%;
}
.ad-account-list-area table th:nth-of-type(3),
.ad-account-list-area table th:nth-of-type(5) {
    width: 25%;
}
.ad-account-list-area table th:nth-of-type(6),
.ad-account-list-area table th:nth-of-type(7) {
    width: 15%;
}
.ad-account-list-area table th:nth-of-type(4){
    width: 10%;
}
.ad-account-list-link-area {
    text-align: center;
}
.ad-account-list-link-area a {
    display: inline-block;
    font-size: 1em;
    width: 300px;
    padding: 10px 0px;
    margin: 0px 5px 30px;
}

/** admin-account-list **/
.admin-account-list-area table th {
    text-align: center;
    border: solid 1px #12151f;
    font-size: 12px;
    line-height: 1.2;
    background-color: #deebf7;
    padding: 5px;
}
.admin-account-list-area table td,
.admin-account-list-area table input,
.admin-account-list-area table select,
.admin-account-list-area table textarea,
.admin-account-list-area table text{
    font-size: 12px;
}
.admin-account-list-area table td {
    text-align: center;
}
.admin-account-list-area th:nth-of-type(1),
.admin-account-list-area th:nth-of-type(2) {
    width: 3%;
}
.admin-account-list-area table th:nth-of-type(3),
.admin-account-list-area table th:nth-of-type(4),
.admin-account-list-area table th:nth-of-type(5){
    width: 15%;
}
.admin-account-list-area table th:nth-of-type(6) {
    width: 20%;
}
.admin-account-list-area table th:nth-of-type(7),
.admin-account-list-area table th:nth-of-type(8),
.admin-account-list-area table th:nth-of-type(9) {
    width: 8%;
}
.admin-account-list-area table th:nth-of-type(10) {
    width: 5%;
}
.admin-account-list-area table input[type="checkbox"]{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.admin-account-list-area thead tr th:nth-of-type(4),
.admin-account-list-area thead tr th:nth-of-type(7),
.admin-account-list-area thead tr th:nth-of-type(9),
.admin-account-list-area thead tr th:nth-of-type(10) {
    cursor: pointer;
}
.admin-account-list-area thead tr th:nth-of-type(4):hover,
.admin-account-list-area thead tr th:nth-of-type(7):hover,
.admin-account-list-area thead tr th:nth-of-type(9):hover,
.admin-account-list-area thead tr th:nth-of-type(10):hover {
    opacity: 0.6;
}
.admin-account-list-area table td {
    border: solid 1px #12151f;
    text-align: center;
    padding: 5px;
}
.admin-account-list-area table td:nth-of-type(1),
.admin-account-list-area table td:nth-of-type(2) {
    background-color: #deebf7;
}
.admin-account-sort-item {
    display: none;
}
#admin-account-list-table {
    max-width: 1500px;
    margin: auto;
}
.admin-account-submit-btn-area {
    margin: 30px 0px 40px;
}
.admin-account-submit-btn-area input {
    width: 300px;
    padding: 15px !important;
}
.admin-account-submit-btn-area input[type="submit"] {
    background: -moz-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    background: -webkit-gradient( linear, left top, left bottom, from(#FB3A3A), color-stop(0.25, #BF0505), to(#BF0505));
    background: -ms-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    border: 1px solid rgb(165, 16, 0);
}

/** ad-development-manage **/
.development-manage-list-area table th {
    text-align: center;
    border: solid 1px #12151f;
    font-size: 12px;
    line-height: 1.2;
    background-color: #deebf7;
    padding: 5px;
}
.development-manage-list-area table td,
.development-manage-list-area table input,
.development-manage-list-area table select,
.development-manage-list-area table textarea,
.development-manage-list-area table text{
    font-size: 12px;
}
.development-manage-list-area th:nth-of-type(1),
.development-manage-list-area th:nth-of-type(2) {
    width: 3%;
}
.development-manage-list-area th:nth-of-type(3),
.development-manage-list-area th:nth-of-type(4),
.development-manage-list-area th:nth-of-type(5) {
    width: 20%;
}
.development-manage-list-area th:nth-of-type(6),
.development-manage-list-area th:nth-of-type(7),
.development-manage-list-area th:nth-of-type(10) {
    width: 5%;
}
.development-manage-list-area th:nth-of-type(8) {
    width: 6%;
}
.development-manage-list-area th:nth-of-type(9) {
    width: 13%;
}
.development-manage-list-area thead tr th:nth-of-type(6),
.development-manage-list-area thead tr th:nth-of-type(8),
.development-manage-list-area thead tr th:nth-of-type(9) {
    cursor: pointer;
}
.development-manage-list-area thead tr th:nth-of-type(6):hover,
.development-manage-list-area thead tr th:nth-of-type(8):hover,
.development-manage-list-area thead tr th:nth-of-type(9):hover {
    opacity: 0.6;
}
.development-manage-list-area table td {
    border: solid 1px #12151f;
    text-align: center;
    padding: 5px;
}
.development-manage-list-area table td:nth-of-type(1),
.development-manage-list-area table td:nth-of-type(2) {
    background-color: #deebf7;
}
.development-manage-list-area textarea {
    resize: none;
    height: 100px;
}
.development-manage-list-area table input[type="checkbox"]{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.development-manage-sort-item {
    display: none;
}
#development-manage-table {
    max-width: 1500px;
    margin: auto;
}
.development-manage-submit-btn-area {
    margin: 30px 0px 40px;
}
.development-manage-submit-btn-area input {
    width: 300px;
    padding: 15px !important;
}
.development-manage-submit-btn-area input[type="submit"] {
    background: -moz-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    background: -webkit-gradient( linear, left top, left bottom, from(#FB3A3A), color-stop(0.25, #BF0505), to(#BF0505));
    background: -ms-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    border: 1px solid rgb(165, 16, 0);
}
.development-manage-low {
    background-color: #b5e5ff;
}
.development-manage-low .input-select-box {
    background-color: #def3ff;
}
.development-manage-middle {
    background-color: #cbffb5;
}
.development-manage-middle .input-select-box {
    background-color: #e8fddf;
}
.development-manage-high {
    background-color: #ff7c32;
}
.development-manage-high .input-select-box {
    background-color: #ffe2d2;
}
.development-manage-emergency {
    background-color: #ff1b1b;
}
.development-manage-emergency .input-select-box {
    background-color: #ffd2d2;
}
.development-manage-status-performed {
    background-color: #909090;
}
.development-manage-status-performed .input-select-box {
    background-color: #e0e0e0;
}

/** account-list **/
.account-list-area {
    min-height: 220px;
}
.account-list-area form {
    display: flex;
}
.account-list-area th,
.account-list-area td {
    text-align: center;
    font-size: 0.9em;
}
.account-list-area table:first-child {
    max-width: 1160px;
    width: calc(100% - 300px);
    margin: 0px 0px 30px 40px;
}
.account-list-area td:nth-of-type(4),
.account-list-area td:nth-of-type(5),
.account-list-area td:nth-of-type(6),
.account-list-area td:nth-of-type(7) {
    text-align: left;
}
.account-list-area table tr:nth-of-type(1) {
    border-top: 1px solid #eee;
}
.account-list-area table th:nth-of-type(1),
.account-list-area table th:nth-of-type(2),
.account-list-area table th:nth-of-type(3) {
    width: 5%;
}
.account-list-area table th:nth-of-type(4),
.account-list-area table th:nth-of-type(6),
.account-list-area table th:nth-of-type(7) {
    width: 20%;
}
.account-list-area table th:nth-of-type(5) {
    width: 25%;
}

.account-list-login-history {
    margin-top: -36px;
    margin-left: 30px;
}
.account-list-login-history-float {
    display: inline-block;
    margin-right: 20px;
    width: 200px;
    font-size: 0.8em;
}
.account-list-login-history-name {
    text-align: center;
    width: 100%;
}
.account-list-login-history-float h5 {
    text-align: center;
    margin: 0px;
    width: 100%;
    background-color: white;
}
.account-list-login-history table {
    margin: 0px;
    background-color: white;
}
.account-list-login-history table th:nth-of-type(1),
.account-list-login-history table td:nth-of-type(1) {
    width: 60%;
}
.account-list-login-history table th:nth-of-type(2),
.account-list-login-history table td:nth-of-type(2) {
    width: 40%;
}
.account-list-login-no-history {
    background-color: #cccccc;
}

/** contact **/
.contact-area p{
    text-align: center;
}
.contact-area form{
    max-width: 800px;
    margin: 0px auto;
}
.contact-area table tr td:nth-of-type(1){
    width: 23%;
    text-align: left;
}
.contact-area table tr td:nth-of-type(3){
    width: 77%;
}
.contact-area table tr td textarea{
    resize: none;
    height: 200px;
}
.contact-area form button{
    line-height: 0px;
    padding: 24px !important;
    font-size: 1em;
}
.contact-confirm-content {
    text-align: left;
}
.contact-form table td input[type=text] {
    padding: 5px;
}
.contact-submit-btn-area {
    text-align: center;
    margin-bottom: 20px;
}

/** ad-contact-manage **/
.inquiry-manage-list-area table th {
    text-align: center;
    border: solid 1px #12151f;
    font-size: 12px;
    line-height: 1.2;
    background-color: #deebf7;
    padding: 5px;
}
.inquiry-manage-list-area table td,
.inquiry-manage-list-area table input,
.inquiry-manage-list-area table select,
.inquiry-manage-list-area table textarea,
.inquiry-manage-list-area table text{
    font-size: 12px;
}
.inquiry-manage-list-area table td {
    border: solid 1px #12151f;
    text-align: center;
    padding: 5px;
}
.inquiry-manage-list-area table th:nth-of-type(1){
    width: 3%;
}
.inquiry-manage-list-area table th:nth-of-type(2){
    width: 3%;
}
.inquiry-manage-list-area table th:nth-of-type(3),
.inquiry-manage-list-area table th:nth-of-type(4),
.inquiry-manage-list-area table th:nth-of-type(9){
    width: 10%;
}
.inquiry-manage-list-area table th:nth-of-type(7),
.inquiry-manage-list-area table th:nth-of-type(8),
.inquiry-manage-list-area table th:nth-of-type(10){
    width: 5%;
}
.inquiry-manage-list-area table th:nth-of-type(6){
    width: 20%;
}
.inquiry-manage-list-area table th:nth-of-type(5){
    width: 29%;
}
.inquiry-manage-list-area thead tr th:nth-of-type(7),
.inquiry-manage-list-area thead tr th:nth-of-type(8),
.inquiry-manage-list-area thead tr th:nth-of-type(9) {
    cursor: pointer;
}
.inquiry-manage-list-area thead tr th:nth-of-type(7):hover,
.inquiry-manage-list-area thead tr th:nth-of-type(8):hover,
.inquiry-manage-list-area thead tr th:nth-of-type(9):hover {
    opacity: 0.6;
}
.inquiry-manage-list-area table td:nth-of-type(1),
.inquiry-manage-list-area table td:nth-of-type(2) {
    background-color: #deebf7;
}
.inquiry-manage-list-area table textarea{
    resize: none;
    height: 120px;
    font-size: 12px;
}
.inquiry-manage-list-area table input,
.inquiry-manage-list-area table select{
    font-size: 12px;
}
.inquiry-manage-list-area table input[type="checkbox"]{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.inquiry-manage-sort-item {
    display: none;
}
#inquiry-manage-table {
    max-width: 1500px;
    margin: auto;
}
.inquiry-manage-submit-btn-area {
    margin: 30px 0px 40px;
}
.inquiry-manage-submit-btn-area input {
    width: 300px;
    padding: 15px !important;
}
.inquiry-manage-submit-btn-area {
    margin: 30px 0px 40px;
}
.inquiry-manage-submit-btn-area input {
    width: 300px;
    padding: 15px !important;
}
.inquiry-manage-submit-btn-area input[type="submit"] {
    background: -moz-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    background: -webkit-gradient( linear, left top, left bottom, from(#FB3A3A), color-stop(0.25, #BF0505), to(#BF0505));
    background: -ms-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    border: 1px solid rgb(165, 16, 0);
}
.inquiry-not-support {
    background-color: #909090;
}
.inquiry-not-support .input-select-box {
    background-color: #e0e0e0;
}
.inquiry-manage-sort-item {
    display: none;
}

/** usage-manage-all **/
.usage-manage-all-term-set-area {
    text-align: center;
    width: 500px;
    margin: 0px auto 30px;
    border: solid 2px #c5c5c5;
    background-color: #e6f1ff;
    padding: 20px;
}
.usage-manage-all-term-set-area p{
    margin-bottom: 15px;
}
.usage-manage-all-term-set-midashi {
    text-align: left;
}
.usage-manage-all-term-set-area select {
    width: 110px;
    height: 40px;
}
.usage-manage-all-term-set-area .submit-btn-area{
    margin: 0px;
}
.usage-manage-all-area h2 {
    margin-top: 40px;
}
#usage-manage-all-table {
    max-width: 1500px;
    margin: 0px auto 50px;
}
.usage-manage-all-area table th {
    text-align: center;
    border: solid 1px #12151f;
    font-size: 12px;
    line-height: 1.2;
    background-color: #deebf7;
    padding: 5px;
}
.usage-manage-all-area thead tr th {
    cursor: pointer;
}
.usage-manage-all-area thead tr th:hover {
    opacity: 0.6;
}
.usage-manage-all-area thead tr th span {
    font-size: 10px;
}
.usage-manage-all-area table td {
    border: solid 1px #12151f;
    text-align: center;
    padding: 5px;
    font-size: 12px;
}
.usage-manage-all-area table th:nth-of-type(1),
.usage-manage-all-area table th:nth-of-type(6){
    width: 10%;
}
.usage-manage-all-area table th:nth-of-type(4),
.usage-manage-all-area table th:nth-of-type(5){
    width: 15%;
}
.usage-manage-all-area table th:nth-of-type(9){
    width: 6%;
}
.usage-manage-all-area table th:nth-of-type(2),
.usage-manage-all-area table th:nth-of-type(3),
.usage-manage-all-area table th:nth-of-type(8){
    width: 6%;
}
.usage-manage-all-area table th:nth-of-type(7){
    width: 8%;
}
.usage-manage-all-area table td button {
    padding: 0px;
    background: initial;
    border: none;
    color: #0000ff;
    font-weight: initial;
}
.usage-manage-sort-item {
    display: none;
}
#usage-manage-loading-area {
    background: #fff;
    opacity: 0.5;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    z-index: 10;
}
#usage-manage-loading-area i {
    font-size: 7em;
    margin: 0px;
    padding: 0px;
    position: fixed;
    top: 40%;
    left: 46%;
}

/** client-usage-status client-usage-status-service client-usage-status-monthly **/
#client-usage-status-loading-area {
    background: #fff;
    opacity: 0.5;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    z-index: 10;
}
#client-usage-status-loading-area i {
    font-size: 7em;
    margin: 0px;
    padding: 0px;
    position: fixed;
    top: 40%;
    left: 46%;
}
.client-usage-status-year-change-area {
    width: 990px;
    margin: auto;
    color: #1F4E79;
    border: solid 2px #1F4E79;
    border-radius: 20px;
    padding: 5px 25px;
    position: relative;
    z-index: 1;
}
.client-usage-status-year-change-left {
    width: 100px;
}
.client-usage-status-year-change-right {
    width: 830px;
    text-align: left;
}
.client-usage-status-year-change-area div p {
    text-align: left;
    margin: 0px;
}
.client-usage-status-year-change-area div label {
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
}
.client-usage-status-year-change-area div label input {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 2px;
    cursor: pointer;
}
.client-usage-status-year-change-area div label span {
    vertical-align: middle;
}
.client-usage-status-table-area {
    margin-bottom: 50px;
}
.client-usage-status-midashi {
    font-weight: bold;
    font-size: 1.1em;
    margin: 25px auto 10px;
    width: 1300px;
    text-align: left;
}
.client-usage-status-table-area table {
    width: 1300px;
    margin: auto;
}
.client-usage-status-table-area table th {
    text-align: center;
    border: solid 1px #12151f;
    padding: 5px 0px;
    font-size: 14px;
    line-height: 1.2;
    background-color: #deebf7;
}
.client-usage-status-table-area table td {
    border: solid 1px #12151f;
    padding: 5px;
    font-size: 0.9em;
	white-space: nowrap;
}
.client-usage-status-error {
    margin-top: 50px;
}
.client-usage-status-table-midashi-color {
    background-color: #deebf7;
}
.client-usage-status-table-area button {
    background: none;
    border: none;
    color: #00f;
    padding: 0px 10px;
    font-size: 1em;
    font-weight: normal;
	white-space: nowrap;
}

/** data-stock **/
.data-stock-news-area {
    text-align: center;
    max-width: 960px;
    margin: auto;
    padding: 10px 0px;
    border: solid 2px #a9a9a9;
    background-color: #f5f5f5;
}
.data-stock-news-area h2 {
    margin: 0px 0px 10px;
    font-size: 18px;
}
.data-stock-news-area p {
    font-size: 16px;
}
.data-stock-news-area p span {
    color: #ff0000;
    font-weight: bold;
    border-bottom: solid 2px;
}
.data-stock-item {
    width: 300px;
    margin: 25px 15px 0px;
    border: solid 2px #adadad;
    padding: 10px 20px;
}
.data-stock-item h2 {
    margin: 10px 0px 15px;
    font-size: 18px;
    color: #000;
}
.data-stock-item a {
    display: block;
    text-align: center;
    padding: 5px 0px;
    color: #000;
    font-weight: bold;
}
.data-stock-item-rent a {
    background-color: #f9c021;
    border: solid 2px #d29f10;
}
.data-stock-item-store a {
    background-color: #21bdf9;
    border: solid 2px #0e97d8;
}
.data-stock-item-sale a {
    background-color: #42f921;
    border: solid 2px #36d80e;
}
.data-stock-item-rent {
    background-color: #ffe18e;
}
.data-stock-item-store {
    background-color: #dbf5ff;
}
.data-stock-item-sale {
    background-color: #caffc0;
}
.data-stock-item table {
    margin: 15px 0px;
    background-color: #FFF;
}
.data-stock-item table tr {
    border: solid 1px #afafaf;
}
.data-stock-item table tr th {
    text-align: center;
    background-color: #f3f3f3;
    font-size: 14px;
}
.data-stock-item table tr td {
    padding: 2px 5px;
    font-size: 14px;
}
.data-stock-past-log{
    display: block;
    max-width: 960px;
    margin: 20px auto 0px;
    text-align: center;
    padding: 5px 0px;
    border: solid 2px #0043ff;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    background-color: #007eff;
}
.data-stock-past-log:focus,
.data-stock-past-log:hover{
    color: #FFF;
}

/** data-maintenance **/
.data-maintenance-form {
    max-width: 1000px;
    margin: auto;
    border: solid 2px #c5c5c5;
    background-color: #e6f1ff;
    padding: 25px;
}
.data-maintenance-form p {
    margin-bottom: 15px;
}
.data-maintenance-form input[type="radio"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.data-maintenance-form select {
    height: 40px;
}
.data-maintenance-form .select-item.select-data select{
    width: 180px;
}
.data-maintenance-form .select-item {
    margin-left: 20px;
}
.data-maintenance-form .submit-btn-area {
    margin-bottom: 0px;
}
.frequency-change-list-ser-area {
    margin-bottom: 15px;
}
#data-maintenance-frequency-change-table tr:nth-of-type(1) {
    border-top: 1px solid #eee;
}
#data-maintenance-frequency-change-table th,
#data-maintenance-frequency-change-table td {
    text-align: center;
    border: solid 1px #ababab;
}
#data-maintenance-frequency-change-table th{
    font-size: 14px;
    background-color: #ffc683;
}
#data-maintenance-frequency-change-table td{
    font-size: 12px;
}
#data-maintenance-frequency-change-table td:first-child{
    background-color: #d6edff;
}
#data-maintenance-frequency-change-table th:nth-of-type(1){
    width: 5%;

}
#data-maintenance-frequency-change-table th:nth-of-type(2){
    width: 25%;
}
#data-maintenance-frequency-change-table th:nth-of-type(3){
    width: 20%;
}
#data-maintenance-frequency-change-table th:nth-of-type(4),
#data-maintenance-frequency-change-table th:nth-of-type(5),
#data-maintenance-frequency-change-table th:nth-of-type(6),
#data-maintenance-frequency-change-table th:nth-of-type(7),
#data-maintenance-frequency-change-table th:nth-of-type(8){
    width: 10%;
}
#data-maintenance-frequency-change-table {
    margin-bottom: 50px;
}
.modify-disp-button {
    display: inline-block;
    padding: 5px 25px;
    background: #2c74fd;
    color: #FFF;
    border-radius: 5px;
}
.modify-disp-button:hover,
.modify-disp-button:focus {
    color: #FFF;
}
.company-modify-list-tab-area {
    list-style: none;
    margin: 0px;
}
.company-modify-list-tab-area li {
    display: block;
    width: 6%;
    text-align: center;
    border: solid 2px #b3b3b3;
    border-right: none;
    cursor: pointer;
}
.company-modify-list-tab-area li:last-child {
    border-right: solid 2px #b3b3b3;
    width: 10%;
}
.company-modify-list-tab-area .tab-selected {
    border-bottom: none !important;
    background-color: #ffe5cb;
}
#company-modify-list-area {
    height: 600px;
    overflow: auto;
    border: solid 2px #b3b3b3;
    border-top: none;
    background-color: #ffe5cb;
}
.company-modify-item-area {
    margin: 30px 80px;
    display: none;
}
.company-modify-item-area h3 {
    font-size: 18px;
    margin: 0px !important;
}
.company-modify-item-area table tr:nth-of-type(1) {
    border-top: 1px solid #eee;
}
.company-modify-item-area table th,
.company-modify-item-area table td {
    text-align: center;
}
.company-modify-item-area table th{
    font-size: 14px;
}
.company-modify-item-area table td{
    font-size: 12px;
}
.company-modify-item-area table th:nth-of-type(1){
    width: 5%;
}
.company-modify-item-area table th:nth-of-type(2){
    width: 35%;
}
.company-modify-item-area table th:nth-of-type(3){
    width: 30%;
}
.company-modify-item-area table th:nth-of-type(4),
.company-modify-item-area table th:nth-of-type(5),
.company-modify-item-area table th:nth-of-type(6){
    width: 10%;
}
.company-modify-item-area table {
    background-color: #FFF;
}
.company-modify-item-area table th,
.company-modify-item-area table td {
    border: solid 1px #ababab;
}
.company-modify-item-area table th {
    background-color: #ffc683;
}
.company-modify-item-area table td:first-child {
    background-color: #d6edff;
}
.company-modify-item-area.mod-disp-area {
    display: block;
}
.data-maintenance-area .nayose-link-btn{
    display: block;
    width: 1000px;
    margin: 20px auto 0px;
    text-align: center;
    padding: 15px 0px;
    border: solid 2px #0043ff;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    background-color: #007eff;
}

/** data-edit **/
.data-select-form {
    max-width: 600px;
    margin: auto;
    padding: 20px 30px;
    border: solid 2px #a9a9a9;
    background-color: #e6f1ff;
    margin-bottom: 40px;
}
.data-select-form input[type="text"] {
    width: 200px;
    display: inline-block;
    text-align: center;
    padding: 2px 10px;
}
.data-select-form p {
    margin-bottom: 15px;
}
.data-select-form .input-item {
    margin-left: 25px;
}
.data-select-form .submit-btn-area{
    margin-bottom: 0px;
}
.data-edit-form table,
.company-modify-table {
    width: 800px;
    margin: 20px auto 30px;
    background-color: #fff;
}
.data-edit-form table input[type="text"]{
    padding: 2px 10px;
}
.data-edit-form table tr:nth-of-type(1),
.company-modify-table tr:nth-of-type(1) {
    border-top: 1px solid #eee;
}
.data-edit-form table th,
.company-modify-table th {
    text-align: center;
    font-size: 14px;
    background-color: #ffc683;
    border: solid 1px #a9a9a9;
}
.data-edit-form table td,
.company-modify-table td {
    font-size: 12px;
    padding: 5px 10px;
    border: solid 1px #a9a9a9;
}
.data-edit-form table td:first-child,
.company-modify-table td:first-child {
    background-color: #d6edff;
}
.data-edit-form table th:nth-of-type(1) {
    width: 30%;
}
.data-edit-form table th:nth-of-type(2) {
    width: 70%;
}
.data-edit-form table td select {
    width: 100%;
    padding: 2px 10px;
    height: 35px;
}
.company-modify-table {
    width: 800px;
    margin: 20px auto 60px;
}
.company-modify-table td {
    text-align: center;
}
.company-modify-table th:nth-of-type(1) {
    width: 60%;
}
.company-modify-table th:nth-of-type(2),
.company-modify-table th:nth-of-type(3) {
    width: 20%;
}

/** data-log **/
.data-log-form {
    max-width: 600px;
    margin: auto;
    padding: 20px 30px;
    border: solid 2px #a9a9a9;
    background-color: #e6f1ff;
    margin-bottom: 40px;
    text-align: center;
}
.data-log-form p {
    margin-bottom: 15px;
}
.data-log-form select {
    height: 40px;
}
.data-log-form .submit-btn-area {
    margin-bottom: 0px;
}
.data-log-disp-area {
    width: 1600px;
    margin: auto;
    border: solid 2px #a9a9a9;
    padding: 10px;
    background-color: #fff2e6;
}
.data-log-disp-area h2 {
    margin: 5px 0px;
}
.data-log-disp-area h3 {
    padding: 0px;
    font-size: 18px;
}
.data-log-disp-area .get-data-log-table,
.data-log-disp-area .nayose-log-table {
    background-color: #fff;
}
.data-log-disp-area .get-data-log-table td,
.data-log-disp-area .nayose-log-table td {
    border: solid 1px #a9a9a9;
    font-size: 14px;
    padding: 4px;
}
.data-log-disp-area .get-data-log-table td:nth-of-type(1),
.data-log-disp-area .nayose-log-table td:nth-of-type(1) {
    width: 30%;
    background-color: #e6f1ff;
}
.data-log-disp-area .get-data-log-table td:nth-of-type(2),
.data-log-disp-area .nayose-log-table td:nth-of-type(2) {
    width: 20%;
}
.data-log-disp-area .get-data-log-table td:nth-of-type(3),
.data-log-disp-area .nayose-log-table td:nth-of-type(3) {
    width: 50%;
}

/** crawler-status **/
.crawler-terms-disp-area {
    max-width: 800px;
    margin: auto;
    padding: 20px 30px;
    border: solid 2px #a9a9a9;
    background-color: #e6f1ff;
    margin-bottom: 40px;
    text-align: center;
}
.crawler-terms-disp-area .terms-string {
    font-size: 18px;
    display: inline-block;
    padding: 0px 10px;
    color: red;
    border-bottom: solid 2px red;
    font-weight: bold;
}
.crawler-status-disp-area {
    width: 1600px;
    margin: auto;
    border: solid 2px #a9a9a9;
    padding: 10px;
    background-color: #fff2e6;
}
.crawler-status-disp-area h3 {
    padding: 0px;
    font-size: 18px;
}
.crawler-status-disp-area .get-data-log-table,
.crawler-status-disp-area .nayose-log-table  {
    background-color: #fff;
}
.crawler-status-disp-area .get-data-log-table td,
.crawler-status-disp-area .nayose-log-table td {
    border: solid 1px #a9a9a9;
    font-size: 14px;
    padding: 4px;
}
.crawler-status-disp-area .get-data-log-table td:nth-of-type(1),
.crawler-status-disp-area .nayose-log-table td:nth-of-type(1) {
    width: 30%;
    background-color: #e6f1ff;
}
.crawler-status-disp-area .get-data-log-table td:nth-of-type(2),
.crawler-status-disp-area .nayose-log-table td:nth-of-type(2) {
    width: 20%;
}
.crawler-status-disp-area .nayose-log-table td:nth-of-type(4) {
    width: 20%;
}
.crawler-status-disp-area .get-data-log-table td:nth-of-type(3) {
    width: 50%;
}
.crawler-status-disp-area .nayose-log-table td:nth-of-type(3) {
    width: 30%;
}

/** top **/
.top-service-select-area {
    background-image: url(/wp/wp-content/themes/realestate-marketing-service-child/image/back_top_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position-y: center; */
    padding: 50px 0px;
}
/* .top-service-select-area a {
    display: block;
    margin: 0px 15px;
}
.top-service-select-area a p img {
    border: solid 2px #1648af;
    background-color: #1648af;
    width: 250px;
} */

.top-service-area {
    width: 350px;
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: inset -10px -10px 60px #FFFFFF82;
	border: 2px solid #FFFFFF;
	border-radius: 15px;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	margin: 0 15px;
	padding: 35px 20px;
}
.top-service-area h2 {
	margin: 0 0 5px;
	font-family: 'メイリオ', 'Meiryo', sans-serif;
	font-weight: bold !important;
	font-size: 24px;
	color: #070C61;
}
.top-service-area h2 img {
	width: 24px;
	margin-right: 20px;
}

.top-service-button {
	font-size: 20px;
}
.top-service-button a {
	display: block;
	line-height: 48px;
	border-radius: 5px;
	box-shadow: 0px 3px 6px #0000004D;
}
.top-service-button img {
	width: 21px;
	/* height: 18px; */
	margin-right: 10px;
	vertical-align: sub;
}

.top-service-usage-area {
	box-shadow: 0px 3px 6px #0000004D;
}
.top-service-usage-th {
	color: white;
	line-height: 34px;
	background: transparent linear-gradient(180deg, #4464B5 0%, #022167 25%, #001E64 100%) 0% 0% no-repeat padding-box;
	font-size: 16px;
}
.top-service-usage-td {
	line-height: 34px;
	background-color: white;
	font-size: 16px;
	color: #003881;
}

.top-service-usage-bar-out {
	width: 280px;
	height: 16px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 2px 2px 3px #00000066;
	border-radius: 34px;
	margin-top: 50px;
	padding: 0 2px 0;
	display: flex;
	align-items: center;
	position: relative;
}
.top-service-usage-bar-in {
	height: 12px;
	background: #2C4C9E 0% 0% no-repeat padding-box;
	border-radius: 34px;
}
.top-service-usage-bar-fukidashi {
	width: 52px;
	height: 25px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 2px 4px #00000066;
	border-radius: 5px;
	position: absolute;
	top: -32px;
	z-index: -1;
	font-size: 16px;
	padding-top: 2px;
	color: #070C61;
}
.top-service-usage-bar-fukidashi:before {
	/* content: "";
	position: absolute;
	top: 18px;
	left: 40%;
	border-left: 10px solid white;
	transform: rotate(-45deg);
	height: 10px;
	box-shadow: -7px 7px 10px -1px #00000066; */
	content: "";
	position: absolute;
	top: 21px;
	left: 42%;
	border-left: 8px solid white;
	transform: rotate(-45deg);
	height: 8px;
	box-shadow: -3px 3px 7px -1px #00000066;
}


.top-news,
.top-question {
    margin: 5px 10px 5px 30px;
    text-align: left;
}
.top-news li,
.top-question li {
    margin-bottom: 5px;
    border-bottom: solid 1px #b3b3b3;
}
.top-question-area h2 {
    background-color: #1648af;
    color: #FFF;
    padding: 5px 0px;
}
.top-read-more-link-area {
    text-align: right;
    margin: 10px 15px;
}
.top-info-area {
    width: 1000px;
    margin: auto;
    font-size: 14px;
    line-height: 1.4;
}
.top-rent-area,
.top-conflict-area {
    margin: 0px 10px;
}
.top-rent-area img,
.top-conflict-area img {
    /*width: 170px;*/
    /*padding-top: 10px;*/
    padding-top: 10px;
}
.top-news-area h2 {
    text-align: left;
    margin: 10px 0px 0px;
    font-size: 1.2em;
}
.top-news-area {
    margin: 8px 0px;
}
.top-service-title-img {
    padding: 0px 75px 15px;
    /*background: linear-gradient(#154475, #0e2b65, #2782e0);*/
    background-color: #001e64;
}
.top-recommended-environment-area {
    margin: 16px 0px;
}
.top-recommended-environment-area h2 {
    text-align: left;
    margin: 10px 0px 0px;
    font-size: 1.2em;
}
.top-recommended-environment {
    text-align: left;
    margin-left: 20px;
}
.top-recommended-environment span {
    margin-left: 15px;
}









/** rent conflict **/
.rent-area,
.conflict-area {
    margin-bottom: 40px;
}
.rent-title img,
.conflict-title img {
    width: 40px;
    vertical-align: middle;
    padding-bottom: 5px;
}
.rent-button-area div {
    width: 500px;
}
.rent-link-area {
    margin-bottom: 5px;
}
.conflict-link-area {
    margin-bottom: 30px;
}
.rent-link-area a ,
.rent-link-area label {
    display: inline-block;
    width: 450px;
    padding: 10px 0px;
    border-radius: 10px;
    font-size: 1.5em;
}
.conflict-link-area a {
    display: inline-block;
    padding: 10px 100px;
    border-radius: 10px;
    font-size: 1.5em;
}
.rent-link-area p,
.conflict-link-area p {
    margin: 0px;
}
.rent-link-left img {
    vertical-align: middle;
    margin-right: 10px;
    width: 30px;
}
.rent-link-right {
    vertical-align: middle;
}
.def-button-style.orange-back {
    background: -webkit-gradient( linear, left top, left bottom, from(#fd750f), color-stop(0.25, #ff3c00), to(#ff3c00));
    border-color: #ff0000;
}
.rent-past-link-area {
    width: 950px;
    padding: 12px 0px;
    margin: auto;
    background-color: #dbeeff;
    filter: drop-shadow(5px 5px 0px #A0D7FF);
}
.conflict-past-link-area {
    width: 750px;
    padding: 12px 0px;
    margin: auto;
    background-color: #dbeeff;
    filter: drop-shadow(5px 5px 0px #A0D7FF);
}
.rent-past-link-area h2,
.conflict-past-link-area h2 {
    margin-top: 0px;
    margin-bottom: 8px;
    background-color: #26437a;
    color: #FFF;
    padding: 5px 0px;
    font-size: 1.2em;
}
.rent-past-link-area button,
.conflict-past-link-area button {
    background: none;
    border: none;
    color: #00f;
    padding: 0px 10px;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
}
.rent-past-link-area p {
    text-align: left;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
}
.rent-past-link-area p.pad1 {
    text-align: left;
    padding-left: 36px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    height: 24px;
}
.rent-past-link-area p.spc10 {
    margin-bottom: 10px;
}
#rent-past-search-result {
    margin-top: 10px;
}
.text-red {
    color: red;
}
.text-yellow {
    color: #ff9900;
}
.rent-past-link-more,
.conflict-past-link-more {
    text-align: right;
    margin: 20px 15px 0px;
}
.rent-past-link-area ul,
.conflict-past-link-area ul {
    margin: 0px 10px 0px 30px;
}
.rent-past-link-area ul li,
.conflict-past-link-area ul li {
    text-align: left;
    margin-bottom: 10px;
    border-bottom: solid 1px #b3b3b3;
}
.rent-past-title {
    color: #3366ff;
    font-size: 1.2em;
    font-weight: 700;
    border-bottom: solid 2px #3366ff;
}
.rent-past-search-row {
    text-align: left;
    width: 100%;
    height: 24px;
    line-height: 24px;
}
.rent-past-search-col1 {
    display: inline-block;
    text-align: left;
    margin-left: 265px;
    width: 160px;
}
.rent-past-search-col2 {
    display: inline-block;
    text-align: left;
}
.rent-past-search-col2 input,
.rent-past-search-col2 select {
    display: inline-block;
    width: 256px;
    height: 24px;
}
.rent-past-search-button {
    margin-top: 18px;
    text-align: center;
}
.rent-past-search-button input[name="search"] {
    margin-top: 4px;
    padding: 8px 16px;
}




/* 査定履歴 履歴テーブル */


.rent-past-table td input[data-property] {
    margin: 0px;
    /* width: 100%; */
    height: 23px;
    border-style: none;
}


.rent-past-table th {
    background-color: #26437a;
    text-align: center;
    border: solid 1px #12151f;
    padding: 5px 2px;
    font-size: 12px;
    line-height: 1.1;
    color: #fff;
}


.rent-past-table td {
    border: solid 1px #12151f;
    padding: 0 5px;
    font-size: 12px;
    background-color: #fff;
}


.rent-past-table td:nth-of-type(1) {
    text-align: center;
    cursor: pointer;
}
.rent-past-table td:nth-of-type(1):hover {
    text-align: center;
    opacity: 0.6;
}


.rent-past-table td:nth-of-type(2) {
    text-align: left;
}


.rent-past-table td:nth-of-type(3) {
    text-align: left;
    padding: 0px;
}


.rent-past-table td:nth-of-type(4) {
    text-align: left;
}


.rent-past-table td:nth-of-type(5) {
    text-align: center;
}






#conflict-past-table {
    width: 710px;
    margin: auto;
}
#conflict-past-table th {
    background-color: #26437a;
    text-align: center;
    border: solid 1px #12151f;
    padding: 5px 2px;
    font-size: 12px;
    line-height: 1.1;
    color: #fff;
}
#conflict-past-table td {
    border: solid 1px #12151f;
    padding: 0px 12px;
    font-size: 0.92em;
    background-color: #fff;
}
#conflict-past-table td:nth-of-type(1),
#conflict-past-table td:nth-of-type(3) {
    text-align: center;
}
#conflict-past-table td:nth-of-type(2) {
    text-align: left;
}
#conflict-past-table thead tr th:nth-of-type(1),
#conflict-past-table thead tr th:nth-of-type(2),
#conflict-past-table thead tr th:nth-of-type(3) {
    cursor: pointer;
}
#conflict-past-table thead tr th:nth-of-type(1):hover,
#conflict-past-table thead tr th:nth-of-type(2):hover,
#conflict-past-table thead tr th:nth-of-type(3):hover {
    opacity: 0.6;
}
#conflict-past-table thead tr th:nth-of-type(1),
#conflict-past-table tbody tr td:nth-of-type(1) {
    width: 180px;
}
#conflict-past-table thead tr th:nth-of-type(2),
#conflict-past-table tbody tr td:nth-of-type(2) {
    width: 330px;
}
#conflict-past-table thead tr th:nth-of-type(3),
#conflict-past-table tbody tr td:nth-of-type(3) {
    width: 180px;
}
.conflict-past-table-head,
.conflict-past-table-body {
    display:block;
}
.conflict-past-table-body {
    overflow-y:scroll;
    height:352px;
}
.rent-count-area,
.conflict-count-area {
    width: 750px;
    margin: auto;
}
.rent-count,
.conflict-count {
    padding: 10px 0px;
    margin: 0px;
    border: solid 2px #1648af;
    font-weight: bold;
    background-color: #1648af;
    color: #FFF;
    font-size: 1.2em;
}
#rent-chart,
#conflict-chart {
    width: 750px;
    height: 154px;
    margin-bottom: 30px;
    border: solid 2px #1648af;
}
#rent-chart i,
#conflict-chart i {
    margin-top: 35px;
    font-size: 5em;
    padding: 0px;
}
#conflict-loading-area i,
#rent-loading-area i {
    font-size: 7em;
    margin-top: 125px;
    padding: 0px;
}
#conflict-past-table-area,
.rent-past-table-area {
    max-height: 380px;
    position: relative;
}
#conflict-loading-area,
#rent-loading-area {
    position: absolute;
    width: 100%;
}
.conflict-search-eki-send-description {
    text-align: right;
    font-size: 12px;
    margin: 0px;
    color: #595959;
}
.rent-search-address-send-area,
.conflict-search-address-send-area {
    margin-top: 20px;
}
.conflict-search-eki-send-area {
    margin-top: 10px;
}
.rent-search-eki-send-area {
    margin-top: 5px;
}
.rent-search-eki-send-description {
    display: block;
    text-align: right;
    font-size: 12px;
    margin-bottom: 5px;
    color: #595959;
}
.conflict-search-station-submit-button {
    color: #ffffff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 1.2em;
    width: 200px;
    font-weight: normal;
    padding: 15px 0px;
    line-height: 1;
}
.house-pic-button {
    padding: 0px;
    background: initial;
    background-image: none;
    border: none;
    color: #0000ff;
    font-weight: initial;
    font-size: 13px !important;
}
.house-pic-button:hover {
    background: initial;
    transition: background 0.2s;
}
.house-pic-button:focus {
    background: initial;
}

/** rent-search **/
.rent-step-arrow-off {
    opacity: 0.2;
}
.rent-step-area {
    margin-bottom: 15px;
}
/* 住所と駅名検索 */
.rent-search-address-station-area {
    background-color: #dbeeff;
    filter: drop-shadow(5px 5px 0px #A0D7FF);
    width: 900px;
    margin: 0px auto 20px;
    padding: 2px 0px;
}
.rent-search-address-station-area form input[type=text] {
    width: 500px;
    display: inline-block;
}
.rent-search-address-station-area h2 {
    background-color: #26437a;
    color: #FFF;
    padding: 5px 0px;
    font-size: 1.2em;
    margin: 1px 0px;
}

.rent-search-station-area form input[type=text] {
    width: 400px;
    display: inline-block;
}
#rent-search-station-input-area {
    margin-top: 15px;
}
.rent-search-station-area,
.rent-search-address-area {
    width: 700px;
    margin: 0px auto 20px;
    padding: 2px 0px;
}
.rent-search-station-area.bukken-name {
    width: 900px;
}
.rent-search-address-in-item-area {
    margin: 0px 20px;
}
.rent-search-station-in {
    margin: 0px 20px;
    text-align: center;
}
.rent-search-station-in.bukken-name div {
    margin: 15px 0px;
}
.rent-search-address-in {
    padding: 0px 50px;
    text-align: center;
}
.rent-search-station-in select,
.rent-search-address-in select {
    width: 380px;
}
.rent-search-station-area {
    background-color: #ffedda;
    filter: drop-shadow(5px 5px 0px #e88925);
}
.rent-search-station-area h2 {
    background-color: #ff6a00;
    color: #FFF;
    padding: 5px 0px;
    font-size: 1.2em;
    margin: 1px 0px;
}
.rent-search-station-in {
    position: relative;
}
#rent-station-search-select-area {
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: solid 2px #f26a05;
    margin: 20px;
}
#rent-station-search-select-area span,
#rent-search-select-area span {
    font-weight: normal;
}
#rent-station-list {
    width: 425px;
    margin: auto;
    text-align: left;
}
#rent-station-list button {
    background: none;
    border: none;
    font-size: 1em;
    font-weight: normal;
    padding: 0px;
    color: #00f;
    display: block;
}
#rent-station-list button i.fa {
    padding-right: 0;
}
.rent-search-address-area {
    background-color: #dbeeff;
    filter: drop-shadow(5px 5px 0px #A0D7FF);
}
.rent-search-address-area ul li::marker {
    content: '■';
    color: #000;
}
.rent-search-address-area h2 {
    background-color: #26437a;
    color: #FFF;
    padding: 5px 0px;
    font-size: 1.2em;
    margin: 1px 0px;
}
.rent-search-description {
    width: 600px;
    margin: 0px auto 15px;
    text-align: left;
    line-height: 1.3;
}
.rent-search-station-in input[type=submit],
.rent-search-station-button {
    color: #ffffff;
    border-radius: 10px;
    background: -moz-linear-gradient( top, #fd750f 0%, #ff3c00 25%, #ff3c00);
    background: -webkit-gradient( linear, left top, left bottom, from(#fd750f), color-stop(0.25, #ff3c00), to(#ff3c00));
    background: -ms-linear-gradient( top, #fd750f 0%, #ff3c00 25%, #ff3c00);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #c12d00;
    font-size: 1.2em;
    width: 200px;
    font-weight: normal;
    padding: 15px 0px;
    line-height: 1;
}
.rent-search-station-back-button {
    color: #ffffff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 1.2em;
    width: 200px;
    font-weight: normal;
    padding: 15px 0px;
    line-height: 1;
}
.rent-search-station-in input[type=submit]:hover,
.rent-search-station-in input[type=submit]:focus,
.rent-search-station-button:hover,
.rent-search-station-button:focus {
    background-color: #ff3c00
}
.rent-search-address-send-area input {
    width: 200px;
    font-size: 1.2em;
    font-weight: normal;
    padding: 15px;
    margin: 0px 10px;
}
#rent-search-address-back {
    font-weight: normal;
    padding: 10px;
    font-size: 1.2em;
    width: 200px;
    margin: 0px 10px;
}

.rent-search-address-midashi {
    text-align: left;
    margin: 10px 0px 0px;
    padding: 0px;
    line-height: 0.8;
    font-size: 15px;
}
.rent-search-pref-item,
.rent-search-city-jump-item {
    padding: 0px 20px;
    margin: 0px;
    border-radius: 10px;
    text-align: left;
    line-height: 1;
}
.rent-search-pref-item button,
.rent-search-city-jump-item button {
    background: none;
    border: none;
    color: #00f;
    padding: 0px 10px;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.1;
}
.rent-search-pref-item button {
    width: 60px;
    padding: 0px;
    text-align: left;
}
.rent-search-address-in {
    position: relative;
}
#rent-search-addres-loading-area i,
#rent-search-station-loading-area i  {
    font-size: 7em;
    margin: 0px;
    padding: 0px;
}
#rent-search-addres-loading-area {
    position: absolute;
    top: 30px;
    width: 85%;
}
#rent-search-station-loading-area {
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
#rent-search-station-input-area button {
    margin-top: 15px;
}
.rent-search-station-string {
    font-size: 1.4em;
    font-weight: bold;
    vertical-align: middle;
}
#rent-search-select-area {
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: solid 2px #26437a;
    margin: 0px 20px;
}
.rent-search-jump-link-area {
    margin: 15px 0px;
}
.rent-search-jump-link-area a {
    display: inline-block;
    width: 50px;
}
#rent-search-cho-item {
    margin-top: 15px;
}
.rent-search-bukken-name-mark-col {
    flex: 0 0 50px;
    width: 50px;
    margin-bottom: 0;
}
.rent-search-bukkent-name-input-col {
    flex: 0 0 380px;
    width: 380px;
    margin-bottom: 0;
}
#rent-search-bukken-name {
    width: 100%;
}
#rent-search-bukken-name-error {
    color: #C00000;
}

#rent-search-bukken-name-loading-area .fa {
    padding-right: 0;
}

#rent-search-bukken-name-result .table-separate-border {
    font-size: 13px;
    text-align: center;
}
#rent-search-bukken-name-result .table-separate-border thead th {
    text-align: center;
    white-space: nowrap;
}
#rent-search-bukken-name-result .table-separate-border tbody td {
    padding: 0.75em 0.4em;
}
#rent-search-bukken-name-result .table-separate-border .select-mark {
    vertical-align: middle;
}

#rent-search-bukken-name-result #rent-search-bukken-name-house-table {
    width: auto;
}

#rent-search-bukken-name-result .table-separate-border .building-row:hover,
#rent-search-bukken-name-result .table-separate-border .house-row:hover {
    cursor: pointer;
    background-color: #FAF0F0;
}
#rent-search-bukken-name-result .table-separate-border .selected,
#rent-search-bukken-name-result .table-separate-border .selected:hover {
    background-color: #FFDADA;
}

#rent-search-bukken-name-button-area .rent-search-bukken-name-button-box {
    flex: 1 1 50%;
}
#rent-search-bukken-name-button-area .rent-search-bukken-name-button-box > button {
    min-width: 80%;
    font-size: 16px;
    padding: 1em;
    line-height: 1;
}
.rent-search-area .under-line {
    display: inline-block;
    background: linear-gradient(transparent 0%, transparent 70%, #ffff00 70%, #ffff00 100%);
    margin-bottom: 0.25em;
}
#rent-search-address-station-form {
    padding-bottom: 10px;
}
.rent-search-address-station-input-area-row {
    margin: 15px 0px;
}
.rent-search-address-station-mark-col {
    flex: 0 0 80px;
    width: 80px;
    margin-bottom: 0;
    font-weight: bold;
}
.rent-search-address-station-input-col {
    flex: 0 0 500px;
    width: 500px;
    margin-bottom: 0;
}
#rent-search-station-select-area-left,
#rent-search-station-select-area-right,
#rent-search-bukken-station-select-area-left,
#rent-search-bukken-station-select-area-right {
    width: 50%;
    position: relative;
    margin: 0px;
}
.rent-search-station-select-area-title {
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: solid 2px #26437a;
    margin: 10px;
}
.rent-search-bukken-station-select-area-title {
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: solid 2px #f26a05;
    margin: 10px;
}
#rent-station-list,
#rent-bukken-station-list {
    margin: 0px;
}
#rent-station-selected,
#rent-bukken-station-selected {
    text-align: left;
}
#rent-station-selected p,
#rent-bukken-station-selected p {
    display:inline-block;
    margin: 0px 0px 5px 10px;
}
#rent-station-list button,
#rent-bukken-station-list button {
    background: none;
    border: none;
    font-size: 1em;
    font-weight: normal;
    padding: 5px 10px;
    color: #00f;
    display: block;
    text-align: left;
}
#rent-station-list button i.fa {
    padding-right: 0;
}
#rent-station-selected button,
#rent-bukken-station-selected button {
    background: none;
    border: none;
    font-size: 1em;
    font-weight: normal;
    padding: 5px 10px;
    color: #00f;
    display:inline;
}
.rent-search-address-station-button,
.rent-search-bukken-station-button {
    width: 200px;
    font-size: 16px;
    padding: 1em;
    line-height: 1;
}


/** rent-terms conflict-terms **/
.rent-terms-target-info-midashi,
.conflict-terms-info-midashi {
    text-align: left;
}
.conflict-terms-info-midashi {
    margin-bottom: 0px;
}
.conflict-terms-floor-plan-midashi {
    margin: 10px 0;
    position: relative;
}
.conflict-terms-info-midashi .conflict-terms-show-floor_plan-modal-button {
    position: absolute;
    top: 0;
    left: auto;
    padding: 0 5px;
    font-size: 0.8em;
    height: 18px;
    margin-left: 5rem;
}
.rent-terms-input-item,
.conflict-terms-input-item {
    width: 150px !important;
    display: inline-block !important;
    height: 30px;
}
.rent-terms-checkbox-area {
    width: 240px;
    margin: 0px auto;
}
.conflict-terms-checkbox-area {
    width: 350px;
    margin: 0px auto;
}
.rent-terms-checkbox-area > span,
.conflict-terms-checkbox-area > span {
    display: block;
    text-align: left;
}
.conflict-terms-checkbox-area-lg {
    margin-left: 145px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 20px;
}
.conflict-terms-checkbox-area-lg label {
    display: flex;
    align-items: center;
}
.conflict-terms-checkbox-area-lg input[type="checkbox"] {
    margin-right: 5px;
}
.rent-terms-target-info-left,
.rent-terms-target-info-right {
    width: 520px;
    margin: 30px 15px 0px;
    padding: 40px 0px 10px;
    position: relative;
    line-height: 1.2;
}
.conflict-terms-info {
    width: 700px;
    margin: 70px auto 0px auto;
    padding: 35px 0px 5px;
    position: relative;
    background-color: #dbeeff;
    filter: drop-shadow(5px 5px 0px #A0D7FF);
}
.conflict-terms-info h3 {
    background-color: #26437a;
    color: #FFF;
    padding: 2px 0px;
    font-size: 1em;
}
.rent-terms-discription span {
    border: solid 2px #000;
    padding: 5px 40px;
    color: #C00000;
}
.rent-terms-discription {
    margin: 0px;
}
.rent-terms-target-info-left,
.rent-terms-facility-area {
    background-color: #d0d0d0;
    filter: drop-shadow(5px 5px 0px #A0A09E);
    z-index: 2;
}
.rent-terms-target-info-right {
    background-color: #dbeeff;
    filter: drop-shadow(5px 5px 0px #A0D7FF);
}
.rent-terms-target-info-left h3 {
    background-color: #11151F;
    color: #FFF;
    padding: 5px 0px;
    font-size: 1em;
}
.rent-terms-info-station-table,
.rent-terms-info-address-table,
.conflict-terms-info-station-table,
.conflict-terms-info-address-table {
    margin-bottom: 20px;
}
.rent-terms-target-info-midashi {
    margin-bottom: 0px;
}
.rent-terms-target-info-midashi.rent-terms-target-rent {
    margin-top: calc(
        61.28px - 19.2px - 1.25rem
    );
}
.rent-terms-target-info-midashi.rent-terms-target-rent.conf {
    margin-top: 18px;
}
.rent-terms-floor-plan-midashi {
    position: relative;
}
.rent-terms-target-info-midashi.rent-terms-floor-plan-midashi .rent-terms-show-floor-plan-modal-button {
    position: absolute;
    top: 0;
    left: auto;
    padding: 0 5px;
    font-size: 0.8em;
    height: 18px;
    margin-left: 1rem;
}
.rent-terms-input-area {
    margin-bottom: 0px;
}
.rent-terms-target-cron-area .rent-terms-input-area,
.rent-terms-target-cron-area .rent-terms-checkbox-area {
    margin-top: 0.25rem;
    margin-bottom: 1rem;
}
.rent-terms-target-cron-area .rent-terms-checkbox-area > span + span {
    margin-top: 0.5rem;
}
.rent-terms-input-area.ta-left {
    text-align: left;
    padding-left: 2rem;
}
.rent-terms-input-area.empty {
    height: 30px;
}
.rent-terms-input-area.rent-terms-input-area-floor_plan {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 2rem;
}
.rent-terms-input-area.rent-terms-input-area-floor_plan .rent-terms-input-area-floor_plan-text {
    text-align: left;
    display: block;
    height: 30px;
    line-height: 30px;
}

.rent-terms-input-area.rent-terms-input-area-direction {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 2rem;
}
.rent-terms-input-area.rent-terms-input-area-direction .rent-terms-input-area-direction-text {
    text-align: left;
    display: block;
    height: 30px;
    line-height: 30px;
}

.choice-floor_plan-area {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 1.5rem 0 1rem;
}
.choice-floor_plan-area > label {
    flex: 0 0 20%;
    margin-bottom: 1rem;
    text-align: left;
}

.conflict-terms-input-area {
    margin-bottom: 0px;
    margin-left: 145px;
    text-align: left;
}
.rent-terms-input-area-adjust,
.conflict-terms-input-area-adjust {
    width: 46%;
    text-align: left;
    margin: auto;
}
.rent-terms-basic-info-station-set-area {
    height: 90px;
}
.rent-terms-basic-info-address-set-area {
    height: 145px;
}
.rent-terms-basic-info-address-station-set-area {
    height: auto;
}
.rent-terms-basic-info-ekitoho-set-area,
.rent-terms-basic-info-syun-set-area,
.conflict-terms-basic-info-syun-set-area {
    height: 55px;
}
.rent-terms-basic-info-building-type-set-area {
    height: 185px;
}
.rent-terms-basic-info-elevator-set-area {
    height: 75px;
}
.rent-terms-unit,
.conflict-terms-unit {
    display: inline-block;
    margin-left: 10px;
}
.rent-terms-unit {
    width: 2.5em;
    text-align: left;
}
.rent-terms-jyuko {
    background-color: #0c1c3d;
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 10px;
}
.rent-terms-button-area button {
    padding: 25px 0px;
    border-radius: 10px;
    background-color: #1648af;
    width: 500px;
    margin: 0px 15px;
}
.rent-terms-area input[type=radio],
.rent-terms-area input[type=checkbox],
.conflict-terms-area input[type=radio],
.conflict-terms-area input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
}
.rent-terms-area label {
    display: inline-block;
    cursor: pointer;
}
.rent-terms-detail-info-setting-area h4 {
    font-size: 1.1em;
    margin-bottom: 15px;
}
#rent-terms-jyuko-area > h3 {
    background-color: #060E3C;
    color: #fff;
    padding: 2px 0px;
    margin-top: 80px;
}
#rent-terms-jyuko-area > h3:first-child {
    margin-top: 1px;
}
#rent-terms-jyuko-area > h3 > i {
    font-size: 1.7em;
    vertical-align: text-bottom;
}
.rent-terms-target-info-right h3 {
    background-color: #26437a;
    color: #FFF;
    padding: 5px 0px;
    font-size: 1em;
}
.rent-terms-target-info-top-icon img {
    position: absolute;
    left: 210px;
    top: -60px;
}
.rent-terms-target-info-midashi {
    text-align: left;
}
.conflict-terms-info-top-icon img {
    position: absolute;
    left: 43%;
    top: -60px;
}
.rent-terms-basic-info-setting-input-area,
.conflict-terms-info-area {
    padding: 0px 30px;
}
.conflict-terms-info-area {
    line-height: 1.1;
}
.rent-terms-target-cron-area {
    margin-top: 50px;
}
.rent-terms-info-station-table,
.rent-terms-info-address-table,
.rent-terms-info-address-station-table {
    text-align: left;
    width: 400px;
    margin: auto;
    margin-bottom: 10px;
}
.conflict-terms-info-station-table,
.conflict-terms-info-address-table {
    text-align: left;
    width: 350px;
    margin: auto;
    margin-bottom: 10px;
}
.rent-terms-info-station-table tr td,
.rent-terms-info-address-table tr td,
.rent-terms-info-address-station-table tr td,
.conflict-terms-info-station-table tr td,
.conflict-terms-info-address-table tr td,
.conflict-terms-info-address-station-table tr td {
    padding: 2px 0px;
}
.rent-terms-info-station-table tr td:first-child,
.rent-terms-info-address-table tr td:first-child,
.rent-terms-info-address-station-table tr td:first-child,
.conflict-terms-info-station-table tr td:first-child,
.conflict-terms-info-address-table tr td:first-child,
.conflict-terms-info-address-station-table tr td:first-child {
    width: 110px;
}
.rent-terms-jyuko-title-description {
    width: 430px;
    margin: auto;
    text-align: left;
}
.rent-terms-add-button-area button {
    border-radius: 10px;
    background-color: #1648af;
    width: 525px;
    margin: 0px 10px;
    padding: 10px;
    font-weight: normal;
}
.rent-terms-add-button-area {
    width: 1100px;
    margin: 10px auto 0px;
    text-align: center;
}
.rent-terms-add-button-left,
.conflict-terms-add-button-left {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-right: 15px;
}
.rent-terms-add-button-right,
.conflict-terms-add-button-right {
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}
.rent-terms-add-button-right-up-string {
    font-size: 1.2em;
}
.rent-terms-add-button-right-down-string {
    font-size: 0.9em;
}
.rent-terms-submit-button-area button,
.conflitc-terms-submit-button-area button {
    border-radius: 10px;
    width: 500px;
    margin: 25px 15px;
}
.rent-terms-submit-button-area .explanation{
    margin:10px 0px 20px 0px;
}
.rent-terms-sample-excess-btn-area button {
    border-radius: 10px;
    font-size: 1.1em;
    padding: 10px 120px;
    background-color: #1648af;
}
.rent-terms-change-button-left img {
    width: 30px;
    vertical-align: middle;
    margin-right: 10px;
}
.rent-terms-change-button-right {
    vertical-align: middle;
}
.rent-terms-submit-button-submit span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.1em;
    font-weight: normal;
}
.rent-terms-button-underline,
.conflict-terms-button-underline {
    text-decoration: underline;
}
.rent-terms-submit-button-next {
    background-color: #1648af;
    font-weight: normal;
    font-size: 1.2em;
    padding: 15px;
}
#conflict-terms-submit-button-count,
#conflict-terms-submit-button-next {
    background-color: #1648af;
    font-weight: normal;
    font-size: 1.2em;
    margin: 15px;
    padding: 15px;
    width: 250px;
}
.rent-terms-submit-button-area .rent-terms-submit-button-submit,
.lump-rent-submit-button,
.conflict-terms-submit-button-area .conflict-terms-submit-button-submit {
    background: -moz-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    background: -webkit-gradient( linear, left top, left bottom, from(#FB3A3A), color-stop(0.25, #BF0505), to(#BF0505));
    background: -ms-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    border: 1px solid rgb(165, 16, 0);
    margin: 25px 15px;
}
.rent-terms-submit-button-submit:focus,
.lump-rent-submit-button:focus,
.rent-terms-submit-button-submit:hover,
.lump-rent-submit-button:hover {
    background-color: #BF0505;
}
.rent-terms-target-info-rent-description {
    text-align: left;
    font-size: 0.9em;
    color: #C00000;
    margin: 30px 0px 0px;
}
.rent-terms-target-info-red-description {
    text-align: left;
    font-size: 0.9em;
    color: #C00000;
    margin: 10px 0px 0px;
}
.rent-terms-target-info-blue-description {
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: left;
    font-size: 0.9em;
    color: #1648af;
}
.rent-terms-target-info-blue-description .under-line {
    display: inline-block;
    background: linear-gradient(transparent 0%, transparent 70%, #ffff00 70%, #ffff00 100%);
    margin-bottom: 0.25em;
}
.rent-terms-target-info-description {
    text-align: left;
    font-size: 0.9em;
    margin-left: 1rem;
}

.rent-terms-sample-num-area p {
    padding: 10px 35px;
    display: inline-block;
    background-color: #FF6600;
    color: #fff;
}
.rent-terms-sample-num-left {
    margin-right: 10px;
}
.rent-terms-sample-num-left img {
    vertical-align: middle;
    width: 30px;
}
.rent-terms-sample-num-right {
    vertical-align: middle;
}
.rent-terms-sample-num {
    font-size: 1.4em;
    margin-right: 5px;
}
.rent-terms-h2-adjust {
    margin: 12px 0px;
}
.rent-terms-popup-icon-area {
    width: 35px;
    display: inline-block;
}
.rent-terms-jyuko-title .rent-terms-popup-icon-area img {
    top: -25px;
}
.rent-terms-warning {
    color: #C00000;
    border: dotted 3px;
    padding: 10px;
    width: 450px;
    margin: 15px auto;
    border-radius: 30px;
}
.rent-terms-warning p {
    margin: 0px;
}
.rent-terms-warning p i {
    font-size: 2.4em;
}

.rent-terms-confirm-num,
.conflict-terms-confirm-num {
    font-weight: bold;
    font-size: 1.2em;
}
.rent-terms-basic-confirm-item,
.conflict-terms-basic-confirm-item {
    width: 240px;
    margin: 0px auto;
    text-align: left;
}
.rent-terms-target-confirm-item,
.conflict-terms-confirm-item {
    text-align: left;
    width: 250px;
    margin: 0px 0px 0px auto;
}
.rent-terms-result-button,
.conflict-terms-result-button {
    font-size: 1.3em !important;
}
.rent-terms-no-input-area {
    display: none;
}
.rent-terms-map-check {
    vertical-align: middle;
}
.rent-terms-target-info-maparea,
.conflict-terms-target-info-maparea {
    width: 100%;
    margin-top: 50px;
    padding: 0px;
}
.rent-terms-target-info-maparea h3,
.conflict-terms-target-info-maparea h3 {
    background-color: #26437a;
    color: #FFF;
    padding: 5px 0px;
    font-size: 1em;
}
.rent-terms-target-info-maparea table,
.conflict-terms-target-info-maparea table {
    width: auto;
    line-height: 1.9;
    margin-bottom: 0px;
}
.rent-terms-target-info-maparea table th,
.conflict-terms-target-info-maparea table th {
    background-color: #deebf7;
    text-align: center;
    border: solid 1px #12151f;
    padding: 5px;
    font-size: 12px;
}
.rent-terms-target-info-maparea table td,
.conflict-terms-target-info-maparea table td {
    border: solid 1px #12151f;
    padding: 4px;
    font-size: 0.8em;
    background-color: #fff;
}
.rent-terms-target-info-maparea-table td:nth-of-type(4),
.conflict-terms-target-info-maparea-table td:nth-of-type(4) {
    text-align: right;
}
.rent-terms-target-info-maparea-table td:nth-of-type(2),
.conflict-terms-target-info-maparea-table td:nth-of-type(2) {
    text-align: center;
}
.rent-terms-target-info-maparea-table td:nth-of-type(4),
.conflict-terms-target-info-maparea-table td:nth-of-type(4) {
    min-width: 50px;
}
.rent-terms-target-info-maparea-table td:nth-of-type(3),
.conflict-terms-target-info-maparea-table td:nth-of-type(3) {
    text-align: left;
}
.rent-terms-target-info-maparea-map,
.conflict-terms-target-info-maparea-map {
    width: 100%;
    height: 600px;
}
.rent-terms-check-maparea,
.conflict-terms-check-maparea {
    margin-bottom: 20px;
    position: relative;
}
.rent-terms-target-info-maparea-message,
.conflict-terms-target-info-maparea-message {
    color: red;
}
.conflict-terms-target-info-maparea-loupe-icon {
    width: auto;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 8px;
}
#rent-terms-loading-area,
#conflict-terms-loading-area {
    background: #fff;
    opacity: 0.8;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    z-index: 10;
}
#rent-terms-loading-area i,
#conflict-terms-loading-area i {
    font-size: 7em;
    margin: 0px;
    padding: 0px;
    position: fixed;
    top: 40%;
    left: 46%;
}
.rent-terms-jyuko-icon-midashi i {
    font-size: 1.5em;
    vertical-align: middle;
}
.rent-terms-jyuko-icon-midashi span {
    vertical-align: middle;
}
.rent-terms-syun-popmsg {
    width: 180px;
}
.rent-terms-syun-popmsg tr {
    border: none;
    color: #000;
}
.rent-terms-syun-popmsg tr td {
    border: solid 1px #000;
    padding: 1px 4px;
}
.rent-terms-syun-popmsg tr:nth-child(odd) {
    background-color: #bfbfbf;
}
.rent-terms-syun-popmsg tr:nth-child(even) {
    background-color: #ffffff;
}
.rent-terms-syun-popmsg tr td:first-child {
    width: 60px;
}
.rent-terms-syun-popmsg tr td:nth-child(2) {
    text-align: center;
}
/* 設備 */
.rent-terms-facility-area {
    width: 1070px;
    margin: auto;
    background-color: #d0d0d0;
    padding: 15px 30px 10px;
}
.rent-terms-facility-description {
    text-align: left;
    margin: 10px 0px;
    padding: 10px 20px;
    background-color: white;
    border-radius: 20px;
}
.rent-terms-facility-table {
    margin: 10px;
    color: #333;
    background-color: #deebf7;
    width: auto;
}
.rent-terms-facility-table th:first-child{
    width: 150px;
}
.rent-terms-facility-table th:not(:first-child) {
    width: 45px;
}
.rent-terms-facility-table thead th,
.rent-terms-facility-table tbody td {
    border: 1px solid white;
}
.rent-terms-facility-table thead tr th {
    vertical-align: top;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
}
.rent-terms-facility-table tbody tr:nth-child(odd) {
    background-color: #d0d0d0;
}
.rent-terms-facility-table tbody tr:nth-child(even) {
    background-color: #dbeeff;
}
.rent-terms-facility-partition {
    border-top: 1px solid #000000;
    width: 1070px;
    margin: 25px auto 20px;
}
/* その他項目のモーダル */
.rent-terms-target-others-area {
    text-align: left;
    margin-bottom: 20px;
}

.conflict-terms-h2-adjust {
    margin: 12px 0px;
}
.conflict-terms-popup-icon-area {
    width: 35px;
    display: inline-block;
}
.conflict-terms-jyuko-title .conflict-terms-popup-icon-area img {
    top: -25px;
}
.conflict-terms-count-num{
    color:red;
    font-weight: bold;
}
.conflict-terms-count-num > span{
    font-size: 1.2em
}
.conflict-terms-submit-button-area {
    margin: 10px;
}

/** rent-result **/
.rent-result-setting-info-area {
    margin: 15px 0px 25px;
}
.rent-result-setting-info-left,
.rent-result-setting-info-right {
    width: 400px;
    margin: 0px 15px;
    padding: 25px 0px 5px;
    position: relative;
    line-height: 1.4;
}
.rent-result-setting-info-left {
    background-color: #d9d9d9;
    filter: drop-shadow(5px 5px 0px #A0A09E);
}
.rent-result-setting-info-right {
    background-color: #deebf7;
    filter: drop-shadow(5px 5px 0px #A0D7FF);
}
.rent-result-setting-info-area .rent-result-setting-info-top-icon img {
    position: absolute;
    left: 175px;
    top: -20px;
    width: 50px;
}
.rent-result-setting-info-left h3 {
    background-color: #11151F;
    color: #FFF;
    padding: 5px 0px;
    font-size: 1em;
}
.rent-result-setting-info-right h3 {
    background-color: #26437a;
    color: #FFF;
    padding: 5px 0px;
    font-size: 1em;
}
.rent-result-setting-info-left table,
.rent-result-setting-info-right table {
    width: 85%;
    margin: 5px auto 0px;
}
.rent-result-setting-info-left table tr {
    border-bottom: 2px solid #afafaf;
}

.rent-result-setting-info-right table tr {
    border-bottom: 2px solid #9dc3e6;
}
.rent-result-setting-info-left table td:first-child,
.rent-result-setting-info-right table td:first-child {
    font-weight: bold;
    width: 110px;
}
.rent-result-setting-info-left table td,
.rent-result-setting-info-right table td {
    text-align: left;
    padding: 0.1em;
}
.rent-result-setting-jyuko-disp-area {
    margin-bottom: 25px;
}
.rent-result-setting-jyuko-title {
    background-color: #060E3C;
    padding: 2px !important;
    color: #ffffff;
    font-size: 1.3em;
    width: 100%;
    margin: 0px;
}
.rent-result-setting-jyuko-title i {
    font-size: 1.7em;
    vertical-align: bottom;
}
.rent-result-setting-jyuko-area {
    margin-bottom: 15px;
    position: relative;
}
.rent-result-setting-jyuko-left {
    width: 360px;
    margin-top:-45px;
}
.rent-result-setting-jyuko-left table {
    width: 85%;
    margin: 0px auto 0px;
}
.rent-result-setting-jyuko-left table td:first-child {
    font-weight: bold;
    width: 110px;
}
.rent-result-setting-jyuko-left table td {
    text-align: left;
    padding: 0.1em;
}
.rent-result-setting-jyuko-target table tr {
    border-bottom: 2px solid #afafaf;
}
.rent-result-setting-jyuko-extraction table tr {
    border-bottom: 2px solid #9dc3e6;
}
.rent-result-setting-jyuko-target,
.rent-result-setting-jyuko-extraction {
    padding: 25px 0px 5px;
    position: relative;
}
.rent-result-setting-jyuko-target {
    margin: 50px 15px 0px;
    background-color: #d9d9d9;
    filter: drop-shadow(5px 5px 0px #A0A09E);
}
.rent-result-setting-jyuko-target h3 {
    background-color: #11151F;
    color: #FFF;
    padding: 5px 0px;
    font-size: 1em;
}
.rent-result-setting-jyuko-extraction {
    margin: 30px 15px 0px;
    background-color: #deebf7;
    filter: drop-shadow(5px 5px 0px #A0D7FF);
}
.rent-result-setting-jyuko-extraction h3 {
    background-color: #26437a;
    color: #FFF;
    padding: 5px 0px;
    font-size: 1em;
}
.rent-result-setting-jyuko-area .rent-result-setting-info-top-icon img {
    position: absolute;
    left: 140px;
    top: -20px;
    width: 50px;
}
.rent-result-setting-jyuko-right {
    background: url(/wp/wp-content/themes/realestate-marketing-service-child/image/back_meter.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 50px;
    width: 900px;
    filter: drop-shadow(5px 5px 0px #000);
}
.rent-result-setting-jyuko-right-title {
    text-align: left;
    margin-top: 15px;
}
.rent-result-setting-jyuko-right-title h3 {
    display: inline-block;
    width: 260px;
    padding: 5px 40px;
    background-color: #12151f;
    color: #ffffff;
    font-size: 1em;
    margin-bottom: 5px;
}
.rent-result-setting-jyuko-info-area {
    padding: 10px 20px 0px;
    position: relative;
}
.rent-result-setting-jyuko-rent {
    background-color: #ffffff;
    padding: 15px 25px;
    text-align: left;
    width: 335px;
    filter: drop-shadow(5px 5px 0px #000);
    height: 240px;
}
.rent-result-setting-jyuko-rent-description {
    font-weight: bold;
}
.rent-result-setting-jyuko-rent-fee {
    margin: 15px 0px 0px;
    line-height: 1;
}
.rent-result-setting-jyuko-rent-fee span {
    font-weight: bold;
    font-size: 1.5em;
    margin-right: 10px;
    letter-spacing: 2px !important;
}
.rent-result-setting-jyuko-rent-fee-description,
.rent-result-setting-jyuko-average-fee-description {
    font-size: 0.8em;
    margin-bottom: 4px;
}
.rent-result-setting-jyuko-key-sec-description {
    font-size: 0.8em;
    margin-bottom: 0px;
}
.rent-result-setting-jyuko-rent-tsubo {
    margin: 0px;
}
.rent-result-setting-jyuko-rent-tsubo span {
    font-size: 0.8em;
}
.rent-result-setting-jyuko-gauge {
    position: absolute;
    left: 270px;
    top: -35px;
    width: 285px;
    height: 285px;
    z-index: 2;
}
.rent-result-setting-jyuko-gauge {
    background-color: #82f3ff;
    border-radius: 145px;
    -moz-box-shadow:  0px 0px 5px 7px #82f3ff;
    -webkit-box-shadow:  0px 0px 5px 7px #82f3ff;
    box-shadow: 0px 0px 5px 7px #82f3ff;
}
.rent-result-setting-jyuko-gauge-differ {
    position: absolute;
    bottom: 80px;
    left: 80px;
    width: 125px;
    color: #C00000;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0px;
}
.rent-result-setting-jyuko-gauge-differ span {
    font-size: 0.6em;
}
.rent-result-setting-jyuko-average-rent {
    margin-left: 105px;
    background: linear-gradient(#154475, #0e2b65, #2782e0);
    padding: 10px 0px 10px 115px;
    color: #ffffff;
    width: 420px;
    text-align: left;
    -moz-box-shadow: 0px 0px 10px 5px #82f3ff;
    -webkit-box-shadow: 0px 0px 10px 5px #82f3ff;
    box-shadow: 0px 0px 10px 5px #82f3ff;
}
.rent-result-setting-jyuko-average-description {
    font-weight: bold;
    margin: 0px;
    color: #2aeeee;
}
.rent-result-setting-jyuko-average-description span {
    font-size: 1.5em;
}
.rent-result-setting-jyuko-average-fee span {
    font-size: 1.5em;
    margin-right: 10px;
    letter-spacing: 2px !important;
}
.rent-result-setting-jyuko-average-fee {
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0px 0px;
    line-height: 1;
    color: #2aeeee;
}
.rent-result-setting-jyuko-average-tsubo {
    color: #2aeeee;
    margin: 0px;
}
.rent-result-setting-jyuko-average-tsubo span {
    font-size: 0.8em;
}
.rent-result-setting-jyuko-graph {
    background-color: #fff;
    filter: drop-shadow(5px 5px 0px #000);
    height: 270px;
    margin: 20px 20px 5px 20px;
    position: relative;
}
.rent-result-setting-jyuko-graph-jump-description {
    font-size: 0.7em;
    color: #C00;
    position: absolute;
    right: 0px;
    z-index: 5;
}
.rent-result-setting-jyuko-graph-img {
    position: absolute;
    top: 46px;
    left: 30px;
    z-index: 1;
    width: 800px;
}
.rent-result-setting-jyuko-arrow-area {
    position: absolute;
    z-index: 2;
    top: 40px;
    left: 49px;
}
.rent-result-setting-jyuko-arrow-area p {
    margin: 0px;
    line-height: 1;
    font-size: 12px;
}
.rent-result-setting-jyuko-current-rent-area {
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: left;
    left: 17px;
    top: 70px;
}
.rent-result-setting-jyuko-current-rent-area p,
.rent-result-setting-jyuko-average-rent-area p {
    margin: 0px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
}
.rent-result-setting-jyuko-current-rent-area div,
.rent-result-setting-jyuko-average-rent-area div {
    display: inline-block;
    vertical-align: middle;
}
.rent-result-setting-jyuko-current-rent-arrow-body {
    background-color: rgba(0, 0, 0, 0.5);
    width: 1px;
    height: 15px;
    vertical-align: middle;
    margin-left: 5px;
}
.rent-result-setting-jyuko-average-rent-area {
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: left;
    left: 17px;
    top: 95px;
}
.rent-result-setting-jyuko-average-rent-arrow-body {
    background-color: rgba(192, 0, 0, 0.9);
    width: calc((860px - 40px) / 2 - 2px);
    height: 15px;
    vertical-align: middle;
    margin-left: 5px;
}
.rent-result-setting-jyuko-delimiter-average {
    position: absolute;
    top: 147px;
    left: 380px;
    z-index: 2;
    color: #66eeed;
    font-size: 0.9em;
}
.rent-result-setting-jyuko-delimiter {
	line-height: 1;
    position: absolute;
    top: 190px;
    z-index: 2;
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;;
    margin: 0px;
    width: 135px;
}
.rent-result-setting-jyuko-delimiter.delimiter-1 {
    left: 80px;
    color: #000;
}
.rent-result-setting-jyuko-delimiter.delimiter-2 {
    left: 220px;
    color: #000;
}
.rent-result-setting-jyuko-delimiter.delimiter-3 {
    left: 362px;
}
.rent-result-setting-jyuko-delimiter-description-under {
    font-size: 0.7em;
}
.rent-result-setting-jyuko-delimiter.delimiter-4 {
    left: 503px;
}
.rent-result-setting-jyuko-delimiter.delimiter-5 {
    left: 643px;
}
.rent-result-setting-jyuko-delimiter-description {
    font-size: 0.5em;
}
.rent-result-setting-jyuko-delimiter-range {
    position: absolute;
    top: 239px;
    z-index: 4;
    color: #fff;
    font-size: 1em;
}
.delimiter-range-1 {
    left: 130px;
}
.delimiter-range-2 {
    left: 255px;
}
.delimiter-range-3 {
    left: 415px;
}
.delimiter-range-4 {
    left: 535px;
}
.delimiter-range-5 {
    left: 695px;
}
.rent-result-next-link-right {
    vertical-align: middle;
    display: inline-block;
}
.rent-result-setting-jyuko-next-link {
    width: 1275px;
    margin: auto;
    padding: 10px !important;
    border-radius: 10px !important;
    background: -moz-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    background: -webkit-gradient( linear, left top, left bottom, from(#FB3A3A), color-stop(0.25, #BF0505), to(#BF0505));
    background: -ms-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    border: 1px solid rgb(165, 16, 0);
    font-weight: normal;
    font-size: 1.4em;
    line-height:1.4;
}
.rent-result-underline {
    text-decoration: underline;
    font-size: 1.2em;
}
.rent-result-setting-jyuko-next-link:focus,
.rent-result-setting-jyuko-next-link:hover {
    color: #fff !important;
}
.rent-result-setting-jyuko-rent-key-money,
.rent-result-setting-jyuko-average-key-money {
    margin: 0px;
}
.rent-result-setting-jyuko-rent-key-money span,
.rent-result-setting-jyuko-rent-security-deposit span,
.rent-result-setting-jyuko-average-key-money span,
.rent-result-setting-jyuko-average-security-deposit span {
    font-size: 0.8em;
}
.rent-result-setting-jyuko-average-security-deposit {
    margin-bottom: 5px;
}
.rent-result-multi-address-list-area {
    max-height: 75px;
    overflow-y: auto;
    display: block;
}
.rent-result-rireki-update-link-area {
    /*
    position: absolute;
    width: 100%;
    margin: 10px 0px 0px;
    */
    font-size: 1.2em;
    text-align:left;
    float:left;
    padding-top:10px;
}
.rent-result-rireki-update-link-area-conflict-detail {
    text-align:center;
    font-size: 1.2em;
    padding-top:10px;
}
#rent-result-rireki-update button {
    background: -moz-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505) !important;
    background: -webkit-gradient( linear, left top, left bottom, from(#FB3A3A), color-stop(0.25, #BF0505), to(#BF0505)) !important;
    background: -ms-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505) !important;
    border: 1px solid rgb(165, 16, 0) !important;
    width: 500px;
}
.rent-result-rireki-update-description {
    margin: 0px auto;
    text-align: left;
    max-width: 580px;
    padding-left: 15px;
}
.rent-result-rireki-update-description-red {
    color: #ef1e03;
}
.rent-result-rireki-update-description-underline {
    text-decoration: underline;
}
#rent-result-rireki-update .rent-result-rireki-update-description:nth-of-type(1) {
    padding-left: 0px;
    margin-top: 10px;
}
.rent-result-rireki-detail-button-description {
    width: 530px;
    text-align: left;
    margin: 10px auto 0px;
}
.rent-result-excel-download-button-area {
    margin-bottom: 30px;
}
.rent-result-excel-download-button-section,
.rent-result-rireki-update-button-section {
    width: 600px;
}
.rent-result-rireki-update-button-section {
    margin: 60px 0 80px;
}
.rent-result-excel-download-button,
.rent-result-excel-download-button-section .rent-detail-print-button {
    width: 500px;
}
.rent-result-excel-download-button span.rent-detail-icon-button-left img {
    width: 30px !important;
}
.rent-result-print-back-area {
    text-align: left;
    margin: 10px 25px 20px;
}
/* 査定概要 */
.rent-result-jyuko-list-overview {
    margin-top: 30px;
    width: 1300px;
}
#rent-result-jyuko-list-overview-table {
    border-collapse: collapse;
}
#rent-result-jyuko-list-overview-table th,
#rent-result-jyuko-list-overview-table td {
    text-align: center;
    border: 1px solid #afafaf;
    padding: 5px 2px;
    line-height: 1.2;
}

#rent-result-jyuko-list-overview-table th:first-child,
#rent-result-jyuko-list-overview-table td:first-child {
    border-left: none;
}

#rent-result-jyuko-list-overview-table th:last-child,
#rent-result-jyuko-list-overview-table td:last-child {
    border-right: none;
}

#rent-result-jyuko-list-overview-table .small-text {
    font-size: 13px;
}
#rent-result-jyuko-list-overview-table thead {
    background-color: #deebf7;
}
#rent-result-jyuko-list-overview-table thead th {
    font-weight: unset;
}
#rent-result-jyuko-list-overview-table .th-dark-blue {
    background-color: #b3d5f5;
}
.rent-result-jyuko-list-overview-jyuko-button {
    background-color: #3366CC;
    padding: 10px 0;
    border-radius: 20px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    width: 90px;
}
.rent-result-jyuko-list-overview-jyuko-button:hover {
    opacity: 0.7;
    color: #ffffff;
}
/* グラフ */
.rent-result-long-graph div div div svg > rect{
    fill: transparent !important;
}
.rent-result-long-graph div div div:first-child{
    position: relative !important;
}
.rent-result-long-graph {
    width: 100%;
    height: 330px;
    position: absolute;
    top: -15px;
}
.rent-result-long-graph-disp-area {
    width: 1300px;
    height: 305px;
    margin: 30px auto;
    position: relative;
}
.rent-result-long-graph-disp-area.with-tab {
    height: 365px;
}
.rent-result-long-graph-disp-area.with-tab .rent-result-long-graph {
    top: 55px;
}
.rent-result-long-graph-disp-area-tab .tabs-list {
    width: 100%;
    z-index: 1;
}
.rent-result-graph-description {
    margin: 10px 0px 0px;
    font-weight: bold;
}

/** rent-detail **/
.rent-detail-midashi {
    margin-top: 10px;
    margin-bottom: 5px;
}
.rent-detail-midashi > img {
    width: 35px;
    vertical-align: middle;
    padding-bottom: 3px;
    display: inline-block;
    margin-right: 5px;
}
.rent-detail-info-area h4{
    font-size: 1.5em;
    color: #056fd8;
    border-bottom: solid 3px;
}
.rent-detail-map-fukidashi-content input[type="checkbox"] {
    width: 20px;
    height: 20px;
}
#rent-detail-map-area {
    width: 100%;
    height: 650px;
}
.rent-detail-map-disp-area {
    position: relative;
    margin-bottom: 10px;
}

.rent-detail-map-edit-info-text {
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
}
.rent-detail-map-edit-info-hover-image {
    display: none;
    position: absolute;
    bottom: 90px;
    left: 30px;
    z-index: 1000;
    border: 2px solid #0c1c3d;
    box-shadow: 0 0 40px rgba(0,0,0,0.5);
}
.rent-detail-map-edit-info-text:hover .rent-detail-map-edit-info-hover-image {
    display: block;
}

/* 査定詳細カスタムMAP機能向け start */
.rent-detail-map-on-off-button-area,
.rent-detail-map-mode-button-area,
.rent-detail-map-hazard-on-off-button-area {
    position: absolute;
    top: -80px;
    display: flex;
    align-items: center;
}
.rent-detail-map-on-off-button-area {
    left: 1em;
    display: flex;
    align-items: center;
}
.rent-detail-map-on-off-button-area label:first-of-type,
.rent-detail-map-hazard-on-off-button-area label:first-of-type {
    margin-right: 1.5em;
}
.rent-detail-map-mode-button-area {
    right: 0;
}
.rent-detail-map-hazard-on-off-button-area {
    /* 中央配置 */
    left: 50%;
    transform: translateX(-50%);
}
.rent-detail-map-mode-button-area button {
    font-size: 12px;
    padding: 0.5em 1em;
    margin-right: 1em;
}
.rent-detail-custom-map-info-window-dialog {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 16px !important;
    overflow: visible !important;
}
.rent-detail-custom-map-info-window-dialog:hover {
    background-color: #fff !important;
}
.rent-detail-custom-map-info-window-dialog + .gm-style-iw-tc {
    display: none;
}
.rent-detail-custom-map-info-window-dialog > .gm-style-iw-d {
    /* overflow: hidden !important; */
    overflow: visible !important;
}
.rent-detail-custom-map-info-window-dialog button.gm-ui-hover-effect {
    display: none;
    opacity: 0;
}
.rent-detail-custom-map-info-window-dialog:hover button.gm-ui-hover-effect {
    opacity: 1;
}
.rent-detail-custom-map-info-window {
    max-width: 483px;
    border: thin solid #000;
    background-color: #fff;
    margin-right: 1px;
}
.rent-detail-custom-map-info-window.type-label {
    width: auto;
    background-color: #000;
    padding: 0 10px;
}
.rent-detail-custom-map-info-window .textarea-parent {
    display: flex;
    align-items: center;
}
.rent-detail-custom-map-info-window.type-label .rent-detail-custom-map-info-label {
    border:none;
    resize:none;
    margin-top:5px;
    padding:0 0 5px;
    overflow:hidden;
    white-space:nowrap;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-info-top {
	min-height: 33px;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-info-left,
.rent-detail-custom-map-info-window .rent-detail-custom-map-info-right {
    position: relative;
    flex: 1 1 50%;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-info-left {
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
    width: 290px;
    min-width: 290px;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-info-left div {
	min-height: 33px;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-info-right {
    width: 193px;
}
.rent-detail-custom-map-info-window [class*='rent-detail-custom-map-info-w'] {
    display: flex;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-info-w100 {
    flex: 0 0 auto;
    width: 100%;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-info-w50 {
    flex: 0 0 auto;
    width: 50%;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-info-w66 {
    flex: 0 0 auto;
    width: 66%;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-info-grow {
    position: relative;
    flex: 1 1 auto;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-info-image {
	display: block;
	max-width: 190px;	/* 画像表示枠の横幅最大 */
	max-height: 165px;	/* 高さを指定しないと吹き出しが縦に伸びてしまうので制限 */
	object-fit: fill;
	position: initial;
}
.rent-detail-custom-map-info-window .border-top {
    border-top: thin solid #000;
}
.rent-detail-custom-map-info-window .border-left {
    border-left: thin solid #000;
}
.rent-detail-custom-map-info-window .border-right {
    border-right: thin solid #000;
}
.rent-detail-custom-map-info-window .border-top-none {
    border-top: none !important;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-info-input {
    border: none;
    outline: none;
    background-color: transparent;
    padding: 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    min-height: 24px;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-info-input[name='total_rent'] {
    color: #ff0000;
}
.rent-detail-custom-map-info-window textarea {
    resize: none;
	overflow: hidden;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-info-label {
    border: thin solid #000;
    outline: none;
    background-color: transparent;
    padding: 0.25rem 0;
    text-align: center;
}
.rent-detail-custom-map-info-window .color-cell,
.rent-detail-custom-map-info-window .image-cell {
    position: relative;
}
.rent-detail-custom-map-info-window .image-cell {
    display: flex;
    align-items: center;
    justify-content: center;
}
.rent-detail-custom-map-info-window .color-cell .rent-detail-custom-map-color-edit,
.rent-detail-custom-map-info-window .image-cell .rent-detail-custom-map-image-edit,
.rent-detail-custom-map-info-window .rent-detail-custom-map-image-toggle {
    display: none;
    position: absolute;
    top: 0.125rem;
    right: 0;
    white-space: nowrap;
    padding: 0 0.5rem;
    transform: scale(0.8);
}
.rent-detail-custom-map-info-window .image-cell .rent-detail-custom-map-image-edit {
    top: auto;
    bottom: 0.125rem;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-image-toggle {
    top: auto;
    bottom: 0.125rem;
    left: 275px;
    right: initial;
    z-index: 1;
}
.rent-detail-custom-map-info-window .rent-detail-custom-map-image-toggle button {
    width: 95px;
    height: 20px;
    padding: 0;
}
.rent-detail-custom-map-info-window:hover .color-cell .rent-detail-custom-map-color-edit,
.rent-detail-custom-map-info-window:hover .image-cell .rent-detail-custom-map-image-edit,
.rent-detail-custom-map-info-window:hover .rent-detail-custom-map-image-toggle {
    display: block;
}
:root {
    --custom-color-size: 20px;
    --custom-color-margin: 1rem;
}
#rent-detail-custom-color-choice {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px);
    z-index: 10000;
    width: calc((var(--custom-color-size) + var(--custom-color-margin)) * 4 + var(--custom-color-margin) + 2px);
    border: 1px solid #aaa;
    background-color: #fff;
    padding-right: var(--custom-color-margin);
    padding-bottom: var(--custom-color-margin);
}
#rent-detail-custom-color-choice.show {
    display: flex;
    flex-wrap: wrap;
}
#rent-detail-custom-color-choice .rent-detail-custom-color {
    flex: 0 0 auto;
    width: var(--custom-color-size);
    height: var(--custom-color-size);
    border-radius: 100rem;
    margin-top: var(--custom-color-margin);
    margin-left: var(--custom-color-margin);
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
}
#rent-detail-custom-color-choice .rent-detail-custom-color.selected::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 5px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: translate(-50%, -50%) rotate(-45deg);
    transform-origin: center;
}
.rent-detail-custom-map-image-area {
    margin-bottom: 1rem;
}
.rent-detail-custom-map-image {
    display: block;
    max-width: 100%;
    max-height: 75vh;
    object-fit: contain;
    margin: auto;
}
#rent-detail-custom-map-support-button-area {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
}
#rent-detail-custom-map-support-button-area button {
    font-size: 12px;
    padding: 0.5em 1em;
    margin-bottom: 1em;
}
/* 査定詳細カスタムMAP機能向け end */

.rent-detail-info-bukken-summary-itiran-area {
    width: auto;
    max-width: 420px;
    margin: 5px;
    position: absolute;
    top: 0px;
}

/* ハザードマップの災害種別で選択 */
#rent-detail-hazard-selection {
    position: absolute;
    top: 130px;
    right: 10px;
    width: 210px;
}
.rent-detail-hazard-title {
    background: rgb(240, 240, 240);
    padding: 5px 0;
    font-weight: bold;
    border-bottom: 3px solid white;
}
.rent-detail-hazard-title p {
    margin: 0px;
    cursor: move;
}
#rent-detail-hazard-selection input[type="checkbox"] {
    display: none;
}
#rent-detail-hazard-selection label {
    cursor: pointer;
}
.hazard-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 5px;
    font-size: 0.8em;
}
.hazard-item img {
    width: 48px;
    height: auto;
    margin-bottom: 1px;
}
.hazard-item span {
    font-size: 10px;
}
#rent-detail-hazard-selection input[type="checkbox"]:checked + .hazard-item img {
    box-shadow: 0px 0px 0px 4px rgba(3, 98, 255, 0.85);
    border-radius: 5px;
}
.hazard-options {
    background-color: #f5f5f5;
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2列 */
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
    align-items: start;
}

/* ハザードマップの凡例 */
#rent-detail-hazard-legend {
    width: 210px;
    position: absolute;
    top: 390px;
    right: 10px;
    cursor: move;
}
#rent-detail-hazard-legend img {
    pointer-events: none;
    display: block;
}

#rent-detail-draw-circle,
#rent-detail-draw-circle-hazard {
    width: 550px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding-left: 30px;
}
#rent-detail-draw-circle > p,
#rent-detail-draw-circle-hazard > p {
    margin: 5px 0px 0px;
}
#rent-detail-draw-circle > p > input[type="search"],
#rent-detail-draw-circle-hazard > p > input[type="search"] {
    width: 74%;
    padding: 5px;
    font-size: 0.9em;
    display: inline-block;
}
#rent-detail-draw-circle > p > button,
#rent-detail-draw-circle-hazard > p > button {
    width: 24%;
    padding: 5px 0px;
    font-weight: normal;
    font-size: 0.9em;
}
#rent-detail-draw-circle .rent-detail-draw-circle-description,
#rent-detail-draw-circle-hazard .rent-detail-draw-circle-description-hazard {
    text-align: left;
    margin: 0px 4px !important;
    background-color: #fff;
    font-size: 0.8em;
    width: 74%;
    border: solid 2px #bcbcbc;
}
#rent-detail-draw-circle .rent-terms-draw-circle-description {
    margin: 15px auto 0px !important;
    background-color: #fff;
    font-size: 0.8em;
    width: 335px;
    border: solid 1px #bcbcbc;
}
.rent-detail-multi-address-list-area {
    max-height: 75px;
    overflow-y: scroll;
    display: block;
    font-size: 11px;
}
.rent-detail-info-bukken-summary-itiran-area table th,
.rent-detail-bukken-detail-table-area table th,
.rent-detail-bukken-jyuko-table-area table th,
.rent-detail-facility-jyuko-area table th,
.rent-detail-facility-bukken-table-area table th,
.rent-detail-hiyou-jyuko-area table th,
.rent-detail-other-bukken-detail-area table th {
    text-align: center;
    border: solid 1px #12151f;
    padding: 5px 0px;
    font-size: 12px;
    line-height: 1.2;
}
.rent-detail-facility-jyuko-area table th,
.rent-detail-facility-bukken-table-area table th {
    padding: 5px 10px;
}
.rent-detail-facility-jyuko-area table th:nth-of-type(1),
.rent-detail-facility-jyuko-area table th:nth-of-type(2),
.rent-detail-facility-jyuko-area table th:nth-of-type(3),
.rent-detail-facility-jyuko-area table th:nth-of-type(4),
.rent-detail-facility-jyuko-area table th:nth-of-type(5),
.rent-detail-facility-bukken-table-area table th:nth-of-type(1),
.rent-detail-facility-bukken-table-area table th:nth-of-type(2),
.rent-detail-facility-bukken-table-area table th:nth-of-type(3),
.rent-detail-facility-bukken-table-area table th:nth-of-type(4),
.rent-detail-facility-bukken-table-area table th:nth-of-type(5),
.rent-detail-facility-bukken-table-area table th:nth-of-type(6),
.rent-detail-facility-bukken-table-area table th:nth-of-type(7) {
    padding: 5px 2px;
}
.rent-detail-info-bukken-summary-itiran-area table th,
.rent-detail-bukken-jyuko-table-area table th:nth-of-type(10),
.rent-detail-bukken-jyuko-table-area table th:nth-of-type(11),
#rent-detail-facility-jyuko-table th:nth-of-type(5),
#rent-detail-facility-jyuko-table th:nth-of-type(6),
#rent-detail-facility-bukken-table th:nth-of-type(6),
#rent-detail-facility-bukken-table th:nth-of-type(7) {
    color: #333;
    background-color: #b9d9f6;
}
.rent-detail-bukken-detail-table-area table td,
.rent-detail-bukken-jyuko-table-area table td,
.rent-detail-facility-jyuko-area table td,
.rent-detail-facility-bukken-table-area table td,
.rent-detail-hiyou-jyuko-area table td,
.rent-detail-other-bukken-detail-area table td {
    border: solid 1px #12151f;
    padding: 2px 0px;
    font-size: 0.9em;
}
.rent-detail-info-bukken-summary-itiran-area table td {
    border: solid 1px #12151f;
    padding: 2px 0px;
    font-size: 0.8em;
}
.rent-detail-info-bukken-summary-itiran-area table th:first-child,
.rent-detail-info-bukken-summary-itiran-area table td:first-child,
.rent-detail-bukken-detail-table-area table th:first-child,
.rent-detail-bukken-detail-table-area table td:first-child,
.rent-detail-bukken-jyuko-table-area table th:first-child,
.rent-detail-bukken-jyuko-table-area table td:first-child,
.rent-detail-facility-jyuko-area table th:first-child,
.rent-detail-facility-jyuko-area table td:first-child,
.rent-detail-facility-bukken-table-area table th:first-child,
.rent-detail-facility-bukken-table-area table td:first-child,
.rent-detail-hiyou-jyuko-area table th:first-child,
.rent-detail-hiyou-jyuko-area table td:first-child,
.rent-detail-other-bukken-detail-area table th:first-child,
.rent-detail-other-bukken-detail-area table td:first-child {
    width: 35px;
}
.rent-detail-info-bukken-summary-itiran-area table td input[type="checkbox"],
.rent-detail-bukken-detail-table-area table td input[type="checkbox"],
.rent-detail-bukken-jyuko-table-area table td input[type="checkbox"],
.rent-detail-facility-jyuko-area table td input[type="checkbox"],
.rent-detail-facility-bukken-table-area table td input[type="checkbox"],
.rent-detail-hiyou-jyuko-area table td input[type="checkbox"],
.rent-detail-other-bukken-detail-area table td input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
#rent-detail-info-bukken-summary-itiran,
#rent-detail-info-bukken-summary-itiran-hazard,
#rent-detail-facility-bukken-table,
#rent-detail-facility-jyuko-table {
    width: auto;
    margin: 0px 10px 10px;
}
.rent-detail-info-bukken-summary-itiran-area,
.rent-detail-info-bukken-detail-itiran-area,
.rent-detail-facility-bukken-area,
.rent-detail-info-bukken-jyuko-itiran-area,
.rent-detail-facility-jyuko-table-area {
    line-height: 1.9;
}

#rent-detail-facility-bukken-table td,
#rent-detail-facility-jyuko-table td {
    padding: 2px;
}
#rent-detail-info-bukken-summary-itiran th,
#rent-detail-info-bukken-summary-itiran td,
#rent-detail-info-bukken-summary-itiran-hazard th,
#rent-detail-info-bukken-summary-itiran-hazard td {
    padding: 0px 2px;
}
#rent-detail-info-bukken-summary-itiran th:nth-of-type(8) {
    width: 30px;
}
#rent-detail-facility-jyuko-table td {
    text-align: center;
}
#rent-detail-info-bukken-summary-itiran td:nth-of-type(3),
#rent-detail-info-bukken-summary-itiran td:nth-of-type(4),
#rent-detail-info-bukken-summary-itiran-hazard td:nth-of-type(3),
#rent-detail-info-bukken-summary-itiran-hazard td:nth-of-type(4),
#rent-detail-facility-bukken-table thead tr:nth-of-type(2) th:nth-of-type(3),
#rent-detail-facility-bukken-table td:nth-of-type(3),
#rent-detail-facility-jyuko-table thead tr:nth-of-type(2) th:nth-of-type(2),
#rent-detail-facility-jyuko-table td:nth-of-type(2) {
    text-align: left;
}
#rent-detail-info-bukken-summary-itiran td:nth-of-type(5),
#rent-detail-info-bukken-summary-itiran td:nth-of-type(6),
#rent-detail-info-bukken-summary-itiran td:nth-of-type(7),
#rent-detail-info-bukken-summary-itiran-hazard td:nth-of-type(5),
#rent-detail-info-bukken-summary-itiran-hazard td:nth-of-type(6),
#rent-detail-info-bukken-summary-itiran-hazard td:nth-of-type(7),
#rent-detail-facility-bukken-table thead tr:nth-of-type(2) th:nth-of-type(4),
#rent-detail-facility-bukken-table thead tr:nth-of-type(2) th:nth-of-type(5),
#rent-detail-facility-bukken-table thead tr:nth-of-type(2) th:nth-of-type(6),
#rent-detail-facility-bukken-table thead tr:nth-of-type(2) th:nth-of-type(7),
#rent-detail-facility-bukken-table td:nth-of-type(4),
#rent-detail-facility-bukken-table td:nth-of-type(5),
#rent-detail-facility-bukken-table td:nth-of-type(6),
#rent-detail-facility-bukken-table td:nth-of-type(7) {
    text-align: right;
}
#rent-detail-facility-jyuko-table thead tr:nth-of-type(2) th:nth-of-type(3),
#rent-detail-facility-jyuko-table thead tr:nth-of-type(2) th:nth-of-type(4),
#rent-detail-facility-jyuko-table thead tr:nth-of-type(2) th:nth-of-type(5),
#rent-detail-facility-jyuko-table thead tr:nth-of-type(2) th:nth-of-type(6),
#rent-detail-facility-jyuko-table td:nth-of-type(3),
#rent-detail-facility-jyuko-table td:nth-of-type(4),
#rent-detail-facility-jyuko-table td:nth-of-type(5),
#rent-detail-facility-jyuko-table td:nth-of-type(6),
#rent-detail-facility-jyuko-table td:nth-last-of-type(1) {
    text-align: right;
}
#rent-detail-info-bukken-summary-itiran td:nth-of-type(8),
#rent-detail-info-bukken-summary-itiran-hazard td:nth-of-type(8) {
    text-align: center;
}
#rent-detail-facility-bukken-table thead tr th {
    vertical-align: top;
}
.rent-detail-facility-jyuko-table-facility-th {
    vertical-align: top;
}
#rent-detail-facility-bukken-table thead tr th:nth-of-type(1),
#rent-detail-facility-bukken-table thead tr th:nth-of-type(2),
#rent-detail-facility-bukken-table thead tr th:nth-of-type(3),
#rent-detail-facility-bukken-table thead tr th:nth-of-type(4),
#rent-detail-facility-bukken-table thead tr th:nth-of-type(5),
#rent-detail-facility-bukken-table thead tr th:nth-of-type(6),
#rent-detail-facility-bukken-table thead tr th:nth-of-type(7) {
    vertical-align: middle;
}
#rent-detail-info-bukken-summary-itiran thead tr th:nth-of-type(3),
#rent-detail-info-bukken-summary-itiran thead tr th:nth-of-type(4),
#rent-detail-info-bukken-summary-itiran thead tr th:nth-of-type(5),
#rent-detail-info-bukken-summary-itiran thead tr th:nth-of-type(6),
#rent-detail-info-bukken-summary-itiran thead tr th:nth-of-type(7),
#rent-detail-info-bukken-summary-itiran thead tr th:nth-of-type(8),
#rent-detail-info-bukken-summary-itiran-hazard thead tr th:nth-of-type(3),
#rent-detail-info-bukken-summary-itiran-hazard thead tr th:nth-of-type(4),
#rent-detail-info-bukken-summary-itiran-hazard thead tr th:nth-of-type(5),
#rent-detail-info-bukken-summary-itiran-hazard thead tr th:nth-of-type(6),
#rent-detail-info-bukken-summary-itiran-hazard thead tr th:nth-of-type(7),
#rent-detail-info-bukken-summary-itiran-hazard thead tr th:nth-of-type(8),
#rent-detail-facility-bukken-table thead tr:first-child th,
#rent-detail-facility-jyuko-table thead tr:first-child th {
    cursor: pointer;
}
#rent-detail-facility-bukken-table thead tr th:nth-of-type(1),
#rent-detail-facility-jyuko-table thead tr th:nth-of-type(1) {
    cursor: default;
}
#rent-detail-info-bukken-summary-itiran thead tr th:nth-of-type(3):hover,
#rent-detail-info-bukken-summary-itiran thead tr th:nth-of-type(4):hover,
#rent-detail-info-bukken-summary-itiran thead tr th:nth-of-type(5):hover,
#rent-detail-info-bukken-summary-itiran thead tr th:nth-of-type(6):hover,
#rent-detail-info-bukken-summary-itiran thead tr th:nth-of-type(7):hover,
#rent-detail-info-bukken-summary-itiran thead tr th:nth-of-type(8):hover,
#rent-detail-info-bukken-summary-itiran-hazard thead tr th:nth-of-type(3):hover,
#rent-detail-info-bukken-summary-itiran-hazard thead tr th:nth-of-type(4):hover,
#rent-detail-info-bukken-summary-itiran-hazard thead tr th:nth-of-type(5):hover,
#rent-detail-info-bukken-summary-itiran-hazard thead tr th:nth-of-type(6):hover,
#rent-detail-info-bukken-summary-itiran-hazard thead tr th:nth-of-type(7):hover,
#rent-detail-info-bukken-summary-itiran-hazard thead tr th:nth-of-type(8):hover,
#rent-detail-facility-bukken-table thead tr:first-child th:hover,
#rent-detail-facility-jyuko-table thead tr:first-child th:hover {
    opacity: 0.6;
}
#rent-detail-facility-bukken-table thead tr th:nth-of-type(1):hover,
#rent-detail-facility-jyuko-table thead tr th:nth-of-type(1):hover {
    opacity: 1;
}
#rent-detail-info-bukken-summary-itiran th span,
#rent-detail-info-bukken-summary-itiran-hazard th span,
#rent-detail-facility-bukken-table th span,
#rent-detail-facility-jyuko-table th span {
    font-size: 10px;
}
#rent-detail-facility-bukken-table thead tr:nth-of-type(2) th,
#rent-detail-facility-jyuko-table thead tr:nth-of-type(2) th {
    border: 1px solid white;
    font-size: 0.9em;
    font-weight: normal;
    padding: 5px 0px;
}
#rent-detail-facility-jyuko-table td:nth-of-type(2) {
    max-width: 250px;
}
.rent_detail_map_fukidashi_item a,
.conflict-detail-bukken-itiran-list-name a,
.conflict-detail-bukken-itiran-list-name-hazard a {
    text-decoration: underline;
    cursor: pointer;
}
.rent-result-jyuko-table-color1 td,
.rent-detail-info-bukken-itiran-color1 {
    background-color: rgb(242, 242, 242);
}
.rent-result-jyuko-table-color2 td,
.rent-detail-info-bukken-itiran-color2 {
    background-color: rgb(211, 244, 255);
}
.rent-result-jyuko-table-color3 td,
.rent-detail-info-bukken-itiran-color3 {
    background-color: rgb(138, 157, 216);
}
.rent-result-jyuko-table-color4 td,
.rent-detail-info-bukken-itiran-color4 {
    background-color: rgba(255, 195, 165, 1);
}
.rent-result-jyuko-table-color5 td,
.rent-detail-info-bukken-itiran-color5 {
    background-color: rgba(255, 185, 255, 1);
}
.rent-result-jyuko-table-color-none td,
.rent-detail-info-bukken-itiran-color-none {
    background-color: #FFF;
}
.rent-detail-info-bukken-itiran-description {
    text-align: left;
    margin: 0px 10px 0;
    border: solid 2px #7F7F7F;
    border-radius: 7px;
    padding: 7px 20px;
    width: 740px;
    font-size:13px;
}
.rent-detail-info-bukken-summary-description-area {
    text-align: left;
    margin: 0px 10px 10px;
    border: solid 2px #7F7F7F;
    border-radius: 7px;
    padding: 5px 10px 0px;
    width: 360px;
    font-size:13px;
    background-color: #fff;
}
.rent-detail-info-bukken-itiran-description span {
    width: 100px;
    display: inline-block;
    text-align: center;
    margin: 0px 3px 5px;
}
.rent-detail-info-bukken-summary-description-area span {
    display: inline-block;
    text-align: center;
    margin: 0px 2px 5px;
    padding: 0px 2px;
}
.rent-detail-info-bukken-summary-description {
    margin: 0px;
}
.rent-detail-info-bukken-summary-description:nth-of-type(1) {
    width: 37%;
}
.rent-detail-info-bukken-summary-description:nth-of-type(2) {
    width: 62%;
}
.rent-detail-bukken-table-area-description {
    width: 950px;
    margin: auto;
    text-align: left;
    color: #1F4E79;
    border: solid 2px #1F4E79;
    border-radius: 20px;
    padding: 5px 25px;
}
.rent-detail-bukken-table-area-description-emphasis {
    font-weight: bold;
}
.rent-detail-map-change-button {
    border-radius: 10px;
    background-color: #1648af;
    margin: 0px 5px;
    font-weight: normal;
}
.rent-detail-icon-button-left {
    margin-right: 10px;
}
span.rent-detail-icon-button-left img {
    vertical-align: middle;
    width: 25px;
}
.rent-detail-icon-button-right {
    vertical-align: middle;
    font-size: 1.2em;
}
.rent-detail-h4-distribution {
    width: 900px;
    margin: auto;
}
.rent-detail-distribution-map-left,
.rent-detail-distribution-map-right,
.rent-detail-distribution-map-under {
    position: relative;
    width: 550px;
    height: 385px;
}
.rent-detail-distribution-map-under {
    margin: auto;
}
#rent-detail-distribution-left-graph,
#rent-detail-distribution-right-graph,
#rent-detail-distribution-under-graph {
    width: 600px;
    height: 500px;
    position: absolute;
    top: -60px;
    left: -15px;
}
#rent-detail-distribution-left-graph div div div svg > rect,
#rent-detail-distribution-right-graph div div div svg > rect,
#rent-detail-distribution-under-graph div div div svg > rect {
    fill: transparent !important;
}
.rent-detail-distribution-map-center img {
    width: 75px;
    margin-top: 80px;
}
.rent-detail-h4 {
    font-size: 1.2em;
}
.rent-detail-h4-bottom-adjust {
    font-size: 1.2em;
}
.rent-detail-correction-value-description {
    width: 500px;
    margin: 0px auto 0px;
    text-align: right;
    font-size: 0.8em;
}
.rent-detail-h4-gray {
    margin-top: 8px;
    margin-bottom: 5px;
    font-size: 1.2em !important;
    color: #878f96 !important;
    border-bottom: solid 1px !important;
}
.rent-detail-correction-value-graph-description {
    display: inline-block;
    text-align: left;
}
.rent-detail-correction-value-image-area img {
    width: 90%;
}
.rent-detail-correction-value-area table {
    width: 500px;
    margin: auto;
}
.rent-detail-correction-value-area table th {
    background-color: #deebf7;
    text-align: center;
    border: solid 1px #12151f;
    padding: 5px 0px;
    font-size: 0.9em;
}
.rent-detail-correction-value-area table td {
    border: solid 1px #12151f;
    padding: 2px 0px;
    font-size: 0.9em;
}
.rent-detail-correction-value-image-area div {
    width: 400px;
    height: 400px;
    border: solid 2px #000;
    margin: 0px 10px;
}
.rent-detail-correction-value-image-hosoku {
    position: absolute;
    width: 65%;
    top: 165px;
    left: 175px;
    background-color: #ff1212;
    padding: 5px 0px;
    color: #fff;
    font-weight: bold;
    display: block;
}
.rent-detail-vacancy-graph-description,
.rent-detail-graph-description {
    font-weight: bold;
}
.rent-detail-vacancy-left-graph-area,
.rent-detail-vacancy-right-graph-area {
    position: relative;
    width: 600px;
    height: 415px;
}
#rent-detail-vacancy-left-graph,
#rent-detail-vacancy-right-graph {
    width: 600px;
    height: 500px;
    position: absolute;
    top: -85px;
}
#rent-detail-vacancy-left-graph div div div svg > rect,
#rent-detail-vacancy-right-graph div div div svg > rect {
    fill: transparent !important;
}
.rent-detail-vacancy-description {
    margin: 10px 0px;
}
.rent-detail-h4-trend-and-bias-long {
    width: 1175px;
    margin: auto;
}
.rent-detail-h4-trend-and-bias-short {
    width: 580px;
    margin: auto;
}
#rent-detail-trend-and-bias-up-left-graph,
#rent-detail-trend-and-bias-up-right-graph,
#rent-detail-trend-and-bias-down-left-graph,
#rent-detail-trend-and-bias-down-right-graph,
#rent-detail-market-conditions-up-left-graph,
#rent-detail-market-conditions-up-right-graph,
#rent-detail-market-conditions-down-left-graph,
#rent-detail-market-conditions-down-right-graph {
    width: 600px;
    height: 400px;
    margin: 0px 15px;
}
.rent-detail-trend-and-bias-up-left-area,
.rent-detail-trend-and-bias-up-right-area {
    position: relative;
    width: 600px;
    height: 315px;
}
.rent-detail-trend-and-bias-down-left-area,
.rent-detail-trend-and-bias-down-right-area {
    position: relative;
    width: 600px;
    height: 340px;
}
#rent-detail-trend-and-bias-up-left-graph,
#rent-detail-trend-and-bias-up-right-graph {
    position: absolute;
    top: -40px;
}
#rent-detail-trend-and-bias-down-left-graph,
#rent-detail-trend-and-bias-down-right-graph {
    position: absolute;
    top: -10px;
}
#rent-detail-trend-and-bias-up-left-graph div div div svg > rect,
#rent-detail-trend-and-bias-up-right-graph div div div svg > rect,
#rent-detail-trend-and-bias-down-left-graph div div div svg > rect,
#rent-detail-trend-and-bias-down-right-graph div div div svg > rect {
    fill: transparent !important;
}
.rent-detail-blue-mark {
    color: #056FD8;
}
.rent-detail-orange-mark {
    color: #C00000;
}
.rent-detail-transparent-mark {
    color: transparent;
}
.rent-detail-trend-and-bias-up-description-area div,
.rent-detail-trend-and-bias-down-description-area div {
    width: 600px;
}
.rent-detail-trend-and-bias-up-left-graph-description {
    font-size: 0.9em;
    margin-top: 15px;
}
.rent-detail-trend-and-bias-up-right-area-table,
.rent-detail-trend-and-bias-down-left-area-table{
    width: 495px;
    margin: auto auto auto 0px;
    font-size: 0.9em;
}
.rent-detail-trend-and-bias-up-right-area-table tr td:first-child,
.rent-detail-trend-and-bias-down-left-area-table tr td:first-child,
.rent-detail-facility-area-table tr td:first-child {
    text-align: left;
    background-color: #deebf7;
    padding: 2px 5px;
    width: 130px;
}
.rent-detail-trend-and-bias-up-right-area-table tr td:nth-of-type(2),
.rent-detail-trend-and-bias-up-right-area-table tr td:nth-of-type(3),
.rent-detail-trend-and-bias-down-left-area-table tr td:nth-of-type(2),
.rent-detail-trend-and-bias-down-left-area-table tr td:nth-of-type(3) {
    width: 123px;
}
.rent-detail-facility-area-table tr th {
    background-color: #deebf7;
    text-align: center;
    border: solid 1px #12151f;
    padding: 2px 5px;
    width: 110px;
}
.rent-detail-facility-rent-diff-graph-1-table tr:first-child,
.rent-detail-facility-rent-diff-graph-2-table tr:first-child  {
    display: none;
}
.rent-detail-facility-rent-diff-graph-1-table tr td {
    width: 140px;
}
.rent-detail-facility-rent-diff-graph-2-table tr td {
    width: 165px;
}
.rent-detail-facility-rent-diff-graph-1-table tr td:first-child,
.rent-detail-facility-rent-diff-graph-2-table tr td:first-child {
    width: auto;
}
.rent-detail-trend-and-bias-up-right-area-table tr td,
.rent-detail-trend-and-bias-down-left-area-table tr td,
.rent-detail-facility-area-table tr td {
    border: solid 1px #12151f;
}
.rent-detail-facility-area-table  {
    width: 1115px;
    font-size: 0.8em;
    margin-bottom: 20px;
    margin-top: 10px;
}
.rent-detail-facility-area-table-right {
    width: 1060px;
}
.rent-detail-facility-rent-diff-graph,
.rent-detail-facility-accessory-rate-graph {
    position: relative;
    width: 1100px;
    height: 260px;
    margin: auto;
}
.rent-detail-facility-rent-diff-graph-area {
    position: relative;
}
#rent-detail-facility-rent-diff-graph-1 text,
#rent-detail-facility-rent-diff-graph-2 text,
#rent-detail-facility-accessory-rate-graph-1 text,
#rent-detail-facility-accessory-rate-graph-2 text {
    font-family: Arial !important;
    font-size: 13px !important;
    fill: rgb(34, 34, 34);
}
.rent-detail-facility-table-area {
    width: 1220px;
    margin: auto;
}
.rent-detail-facility-accessory-rate-area {
    margin-top: 50px;
}
.rent-detail-trend-and-bias-up-table-area {
    width: 1060px;
    margin: auto;
}
.rent-detail-trend-and-bias-down-area {
    margin-top: 30px;
}
#rent-detail-facility-rent-diff-graph-1,
#rent-detail-facility-rent-diff-graph-2 {
    width: 1030px;
    height: 260px;
    position: absolute;
}
#rent-detail-facility-accessory-rate-graph-1,
#rent-detail-facility-accessory-rate-graph-2 {
    width: 1250px;
    height: 260px;
    margin: auto;
    position: absolute;
}
.rent-detail-facility-accessory-rate-graph {
    position: relative;
    width: 1250px;
}
#rent-detail-facility-rent-diff-graph-1 div div div svg > rect,
#rent-detail-facility-rent-diff-graph-2 div div div svg > rect,
#rent-detail-facility-accessory-rate-graph-1 div div div svg > rect,
#rent-detail-facility-accessory-rate-graph-2 div div div svg > rect {
    fill: transparent !important;
}
.rent-detail-facility-rent-diff-graph-1-table{
    width: 1100px;
}
.rent-detail-facility-rent-diff-graph-2-table{
    width: 1105px;
}
.rent-detail-facility-accessory-rate-graph-1-table,
.rent-detail-facility-accessory-rate-graph-2-table {
    margin-top: 0px;
    width: 1105px;
}
.rent-detail-facility-accessory-rate-graph-1-table tr:first-child,
.rent-detail-facility-accessory-rate-graph-2-table tr:first-child {
    display: none;
}
.rent-detail-facility-accessory-rate-graph-1-table tr td:first-child,
.rent-detail-facility-accessory-rate-graph-2-table tr td:first-child {
    width: auto;
}
.rent-detail-facility-accessory-rate-graph-1-table tr td {
    width: 141px;
}
.rent-detail-facility-accessory-rate-graph-2-table tr td {
    width: 165px;
}
.rent-detail-h4-facility {
    width: 100%;
    max-width: 1500px;
    margin-left: 10px;
}
.rent-detail-margin-bottom-adjust {
    margin: 0px;
}
.rent-detail-graph-description {
    margin: 5px 0px 0px;
}
.rent-detail-market-conditions-description {
    margin: 0px;
    font-weight: bold;
}
.rent-detail-market-conditions-up-left-area,
.rent-detail-market-conditions-up-right-area,
.rent-detail-market-conditions-down-left-area,
.rent-detail-market-conditions-down-right-area {
    position: relative;
    width: 600px;
    height: 330px;
}
#rent-detail-market-conditions-up-left-graph,
#rent-detail-market-conditions-up-right-graph,
#rent-detail-market-conditions-down-left-graph,
#rent-detail-market-conditions-down-right-graph {
    position: absolute;
    top: -45px;
}
#rent-detail-market-conditions-up-left-graph div div div svg > rect,
#rent-detail-market-conditions-up-right-graph div div div svg > rect,
#rent-detail-market-conditions-down-left-graph div div div svg > rect,
#rent-detail-market-conditions-down-right-graph div div div svg > rect {
    fill: transparent !important;
}
.rent-detail-print-button,
.rent-detail-preview-print-button {
    background: -moz-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    background: -webkit-gradient( linear, left top, left bottom, from(#FB3A3A), color-stop(0.25, #BF0505), to(#BF0505));
    background: -ms-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    border: 1px solid rgb(165, 16, 0);
    border-radius: 10px;
}
.rent-detail-print-button:hover,
.rent-detail-print-button:focus,
.rent-detail-preview-print-button:hover,
.rent-detail-preview-print-button:focus {
    background: -moz-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    background: -webkit-gradient( linear, left top, left bottom, from(#FB3A3A), color-stop(0.25, #BF0505), to(#BF0505));
    background: -ms-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    border: 1px solid rgb(165, 16, 0);
}
.rent-detail-print-button-after {
    background: -moz-linear-gradient( top, #a0a0a0 0%, #505050 25%, #505050);
    background: -webkit-gradient( linear, left top, left bottom, from(#a0a0a0), color-stop(0.25, #505050), to(#505050));
    background: -ms-linear-gradient( top, #a0a0a0 0%, #505050 25%, #505050);
    border: 1px solid rgba(100, 100, 100, 1);
    border-radius: 10px;
}
.rent-detail-print-button-after:hover,
.rent-detail-print-button-after:focus {
    background: -moz-linear-gradient( top, #a0a0a0 0%, #505050 25%, #505050);
    background: -webkit-gradient( linear, left top, left bottom, from(#a0a0a0), color-stop(0.25, #505050), to(#505050));
    background: -ms-linear-gradient( top, #a0a0a0 0%, #505050 25%, #505050);
    border: 1px solid rgba(100, 100, 100, 1);
}
.rent-detail-request-button-item-area {
    width: 800px;
    margin: auto;
    margin-bottom: 20px;
    color: #000000;
    border: solid 2px #000000;
    border-radius: 20px;
    padding: 15px 25px 5px;
    text-align: center;
}
.rent-detail-request-button-item > span {
    font-weight: bold;
    text-decoration: underline;
}
.rent-detail-preview-print-button-item,
.rent-detail-request-button-item {
    margin-bottom: 40px;
}
.rent-detail-request-button-item button span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
}
.rent-detail-request-button-item > button > .rent-detail-print-preview-button-right > span {
    font-size: 0.9em;
}
.rent-detail-facility-accessory-rate-graph-area {
    position: relative;
}
.rent-detail-print-button-area {
    margin-bottom: 40px;
    margin-top: 40px;
}
.rent-detail-print-preview-button-area {
    margin-bottom: 40px;
    margin-top: 20px;
}
.rent-detail-print-button-area-click-after{
    text-align: left;
    margin-left: 25px;
    margin-bottom: 20px !important;
}
.rent-detail-print-button-left,
.rent-detail-print-preview-button-left {
    padding-right: 10px;
}
.rent-detail-print-button-left img,
.rent-detail-print-preview-button-left img {
    width: 30px;
    vertical-align: middle;
    margin-bottom: 2px;
}
.rent-detail-print-button-right,
.rent-detail-print-preview-button-right {
    vertical-align: middle;
    font-size: 1.2em;
    font-weight: normal;
}
.preview-page-for-print {
    display: none;
    border: dashed 5px;
    /* height: 1855px; */
    height: 1900px;
    background-color: #fff;
    margin-bottom: 30px;
    padding: 10px 25px;
    overflow-y: hidden;
    position: relative;
}
.rent-detail-print-bukken-list-area{
    border: dashed 5px;
    background-color: #fff;
    margin-bottom: 30px;
    /*padding: 10px 10px 10px 10px;*/
    padding: 10px 15px 10px 15px;
}
.rent-detail-print-title-logo-area {
    text-align: right;
    padding: 20px 30px;
}
.rent-detail-print-title-logo-area img {
    max-width: 300px;
    max-height: 60px;
}
.rent-detail-print-company-name {
    margin: 30px;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: left;
}
.rent-detail-print-company-name input[type="text"] {
    width: 600px;
    font-size: 1em;
    display: inline-block;
    padding: 0px 10px;
}
.rent-detail-print-title {
    margin: 100px 0px 150px;
    font-weight: bold;
    text-decoration: underline;
    font-size: 4em;
}
.rent-detail-print-sub-title {
    border: solid 2px #bbb;
    border-radius: 30px;
    padding: 40px;
    width: 1000px;
    margin: auto;
    font-size: 2em;
    font-weight: bold;
    text-align: left;
}
.rent-detail-print-sub-title input[type="text"] {
    width: 500px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 10px;
    font-size: 1em;
}
.rent-detail-print-date {
    margin: auto;
    font-size: 2rem;
    margin: 320px 0px 10px 0px;
}
.rent-detail-print-date input[type="text"] {
    width: 70px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    padding: 0px 10px;
}
.rent-detail-print-footer-info {
    font-size: 2em;
}
.rent-detail-print-page {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 5px !important;
    font-size: 20px;
    display: none;
    width: 100px !important;
    text-align: right;
    background-color: #fff;
}
.rent-detail-cautions-other-chrome {
    font-size: 2.5em;
    font-weight: bold;
    color: red;
    position: absolute;
    top: 335px;
    left: 235px;
}
.print-only-disp {
    display: none;
}
.print-page-disp {
    display: none;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #f6991e;
    font-size: 0.8em;
    padding: 10px;
    z-index: 5;
}
.print-page-disp-bukken-list {
    position: relative !important;
    margin: 0px 10px;
}
.print-page-disp input[type=checkbox] {
    width: 40px;
    height: 40px;
    margin-top: 5px;
}
.print-page-disp p {
    margin: 0px;
}
.print-page-facility-area-adjust1,
.print-page-facility-area-adjust2 {
    right: 50px;
}
#rent-detail-print-free-text {
    display: none;
    padding: 10px 10px;
}
#rent-detail-print-free-text textarea {
    font-size: 1.2rem;
    height: 700px;
}
.rent-result-setting-jyuko-right-adjust {
    position: relative;
    margin-top: -45px;
}
.rent-result-setting-jyuko-right-adjust .rent-result-setting-jyuko-right{
    padding: 30px 0px 5px;
    position: relative;
}
.rent-result-setting-jyuko-right-adjust .rent-result-setting-jyuko-right-title{
    margin-top: 0px;
}
.rent-result-jyuko-info {
    /*
    left: 540px;
    */
    position: relative;
    width: 180px;
    margin-top:10px;
    border: solid 2px #060e3c;
    border-radius: 20px;
    background-color: #fff;
    float:right;
}
.rent-result-jyuko-info p {
    margin: 5px;
    text-align: left;
    color: #060e3c;
}
.rent-result-jyuko-info span {
    font-weight: bold;
}
.print-only-disp-area {
    display: none;
}
.rent-detail-google-graph-adjust div div div:first-child{
    position: relative !important;
}
.rent-detail-correction-value-area table tr td,
.rent-detail-trend-and-bias-up-right-area-table tr td,
.rent-detail-trend-and-bias-down-left-area-table tr td,
.rent-detail-facility-area-table tr td {
    text-align: center;
}
.rent-detail-print-logo-upload {
    bottom: unset;
    top: 100px;
    text-align: left;
    width: 530px;
    height: 140px;
}
#rent-detail-logo-reset {
    font-size: 1rem !important;
    line-height: 1 !important;
    color: #000 !important;
    font-weight: initial !important;
    padding: 6px !important;
    border: solid 1px #939393 !important;
    background: #e2e2e2 !important;
    border-radius: 0px !important;
    margin-top: 5px;
}
#rent-detail-logo-reset:hover,
#rent-detail-logo-reset:focus {
    opacity: initial !important;
}
.rent-detail-logo-annotation {
    font-weight: bold;
}
.rent-detail-map-change-button i {
    font-size: 1.7em;
    vertical-align: bottom;
}
.rent-detail-jyuko-info {
    position: absolute;
    top: calc(100% + 15px);
    left: 15px;
    border: solid 2px #060e3c;
    border-radius: 20px;
    background-color: #fff;
}
.rent-detail-jyuko-info p {
    margin: 10px;
    text-align: left;
    color: #060e3c;
}
.rent-detail-jyuko-info span {
    font-weight: bold;
}
.rent-detail-jyuko-info-2 {
    position: absolute;
    top: calc(100% + 70px);
    left: 15px;
    border: solid 2px #060e3c;
    border-radius: 20px;
    background-color: #fff;
    padding: 10px 0 10px 10px;
}
@media screen and (max-width: 1350px) {
    .rent-detail-jyuko-info-2 {
        position: absolute;
        bottom: -55px;
        left: 0px;
        border: solid 2px #060e3c;
        border-radius: 20px;
        background-color: #fff;
        padding: 10px 0 10px 5px;
    }
}
.rent-detail-jyuko-info-2 p {
    margin: 0;
    line-height: 1em;
    text-align: left;
    color: #060e3c;
}
.rent-detail-jyuko-info-2 span {
    /* font-weight: bold; */
    font-size:13px;
}
.rent-detail-jyuko-info-2-print {
    position: absolute;
    bottom: -5px;
    left: 15px;
    border: solid 2px #060e3c;
    border-radius: 20px;
    background-color: #fff;
    padding: 10px;
    height: 70px;
}
.rent-detail-jyuko-info-2-print p {
    margin: 0;
    line-height: 1em;
    text-align: left;
    color: #060e3c;
}
.rent-detail-jyuko-info-2-print span {
    /* font-weight: bold; */
    font-size:13px;
}
.rent-detail-jyuko-info-3 {
    /*
    position: absolute;
    z-index: 2;
    top: 45px;
    margin: 0 0 0 540px;
    */
    position: relative;
    width: 180px;
    border: solid 2px #060e3c;
    border-radius: 20px;
    background-color: #fff;
    float:right;
    margin-top:10px;
}
.rent-detail-jyuko-info-3 p {
    margin: 5px;
    text-align: left;
    color: #060e3c;
}
.rent-detail-jyuko-info-3 span {
    font-weight: bold;
}
.rent-detail-change-disp-btn-block {
    /*
    position: absolute;
    z-index: 2;
    top: 45px;
    margin: 0 0 0 940px;
    */
    font-size:12px;
    float:right;
    margin:10px 10px 0px 0px;
}
.rent-result-change-disp-btn-block {
    font-size:12px;
    float:right;
    margin:10px 10px 0px 0px;
}
.rent-result-setting-jyuko-top{
    width:900px;
    margin-left:360px;
    min-height: 45px;
}
.rent-detail-setting-jyuko-top{
    width:1260px;
    z-index:999;
    min-height: 45px;
}
.rent-detail-jyuko-info-4 {
    /* position: absolute;
    bottom: -5px;
    left: 15px; */
    border: solid 2px #060e3c;
    border-radius: 20px;
    background-color: #fff;
    padding: 10px 0 10px 10px;
}
.rent-detail-jyuko-info-4 p {
    margin: 0;
    line-height: 1em;
    text-align: left;
    color: #060e3c;
}
.rent-detail-jyuko-info-4 span {
    /* font-weight: bold; */
    font-size:13px;
}
.rent-detail-jyuko-info-5 {
    /* position: absolute;
    bottom: -5px;
    left: 15px; */
    border: solid 2px #060e3c;
    border-radius: 20px;
    background-color: #fff;
    padding: 0 15px 0;
}
.rent-detail-jyuko-info-5 p {
    margin: 0;
    line-height: 1em;
    text-align: left;
    color: #060e3c;
}
.rent-detail-jyuko-info-5 span {
    /* font-weight: bold; */
    font-size:13px;
}




/* 賃料詳細 棟テーブル */


#rent-detail-info-bukken-detail-itiran {
    width: auto;
    margin: 0px 10px 10px;
}


#rent-detail-info-bukken-detail-itiran th,
#rent-detail-info-bukken-detail-itiran td {
    padding: 2px;
}


#rent-detail-info-bukken-detail-itiran th span {
    font-size: 10px;
}


#rent-detail-info-bukken-detail-itiran th:nth-of-type(14) {
    color: #333;
    background-color: #b9d9f6;
}
#rent-detail-info-bukken-detail-itiran th:nth-of-type(15) {
    color: #333;
    background-color: #b9d9f6;
}


#rent-detail-info-bukken-detail-itiran td:nth-of-type(3) {
    text-align: left;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(4) {
    text-align: left;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(5) {
    text-align: left;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(6) {
    text-align: right;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(7) {
    text-align: right;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(8) {
    text-align: right;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(9) {
    text-align: right;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(10) {
    text-align: right;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(11) {
    text-align: center;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(12) {
    text-align: right;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(13) {
    text-align: right;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(14) {
    text-align: right;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(15) {
    text-align: right;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(16) {
    text-align: right;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(17) {
    text-align: right;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(19) {
    text-align: center;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(20) {
    text-align: center;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(21) {
    text-align: center;
}
#rent-detail-info-bukken-detail-itiran td:nth-of-type(25) {
    text-align: right;
}

#rent-detail-info-bukken-detail-itiran input {
    font-size: 14px;
}




/* 賃料詳細 住戸テーブル */


#rent-detail-info-bukken-jyuko-itiran {
    width: auto;
    margin: 0px 10px 10px;
}


#rent-detail-info-bukken-jyuko-itiran th,
#rent-detail-info-bukken-jyuko-itiran td {
    padding: 2px;
}


#rent-detail-info-bukken-jyuko-itiran th span {
    font-size: 10px;
}


#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(2) {
    text-align: left;
    max-width: 250px;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(3) {
    text-align: left;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(4) {
    text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(5) {
    text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(6) {
    text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(9) {
    text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(10) {
    text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(11) {
    text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(12) {
    text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(13) {
    text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(14) {
    text-align: center;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(15) {
    text-align: center;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(16) {
    text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(17) {
    text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(18) {
    text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(20) {
	text-align: center;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(21) {
	text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(22) {
	text-align: center;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(24) {
	text-align: center;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(25) {
    text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(26) {
    text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(27) {
    text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(31) {
	text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(34) {
	text-align: center;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(35) {
	text-align: right;
}
#rent-detail-info-bukken-jyuko-itiran td:nth-of-type(36) {
	text-align: right;
}


#rent-detail-info-bukken-jyuko-itiran input {
    font-size: 14px;
}

#rent-detail-info-bukken-jyuko-itiran .cell-input {
    display: block;
    font-size: inherit;
    background-color: #d8d8d8;
    border: none;
    outline: none;
    width: 3em;
    padding: 0;
    text-align: center;
}
#rent-detail-info-bukken-jyuko-itiran .cell-input.print-mode {
    background-color: transparent;
}




/* 賃料詳細 住戸別の諸費用等は？ */


#rent-detail-hiyou-jyuko-table th,
#rent-detail-hiyou-jyuko-table td {
	white-space: normal;
    word-break: break-all;
    overflow-wrap: break-word;
}
#rent-detail-hiyou-jyuko-table th {
	padding: 5px 2px;
}
#rent-detail-hiyou-jyuko-table th:nth-of-type(6) {
    color: #333;
    background-color: #b9d9f6;
}
#rent-detail-hiyou-jyuko-table th:nth-of-type(7) {
    color: #333;
    background-color: #b9d9f6;
}
#rent-detail-hiyou-jyuko-table .cell-input {
    display: block;
    font-size: inherit;
    background-color: whitesmoke;
    border: none;
    outline: none;
    /* width: 3em; */
	width: 100%;
    padding: 0;
    text-align: left;
}
#rent-detail-hiyou-jyuko-table td:nth-of-type(2) {
    text-align: left;
}
#rent-detail-hiyou-jyuko-table th:nth-of-type(3),
#rent-detail-hiyou-jyuko-table th:nth-of-type(4),
#rent-detail-hiyou-jyuko-table th:nth-of-type(5),
#rent-detail-hiyou-jyuko-table th:nth-of-type(6),
#rent-detail-hiyou-jyuko-table th:nth-of-type(7),
#rent-detail-hiyou-jyuko-table th:nth-of-type(8),
#rent-detail-hiyou-jyuko-table th:nth-of-type(9),
#rent-detail-hiyou-jyuko-table th:nth-of-type(10) {
    white-space: nowrap;
}
#rent-detail-hiyou-jyuko-table td:nth-of-type(3),
#rent-detail-hiyou-jyuko-table td:nth-of-type(4),
#rent-detail-hiyou-jyuko-table td:nth-of-type(5),
#rent-detail-hiyou-jyuko-table td:nth-of-type(6),
#rent-detail-hiyou-jyuko-table td:nth-of-type(7),
#rent-detail-hiyou-jyuko-table td:nth-of-type(8),
#rent-detail-hiyou-jyuko-table td:nth-of-type(9),
#rent-detail-hiyou-jyuko-table td:nth-of-type(10) {
    text-align: right;
    white-space: nowrap;
}




/* 賃料詳細 物件別のその他概要 */


#rent-detail-other-bukken-detail-itiran th,
#rent-detail-other-bukken-detail-itiran td {
	white-space: normal;
    word-break: break-all;
    overflow-wrap: break-word;
}
#rent-detail-other-bukken-detail-itiran th {
	padding: 5px 2px;
}
#rent-detail-other-bukken-detail-itiran .cell-input {
    display: block;
    font-size: inherit;
    background-color: whitesmoke;
    border: none;
    outline: none;
    /* width: 3em; */
	width: 100%;
    padding: 0;
    text-align: left;
}
#rent-detail-other-bukken-detail-itiran td:nth-of-type(2) {
    text-align: left;
}




/** conflict-search **/
#conflict-search-station-select-area-left,
#conflict-search-station-select-area-right {
    width: 50%;
    position: relative;
    margin: 0px;
}
.conflict-search-station-select-area-title {
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: solid 2px #f26a05;
    margin: 10px;
}
#conflict-station-list {
    margin: 0px;
}
#conflict-station-selected {
    text-align: left;
}
#conflict-station-selected p {
    display:inline-block;
    margin: 0px 0px 5px 10px;
}
#conflict-station-list button {
    background: none;
    border: none;
    font-size: 1em;
    font-weight: normal;
    padding: 5px 10px;
    color: #00f;
    display: block;
    text-align: left;
}
#conflict-station-list button i.fa {
    padding-right: 0;
}
#conflict-station-selected button {
    background: none;
    border: none;
    font-size: 1em;
    font-weight: normal;
    padding: 5px 10px;
    color: #00f;
    display:inline;
}

/** conflict-result **/
.conflict-result-info {
    background-color: #dbeeff;
    filter: drop-shadow(5px 5px 0px #A0D7FF);
    width: 1000px;
    margin: 65px auto 5px;
    padding: 35px 0px 5px;
    position: relative;
}
.conflict-result-info-top-icon img {
    position: absolute;
    left: 450px;
    top: -60px;
}
.conflict-result-info h3 {
    background-color: #26437a;
    color: #FFF;
    padding: 2px 0px;
    font-size: 1em;
}
.conflict-result-info-area {
    padding: 0px 20px;
    line-height: 1.1;
    font-size: 15px;
    display: flex;
}
.conflict-result-info-area table {
    margin-bottom: 1px;
    font-size: 13px;
}
.conflict-result-info-station-table td {
    text-align: left;
    padding: 2px 5px;
}
.conflict-result-info-station-table td:nth-of-type(2),
.conflict-result-info-station-table td:nth-of-type(3),
.conflict-result-info-station-table td:nth-of-type(4) {
    text-align: center;
}
.conflict-result-info-station-table td:first-child {
    width: 240px;
    vertical-align: top;
}
.conflict-result-info-station-table td:nth-of-type(2),
.conflict-result-info-station-table td:nth-of-type(4) {
    width: 110px;
}
.conflict-result-info-station-table td:nth-of-type(3) {
    width: 60px;
}
.conflict-result-info-station-table td[colspan="4"] {
    width: auto;
    word-break: keep-all;
}
.conflict-result-info-station-table td[colspan="3"] {
    word-break: keep-all;
}
.conflict-result-info-area-wrapper-left {
    margin-right: 20px;
    border-right: 1px solid #000;
}
.conflict-result-info-select-item {
    background-color: #fff;
}
.conflict-result-info-select-item-municipality {
    text-align: left !important;
    font-size:11px;
}
.conflict-result-info-select-item-station {
    text-align: left !important;
}
.conflict-result-info-no-select-item {
    color: #adadad;
}
#conflict-result-bukken-num {
    font-weight: bold;
    font-size: 1.1em;
}
#conflict-result-bukken-num span {
    font-size: 1.3em;
}
#conflict-result-checked-count-top,
#conflict-result-checked-count-bottom {
    font-size: 1.3em;
    color: #C00000;
    font-weight: bold;
}
.conflict-result-bukken-check-num,
.conflict-result-bukken-limit-num,
.conflict-result-under-info-area p {
    margin: 0px;
    font-size: 14px;
    line-height: 1.1;
}
#conflict-result-bukken-itiran {
    width: auto;
    margin: 0px 20px 10px;
}
#conflict-result-bukken-itiran th {
    background-color: #deebf7;
    text-align: center;
    padding: 5px 0px;
    font-size: 12px;
    line-height: 1.1;
}
#conflict-result-bukken-itiran td {
    padding: 2px 0px;
    line-height: 1.9;
}
#conflict-result-bukken-itiran th,
#conflict-result-bukken-itiran td {
    padding: 2.5px;
}
#conflict-result-bukken-itiran th {
    font-size: 12px;
}
#conflict-result-bukken-itiran td {
    font-size: 13px;
}
#conflict-result-bukken-itiran tr:first-child,
#conflict-result-bukken-itiran td:first-child {
    width: 50px;
}
#conflict-result-bukken-itiran td input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.conflict-result-back-btn-area {
    margin: 15px 0px;
}
#conflict-result-bukken-itiran td:nth-of-type(3),
#conflict-result-bukken-itiran td:nth-of-type(5),
#conflict-result-bukken-itiran td:nth-of-type(7),
#conflict-result-bukken-itiran td:nth-of-type(17) {
    text-align: left;
}
#conflict-result-bukken-itiran td:nth-of-type(6),
#conflict-result-bukken-itiran td:nth-of-type(8),
#conflict-result-bukken-itiran td:nth-of-type(9),
#conflict-result-bukken-itiran td:nth-of-type(10),
#conflict-result-bukken-itiran td:nth-of-type(12),
#conflict-result-bukken-itiran td:nth-of-type(13),
#conflict-result-bukken-itiran td:nth-of-type(14),
#conflict-result-bukken-itiran td:nth-of-type(15),
#conflict-result-bukken-itiran td:nth-of-type(16) {
    text-align: right;
}
#conflict-result-bukken-itiran thead tr th:nth-of-type(3),
#conflict-result-bukken-itiran thead tr th:nth-of-type(5),
#conflict-result-bukken-itiran thead tr th:nth-of-type(6),
#conflict-result-bukken-itiran thead tr th:nth-of-type(7),
#conflict-result-bukken-itiran thead tr th:nth-of-type(8),
#conflict-result-bukken-itiran thead tr th:nth-of-type(9),
#conflict-result-bukken-itiran thead tr th:nth-of-type(10),
#conflict-result-bukken-itiran thead tr th:nth-of-type(12),
#conflict-result-bukken-itiran thead tr th:nth-of-type(13),
#conflict-result-bukken-itiran thead tr th:nth-of-type(14),
#conflict-result-bukken-itiran thead tr th:nth-of-type(15),
#conflict-result-bukken-itiran thead tr th:nth-of-type(16),
#conflict-result-bukken-itiran thead tr th:nth-of-type(17),
#conflict-result-bukken-itiran thead tr th:nth-of-type(19) {
    cursor: pointer;
}
#conflict-result-bukken-itiran thead tr th:nth-of-type(3):hover,
#conflict-result-bukken-itiran thead tr th:nth-of-type(5):hover,
#conflict-result-bukken-itiran thead tr th:nth-of-type(6):hover,
#conflict-result-bukken-itiran thead tr th:nth-of-type(7):hover,
#conflict-result-bukken-itiran thead tr th:nth-of-type(8):hover,
#conflict-result-bukken-itiran thead tr th:nth-of-type(9):hover,
#conflict-result-bukken-itiran thead tr th:nth-of-type(10):hover,
#conflict-result-bukken-itiran thead tr th:nth-of-type(12):hover,
#conflict-result-bukken-itiran thead tr th:nth-of-type(13):hover,
#conflict-result-bukken-itiran thead tr th:nth-of-type(14):hover,
#conflict-result-bukken-itiran thead tr th:nth-of-type(15):hover,
#conflict-result-bukken-itiran thead tr th:nth-of-type(16):hover,
#conflict-result-bukken-itiran thead tr th:nth-of-type(17):hover,
#conflict-result-bukken-itiran thead tr th:nth-of-type(19):hover {
    opacity: 0.6;
}
#conflict-result-bukken-itiran th span {
    font-size: 10px;
}
.conflict-result-under-info-area,
#conrict-result-submit-area {
    margin-bottom: 20px;
}
.conflict-result-back-btn-area button,
#conflict-result-submit-area button {
    width: 350px;
}
.conflict-result-submit-button {
    background: -moz-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    background: -webkit-gradient( linear, left top, left bottom, from(#FB3A3A), color-stop(0.25, #BF0505), to(#BF0505));
    background: -ms-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505);
    border: 1px solid rgb(165, 16, 0);
    margin: 0px 0px 30px;
}
.conflict-result-submit-button:hover,
.conflict-result-submit-button:focus {
    background-color: #BF0505;
}
.conflict-result-submit-button span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.2;
}
.conflict-result-button {
    font-size: 1.3em !important;
}
.conflict-result-submit-button-left {
    margin-right: 10px;
}
.conflict-result-submit-button-left img {
    width: 40px;
}

/** conflict-detail **/
#conflict-detail-bukken-num {
    font-weight: bold;
    font-size: 1.1em;
}
#conflict-detail-bukken-num span {
    font-size: 1.3em;
    color: #C00000;
}
.conflict-detail-set-info {
    width: 500px;
    margin: auto;
    text-align: left;
}
#conflict-detail-facility-table {
    width: auto;
    margin: 0px 20px 10px;
}
#conflict-detail-facility-table-area {
    margin: 10px 0px 0px 51px;
}
.conflict-detail-map-disp-area {
    position: relative;
    margin-bottom: 10px;
}
.conflict-detail-bukken-itiran-area {
    width: auto;
    max-width: 420px;
    margin: 5px;
    position: absolute;
    top: 0px;
    line-height: 1.9;
}
#conflict-detail-bukken-itiran,
#conflict-detail-bukken-itiran-hazard {
    width: auto;
    margin: 0px 10px 10px;
}
#conflict-detail-bukken-itiran th,
#conflict-detail-bukken-itiran td,
#conflict-detail-bukken-itiran-hazard th,
#conflict-detail-bukken-itiran-hazard td {
    padding: 0px 2px;
}
#conflict-detail-bukken-itiran th,
#conflict-detail-bukken-itiran-hazard th {
    background-color: #deebf7;
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
}
#conflict-detail-bukken-itiran td,
#conflict-detail-bukken-itiran-hazard td {
    padding: 2px;
    font-size: 0.8em;
    background-color: #fff;
}
#conflict-detail-facility-table th {
    padding: 2.5px;
    line-height: 1.1;
}
#conflict-detail-facility-table td {
    padding: 2.5px;
    line-height: 1.9;
}
#conflict-detail-bukken-itiran td:nth-of-type(2),
#conflict-detail-bukken-itiran-hazard td:nth-of-type(2) {
    text-align: left;
    max-width: 300px;
}
#conflict-detail-bukken-itiran th:nth-of-type(2),
#conflict-detail-bukken-itiran th:nth-of-type(3),
#conflict-detail-bukken-itiran th:nth-of-type(4),
#conflict-detail-bukken-itiran-hazard th:nth-of-type(2),
#conflict-detail-bukken-itiran-hazard th:nth-of-type(3),
#conflict-detail-bukken-itiran-hazard th:nth-of-type(4) {
    cursor: pointer;
}
#conflict-detail-bukken-itiran th:nth-of-type(2):hover,
#conflict-detail-bukken-itiran th:nth-of-type(3):hover,
#conflict-detail-bukken-itiran th:nth-of-type(4):hover,
#conflict-detail-bukken-itiran-hazard th:nth-of-type(2):hover,
#conflict-detail-bukken-itiran-hazard th:nth-of-type(3):hover,
#conflict-detail-bukken-itiran-hazard th:nth-of-type(4):hover {
    opacity: 0.6;
}
.conflict-detail-bukken-gaiyo-kadoritsu-table,
.conflict-detail-bukken-gaiyo-jyoken-table,
.conflict-detail-bukken-gaiyo-kaitei-table {
    width: auto;
    margin: 10px 0px;
}
#conflict-detail-facility-table th,
.conflict-detail-bukken-gaiyo-kadoritsu-table th,
.conflict-detail-bukken-gaiyo-jyoken-table th,
.conflict-detail-bukken-gaiyo-kaitei-table th {
    background-color: #deebf7;
    text-align: center;
    padding: 5px 2px;
    font-size: 12px;
    line-height: 1.1;
}
#conflict-detail-facility-table th {
    padding: 5px 11px;
}
#conflict-detail-facility-table th:nth-of-type(1) {
    padding: 5px 2px;
}
#conflict-detail-facility-table td,
.conflict-detail-bukken-gaiyo-kadoritsu-table td,
.conflict-detail-bukken-gaiyo-jyoken-table td,
.conflict-detail-bukken-gaiyo-kaitei-table td {
    padding: 2px 0px;
}
#conflict-detail-facility-table td {
    padding: 2.5px;
    font-size: 13px;
}
.conflict-detail-bukken-gaiyo-kadoritsu-table td,
.conflict-detail-bukken-gaiyo-jyoken-table td,
.conflict-detail-bukken-gaiyo-kaitei-table td {
    padding: 3px;
    font-size: 13px;
}
#conflict-detail-facility-table td:nth-of-type(2),
#conflict-result-bukken-itiran td:nth-of-type(3) {
    width: 320px;
}
#conflict-result-bukken-itiran td:nth-of-type(5) {
    min-width: 60px;
}
#conflict-result-bukken-itiran td:nth-of-type(7) {
    min-width: 160px;
}
#conflict-result-bukken-itiran td:nth-of-type(11),
#conflict-result-bukken-itiran td:nth-of-type(14),
#conflict-result-bukken-itiran td:nth-of-type(15) {
    min-width: 65px;
}
#conflict-detail-facility-table th span {
    font-size: 10px;
}
#conflict-detail-facility-table td {
    white-space: nowrap;
    height: 26px;
}
#conflict-detail-facility-table td:nth-of-type(2) {
    text-align: left;
}
#conflict-detail-facility-table td:nth-of-type(3) {
    text-align: right;
}
#conflict-detail-facility-table thead {
    cursor: pointer;
    vertical-align: top;
}
#conflict-detail-facility-table thead tr th:nth-of-type(1) {
    cursor: default;
}
#conflict-detail-facility-table thead tr th:nth-of-type(1),
#conflict-detail-facility-table thead tr th:nth-of-type(2),
#conflict-detail-facility-table thead tr th:nth-of-type(3) {
    vertical-align: middle;
}
#conflict-detail-facility-table thead tr th:hover {
    opacity: 0.6;
}
#conflict-detail-facility-table thead tr th:nth-of-type(1):hover {
    opacity: 1;
}
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(3),
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(4),
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(5),
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(6),
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(7),
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(8),
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(9),
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(10),
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(11),
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(12),
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(13),
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(14),
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(15),
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(16) {
    cursor: pointer;
}
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(3):hover,
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(4):hover,
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(5):hover,
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(6):hover,
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(7):hover,
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(8):hover,
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(9):hover,
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(10):hover,
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(11):hover,
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(12):hover,
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(13):hover,
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(14):hover,
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(15):hover,
.conflict-detail-bukken-gaiyo-jyoken-table thead tr th:nth-of-type(16):hover {
    opacity: 0.6;
}
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(1),
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(2),
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(3),
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(4),
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(5),
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(6),
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(7),
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(8),
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(9),
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(10),
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(11),
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(12),
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(13),
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(14),
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(15) {
    cursor: pointer;
}
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(1):hover,
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(2):hover,
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(3):hover,
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(4):hover,
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(5):hover,
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(6):hover,
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(7):hover,
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(8):hover,
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(9):hover,
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(10):hover,
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(11):hover,
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(12):hover,
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(13):hover,
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(14):hover,
.conflict-detail-bukken-gaiyo-kaitei-table thead tr th:nth-of-type(15):hover {
    opacity: 0.6;
}
.conflict-detail-scfl-kome {
    font-size: 14px;
    margin: 0px 10px;
    text-align: left;
}
.conflict-detail-map-change-button {
    font-weight: normal;
    height: 60px;
}
.conflict-detail-icon-button-left {
    margin-right: 10px;
}
.conflict-detail-icon-button-left img {
    vertical-align: middle;
    width: 25px;
}
.conflict-detail-icon-button-right {
    vertical-align: middle;
    font-size: 1.2em;
}
#conflict-detail-map,
#conflict-detail-hazard-map {
    width: 100%;
    height: 650px;
}
.conflict-detail-midashi-two-lines .fa,
.conflict-detail-midashi-two-lines span {
    display: inline-block;
    vertical-align: middle;
}
.conflict-detail-terms-change-area {
    width: 950px;
    margin: auto;
    color: #1F4E79;
    border: solid 2px #1F4E79;
    border-radius: 20px;
    padding: 5px 25px;
    position: relative;
    z-index: 1;
}
.rent-terms-check-maparea-left,
.conflict-terms-check-maparea-left {
    width: 390px;
    margin: 5px;
    padding: 10px;
    position: absolute;
    top: 0px;
}
.rent-terms-distance-change-area,
.conflict-terms-distance-change-area {
    width: auto;
    margin-bottom: 5px;
    color: #1F4E79;
    background-color: #fff;
    border: solid 2px #1F4E79;
    border-radius: 20px;
    padding: 5px 25px;
    position: relative;
    z-index: 1;
}
.rent-terms-check-maparea-left-description,
.conflict-terms-check-maparea-left-description {
    background-color: #fff;
    margin-bottom: 5px;
}
.rent-terms-check-maparea-left-description > p,
.conflict-terms-check-maparea-left-description > p {
    margin-bottom: 0px;
}
.rent-terms-check-maparea-left-description p:nth-of-type(1),
.conflict-terms-check-maparea-left-description p:nth-of-type(1) {
    width: 20%;
}
.rent-terms-check-maparea-left-description p:nth-of-type(2),
.conflict-terms-check-maparea-left-description p:nth-of-type(2) {
    width: 78%;
    text-align: left;
    font-size: 0.9em;
    margin-left: 5px;
}
.conflict-detail-terms-change-area div p,
.rent-terms-distance-change-area div p,
.conflict-terms-distance-change-area div p {
    width: 133px;
    text-align: left;
    margin: 0px;
}
.conflict-detail-terms-change-area div label,
.conflict-terms-distance-change-area div label {
    margin-right: 15px;
    vertical-align: middle;
    cursor: pointer;
}
.rent-terms-distance-change-area div label{
    margin: 0px 0px 0px 10px;
    vertical-align: middle;
    cursor: pointer;
    font-size:10px;
}
.conflict-detail-terms-change-area div label input,
.rent-terms-distance-change-area div label input,
.conflict-terms-distance-change-area div label input {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 2px;
    cursor: pointer;
}
.conflict-detail-def-graph {
    width: 600px;
    height: 400px;
    margin: 0px 15px;
    position: absolute;
    top: -40px;
}
.conflict-detail-def-graph div div div svg > rect,
.conflict-detail-long-graph div div div svg > rect{
    fill: transparent !important;
}
.conflict-detail-def-graph div div div:first-child,
.conflict-detail-long-graph div div div:first-child{
    position: relative !important;
}
.conflict-detail-long-graph {
    width: 1030px;
    height: 330px;
    margin: 0px 15px;
    position: absolute;
    top: -15px;
}
.conflict-detail-long-graph-disp-area {
    width: 1100px;
    height: 305px;
    margin: 15px auto 0px;
    position: relative;
}
/* 住戸・棟単位切り替えタブ追加 */
.conflict-detail-long-graph-disp-area.with-tab {
    height: 365px;
}
.conflict-detail-long-graph-disp-area.with-tab .conflict-detail-long-graph {
    top: 45px;
}
.conflict-detail-long-graph-disp-area-tab .tabs-list {
    width: 1030px;
    z-index: 1;
}
.conflict-detail-def-graph-area {
    width: 600px;
    height: 315px;
    margin: 10px 0px 25px;
    position: relative;
}
.conflict-detail-def-graph-area-bottom-adjust {
    margin-bottom: 0px;
}
.conflict-detail-graph-option-adjuster {
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translate(70%, -50%);
}
.conflict-detail-graph-option-adjuster-caption {
    border: 2px solid #1F4E79;
    border-radius: 20px;
    padding: 5px 25px;
    margin-bottom: 5px;
}
.conflict-detail-graph-option-adjuster-caption.h-axis {
    margin-top: 20px;
}
.conflict-detail-graph-option-adjuster .flex {
    display: flex;
    justify-content: center;
    width: auto;
    margin: 0.25rem auto auto;
}
.conflict-detail-graph-option-adjuster .conflict-detail-graph-option-adjuster-label {
    flex: 0 0 5rem;
    -webkit-flex: 0 0 5rem;
    width: 5rem;
    font-weight: bold;
    color: gray;
    text-align: left;
}
.conflict-detail-graph-option-adjuster .conflict-detail-graph-option-adjuster-input {
    flex: 0 0 6rem;
    -webkit-flex: 0 0 6rem;
    width: 6rem;
    border: none;
    padding: 0;
    text-align: left;
}

.conflict-detail-bukken-gaiyou-area {
    width: auto;
    padding: 20px 40px;
    margin: 5px auto;
    border: solid 3px #36c;
    border-radius: 50px;
    max-width: 1200px;
}
.conflict-detail-bukken-gaiyou-title,
.conflict-detail-bukken-gaiyou-title-sub {
    font-size: 1.4em;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: left;
}
.conflict-detail-bukken-gaiyou-title {
    margin: 0px;
}
.conflict-detail-bukken-gaiyou-subtitle {
    font-size: 1.3em;
    margin: 5px 0px;
    font-weight: bold;
    text-align: left;
}
.conflict-detail-bukken-gaiyou-top-image-area {
    max-width: 250px;
    max-height: 400px;
    margin-right: 20px;
}
.conflict-detail-bukken-gaiyou-top-image-area > img {
    max-width: 250px;
    max-height: 350px;
}
.conflict-detail-bukken-gaiyou-top-image-area + .flex-between {
    margin-right: 20px;
}
.conflict-detail-bukken-gaiyou-top-image-area + .flex-between > .conflict-detail-bukken-gaiyou-bukken-img-button {
    font-size: 0.85em;
    font-weight: normal;
    padding: 0.5em;
}
.conflict-detail-bukken-gaiyou-top-image-area.before-save,
.conflict-detail-bukken-gaiyou-top-image-area.wait-save {
    position: relative;
}
.conflict-detail-bukken-gaiyou-top-image-area.before-save::before,
.conflict-detail-bukken-gaiyou-top-image-area.wait-save::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
}
.conflict-detail-bukken-gaiyou-top-image-area.before-save::after {
    content: "画像はまだ変更されていません\A画像変更ボタンを押してください";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #c00;
    font-size: 0.9rem;
    font-weight: bold;
    white-space: pre;
    letter-spacing: 1px;
}
.conflict-detail-bukken-gaiyou-top-image-area.wait-save .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
}
.conflict-detail-bukken-gaiyou-top-image-area.wait-save .loading .fa {
    padding-right: 0;
    font-size: 2rem;
}
.conflict-detail-bukken-gaiyou-bukken-img-caption {
    font-size: 10px;
    max-width: 250px;
    text-align: left;
    margin-top: 1em;
    margin-right: 0;
    padding-right: 20px;
}

.conflict-detail-bukken-gaiyou-top-image-area iframe {
    margin-bottom: 0px;
}
.conflict-detail-bukken-gaiyou-bukken-img-disp-change-btn {
    display: none;
}
.conflict-detail-bukken-gaiyou-bukken-img-disp-change-btn p {
    margin-bottom: 5px;
}
.conflict-detail-bukken-gaiyou-bukken-img-disp-change-btn a {
    text-decoration: underline;
}
.conflict-detail-bukken-gaiyo-table {
    margin: 0px;
}
.conflict-detail-bukken-gaiyo-table td {
    font-size: 14px !important;
    line-height: 1.5;
}
.conflict-detail-bukken-gaiyo-table td:nth-of-type(2) {
    text-align: left;
    max-width: 600px;
    padding: 2px 6px;
}

.conflict-detail-bukken-gaiyo-table .cell-input {
	display: block !important;
	font-size: inherit;
	background-color: whitesmoke;
	border: none;
	outline: none;
	/* width: 3em; */
	padding: 0;
	text-align: left;
    font-family: 'Noto Sans JP', sans-serif;
}
.conflict-detail-bukken-gaiyo-table .cell-input.print-mode {
    background-color: transparent;
}

.conflict-detail-bukken-gaiyo-mini-area {
    width: 1150px;
    margin: auto;
}
.conflict-detail-bukken-gaiyo-mini-area.print-mode {
    width: 100%;
}
.conflict-detail-bukken-gaiyo-mini-table {
    width: auto !important;
}
.conflict-detail-bukken-gaiyo-mini-table tr {
    border: none;
}
.conflict-detail-bukken-gaiyo-mini-table td {
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 1.7;
    width: 230px;
    text-align: left;
    vertical-align: top;
    padding: 2px 6px;
}
.conflict-detail-bukken-gaiyo-mini-area.print-mode .conflict-detail-bukken-gaiyo-mini-table td {
    width: 270px;
}
.conflict-detail-bukken-gaiyo-mini-table td:nth-of-type(1) {
    width: 180px !important;
    vertical-align: middle !important;
}
.conflict-detail-bukken-gaiyo-mini-table-no {
    text-align: center !important;
    background-color: #deebf7;
}
.conflict-detail-bukken-gaiyo-mini-table-notborder {
    background-color: #ffffff !important;
    border: none !important;
    padding: 5px !important;
}


.conflict-detail-bukken-gaiyo-terms-change-area {
    margin: 0px;
    font-size:13px;
}
.conflict-detail-bukken-gaiyo-kadoritsu-area{
    font-size:13px;
    line-height:1.5;
}
.conflict-detail-bukken-gaiyo-boshu-area,
.conflict-detail-bukken-gaiyo-jyoken-area {
    font-size:13px;
    line-height:1.9;
}
.conflict-detail-popup-icon {
    width: 30px;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 3px;
}
.conflict-detail-popup-icon:hover,
.conflict-detail-popup-icon:focus {
    opacity: 0.5;
}
.conflict-detail-bukken-gaiyo-kadoritsu-table td,
.conflict-detail-bukken-gaiyo-jyoken-table td,
.conflict-detail-bukken-gaiyo-kaitei-table td {
    text-align: right;
}
.conflict-detail-bukken-gaiyo-jyoken-table td:nth-of-type(2),
.conflict-detail-bukken-gaiyo-jyoken-table td:nth-of-type(6),
.conflict-detail-bukken-gaiyo-jyoken-table td:nth-of-type(7),
.conflict-detail-bukken-gaiyo-kaitei-table td:nth-of-type(4),
.conflict-detail-bukken-gaiyo-kaitei-table td:nth-of-type(5) {
    text-align: center;
}
.conflict-detail-h4 {
    font-size: 1.5em;
    color: #056fd8;
    border-bottom: solid 3px;
    margin: 0px auto 10px;
    width: 950px;
}
.conflict-detail-excel-button {
    width: auto !important;
    font-weight: normal;
    padding: 12px 32px;
    height: 60px;
}
#conflict-detail-print-free-text {
    display: none;
    padding: 10px 10px;
}
#conflict-detail-print-free-text textarea {
    font-size: 1.3em;
    height: 390px;
}
.conflict-detail-blank-area {
    margin-top: 10px;
    margin-bottom: 5px;
}
.conflict-detail-print-button-description {
    text-align: center;
    margin-top: 15px;
}
#conflict-detail-rireki-update {
    margin: 40px 0px;
}
#conflict-detail-rireki-update button {
    background: -moz-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505) !important;
    background: -webkit-gradient( linear, left top, left bottom, from(#FB3A3A), color-stop(0.25, #BF0505), to(#BF0505)) !important;
    background: -ms-linear-gradient( top, #FB3A3A 0%, #BF0505 25%, #BF0505) !important;
    border: 1px solid rgb(165, 16, 0) !important;
    width: 368px;
    padding: 1em 2em;
    font-weight: normal;
}
#conflict-detail-rireki-update .rent-result-rireki-update-description:nth-of-type(1) {
    padding-left: 0px;
    margin-top: 10px;
}
.conflict-detail-bukken-gaiyou-area-top {
    margin-bottom: 0px;
    border-radius: 50px 50px 0px 0px;
    border-bottom: none;
    padding-bottom: 5px;
}
.conflict-detail-bukken-gaiyou-area-middle {
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius: 0px;
    border-bottom: none;
    border-top: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.conflict-detail-bukken-gaiyou-area-bottom {
    margin-top: 0px;
    border-radius: 0px 0px 50px 50px;
    border-top: none;
    padding-top: 5px;
}
.conflict-bukken-back-button{
    font-weight: normal;
    padding: 12px 32px;
}
.conflict-bukken-back-button i {
    font-size: 1.7em;
    vertical-align: bottom;
}




/* 競合詳細 取得物件数（棟数）テーブル */


#conflict-detail-bukken-table {
    width: auto;
    margin: 0px 20px 10px;
}


#conflict-detail-bukken-table th {
    padding: 5px 2px;
    line-height: 1.1;
    background-color: #deebf7;
    text-align: center;
    font-size: 12px;
}


#conflict-detail-bukken-table td {
    padding: 2.5px;
    line-height: 1.9;
    font-size: 13px;
}


#conflict-detail-bukken-table td input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}


#conflict-detail-bukken-table td:nth-of-type(2) {
    width: 50px;
}

#conflict-detail-bukken-table td:nth-of-type(4) {
    text-align: left;
    min-width: 250px;
}

#conflict-detail-bukken-table td:nth-of-type(5) {
    text-align: left;
    min-width: 60px;
}

#conflict-detail-bukken-table td:nth-of-type(6) {
    text-align: right;
}

#conflict-detail-bukken-table td:nth-of-type(7) {
    text-align: left;
    min-width: 160px;
}

#conflict-detail-bukken-table td:nth-of-type(8) {
    text-align: right;
}

#conflict-detail-bukken-table td:nth-of-type(9) {
    text-align: right;
}

#conflict-detail-bukken-table td:nth-of-type(10) {
    text-align: right;
}

#conflict-detail-bukken-table td:nth-of-type(11) {
    text-align: right;
}

#conflict-detail-bukken-table td:nth-of-type(12) {
    text-align: right;
}

#conflict-detail-bukken-table td:nth-of-type(13) {
    min-width: 65px;
}

#conflict-detail-bukken-table td:nth-of-type(14) {
    text-align: right;
}

#conflict-detail-bukken-table td:nth-of-type(15) {
    text-align: right;
}

#conflict-detail-bukken-table td:nth-of-type(16) {
    min-width: 65px;
    text-align: right;
}

#conflict-detail-bukken-table td:nth-of-type(17) {
    min-width: 65px;
    text-align: right;
}

#conflict-detail-bukken-table td:nth-of-type(18) {
    text-align: right;
}

#conflict-detail-bukken-table td:nth-of-type(19) {
    text-align: left;
}




/* 競合詳細 物件概要 募集住戸事例テーブル */


.conflict-detail-bukken-gaiyo-boshu-table {
    width: auto;
    margin: 10px 0px;
}


.conflict-detail-bukken-gaiyo-boshu-table th {
    background-color: #deebf7;
    text-align: center;
    border: solid 1px #12151f;
    padding: 5px 2px;
    font-size: 12px;
    line-height: 1.1;
}


.conflict-detail-bukken-gaiyo-boshu-table td {
    border: solid 1px #12151f;
    padding: 2px 0px;
}


.conflict-detail-bukken-gaiyo-boshu-table td {
    padding: 3px;
    font-size: 13px;
    text-align: right;
}


.conflict-detail-bukken-gaiyo-boshu-table td:nth-of-type(2) {
    text-align: center;
}

.conflict-detail-bukken-gaiyo-boshu-table td:nth-of-type(12) {
    text-align: center;
}

.conflict-detail-bukken-gaiyo-boshu-table td:nth-of-type(13) {
    text-align: center;
}

.conflict-detail-bukken-gaiyo-boshu-table td:nth-of-type(15) {
    text-align: center;
}

.conflict-detail-bukken-gaiyo-boshu-table td:nth-of-type(18) {
    text-align: center;
}

.conflict-detail-bukken-gaiyo-boshu-table td:nth-of-type(24) {
    text-align: center;
}

.conflict-detail-bukken-gaiyo-boshu-table td:nth-of-type(25) {
    text-align: center;
}

.conflict-detail-bukken-gaiyo-boshu-table td:nth-of-type(26) {
    text-align: center;
}

.conflict-detail-bukken-gaiyo-boshu-table td:nth-of-type(27) {
	text-align: center;
}

.conflict-detail-bukken-gaiyo-boshu-table .cell-input {
    display: block !important;
    font-size: inherit;
    background-color: #d8d8d8;
    border: none;
    outline: none;
    width: 3em;
    padding: 0;
    text-align: center;
}
.conflict-detail-bukken-gaiyo-boshu-table .cell-input.print-mode {
    background-color: transparent;
}

/** lump-rent **/
.lump-rent-table {
    width: auto;
    margin: 0px 10px 10px;
}
.lump-rent-table th {
    padding: 5px 2px;
    text-align: center;
    border: solid 1px #12151f;
    font-size: 12px;
    line-height: 1.1;
    white-space: nowrap;
}
.lump-rent-table td {
    padding: 2.5px;
    font-size: 13px;
    border: solid 1px #12151f;
    line-height: 1.1;
    white-space: nowrap;
}
.lump-rent-table td:nth-of-type(3) {
    text-align: center;
    cursor: pointer;
}
.lump-rent-table td:nth-of-type(3):hover {
    text-align: center;
    opacity: 0.6;
}
.lump-rent-table input,
.lump-rent-table select {
    font-size: 13px;
    height: 20px;
    display: inline-block;
}
.lump-selectbox {
    font-size: 13px;
    height: 30px;
}
.bg-light-blue {
    background-color: #deebf7;
}
.bg-blue {
    color: #ffffff;
    background-color: #26437a;
}
.bg-yellow {
    background-color: #FFE699;
}
.bg-orange {
    background-color: #FF3C00;
}
.anchor-button {
    padding: 0px;
    border: none;
    color: #0000ff;
    font-weight: initial;
    background: initial;
    background-image: none;
}
.anchor-button:focus {
    background: initial;
    opacity: 1;
}
.clickable:hover,
.anchor-button:hover {
    transition: background 0.2s;
    cursor: pointer;
    opacity: 0.6;
}
.anchor-button:hover {
    background: initial;
}
.shadow-box-blue {
    background-color: #dbeeff;
    filter: drop-shadow(5px 5px 0px #A0D7FF);
    padding: 12px 0px;
    margin: auto;
}
.shadow-box-blue h2 {
    margin-top: 0px;
    background-color: #26437a;
    color: #FFF;
    margin: 0px;
    padding: 5px 0px;
    font-size: 1.2em;
}
.shadow-box-blue input:not([type="submit"]) {
    height: 30px;
}
.lump-rent-search-terms-area {
    text-align: center;
}
.lump-rent-search-terms-area div {
    margin-top: 5px;
}
.lump-rent-search-terms-area .f-container {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 65%;
}
.lump-rent-search-terms-area .f-item-message {
    width: 100%;
    text-align: left;
    /* padding-left: 40px; */
}
.lump-rent-search-terms-area .f-item-heading {
    width: 20%;
    text-align: left;
}
.lump-rent-search-terms-area .f-item-value {
    width: 80%;
    text-align: left;
}
.lump-rent-search-input-area {
    margin-top:30px;
}
.lump-rent-search-input-area .f-container {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}
.lump-rent-search-input-area .f-item-message {
    text-align: left;
}

/** pass **/
.pass-table {
    max-width: 800px;
    margin: 0px auto 20px;
}
.pass-table td:nth-of-type(1) {
    width: 30%
}
.pass-table td:nth-of-type(2) {
    width: 70%
}
.pass-table td input {
    padding: 5px;
    font-size: 0.9em;
}
.pass-send-area {
    margin-bottom: 25px;
}
.pass-send-area input {
    width: 275px;
}
.pass-table td {
    padding: 5px;
    font-size: 0.9em;
}

/** question **/
.question-area {
    max-width: 700px;
    margin: 0px auto 30px;
}
.question-item {
    text-align: left;
    margin-bottom: 10px;
}
.question-item p {
    position: relative;
    margin: 0px;
}
.question-q:hover {
    opacity: 0.4;
}
.question-q {
    background-color: #d9e5ff;
    cursor: pointer;
}
.question-a {
    background-color: #ffefd9;
}
.question-item p:before {
    font-size: 18px;
    display: block;
    position: absolute;
    left: 15px;
    color: #1648af;
}
.question-q:before {
    content: 'Q';
    top: 22px;
}
.question-a:before {
    content: 'A';
    top: 10px;
}
.question-item p > span {
    display: inline-block;
    padding-left: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    color: #1648af;
}
.question-item .question-q > span {
    line-height: 3;
}
.question-item .question-a > span {
    line-height: 1.6;
}
.question-item p > span > span {
    color: #C00000;
}

/** 404 **/
.error-404-content {
    margin-bottom: 30px;
}

/** single **/
.type-post {
    text-align: left;
    margin-top: 20px;
    border-bottom: solid 1px;
}
.type-post h1 {
    margin: 5px 0px !important;
    line-height: 1;
}
.type-post .entry-content {
    margin-bottom: 20px;
}
.post-entry-date {
    margin: 0px;
}
.post-cat-area a {
    font-size: 12px;
}
.post-navigation {
    margin: 10px 0px 20px;
}
.post-navigation .nav-previous {
    text-align: left;
}
.post-navigation a:hover .nav-title,
.post-navigation a:hover,
.post-navigation a:focus .nav-title,
.post-navigation a:focus {
    color: #0000ff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.nav-title {
    color: #0000ff;
}

/** archive **/
#archive-page-area {
    margin-bottom: 30px;
}
.archive-post-date {
    margin: 0px;
    width: 13%;
    text-align: left;
}
.archive-post-title {
    margin: 0px;
    width: 87%;
    text-align: left;
}
.archive-post-item {
    margin-bottom: 10px;
    border-bottom: solid 1px #b3b3b3;
}
.prev.page-numbers,
.next.page-numbers {
    padding: 0.25em 0.5em;
}
.page-numbers:hover,
.page-numbers:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #0000ff !important;
}
.prev.page-numbers:hover,
.prev.page-numbers:focus,
.next.page-numbers:hover,
.next.page-numbers:focus {
    background-color: #767676 !important;
    color: #fff !important;
}
.page-numbers.current:hover,
.page-numbers.current:focus {
    color: #767676 !important;;
}
.archive-no-description {
    margin-bottom: 30px;
    font-size: 1.5em;
}

/** request form **/
.request-area form{
    max-width: 800px;
    margin: 0px auto;
}
.request-area table tr td textarea{
    resize: none;
    padding: 7px;
}
.mw_wp_form form {
    max-width: 1200px;
}
.mw_wp_form form table {
    max-width: 800px;
    margin: auto;
}
.mw_wp_form form table td {
    padding: 3px;
    text-align: left;
}
.mw_wp_form form table input[type="text"],
.mw_wp_form form table input[type="email"] {
    padding: 5px;
}
.mw_wp_form form table select {
    height: 35px;
}
.request-form-sample-area {
    padding: 30px 0px 0px;
}
.request-form-sample-input-area,
.request-form-sample-input-radio-area {
    padding: 35px 10px 20px;
    width: 350px;
}
.request-form-sample-input-area tr td:nth-of-type(1) {
    width: 90px !important;
}
.request-form-sample-input-radio-area tr td {
    width: 100% !important;
}
.request-form-sample-image-area img {
    border: solid 1px #000;
}
.request-form-sample-image-area {
    width: 450px;
    padding: 0px 10px;
}
.mw_wp_form form input[type="submit"] {
    height: 50px;
    width: 240px;
    margin: 0px 5px;
}
.request-form-sample-input-area .mwform-radio-field label,
.request-form-sample-input-radio-area .mwform-radio-field label {
    display: inline-block;
}
.request-form-sample-input-radio-area .mwform-radio-field label input[type="radio"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.request-form-required-table tr td:nth-of-type(1) {
    width: 170px;
}
.request-form-required-table tr td:nth-of-type(2) {
    text-align: left;
}

/** footer **/
.site-footer {
    background-color: #0c1c3d;
    margin: 0px;
    text-align: center;
    font-size: 1em;
    color: #FFF;
}
.site-footer p {
    margin: 15px 0px;
}
#select-table-cell-display {
    position:fixed;
    bottom:0;
    width:100%;
    padding:5px 0 5px 0;
    text-align:center;
    background:#AEAEAE;
    font-size:16px;
    color:#FFFFFF;
    border-top:2px solid #ffffff;
}
#select-table-cell-display button {
    padding: 0px;
    background: initial;
    background-image: none;
    border: none;
    color: #FFFFFF;
    font-weight: initial;
    font-size: 13px !important;
}

/* luminous Don't show navigation */
.lum-gallery-button {
    display: none;
}

/* IE11 only */
_:-ms-lang(x)::-ms-backdrop, #rent-terms-setting-form input[type='text'],
_:-ms-lang(x)::-ms-backdrop, #rent-terms-setting-form input[type='number'],
_:-ms-lang(x)::-ms-backdrop, #conflict-terms-setting-form input[type='text'],
_:-ms-lang(x)::-ms-backdrop, #conflict-terms-setting-form input[type='number'] {
    line-height: 0;
}

/* firefox only */
@-moz-document url-prefix() {
    #rent-terms-setting-form input[type='text'],
    #rent-terms-setting-form input[type='number'],
    #conflict-terms-setting-form input[type='text'],
    #conflict-terms-setting-form input[type='number'] {
        padding: 0px 5px;
    }
    .conflict-result-info-station-table td[colspan="4"],
    .conflict-result-info-station-table td[colspan="3"] {
        word-break: initial;
    }
}

/** batten **/
.batten {
  position: relative;
  border: 5px solid #C00;
}
.batten::before,
.batten::after {
  position: absolute;
  top: 50%;
  left: 43%;
  content: "";
  display: block;
  width: 50px;
  border-top: 5px solid #C00;
}

.batten::before {
  transform: skewY(-45deg);
}

.batten::after {
  transform: skewY(45deg);
}

/* 以下、モーダル用 */
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
	background: #fff;
	left: 50%;
	padding: 40px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
	overflow-y: scroll;
}
.modal__content .title{
    font-size:18px;
    font-weight:bold;
}
.modal__content .message{
    color:red;
    margin-top:15px;
}

#bukken_num_disp_for_too_less .result_disp p{
    float:left;
    padding:10px;
    font-size:12px;
}

.rent-detail-noprint-item-description{
    color:red;
}

.rent-detail-disp-on-off-area .content{
    width:240px;
    float:right;
    cursor: pointer;
    font-size:12px;
    color:white;
    padding:5px;
    border-radius: 5px;
    background: -moz-linear-gradient( top, #385aaf 0%, #001e64 25%, #001e64);
    background: -webkit-gradient( linear, left top, left bottom, from(#385aaf), color-stop(0.25, #001e64), to(#001e64));
    background: -ms-linear-gradient( top, #385aaf 0%, #001e64 25%, #001e64);
}

.conflict-detail-disp-on-off-area .content{
    width:240px;
    float:right;
    cursor: pointer;
    font-size:12px;
    color:white;
    padding:5px;
    border-radius: 5px;
    background: -moz-linear-gradient( top, #385aaf 0%, #001e64 25%, #001e64);
    background: -webkit-gradient( linear, left top, left bottom, from(#385aaf), color-stop(0.25, #001e64), to(#001e64));
    background: -ms-linear-gradient( top, #385aaf 0%, #001e64 25%, #001e64);
}

.rent-l-search-l-result-l-around-disp-on-off-area .content{
    width:240px;
    float:right;
    cursor: pointer;
    font-size:12px;
    color:white;
    padding:5px;
    border-radius: 5px;
    background: -moz-linear-gradient( top, #385aaf 0%, #001e64 25%, #001e64);
    background: -webkit-gradient( linear, left top, left bottom, from(#385aaf), color-stop(0.25, #001e64), to(#001e64));
    background: -ms-linear-gradient( top, #385aaf 0%, #001e64 25%, #001e64);
    margin-bottom:10px;
}

.clear{
    clear:both;
}

.rent-result-explanation{
    margin:10px 0px 0px 0px;
}

/* メニュー「サービス詳細」を非表示 */
.sub-menu .menu-item-275{
    display:none;
}

.ad_client_info_billing_type_update{
    font-size:12px;
}

.ad_client_info_billing_type_update select{
    font-size:12px;
}

.ad_client_info_billing_type_update input{
    font-size:12px;
    padding:10px 10px 10px 10px;
}
.gm-style div > img {
    position: absolute;
    left:0px;
}

.table_add_area_for_print .content{
    max-width: 420px;
    margin:5px
}
.table_add_area_for_print table{
    border-collapse: collapse;
    margin: 0px 10px 10px;
}
.table_add_area_for_print table tr td{
    border: solid 1px #12151f;
    font-size: 0.8em;
    padding: 0px 2px;
}
.table_add_area_for_print table tr td:nth-of-type(1) {
    width: 25px;
}
.table_add_area_for_print table tr td:nth-of-type(3) {
    text-align: left;
}
.table_add_area_for_print table tr td:nth-of-type(3) a{
    text-decoration: underline;
}
.table_add_area_for_print table tr td:nth-of-type(6) {
    width: 30px;
}

/* メニュー「サービス詳細」を非表示 */
.sub-menu .menu-item-275{
    display:none;
}

.ad_client_info_billing_type_update{
    font-size:12px;
}

.ad_client_info_billing_type_update select{
    font-size:12px;
}

.ad_client_info_billing_type_update input{
    font-size:12px;
    padding:10px 10px 10px 10px;
}

.rent-detail-dashboard-type-2{
    position: absolute;
    top:75px;
    width: 865px;
    background:linear-gradient(#154475, #0e2b65, #2782e0);
    height:535px;
    margin:0px 0px 0px 20px;
    padding:20px 20px 20px 20px;
    display:none;
    z-index:999;
}

.rent-detail-dashboard-type-2 input{
    height:30px;
}

.rent-detail-dashboard-type-2 .block-1{
    margin:0px 0px 0px 0px;
    position: relative;
}

.rent-detail-dashboard-type-2 .block-1 .left-1{
    float:left;
    color:#fff;
    width:170px;
    text-align:left;
    font-size:24px;
}

.rent-detail-dashboard-type-2 .block-1 .left-2{
    float:left;
    width:650px;
}

.rent-detail-dashboard-type-2 .block-1 .left-2 input{
    width:600px;
}

.rent-detail-dashboard-type-2 .block-2{
    margin:0px 0px 0px 0px;
}

.rent-detail-dashboard-type-2 .block-2 .left-1{
    float:left;
    color:#00ffff;
    font-size:26px;
    text-align:left;
    margin-top:10px;
}

.rent-detail-dashboard-type-2 .block-2 .left-2{
    float:left;
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-1{
    color:#00ffff;
    text-align:left;
    margin-top:10px;
    font-size:16px;
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-2{
    color:#fff;
    text-align:left;
    margin-top:10px;
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-3{
    color:#fff;
    text-align:left;
    margin-top:5px;
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-4{
    color:#fff;
    text-align:left;
    margin-top:5px;
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-5{
    color:#fff;
    text-align:left;
    margin-top:5px;
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-6{
    color:#fff;
    text-align:left;
    margin-top:5px;
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-7{
    color:#fff;
    text-align:left;
    margin-top:10px;
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-7 button{
    padding:5px 5px 5px 5px;
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-8{
    color:#fff;
    text-align:left;
    flex-wrap:wrap; /* 坪単価・㎡単価を24px化したため、収まらない場合は折り返して見切れを防ぐ */
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-8 .content-8-1{
    float:left;
    width:auto;
    min-width:300px; /* 旧: width:360px（坪単価・㎡単価の24px化に伴い右側の領域を確保） */
    margin-top:5px;
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-8 .content-8-2{
    float:left;
    color:#00ffff;
    margin-top:20px;
    font-size:24px;
    line-height:1.1; /* 24px化で行の高さが増え、下の補足文が枠から見切れないようにする */
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-9{
    color:#fff;
    text-align:left;
    margin-top:10px;
    flex-wrap:wrap; /* 坪単価・㎡単価を24px化したため、収まらない場合は折り返して見切れを防ぐ */
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-9 .content-9-1{
    float:left;
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-9 .content-9-1 .left-1{
    /* float:left;
    margin:0px 10px 0px 0px;
    padding:0px;
    width:130px; */
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-9 .content-9-1 .left-2{
    float:left;
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-9 .content-9-1 .left-2 .add-left-1{
    float:left;
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-9 .content-9-1 .left-2 .add-left-2{
    float:left;
    margin:0px 0px 0px 10px;
}

.rent-detail-dashboard-type-2 .block-2 .left-2 .content-9 .content-9-2{
    float:left;
    color:#00ffff;
    margin-top:10px;
    font-size:24px;
    line-height:1.1; /* 24px化で行の高さが増え、下の補足文が枠から見切れないようにする */
}

/* 坪単価・㎡単価行の単位（円／万円）を小さく表示 ※.rent_yen_markは賃料（大）用で別画面でも使用のため流用しない */
.rent-detail-dashboard-type-2 .block-2 .left-2 .content-8-2 .rent_unit_mark,
.rent-detail-dashboard-type-2 .block-2 .left-2 .content-9-2 .rent_unit_mark{
    font-size:16px;
}

.rent-detail-dashboard-type-2 .block-3{
    margin:10px 0px 0px 0px;
    position: relative;
}

.rent-detail-dashboard-type-2 .block-3 .left-1{
    float:left;
    color:#fff;
    width:170px;
    text-align:left;
    font-size:24px;
}

.rent-detail-dashboard-type-2 .block-3 .left-2{
    float:left;
    width:650px;
}

.rent-detail-dashboard-type-2 .block-3 .left-2 input{
    width:600px;
}

.rent-detail-dashboard-type-2 .block-4{
    margin:20px 0px 0px 0px;
}

.rent-detail-dashboard-type-2 .block-4 button{
    padding:10px 20px 10px 20px;
}

.rent-detail-dashboard-type-2 .block-5{
    margin:10px 0px 0px 0px;
}

.rent-detail-dashboard-type-2 .block-5 .left-1{
    float:left;
    margin-right:20px;
}

.rent-detail-dashboard-type-2 .block-5 .left-2{
    float:left;
}

.rent-detail-dashboard-type-2 .block-5 button{
    padding:5px 5px 5px 5px;
}

.rent-result-setting-jyuko-area .change-font-size-element {
    position: absolute;
    top: 165px;
    left: calc((100% - 1260px) / 2 + 1260px);
    color: black;
    display: flex;
    align-items: center;
    transform: scale(0.65);
}
.rent-result-setting-jyuko-area .change-font-size-element .change-font-size-label {
    display: inline-block;
    width: 4rem;
    padding: 2px;
    border: 1px solid black;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
}
.rent-result-setting-jyuko-area .change-font-size-element .change-font-size-icon {
    margin-right: 10px;
}
.rent-result-setting-jyuko-area .change-font-size-element + .change-font-size-element {
    top: 205px;
}

.rent-result-setting-jyuko-area .change-font-size-element.print-mode {
    left: 90%;
    top: 140px;
}
.rent-result-setting-jyuko-area .change-font-size-element.print-mode + .change-font-size-element.print-mode {
    top: 185px;
}

.rent-detail-info-area .rent-result-setting-jyuko-area .change-font-size-element {
    top: 180px;
}
.rent-detail-info-area .rent-result-setting-jyuko-area .change-font-size-element + .change-font-size-element {
    top: 225px;
}

.rent-detail-info-area .rent-result-setting-jyuko-area .change-font-size-element.print-mode {
    top: 200px;
}
.rent-detail-info-area .rent-result-setting-jyuko-area .change-font-size-element.print-mode + .change-font-size-element.print-mode {
    top: 240px;
}

#rent-detail-input-free-rent,
.rent-result-input-free-rent{
    display:none;
    color:#fff;
}

#rent-detail-input-free-rent .left-1{
    float:left;
    width:160px;
}

#rent-detail-input-free-rent .left-1 input{
    width:160px;
}

#rent-detail-input-free-rent .left-2{
    float:left;
    font-size:16px;
    margin:10px 0px 0px 10px;
}

.rent-result-input-free-rent .left-2{
    margin:10px 0px 0px 10px;
}

.rent-detail-add-button-left {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.rent-detail-add-button-right {
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}

.rent-detail-add-button-right-up-string {
    font-size:16px;
}

.rent-detail-add-button-right-down-string {
    font-size:14px;
}

.rent-detail-delete-button-left {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.rent-detail-delete-button-right {
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}

#rent-detail-txt-free-bukken-name,
.rent-result-txt-free-bukken-name
{
    color:#fff;
    text-align:left;
    font-size:28px;
}

#rent-detail-input-free-bukken-name,
.rent-result-input-free-bukken-name{
    display:none;
}

#rent-detail-txt-free-rent,
.rent-result-txt-free-rent{
    color:#00ffff;
    text-align:left;
    font-size:50px;
}

#rent-detail-txt-free-address,
.rent-result-txt-free-address{
    color:#fff;
    text-align:left;
    font-size:28px;
}

#rent-detail-input-free-address,
.rent-result-input-free-address{
    display:none;
}

#rent-detail-free-input-update,
.rent-result-free-input-update{
    display:none;
}

.rent-detail-txt-free-room-type,
.rent-result-txt-free-room-type{
    color:#00ffff;
    font-size:28px;
}

.rent-detail-txt-free-rent-add,
.rent-result-txt-free-rent-add{
    color:#00ffff;
    font-size:28px;
}

.rent-detail-input-free-room-type,
.rent-result-input-free-room-type{
    display:none;
}

.rent-result-input-free-room-type input{
    width:130px;
}

.rent-detail-input-free-rent-add,
.rent-result-input-free-rent-add{
    display:none;
}

.rent-result-input-free-rent-add input{
    width:150px;
}

.rent_yen_mark{
    font-size:18px;
    margin-left:10px;
}

#rent-detail-add-button-block,
.rent-result-add-button-block{
    display:none;
}

#rent-detail-delete-button-block,
.rent-result-delete-button-block{
    display:none;
}



/* ========== */
/* タブ       */
/* ========== */

/* タブアイテムを横並びにする */
.tabs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin: 0;
}
@media all and (-ms-high-contrast: none) {
    .tabs-list {
        height: 50px;
    }
}
/* タブグループの下部にグレーの線をひく */
.tabs-list::after {
    background-color: #8598a7;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
/* タブアイテムの形状を設定 */
.tabs-item {
    border-radius: 5px 5px 0 0;
    margin-right: 1px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    width: 100%;
    min-width: 120px;
}
/* タブアイテムのデザインを設定 */
/* .tabs-item a, */
.tabs-item span {
    -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    background-color: white;
    border: 1px solid gray;
    /* border-bottom-color: #fff; */
    /* color: #fff; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    /* font-size: 1.3rem; */
    /* font-weight: 600; */
    height: 100%;
    justify-content: center;
    line-height: 1.2;
    min-height: 2.8rem;
    min-width: 8rem;
    padding: 10px 5px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    width: 100%;
    color: black;
}
.tabs-item-min span {
    min-height: 2.2rem;
    padding: 5px;
}
@media all and (-ms-high-contrast: none) {
    .tabs-item span {
        position: absolute;
    }
}
/* マウスオン時の設定 */
.tabs-item:hover {
    opacity: 0.6;
    cursor: pointer;
}
/* 要素を一番手前に持ってくる */
.tabs-item.is-current {
    /* z-index: 11; */
    background-color: #448cd4;
}
.tabs-item.is-current-orange {
    /* z-index: 11; */
    background: -webkit-gradient( linear, left top, left bottom, from(#fd750f), color-stop(0.25, #ff3c00), to(#ff3c00));
    background: -ms-linear-gradient( top, #fd750f 0%, #ff3c00 25%, #ff3c00);
    border-color: #ff0000;
}
/* タブのデザイン設定 */
/* .tabs-item.is-current::before {
    background-color: #448cd4;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
} */
.tabs-item.is-current span {
    background-color: #448cd4;
    /* border: 1px solid #8598a7; */
    /* border-bottom-color: #fff; */
    color: white;
}
.tabs-item.is-current-orange span {
    background: -webkit-gradient( linear, left top, left bottom, from(#fd750f), color-stop(0.25, #ff3c00), to(#ff3c00));
    background: -ms-linear-gradient( top, #fd750f 0%, #ff3c00 25%, #ff3c00);
    border-color: #ff0000;
    /* border: 1px solid #8598a7; */
    /* border-bottom-color: #fff; */
    color: white;
}
.tabs-item.is-disabled span {
    background-color: #dbe0e5;
    border: 1px solid #c7cfd8;
    border-bottom-color: #fff;
    color: #5f6368;
}



/*	====================
    フォントサイズ変更ボックス
    ==================== */

.change-font-size-icon {
    font-weight: bold;
    color: gray;
    margin-left: 5px;
    font-size: 24px;
}
.change-font-size-box,
input[class="change-font-size-box print-hide"] {
    display: inline-block;
    width: 50px;
    padding: 0;
    border: none;
    font-size: 20px;
}



/* ========== */
/* 改行制御 */
/* ========== */

/* 改行禁止 */
.nowrap {
    white-space: nowrap;
}

/* 改行する */
.okwrap {
    white-space: normal;
}



/* ========== */
/* スクロールテーブル */
/* ========== */

.table-scroll-wrap {
    overflow: auto;
    overflow-x: auto;
    /* -webkit-overflow-scrolling: touch; */
}
.table-scroll-wrap table {
    width: 100%;
    white-space: nowrap;
}
.table-scroll-wrap th {
    position: sticky;
    top: 0;
    z-index: 1;
}
.table-scroll-wrap th:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    /* width: 100%; コメントアウトしないとIEでおかしくなる*/
    /* height: 100%; コメントアウトしないとIEでおかしくなる */
    /* border: 1px solid #ccc; */
}



/* ========== */
/* テーブルソート */
/* ========== */

table thead th.table-sorter-text,
table thead th.table-sorter-number {
    cursor: pointer;
}
table thead th.table-sorter-text:hover,
table thead th.table-sorter-number:hover {
    opacity: 0.6;
}



/* ========== */
/* テーブルセル内埋め込み入力欄 */
/* ========== */

input.cell-inner-input {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border-style: none;
}



/* ========== */
/* 罫線なしテーブル（白色罫線） */
/* ========== */

table.table-borderless {
    border-top: 1px solid white; /* 印刷時の改ページで前ページに計算またぎする現象を防ぐため */
    border-bottom: hidden;
    border-left: hidden;
    border-right: hidden;
}

table.table-borderless thead tr,
table.table-borderless thead th {
    color: #333;
    background-color: #deebf7;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid white;
    border-right: 1px solid white;
}

table.table-borderless tbody tr,
table.table-borderless tbody td {
    border: 0.1px solid white;
}

/* ========== */
/* 罫線ありテーブル1 */
/* ========== */
table.table-separate-border {
    border-collapse: separate;
    border-spacing: 1px;
    background-color: #ccc;
}

table.table-separate-border thead tr,
table.table-separate-border thead th {
    background-color: #deebf7;
    border-bottom: none;
}

table.table-separate-border tbody tr {
    background-color: #fff;
}

table.table-separate-border thead th,
table.table-separate-border tbody td {
    padding: 0.4em;
}

/* ========== */
/* 罫線ありテーブル2：灰色罫線＆表の左右のみ罫線非表示 */
/* ========== */

table.table-separate-border-2 {
	border-collapse: collapse;
	border-left: hidden;
	border-right: hidden;
}

table.table-separate-border-2 thead th,
table.table-separate-border-2 thead td {
	border: 1px solid #afafaf;
}

table.table-separate-border-2 tbody th,
table.table-separate-border-2 tbody td {
	border: 1px solid #afafaf;
}

/* ========== */
/* 吹き出し */
/* ========== */

/* 吹き出し矢印無し */
.balloon0 {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #FFF;
    border: solid 2px #060e3c;
    box-sizing: border-box;
}
.balloon0 p {
    margin: 0;
    padding: 0;
}

/* 下向き */
/* 参考：https://saruwakakun.com/html-css/reference/speech-bubble */
.balloon2 {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #FFF;
    border: solid 2px #060e3c;
    box-sizing: border-box;
}
.balloon2:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #FFF;
    z-index: 2;
}
.balloon2:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -17px;
    border: 14px solid transparent;
    border-top: 14px solid #555;
    z-index: 1;
}
.balloon2 p {
    margin: 0;
    padding: 0;
}



/* ========== */
/* プレースホルダー */
/* ========== */

input::-webkit-input-placeholder,
::placeholder {
    opacity: 0.5;
}

.placeholder-font-size-small::placeholder {
    font-size: 10px;
}



/* ========== */
/* ドラッグアンドドロップ */
/* ========== */

.drag-and-drop {
    cursor: move;
    position: absolute;
    z-index: 1000;
}

.drag {
    z-index: 1001;
}

/* ========== */
/* 吹き出し   */
/* ========== */
:root {
    --speech-bubble-color: #448cd4;
    --speech-bubble-border-color: lightgray;
}

.speech-bubble {
    position: absolute;
    background-color: var(--speech-bubble-color);
    border-radius: 10px;
    padding: 1rem 1.75rem 1rem 1.25rem;
    text-align: center;
    transform: translate(40%,-90%);
    z-index: 9;
	color: white;
	font-size: 20px;
	border: solid 1px var(--speech-bubble-border-color);
	font-weight: normal;
    white-space: nowrap;
}

.speech-bubble:before,
.speech-bubble:after {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 15px;
}

/* 上矢印 */
.speech-bubble.top:before,
.speech-bubble.top:after {
    bottom: 100%;
    left: 1.5rem;
    margin-left: -15px;
    transform: skewX(50deg);
}
.speech-bubble.top:before {
    border-bottom-color: var(--speech-bubble-border-color);
}
.speech-bubble.top:after {
	bottom: calc(100% - 0.1rem);
	left: 1.6rem;
    border-bottom-color: var(--speech-bubble-color);
}

/* 上右矢印 */
.speech-bubble.top-right:before,
.speech-bubble.top-right:after {
    bottom: 100%;
    right: 1.5rem;
    margin-left: -15px;
    transform: skewX(-50deg);
    transform-origin: left bottom;
}
.speech-bubble.top-right:before {
    border-bottom-color: var(--speech-bubble-border-color);
}
.speech-bubble.top-right:after {
	bottom: calc(100% - 0.1rem);
	right: 1.6rem;
    border-bottom-color: var(--speech-bubble-color);
}

/* 下矢印 */
.speech-bubble.bottom:before,
.speech-bubble.bottom:after {
    top: 100%;
    left: 1.5rem;
    margin-left: -15px;
    transform: skewX(-50deg);
}
.speech-bubble.bottom:before {
    border-top-color: var(--speech-bubble-border-color);
}
.speech-bubble.bottom:after {
	top: calc(100% - 0.1rem);
	left: 1.6rem;
    border-top-color: var(--speech-bubble-color);
}

/* 下右矢印 */
.speech-bubble.bottom-right:before,
.speech-bubble.bottom-right:after {
    top: 100%;
    right: 1.5rem;
    margin-left: -15px;
    transform: skewX(50deg);
    transform-origin: left top;
}
.speech-bubble.bottom-right:before {
    border-top-color: var(--speech-bubble-border-color);
}
.speech-bubble.bottom-right:after {
	top: calc(100% - 0.1rem);
	right: 1.6rem;
    border-top-color: var(--speech-bubble-color);
}

/* 左下右矢印 */
.speech-bubble.bottom-left:before,
.speech-bubble.bottom-left:after {
    top: 100%;
    left: 5.9rem;
    margin-left: -15px;
    transform: skewX(50deg);
    transform-origin: left top;
}
.speech-bubble.bottom-left:before {
    border-top-color: var(--speech-bubble-border-color);
}
.speech-bubble.bottom-left:after {
	top: calc(100% - 0.1rem);
	left: 6rem;
    border-top-color: var(--speech-bubble-color);
}

/* 下長矢印（用途限定） */
.speech-bubble.bottom-long:before,
.speech-bubble.bottom-long:after {
    top: 100%;
    left: 4.5rem;
    margin-left: -15px;
    transform: skewX(-65deg) scale(0.75, 10.5);
    transform-origin: top left;
}
.speech-bubble.bottom-long:before {
    border-top-color: var(--speech-bubble-border-color);
}
.speech-bubble.bottom-long:after {
	top: calc(100% - 0.1rem);
	left: 4.6rem;
    border-top-color: var(--speech-bubble-color);
}

/* 上長矢印（用途限定） */
.speech-bubble.top-long:before,
.speech-bubble.top-long:after {
	top: -29px;
	left: 4.5rem;
	margin-left: -30px;
	transform-origin: bottom left;
	transform: skewX(80deg) scale(2, 5);
}
.speech-bubble.top-long:before {
	border-top-color: var(--speech-bubble-border-color);
	border-bottom-color: var(--speech-bubble-border-color);
	border-top-color: transparent;
}
.speech-bubble.top-long:after {
	top: calc(-15% - 0.1rem);;
	left: 4.6rem;
	border-top-color: var(--speech-bubble-color);
	border-bottom-color: var(--speech-bubble-color);
	border-top-color: transparent;
}

/* 左矢印 */
.speech-bubble.left:before,
.speech-bubble.left:after {
    bottom: 50%;
    right: 100%;
    margin-top: -15px;
    transform: skewY(50deg) scale(1.5, 0.75);
    transform-origin: right bottom;
}
.speech-bubble.left:before {
    border-right-color: var(--speech-bubble-border-color);
}
.speech-bubble.left:after {
    right: calc(100% - 0.1rem);
    bottom: calc(50% - 0.1rem);
    border-right-color: var(--speech-bubble-color);
}

/* 左中矢印 */
.speech-bubble.left-center:before,
.speech-bubble.left-center:after {
    top: 50%;
    right: 100%;
    margin-top: -15px;
    transform: scale(2.5, 0.5);
    transform-origin: right center;
}
.speech-bubble.left-center:before {
    border-right-color: var(--speech-bubble-border-color);
}
.speech-bubble.left-center:after {
    right: calc(100% - 0.1rem);
    top: calc(50% - 0.1rem);
    border-right-color: var(--speech-bubble-color);
}

/* 左下矢印 */
.speech-bubble.left-down:before,
.speech-bubble.left-down:after {
    top: 50%;
    right: 100%;
    margin-top: -15px;
    transform: skewY(-50deg) scale(1.5, 0.75);
    transform-origin: right top;
}
.speech-bubble.left-down:before {
    border-right-color: var(--speech-bubble-border-color);
}
.speech-bubble.left-down:after {
    right: calc(100% - 0.1rem);
    top: calc(50% - 0.1rem);
    border-right-color: var(--speech-bubble-color);
}

/* 右矢印 */
.speech-bubble.right:before,
.speech-bubble.right:after {
    bottom: 50%;
    left: 100%;
    margin-top: -15px;
    transform: skewY(-50deg) scale(1.5, 0.75);
    transform-origin: left bottom;
}
.speech-bubble.right:before {
    border-left-color: var(--speech-bubble-border-color);
}
.speech-bubble.right:after {
    left: calc(100% - 0.1rem);
    bottom: calc(50% - 0.1rem);
    border-left-color: var(--speech-bubble-color);
}

/* 右中矢印 */
.speech-bubble.right-center:before,
.speech-bubble.right-center:after {
    top: 50%;
    left: 100%;
    margin-top: -15px;
    transform: scale(2.5, 0.5);
    transform-origin: left center;
}
.speech-bubble.right-center:before {
    border-left-color: var(--speech-bubble-border-color);
}
.speech-bubble.right-center:after {
    left: calc(100% - 0.1rem);
    top: calc(50% - 0.1rem);
    border-left-color: var(--speech-bubble-color);
}

/* 右下矢印 */
.speech-bubble.right-down:before,
.speech-bubble.right-down:after {
    top: 50%;
    left: 100%;
    margin-top: -15px;
    transform: skewY(50deg) scale(1.5, 0.75);
    transform-origin: left top;
}
.speech-bubble.right-down:before {
    border-left-color: var(--speech-bubble-border-color);
}
.speech-bubble.right-down:after {
    left: calc(100% - 0.1rem);
    top: calc(50% - 0.1rem);
    border-left-color: var(--speech-bubble-color);
}

.speech-bubble.show {
    animation: bubble-fadein 1s;
    animation-fill-mode: forwards;
}

.speech-bubble.hide {
    display: none !important;
}

.speech-bubble .speech-bubble__close {
    position: absolute;
    top: 0.25rem;
    right: 0.5rem;
    color: white;
    font-size: 0.75rem;
    cursor: pointer;
}

.speech-bubble .speech-bubble__close:hover {
    color: crimson;
}

/* 汎用文字サイズ調整部品 */
#font-size-changer {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: scale(0.7);
    transform-origin: bottom right;
    line-height: 1;
}
#font-size-changer .change-font-size-box {
    border: thin solid #ccc;
}

/* GoogleMapアップデートに伴う調整 */
.gm-style .gm-style-iw-c {
    padding-top: 10px !important;
}

.gm-style .gm-style-iw-chr {
    position: absolute;
    top: 2px;
    right: 6px;
}

.gm-style .gm-style-iw-chr .gm-ui-hover-effect {
    width: 12px !important;
    height: 12px !important;
}

.gm-style .gm-style-iw-chr .gm-ui-hover-effect span {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
}

@keyframes bubble-fadein {
    0% {
        opacity:0;
    }

    100% {
        opacity:1;
    }
}


/* ========== */
/* ラジオボタン */
/* ========== */

input[type="radio"].radio-1 {
	width: 20px;
	height: 20px;
	cursor: pointer;
}


/* ========== */
/* チェックボックス */
/* ========== */

input[type="checkbox"].checkbox-1 {
	width: 20px;
	height: 20px;
	cursor: pointer;
}


/* ========== */
/* セレクトボックス内チェックボックス   */
/* ========== */

.checkinselect-select-container {
	position: relative;
	display: inline-block;
}

.checkinselect-select-after {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.checkinselect-checkboxes {
	display: none;
	position: fixed;
	border: 1px #dadada solid;
	background-color: white;
}

.checkinselect-checkboxes label {
	display: block;
}

.checkinselect-checkboxes label:hover {
	background-color: #1e90ff;
}
