@charset "utf-8";

@page {
    size: 297mm 208mm;
    margin: 0;
}
body {
    font-family: 'Noto Serif JP', serif;
    margin: 0;
    background: #e0e0e0;
    -webkit-print-color-adjust: exact;
}
input, textarea {
    font-family: 'Noto Serif JP', serif;
    font-size: 3mm;
    field-sizing: content;
}
.sheet {
    margin: 3mm auto;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    page-break-after: always;
    background: white;

    /* A4 landscape size */
    width: 297mm;
    height: 207mm;
}

.fl {
    display: flex;
    flex-direction: row;
}
.fr {
    display: flex;
    flex-direction: row-reverse;
}
.text_l {text-align: left;}
.text_c {text-align: center;}
.text_r {text-align: right;}
.font60 { font-size: 2mm; }
.font70 { font-size: 3mm; }
.font80 { font-size: 4mm; }
.font100 { font-size: 5mm; }
.font120 { font-size: 6mm; }
.font140 { font-size: 7mm; }
.font150 { font-size: 300%; }
.font_b { font-weight: bold; }
.font_ver {
    vertical-align:middle;
    display:table-cell;
}
.font_bottom {
    bottom: 2mm;
    right: 0;
}
.font_top {
    position: absolute;
    top: 0;
    right: 0;
}


h1, h2, p { margin: 0; padding: 0; }
div#wraper {
    padding: 6mm;
}
div#main {
    height: 174mm;
}
div#footer {
    padding: 0 2mm;
    border: 2mm solid #e70012;
    border-left: none;
    border-right: none;
    display: flex;
    height: 21mm;
}

#title {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    width: 90mm;
    height: 16mm;
    padding: 2mm;
    border: 2mm solid #e70012;
    border-left: none;
    border-right: none;
}
#title.toshakanri {
    background: #E5B8B7!important;
}
#title.sekisui {
    background: #95B3D7!important;
}
#title.daitokentaku {
    background: #CCC0D9!important;
}
#title.daiwa {
    background: #FBD4B4!important;
}
#title.on_tec {
    background: #FFFF9B!important;
}
#title.token_coop {
    background: #F5D3F3!important;
}

#title h1 {
    letter-spacing: 1mm;
    color: #000;
}
#title h2 {
    font-size: 6mm;
    background-color: white;
    border-radius: 3mm;
    padding: 3mm 0;
    line-height: 1;
}
#left_side {
    width: 67%
}
#right_side {
    width: 33%;
}

.point_block {
    display:flex;
    justify-content: space-between;
    margin-bottom:1mm;
    padding-bottom: 0;
    border-bottom: 0.6mm dotted #aaa;
}

#detail p {
    margin: 0;
    border-radius: 2mm;
    border: 1mm solid #aaa;
    line-height: 1;
    width: 23mm;
    padding: 2.5mm 0;
    box-shadow: 1mm 1mm 1mm #888;
}
#detail p + p {
    margin-left: 1.5mm;
}
#detail .downText {
    font-size: 3.5mm;
}
#condition {
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0;
    padding-left: 0;
    height: 16mm;
}
#condition .icon {
    padding: 0;
    background-color: rosybrown;
    font-size: 3mm;
    color: white;
    width: 24mm;
    flex: 24mm 0 0;
    text-align: center;
    margin: 1mm;
}
#condition ul {
    display: block;
}
#condition li {
    list-style: none;
    height: 13.9mm;
    width: 13.9mm;
    margin-bottom: 1mm;
    margin-left: 1.2mm;
}
#condition li img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
#image_box {
    width: 197mm;
    height: 121mm;
}
#image_box ul{
    width: 100mm;
    height: 100mm;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: flex-start;
    position: absolute;
    bottom: -8mm;
    left: 0;
    padding-left: 0;
}
#image_box li{
    height: 20mm;
    width: 30mm;
    list-style: none;
}
#image_box li img{
    height: 24mm;
    width: 33mm;
    object-fit: contain;
}
.map {
    width: 92mm;
    height: 55mm;
    position: absolute;
    top: -8mm;
    right: 7mm;
}
.logo {
    width: 71mm;
    height: 13.9mm;
}
.main_image {
    width: 93mm;
    height: 67mm;
    border: 0.6mm solid #e70012;
    text-align: center;
}
.main_image img {
    object-fit: contain;
}
table th {
    background: #c0c0c0;
}
table tr {
    background-color: #FFFFFF;
}
.table1 {
    width: 100%;
}
.table1 th {
    padding: 1.2mm;
    font-size: 2.5mm;
    line-height: 1;
    width: 12mm;
}
.table1 td {
    padding: 1mm;
    line-height: 1;
}
.table1 .low_padding {
    padding-top: 0.5mm;
    padding-bottom: 0.5mm;
}
.table1 .reset_padding {
    padding-top: 0.3mm;
    padding-bottom: 0.3mm;
}
.table1 .th_2 {
    width: 15mm;
}
.disclaimer {
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.disclaimer > * {
    font-size: 3mm;
    margin: 0 2mm;
    padding: 0 2mm;
}
.table3 td {
    font-size: 21px;
    margin: 0;
    padding: 10px 5px;
}
.table3 td p {
    margin: 0 0 5px;
}
.f_left {
    width: 35%;
    margin-top: 1.2mm;
    line-height: 4mm;
}
.f_center {
    width: 49%;
    margin-top: 1.2mm;
}
.f_center_right {
    width: 6%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
    line-height: 3mm;
    margin-bottom: 0.5mm;
}
.f_right {
    width: 19%;
    text-align: center;
    font-size: 3mm;
    margin-top: 1mm;
}
.f_right table {
    width: 90%;
    float: right;
    border: 1px solid #e70012;
}
.f_right table tr {
    height: 4mm;
}
.f_right table tr th,.f_right table tr td{
    background: #fff;
    border: 1px solid #e70012;
    margin: 0;
}
.f_right .row_l{
    width: 40%;
}
.f_right .row_r{
    width: 50%;
}
.f_right table .broke_block td {
    padding: unset;
}
.broke_text {
    width: 43.34px;
    height: 26px;
    text-align:center;
    border-width: 0px;
}
.back_red {
    background: #e70012 !important;
    color: #fff;
}
#input_comment,
#input_brokerage_comment,
#input_traffic_comment,
#input_article_comment,
#input_article_comment,
#input_parking_comment,
#input_address_comment,
#input_room_facility_comment,
#input_article_facility_comment,
#input_guarantee_comment,
#input_other_comment  {
    width: 100%;
    overflow:hidden;
    line-height: 1;
    resize: vertical;
    padding: unset;
    border-width: 0mm;
}
#input_parking_comment.input_parking {
    width: 96%;
    font-size: 3mm;
    display: table-cell;
    vertical-align: inherit;
    place-content: center;
    text-align: center;
    padding: unset;
}
#input_address_comment.input_address,
#input_room_facility_comment.input_room_facility,
#input_article_facility_comment.input_article_facility,
#input_guarantee_comment.input_guarantee,
#input_other_comment.#input_other {
    width: 96%;
    font-size: 3mm;
    display: table-cell;
    vertical-align: inherit;
    place-content: center;
    text-align: left;
    padding: unset;
}
#input_article_comment.input_article {
    text-align: center;
}
.input_item {
    width: 98%;
    height: 95%;
    position: relative;
    border-width: 0px;
}
.input_item.input_font140 {
    font-size: 7mm;
    font-weight: bold;
    text-align: center;
}
.input_item.input_font80 {
    font-size: 4mm;
    text-align: center;
}
.input_item.input_font70 {
    font-size: 3mm;
    text-align: center;
}
.input_item.input_left {
    text-align: left;
}
@media print {
    body { width: 297mm; }
    .sheet {margin: 0 !important;}
    #input_comment,
    #input_brokerage_comment,
    #input_traffic_comment,
    #input_article_comment,
    #input_parking_comment,
    #input_address_comment,
    #input_room_facility_comment,
    #input_article_facility_comment,
    #input_guarantee_comment,
    #input_other_comment {resize: none;}
}
#map {
    width: 93mm;
    height: 68mm;
    position: absolute;
    top: -7mm;
    right: 7mm;
    overflow: hidden;
}

#map iframe {
  width: 100%;
  height: 580px;
  margin-top: -170px;
  border: none;
}

#shops {
    top: 2mm;
    right: 14mm;
}

#shops .dropdown select {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 8px 16px 8px 8px;
}

#shops.hide {
    display: none;
}
#shops.show {
    position: fixed;
    top: 2mm;
}
#btn, #print, #edit {
    margin-top: 10px;
    border-radius: 6px;
    padding: 8px 20px;
}
.btn-orange {
    border: 1px solid #d86703;
    box-shadow: inset 0 0 0 1px #ffa72c;
    background: #ef6c00;
    background-image: linear-gradient(#ff9600, #f54c00);
    color: #fff;
}

#prompt_window {
    width: 300px;
    height: 185px;
    background: #fff;
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 16px 0 0 0;
    border: solid red 4px;
}
#prompt_window img {
    margin-top: 10px;
}
.info {
    font-size: 4mm;
    line-height: 1.3;
}
#input_pass {
    width: 75%;
    height: 16%;
    border: solid;
    margin-bottom: 10px;
}
.entry {
    display: flex;
    justify-content: center;
    gap: 8px;
}
.entry button {
    width: 100px;
    height: 35px;
}
.pass_hidden {
    display: none;
}
.not_allow_edit input {
    pointer-events: none;
}
#alert {
    visibility:hidden;
    font-size: 3.5mm;
}
#alert.alert_open {
    visibility: inherit;
    font-size: 3.5mm;
    color: red;
}
#wraper.pdf_hidden, #shops.pdf_hidden {
    opacity: 0.5;
}
.brokerage_comment {
    font-size: 3mm;
    margin-top: 12mm;
}
.no-scroll {
    overflow: hidden;
}