@charset "utf-8";/*--------------------------------------------------------------  Common--------------------------------------------------------------*/html, body {    font-family: 'Noto Sans JP', sans-serif;    margin: 0;    word-break: break-all;    background-color: #fff;    /*デフォが16px×0.625＝10px*/    font-weight: 400;    height: 100%;    line-height: 1.5;    color: var(--maincolor);}@media screen and (min-width: 768px) {    html {        font-size: 75%;    }}@media screen and (max-width: 767px) {    html {        font-size: 62.5%;    }}.alignment {    display: flex;    flex-direction: column;    justify-content: space-between;}article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {    display: block;}hr {    box-sizing: content-box;    height: 0;    border: 0;    overflow: visible;}h1, h2, h3, h4, h5, h6 {    margin-top: 0;    margin-bottom: 0.5rem;}p {    font-size: 1.3rem;    margin-top: 10px;    margin-bottom: 0;    line-height: 2.5rem;}@media only screen and (max-width: 767px) {    p {        font-size: 1.4rem;    }}a {    font-size: 1.3rem;    font-weight: 500;    line-height: 1.3rem;    color: #2d2d2d;    transition: 0.3s;    text-decoration: none !important;}ol, ul, dl {    margin-top: 0;    margin-bottom: 1rem;}ul {    list-style: none;}    ol ol, ul ul, ol ul, ul ol {        margin-bottom: 0;    }blockquote {    margin: 0 0 1rem;}b,strong {    font-weight: bold;}div {    font-size: 1.3rem;    line-height: 2.5rem;}.img_fluid {    max-width: 100%;    height: auto;}.mt_10 {    margin-top: 10px;}.mt_20 {    margin-top: 20px;}.mt_30 {    margin-top: 30px;}.mt_40 {    margin-top: 40px;}.mt_60 {    margin-top: 60px;}.mb_10 {    margin-bottom: 10px;}.mb_20 {    margin-bottom: 20px;}.mb_30 {    margin-bottom: 30px;}.mb_40 {    margin-bottom: 40px;}.mb_60 {    margin-bottom: 60px;}label {    font-weight: 700;    border-radius: 9999px;    cursor: pointer;    transition: 0.3s;}label input {    vertical-align: middle;}input[type=text],input[type=number],input[type=tel],input[type=email],input[type=datetime-local],table input[type=date],table input[type=time],input[type=submit],input[type=reset],input[type=buit],select {    font-size: 1.3rem;    line-height: 1.3rem;    box-sizing: border-box;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    border-radius: 5px;    background-color: #fff;    box-shadow: none;    padding: 2px 10px;    border: 1px solid var(--maincolor);    cursor: pointer;    /* outline: none; */    transition: 0.3s;}select {    -webkit-appearance: auto;    -moz-appearance: auto;    appearance: auto;}.none_select {    color: #ccc;}button {    font-family: 'Noto Serif JP', serif;    font-size: 1.3rem;    line-height: 1.3rem;    border-radius: 5px;    cursor: pointer;    transition: 0.3s;    border: 1px solid var(--maincolor);}input[type=reset]:hover, .search_area .action_btn input[type=submit].reset:hover {    color: #cd0d0d;    border: 1px solid #cd0d0d;}.text_center {    text-align: center;}.text_right {    text-align: right;}table {    width: 100%;    font-size: 1.3rem;    line-height: 1.3rem;    border-collapse: collapse;}@media only screen and (max-width: 767px) {    label {        display: inline-block;    }    span.import_text{        display: none;    }}/*--------------------------------------------------------------  コンテナ--------------------------------------------------------------*/.container {    max-width: 1280px;    margin: 0 auto;}.container > .wrapper {    margin: 0 15px;}.dashboard_title {    font-family: 'Noto Serif JP', serif;    margin-top: 20px;    font-size: 2rem;    line-height: 2rem;    display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: center;    text-align: center;}.dashboard_title br {    display: none;}.dashboard_title:before,.dashboard_title:after {    content: "";    display: block;    margin: 0 10px;    width: 60px;    height: 35px;    background-image: url(../img/deco01.svg);    background-repeat: no-repeat;}.cards_flex {    font-family: 'Noto Serif JP', serif;    display: flex;    flex-wrap: wrap;}.cards_flex .card {    position: relative;    width: calc(25% - 64px);    border: 2px solid #8484A5;    border-radius: 20px;    margin: 20px 15px;    padding: 15px;    text-align: center;    display: flex;    flex-direction: column;    justify-content: space-between;}.cards_flex .card .i_file {    position: relative;    width: 80px;    height: auto;    margin: 0 auto;}.file_line {    position: absolute;    width: 100%;    z-index: 1;}.cards_flex .card .project_name {    font-size: 1.5rem;    line-height: 1.8rem;    font-weight: 700;}.cards_flex .card .project_introduction {    margin-top: 15px;    font-size: 1.3rem;    line-height: 2.2rem;}/* ボタン ベース */.cards_flex .btn {    margin-top: 15px;    background-color: #4d4d4d;    color: #fff;    text-align: center;    border-radius: 9999px;    min-width: 150px;    padding: 10px 0;    display: inline-block;}.cards_flex .btn:hover {    opacity: 0.7;}/* フォルダの色追加はこちら */.thema_gray .svg_color {    fill: #6f6f6f;}.thema_yellow .svg_color {    fill: #dbdb49;}.thema_purple .svg_color {    fill: #8484A5;}.thema_green .svg_color {    fill: #3a9449;}/* フォルダの色追加はこちら */.thema_gray .btn {    background-color: #4d4d4d;}.thema_yellow .btn {    background-color: #dbdb49;    color: var(--maincolor);}.thema_purple .btn {    background-color: var(--maincolor);}.thema_green .btn {    background-color: #3a9449;}@media only screen and (max-width: 991px) {    .cards_flex .card {        width: calc(50% - 64px);    }}@media only screen and (max-width: 767px) {    .dashboard_title:before,    .dashboard_title:after {        content: "";        display: flex;        align-items: center;        width: 10%;        height: 35px;        background-position: center;    }    .dashboard_title br {        display: block;    }    .cards_flex .card {        width: calc(100% - 34px);        margin: 15px 0;    }}/*--------------------------------------------------------------  タイトル--------------------------------------------------------------*/h2.title_h2 {    font-family: 'Noto Serif JP', serif;    display: flex;    align-items: center;    font-size: 1.7rem;    font-weight: 700;    padding: 3px 0 3px 10px;    border-left: 6px solid var(--maincolor);    border-bottom: 1px solid var(--maincolor);    margin-bottom: 20px;}/*--------------------------------------------------------------  検索--------------------------------------------------------------*/.search_area {    display: flex;    flex-wrap: wrap;    margin-bottom: 20px;}.search_area label {    display: flex;    flex-wrap: wrap;    align-items: center;    margin-right: 15px;    margin-bottom: 10px;}.search_area input {    height: 25px;}#calendar .calendar_header {    display: flex;    align-items: center;    margin-right: 15px;    margin-bottom: 10px;}#prevMonth, #nextMonth {    position: relative;    cursor: pointer;    background-color: var(--maincolor);    color: #fff;    border-radius: 5px;    padding: 0 10px;    height: 25px;    display: flex;    align-items: center;}#prevMonth::before, #nextMonth::after {    border: solid transparent;    content: " ";    display: block;    pointer-events: none;    border-width: 6px;}#prevMonth::before {    border-right-color: #fff;    margin-right: 5px;}#nextMonth::after {    border-left-color: #fff;    margin-left: 5px;}#calendar input {    width: 70px;    height: 30px;    text-align: center;}#calendar input,#calendar select {    height: 30px;    padding: 0 5px;}#calendar input#year,#calendar select {    border-radius: 5px;    border: 1px solid var(--maincolor);    margin: 0 5px;}.label_deco {    position: relative;    font-size: 1.3rem;    line-height: 1.3rem;    padding: 5px 10px;    color: #fff;    border-radius: 5px;    background-color: var(--maincolor);    font-weight: 400;    margin-right: 10px;}.label_deco::after {    left: 100%;    top: 50%;    border: solid transparent;    content: " ";    height: 0;    width: 0;    position: absolute;    border-width: 6px;    margin-top: -6px;    border-left-color: var(--maincolor);}@media only screen and (max-width: 767px) {    .label_deco {        font-size: 1.0rem;        padding: 5px 5px;    }}.label_status,.label_pic_base {    display: flex;    flex-wrap: wrap;    align-items: center;    margin-right: 15px;    margin-bottom: 10px;}.label_status label,.label_pic_base label {    margin-bottom: 0;    margin-right: 0;    padding: 0 2px;}.label_status input[type="checkbox" i],.label_pic_base input[type="checkbox" i] {    margin-right: 5px;}.search_area .action_btn {    width: 100%;    display: flex;    flex-wrap: wrap;    justify-content: end;    margin-bottom: 10px;}.search_area .action_btn input {    height: 30px;    min-width: 150px;    border-radius: 9999px;    text-align: center;    display: flex;    align-items: center;    justify-content: center;    margin-left: 15px;    transition: 0.3s;}.search_area .action_btn input[type=submit]:not(.reset) {    background-color: var(--maincolor);    color: #fff;}.search_area .action_btn input:hover {    opacity: 0.7;}.sort_area .action_btn {    display: inline-block;}.sort_area .action_btn input {    height: 30px;    min-width: 150px;    border-radius: 9999px;    text-align: center;    display: flex;    align-items: center;    justify-content: center;    margin-left: 15px;    transition: 0.3s;}.sort_area .action_btn input[type=submit]:not(.reset) {    background-color: var(--maincolor);    color: #fff;}.sort_area .action_btn input:hover {    opacity: 0.7;}.menu_btn {    display: none;    margin-left: 10px;}@media only screen and (max-width: 767px) {    .menu_btn {        width: 32px;        display: block;        cursor: pointer;    }    #search_close{        display: none;    }    #search_open {        display: block;    }    #search_form {        display: none;    }}/*--------------------------------------------------------------  一覧--------------------------------------------------------------*/.btn_type01 {    display: flex;    flex-wrap: wrap;    align-items: center;    color: #fff;    background-color: var(--maincolor);    border: 1px solid var(--maincolor);    border-radius: 5px;    height: 30px;    padding: 0 15px;    margin-bottom: 10px;}.btn_type01 img {    width: 15px;    height: auto;    margin-right: 5px;}.btn_type01:hover {    opacity: 0.7;}.btn_type02,.product_add .action_btn input[type=submit].btn_type02{    display: flex;    flex-wrap: wrap;    align-items: center;    color: #cd0d0d;    background-color: #fff;    border: 1px solid #cd0d0d;    border-radius: 9999px;    height: 30px;    padding: 0 15px;    margin-left: 15px;}.btn_type02:hover,.product_add .action_btn input[type=submit].btn_type02:hover{    color: #fff;    background-color: #cd0d0d;    border: 1px solid #cd0d0d;}.projects_info_flex {    color: #000;    display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: space-between;}.projects_info_flex .btn_type01 {    display: flex;    flex-wrap: wrap;    align-items: center;    color: #fff;    background-color: var(--maincolor);    border: 1px solid var(--maincolor);    border-radius: 5px;    height: 30px;    padding: 0 15px;    margin-bottom: 10px;}.projects_info_flex .btn_type01:hover {    opacity: 0.7;}.projects_info {    display: flex;    flex-wrap: wrap;    align-items: center;}    .projects_info .title {        margin-right: 10px;        font-weight: 700;    }.box_mo {    display: flex;    flex-wrap: wrap;    align-items: center;}.box_mo.now .label_deco {    font-weight: 700;    background-color: #fff;    color: var(--maincolor);    border-top: 1px solid var(--maincolor);    border-left: 1px solid var(--maincolor);    border-right: 3px solid var(--maincolor);    border-bottom: 1px solid var(--maincolor);}.box_mo.now .label_deco::after {    border-width: 8px;    margin-top: -8px;}.projects_info .count {    padding: 0 10px;    border-bottom: 1px solid var(--maincolor);}.projects_info .count:after {    content: "件";    margin-left: 5px;}@media only screen and (max-width: 767px) {    .projects_info .count {        padding: 0 5px;    }}/* テーブル */.project_table {    overflow-x: scroll;    padding-bottom: 10px;    margin-top: 20px;    margin-bottom: 10px;}.project_table table {    width: 100%;    border-collapse: collapse;}.project_table table th,.project_table table td {    padding: 5px 5px;    border: 1px solid var(--maincolor);    text-align: center;}.project_table table th {    background-color: var(--colorhover);}.project_table table th.item_title,.project_table table td.item_title {    min-width: 100px;    border-left: 5px solid var(--maincolor);    border-right: 5px solid var(--maincolor);}.project_table table th.item_progress {    min-width: 200px;}.project_table table td.item_progress ul {    list-style: none;    display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: center;    padding: 0;    margin: 0;}.project_table table td.item_progress ul li {    position: relative;    display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: center;    background-color: var(--subcolor);    color: #fff;    text-align: center;    font-size: 14px;    height: 20px;    width: 36px;    margin-right: 6px;}.project_table table td.item_progress ul li::after {    left: 100%;    top: 0;    border: solid transparent;    content: " ";    height: 0;    width: 0;    position: absolute;    border-style: solid;    border-width: 10px 0 10px 6px;    border-color: transparent transparent transparent var(--subcolor);}.project_table table td.item_progress ul li.on {    background-color: var(--maincolor);}.project_table table td.item_progress ul li.on::after {    border-color: transparent transparent transparent var(--maincolor);}.project_table table th.item_mark,.project_table table th.item_detail {    min-width: 34px;}.project_table table td.item_buscontent .workslistBox{  display: flex;  justify-content: center;  align-items: center;}.project_table table td.item_buscontent .workslistBox span{  border: 1px solid var(--maincolor);  border-radius: 5px;  padding: 0 3px;  line-height: normal;  margin: 0 2px;  white-space: nowrap;}.project_table table th.item_options_1, .project_table table td.item_options_1 {    word-break: keep-all;    white-space: nowrap;}.project_table table th.item_options_2, .project_table table td.item_options_2 {    min-width: 10em;}.project_table table td img {    width: auto;    height: 16px;}.project_table table td a {    display: inline-block;    border: 1px solid #fff;    border-radius: 5px;    padding: 3px;}.project_table table td a:hover {    border: 1px solid #ccc;    opacity: 0.7;}.data_info_flex {    color: #000;    display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: space-between;}.data_info {    display: flex;    flex-wrap: wrap;    align-items: center;}.data_info .title {    margin-right: 10px;    font-weight: 700;}/* テーブル */.data_table {    overflow-x: scroll;    padding-bottom: 10px;    margin-top: 20px;    margin-bottom: 10px;}.data_table table {    width: 100%;    border-collapse: collapse;}.data_table table tr {    border: 1px solid #000;}.data_table table th,.data_table table td {    padding: 5px 5px;    border: 1px solid var(--maincolor);    text-align: center;}.data_table table th {    background-color: var(--colorhover);}.data_table table th.item_title,.data_table table td.item_title {    min-width: 100px;    border-left: 5px solid var(--maincolor);    border-right: 5px solid var(--maincolor);}.data_table table th.item_mark,.data_table table th.item_detail {    min-width: 34px;}.data_table table td img {    width: auto;    height: 16px;}.data_table table td a {    display: inline-block;    border: 1px solid #fff;    border-radius: 5px;    padding: 3px;}.data_table table td a:hover {    border: 1px solid #ccc;    opacity: 0.7;}.data_table table td.channel_name {    min-width: 11ex;}.data_table table td.data_no {    min-width: 5ex;}.data_table table td.date {    min-width: 10ex;}.data_table table td.price {    text-align: right;    min-width: 10ex;}.data_table table td.datetime {    min-width: 16ex;}.data_table table.listtable th.th_no {    display: none;}.data_table table.listtable td.no {    display: none;}@media only screen and (max-width: 767px) {    .data_table table.listtable th.th_no {        display: none;    }    .data_table table.listtable td.no {        background-color: var(--subcolor) !important;        color: #fff;        display: block;        text-align: center;        background: none;        font-size: 1.8rem;        line-height: 1.8rem;    }    .data_table table.listtable tr.sp_thead {        display: none;    }    .data_table table.listtable th,    .data_table table.listtable td {        display: block;        width: auto !important;    }    .data_table table.listtable td {        display: flex;        flex-wrap: wrap;        border-bottom: 1px solid var(--subcolor);        background: linear-gradient(90deg, var(--maincolor) 0%, var(--maincolor) 120px, #fff 120px, #fff 100%);    }    .data_table table.listtable td:last-child {        border-bottom: none;    }    .data_table table.listtable td span {        display: block;        width: calc(100% - 130px);        margin-left: auto;        text-align: left !important;    }    .data_table table.listtable td ul.min_tools_icon {        width: calc(100% - 130px);        margin-left: auto;        justify-content: flex-start;    }    .data_table table.listtable td::before {        content: attr(data-label);        display: block;        width: 110px;        font-size: 1.2rem;        line-height: 1.4rem;        text-align: left;        margin: 5px;        color: #fff;    }    .data_table table.listtable td.date::before {        white-space: pre;        text-align: left;        display: flex;        flex-direction: column;    }}/* テーブル */.search_table {    overflow-x: scroll;    padding-bottom: 10px;    margin-top: 20px;    margin-bottom: 10px;}.search_table table {    width: auto;    border-collapse: collapse;}.search_table table th,.search_table table td {    padding: 5px 5px;    border: 1px solid var(--maincolor);    text-align: center;}.search_table table th {    background-color: var(--colorhover);}.search_table table th.item_title,.search_table table td.item_title {    width: 34px;    border-left: 5px solid var(--maincolor);    border-right: 5px solid var(--maincolor);}.search_table table th.item_mark,.search_table table td.item_mark,.search_table table th.item_detail,.search_table table td.item_detail {    min-width: 34px;}.search_table table td.item_buscontent .workslistBox {    display: flex;    justify-content: center;    align-items: center;}.search_table table td.item_buscontent .workslistBox span {    border: 1px solid var(--maincolor);    border-radius: 5px;    padding: 0 3px;    line-height: normal;    margin: 0 2px;    white-space: nowrap;}.search_table table td img {    width: auto;    height: 16px;}.search_table table td a {    display: inline-block;    border: 1px solid #fff;    border-radius: 5px;    padding: 3px;}.search_table table td a:hover {    border: 1px solid #ccc;    opacity: 0.7;}.search_item_box {    display: flex;    border-bottom: 1px solid var(--maincolor);    margin-bottom: 5px;}.search_item_name {    display: none;}.search_item_left {}.search_item_right {    margin-left: 10px;    display: flex;    flex-wrap: wrap;}.search_item {    display: flex;    flex-wrap: wrap;    align-items: flex-start;}.search_label {    background-color: var(--maincolor);    color: #fff;    padding: 2px;    margin-right: 5px;    border-radius: 5px;}.search_value {    margin-right: 10px;}.search_item div.item_progress {    min-width: 200px;}.search_item div.item_progress ul {    list-style: none;    display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: center;    padding: 0;    margin: 0;}.search_item div.item_progress ul li {    position: relative;    display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: center;    background-color: var(--subcolor);    color: #fff;    text-align: center;    font-size: 14px;    width: 36px;    margin-right: 6px;}.search_item div.item_progress ul li::after {    left: 100%;    top: 0;    border: solid transparent;    content: " ";    height: 0;    width: 0;    position: absolute;    border-style: solid;    border-width: 10px 0 10px 6px;    border-color: transparent transparent transparent var(--subcolor);}.search_item div.item_progress ul li.on {    background-color: var(--maincolor);}.search_item div.item_progress ul li.on::after {    border-color: transparent transparent transparent var(--maincolor);}@media only screen and (max-width: 767px) {    .search_item_name {        display: block;    }    .search_item_left span {        display: none;    }    table.search_btn_box {        display: flex;    }    table.search_btn_box tr {        display: block;    }    table.search_btn_box th, table.search_btn_box td {        display: block;        height: 25px;    }}/* data_view */.data_view .action_btn {    width: 100%;    display: flex;    flex-wrap: wrap;}.data_view .action_btn input, .data_view .action_btn a {    height: 30px;    min-width: 150px;    border-radius: 9999px;    text-align: center;    display: flex;    align-items: center;    justify-content: center;    margin-left: 15px;    transition: 0.3s;}.data_view .action_btn input[type=submit], .data_view .action_btn button, .data_view .action_btn a {    border-radius: 9999px;    height: 30px;    background-color: var(--maincolor);    padding: 0 20px;    color: #fff;}.data_view .action_btn input:hover, .data_view .action_btn button:hover, .data_view .action_btn a:hover{    opacity: 0.7;}form.data_add {    display: flex;    flex-wrap: wrap;    color: #000;}form.data_add input {    height: 27px;}form.data_add input.full, form.data_add input.input_long {    width: 100%;}form.data_add textarea {    width: 90%;}form.data_add select {    margin-right: 10px;}.data_add .action_btn {    width: 100%;    display: flex;    flex-wrap: wrap;}.data_add .action_btn input[type=submit] {    border-radius: 9999px;    height: 30px;    background-color: var(--maincolor);    padding: 0 20px;    color: #fff;}.data_add .action_btn input:hover {    opacity: 0.7;}.btn_type02,.data_view .action_btn input[type=submit].btn_type02,.data_add .action_btn input[type=submit].btn_type02 {    display: flex;    flex-wrap: wrap;    align-items: center;    color: #cd0d0d;    background-color: #fff;    border: 1px solid #cd0d0d;    border-radius: 9999px;    height: 30px;    padding: 0 15px;    margin-left: 15px;}.btn_type02:hover,.data_view .action_btn input[type=submit].btn_type02:hover,.data_add .action_btn input[type=submit].btn_type02:hover {    color: #fff;    background-color: #cd0d0d;    border: 1px solid #cd0d0d;}.input_label{    display: inline-block;    margin-left: 5px;}@media only screen and (max-width: 767px) {    .data_view .action_btn input, .data_view .action_btn a {        min-width: 100px;    }}/*--------------------------------------------------------------  ページネーション--------------------------------------------------------------*/.pagination {    display: flex;    justify-content: flex-end;    align-items: center;    gap: 0 8px;    list-style-type: none;    padding: 0;    font-size: 1.3rem;    line-height: 1.3rem;    margin-bottom: 0;}    .pagination a {        display: flex;        justify-content: center;        align-items: center;        width: 30px;        height: 30px;        border: 1px solid var(--maincolor);        background-color: var(--maincolor);        border-radius: 25px;        color: #fff;    }    .pagination .current a {        background-color: #fff;        color: var(--maincolor);        pointer-events: none;    }    .pagination .prev a,    .pagination .next a {        gap: 0 4px;        width: auto;        padding: 0 10px;        line-height: 1;    }        .pagination .prev a::before,        .pagination .next a::after {            display: inline-block;            transform: rotate(45deg);            width: .3em;            height: .3em;            content: '';        }        .pagination .prev a::before {            border-bottom: 1px solid #fff;            border-left: 1px solid #fff;        }        .pagination .next a::after {            border-top: 1px solid #fff;            border-right: 1px solid #fff;        }        .pagination a:hover,        .pagination .prev a:hover,        .pagination .next a:hover {            background-color: var(--colorhover);            color: var(--maincolor);        }            .pagination .prev a:hover::before {                border-bottom: 1px solid var(--maincolor);                border-left: 1px solid var(--maincolor);            }            .pagination .next a:hover::after {                border-top: 1px solid var(--maincolor);                border-right: 1px solid var(--maincolor);            }@media only screen and (max-width: 767px) {    .pagination {        justify-content: center;        margin: 10px auto 0;    }}/*--------------------------------------------------------------  新規案件作成--------------------------------------------------------------*/.title_btn_area {    display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: space-between;    margin-top: 20px;    margin-bottom: 20px;    border-bottom: 1px solid var(--maincolor);}    .title_btn_area h2 {        border-bottom: none;        margin-bottom: 0;    }form.product_add {    display: flex;    flex-wrap: wrap;    color: #000;}form.product_add .box_l {    width: 75%;}form.product_add .box_r {    width: calc(25% - 30px);    margin-left: 30px;}form.product_add .box_r p {    line-height: 1.6rem;}form.product_add input {    height: 27px;}form.product_add input.full, form.product_add input.input_long {    width: 100%;}form.product_add textarea {    width: 90%;}form.product_add select {    margin-right: 10px;}.addtable {    padding-bottom: 10px;    margin-top: 20px;    margin-bottom: 10px;}.addtable table {    width: 100%;    border-collapse: collapse;    border: 1px solid var(--maincolor);}.addtable table th,.addtable table td {    padding: 8px 10px;    border-bottom: 1px solid var(--maincolor);}.addtable table th {    text-align: center;    background-color: var(--colorhover);    border-left: 5px solid var(--maincolor);    max-width: 100px;}.sub_title {    background-color: var(--colorhover);    padding: 2px 5px;    margin: 0 5px;}.sub_r_title {    font-weight: 700;    text-align: center;    margin-bottom: 5px;}textarea.message {    border: 1px solid var(--maincolor);    border-radius: 5px;    padding: 5px;    width: calc(100% - 12px);}.address_box input.input_addr {    width: 80%;}.address_box .sub_title {    line-height: 2em;}.product_add .action_btn {    width: 100%;    display: flex;    flex-wrap: wrap;}.product_add .action_btn input[type=submit], .product_add button {    border-radius: 9999px;    height: 30px;    background-color: var(--maincolor);    padding: 0 20px;    color: #fff;}.product_add .action_btn input:hover {    opacity: 0.7;}@media only screen and (max-width: 767px) {    form.product_add {        flex-direction: column;    }    .addtable table th,    .addtable table td {        display: block;    }    .addtable table th {        width: auto;        max-width: 100%;        border-left: none;    }    .sub_title {        margin: 10px 0;    }    .addtable select {        margin-bottom: 10px;    }    form.product_add .box_l {        width: 100%;    }    form.product_add .box_r {        width: 100%;        margin: 0;    }}/*--------------------------------------------------------------  参照--------------------------------------------------------------*/.product_view {    display: flex;    flex-wrap: wrap;    color: #000;}.product_view .box_l {    width: 75%;}.product_view .box_r {    width: calc(25% - 30px);    margin-left: 30px;}.product_view .box_r p {    line-height: 1.6rem;}.product_view .box_r textarea {    width: 90%;}.product_view .box_r input[type=checkbox] {    transform: scale(1.5);    height: 16px;    width: 16px;}.product_view .action_btn {    width: 100%;    display: flex;    flex-wrap: wrap;}.product_view .action_btn input, .product_view .action_btn a {    height: 30px;    min-width: 150px;    border-radius: 9999px;    text-align: center;    display: flex;    align-items: center;    justify-content: center;    margin-left: 15px;    transition: 0.3s;}.product_view .action_btn input[type=submit], .product_view .action_btn button, .product_view .action_btn a {    border-radius: 9999px;    height: 30px;    background-color: var(--maincolor);    padding: 0 20px;    color: #fff;}.product_view .action_btn input:hover, .product_view .action_btn button:hover, .product_view .action_btn a:hover{    opacity: 0.7;}@media only screen and (max-width: 767px) {    .product_view .action_btn input, .product_view .action_btn a {        min-width: 60px;    }    .product_view .box_l {        width: 100%;    }    .product_view .box_r {        margin-left: 0;        width: 100%;    }}.input_item_box {    display: inline-flex;    border: 1px solid var(--maincolor);    border-radius: 5px;    padding: 0 4px;    margin: 0 4px;    line-height: 1.4em;}.import_text {    display: inline-flex;    color: #ccc;    margin: 0 4px;}.import_text:before {    content: "取込データ";}.annotation {    font-size: 80%;    color: #f44;}.arrow_block{    text-align: center;    width: 75%;}.arrow_box{    margin: 0 auto;    width: 30%;    min-width: 300px;}.arrow_left {    width: 32px;    vertical-align: middle;    margin-right: 10px;}.arrow_right {    width: 32px;    vertical-align: middle;    margin-left: 10px;}@media only screen and (max-width: 767px) {    .arrow_block {        width: 100%;    }}/*--------------------------------------------------------------  ファイルアップロード--------------------------------------------------------------*/.drop-area {    border: 2px dashed #ccc !important;    border-radius: 5px !important;    padding: 20px !important;    cursor: pointer;}.drop-area .txt_01 {    font-size: 1.4rem;    line-height: 2rem;}#file-input {    display: none;}.drop-area .btn {    display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: center;    color: #fff;    padding: 3px 10px;    background-color: #5a5a5a;}.#drop-area .btn:hover {    opacity: 0.7;}.file-item {    display: flex;    flex-wrap: wrap;    align-items: center;    margin: 5px 0;}.file-item img {    display: block;    max-width: 100%;    height: auto;    margin-bottom: 5px;}.file-item button {    height: 25px;    margin-left: 10px;    color: #cd0d0d;    background-color: #fff;    border: 1px solid #cd0d0d;}.file-item button:hover {    color: #fff;    background-color: #cd0d0d;}/*--------------------------------------------------------------  Footer--------------------------------------------------------------*/footer {    margin-top: 20px;    font-size: 1.2rem;    line-height: 1.2rem;    display: flex;    flex-wrap: wrap;    justify-content: space-between;    padding: 2px 30px;    background-color: var(--maincolor);    color: #fff;}footer.login_footer {    background-color: rgba(27, 24, 76, 0.5);}@media only screen and (max-width: 767px) {    footer {        justify-content: center;    }}.imeon {    ime-mode: active;}.imeoff {    ime-mode: inactive;}/*--------------------------------------------------------------  Diff--------------------------------------------------------------*/.project_table table th.isnew {    border-left: 5px solid #f00;}td.isnew {    position: relative;    display: block;}td.isnew::after {    content: "";    position: absolute;    top: 0;    left: 0;    width: 0;    height: 0;    border-top: 14px solid #f00;    border-right: 14px solid transparent;}.added {    color: #0000ff;    font-weight: bold;}.added img {    border: solid medium #0000ff;}.deleted {    color: #ff0000;    font-weight: bold;    text-decoration: line-through;}.deleted img {    filter: alpha(style=0, opacity=30);    border: solid medium #ff0000;}.same {    color: #666666;}.same img {    filter: alpha(style=0, opacity=50);    border: solid medium #666666;}span.citiesitem {    display: inline-block;    margin-right: 1em;}@media only screen and (max-width: 767px) {    .project_table table tr.samevl {        display: none;    }    .project_table table td.oldvl {        border-right: 5px solid #0f0;    }    .project_table table td.nowvl {        border-right: 5px solid #00f;    }}/*--------------------------------------------------------------  error--------------------------------------------------------------*/.errmsg {    color: #ff0000;    font-weight: bold;    border-radius: 45px;    background-color: #fff;}.retmsg {    color: #000080;    font-weight: bold;    border-radius: 45px;    background-color: #fff;}/*--------------------------------------------------------------  Date Sub Picker--------------------------------------------------------------*/#ui-datepicker-div {    font-size: 17px;}#ui-datepicker-div a {    line-height: 1.5;}#ui-datepicker-div table {    line-height: 1.5;}.dateSubPicker {    width: 14ch;}.dateSubPicker.useSub {    width: 10ch;}.dateSubSelect {    display: none;}/*--------------------------------------------------------------  Flags--------------------------------------------------------------*/#flag_buttons {    margin: 5px 0;}#flag_buttons .reg_flag {    min-width: 130px;    border-radius: 9999px;    text-align: center;    align-items: center;    justify-content: center;    margin-left: 5px;    transition: 0.3s;    height: 30px;    background-color: #ff4500;    padding: 0 10px;    color: #fff;}#flag_buttons .notuse {    cursor: not-allowed;}tr.flag span:before {    content: url(/jsc/img/flag.svg);}td.flag span {    border: 1px solid #00f;    border-radius: 5px;}img.lafb_open {    height: 20px !important;    cursor: pointer;}img.lafb_close {    height: 20px !important;    cursor: pointer;    vertical-align: middle;}.list_add_flag {    display: none;    position: absolute;    background-color: #ccc;}.aftitle {    font-size: 12px;}.list_add_flag_box {    display: flex;    flex-direction: column;}.list_add_flag_box button {    margin: 4px;}