@charset "UTF-8";
.wrap {
    margin: 0 15px 0 15px;
}

#header {
    width: 100%;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #c5c5c5;
}

#header #logo {
    margin: 0;
    padding: 5px 20px 5px 35px;
}

.header_table {
    width: 100%;
}

.header_logo {
    width: 140px;
    padding: .3rem .5rem .3rem 0;
}

.header_btn {
    width: 200px;
}

.white_space_table th,.white_space_table td {
    white-space:nowrap;
}

.ttl01 {
    color: #ffffff;
    font-size: 24px;
    line-height: 150%;
    border-radius: 4px;
    padding: 6px 20px 4px;
}

.ttl03 {
    font-size:18px;
    font-weight: bold;
}

#footer {
    color: #999999;
    text-align: center;
    border-top: 1px solid #c5c5c5;
    padding: 5px 25px 0px;
    margin-top: 60px;
}

.menu_area {
    margin: 0 auto;
}

.menu_area .collapse {
    cursor: pointer;
}

.menu_area ul {
    margin: 0;
    padding: 0;
}

.menu_area li {
    list-style-type: none;
    border-top: solid 1px #c5c5c5;
    border-bottom: solid 1px #c5c5c5;
}

.menu_area li + li ,
.menu_area li:first-child{
    border-top:none;
}

.menu_area li:last-child{
    border-bottom: none;
}

.menu_area .menu_item {
    padding: 10px 0;
}

.menu_area .menu_item:hover {
    background: #FAFAFA;
}

.menu_area ul {
    display: none;
}

.menu_area .card {
    border: none;
}

.menu_area .card-body {
    padding: 0.5rem;
}

.menu_btn {
    color: #ffffff;
    margin: 2px 0;
    padding: .375rem .75rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: color .15s
}

.menu_btn:hover{
    color: #ffffff;
    text-decoration: none;
    opacity: 0.7;
}

.menu_area .card-body:hover{
    background: #ECEFF1;
    cursor: pointer;
}

.btn_block {
    display: block;
    width: 100%;
}

/*左メニュー iPad対応は、bladeに直接記載*/
/*@media screen and (max-width: 960px) {*/
/*    .menu_area .btn_block {*/
/*        display: none;*/
/*    }*/
/*    .menu_area .card {*/
/*        display: none;*/
/*    }*/
/*    .menu_area .item02, .menu_area .item03 {*/
/*        display: block;*/
/*    }*/
/*}*/

/* 旧環境のmenu、titleの色 */
.item00 {/* filemaker */
    background: #ffa100;
}

.item01 {/* 顧客 */
    background: #ff6a00;
}

.item02 {/* 受注 */
    background: #ffc900;
}

.item03 {/* パターン */
    background: #be00d5;
}

.item04 {/* カレンダー・在庫CSV登録 */
    background: #028103;
}

.item05 {/* 集計・広告 */
    background: #4fbce8;
}

.item06 {/* 勤怠 */
    background: #ff1919;
}
.item07 {/* 対応状況管理 */
    background: #6cac52;
}

.item08 {/* 商品登録、その他 */
    background: #a6a6a6;
}

/*受注登録の背景色*/
.col01{
    background-color: #FFF3E0;
}
.col02{
    background-color: #E3F2FD;
}
.col03{
    background-color: #FBE9E7;
}
.col04{
    background-color: #E8F5E9;
}
.col05{
    background-color: #EBE8F4;
}
.col06{
    background-color: #fff882;
}
.col_width{
    width: 320px;
}

.btn{
    width: 100%;
}

.btn_area {
    margin: 20px 0;
}

.pagenate_area {
    margin: auto;
}

.login_area {
    width: 300px;
    margin: auto;
}

.register_btn {
    margin: 20px 0;
}

.card-body.serch_body {
    padding: 0 1.25rem 1.25rem;
}

.serch_area a {
    text-align: left;
    background: #F5F5F5;
    margin: 20px 0 10px 0;
}

.serch_area a:after {
    position: absolute;
    right: 35px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: '\f078';
}

.check_group {
    margin-top:20px;
}

.customer_date li {
    width: 23%;
    text-align: center;
    display: inline-block;
}

.customer_date ._sub{
    width: 3%;
}

.date,.customer_date {
    list-style: none;
    padding: 0;
    margin: 0;
}


/*.date li {*/
/*    width: 45%;*/
/*    text-align: center;*/
/*    display: inline-block;*/
/*}*/

.date ._sub{
    width: 5%;
}

.calendar_table {
    width:100%;
    table-layout:fixed;
}

.calendar_table .list-inline-item:not(:last-child) {
    margin:0;
}

.calendar_table th{
    text-align: center;
    font-size: 1rem;
}

.calendar_table td{
    padding: 10px 5px;
    white-space: normal;
    vertical-align: top;
}

.sunday {
    background: #ffebee;
    color: #e57373;
}

.saturday {
    background: #E3F2FD;
    color: #2196F3;
}

.sunday_bg {
    background: #ffcdd2;
}

.saturday_bg {
    background: #BBDEFB;
}

.total_bg {
    background: #FFF8E1;
}

.table-active.total_active_bg {
    background: #ede7da;
}

.month_bg {
    background: #ffebee;
}

.table-active.month_active_bg {
    background: #E5D3D6;
}

.list-inline-item.calendar_icon {
    color: #ffffff;
    font-weight: bold;
    padding: 2px 5px;
}

.calendar_icon.i00 {
    background-color: #546E7A;
}

.calendar_icon.i01 {
    background-color: #558B2F;
}

.calendar_icon.i02 {
    background-color: #c62828;
}

.calendar_icon.i03 {
    background-color: #1565C0;
}

.calendar_icon.i04 {
    background-color: #424242;
}

.calendar_icon.i05 {
    background-color: #6A1B9A;
}

.calendar_icon.i06 {
    background-color: #EF6C00;
}

.list-inline-item.payment_txt {
    color: #FF8F00;
    font-weight: bold;
    border: 2px solid #FF8F00;
    border-radius: 15px;
    padding: 0 3px;
}

.list-inline-item.comp_txt {
    color: #c62828;
    font-weight: bold;
    border: 2px solid #c62828;
    border-radius: 15px;
    padding: 0 3px;
}

.advertisement_area,
.aggregate_area {
    margin: 30px 0;
}

.table.advertisement_table {
    table-layout: fixed;
}

.table_title {
    color: #ffffff;
    background-color: #757575;
}

.aggregate_area .aggregate_td_child{
    font-size: 0.8rem;
    padding: 0;
    border: none;
}

.aggregate_table_date {
   width: 380px;
}

.aggregate_td_child .aggregate_td_customers {
    padding: 0;
}

.aggregate_td_child .aggregate_table_customers{
    margin: 0;
}

.hidden {
    display:none;
}

.history_area{
    margin-bottom: 1rem;
}

.table-responsive .list_table td, .table-responsive .list_table th
{
    padding: .7rem .5rem;
}

.table-responsive .list_table th{
    text-align: center;
}

.font_size_30 {
    font-size: 30px;
}

.table.table-striped tbody .tr_cancel {
    background:#ffcdd2;
}

.table.table-striped tbody .tr_copy {
    background: #FFF9C4;
}

.table.table-striped tbody .tr_order {
    background: #F0F4C3;
}

.stock_err_txt{
    margin-bottom: 0.4rem;
}

.ship_txt {
    margin: 0px;
    font-size: 13px;
}

.table.table-striped tbody .tr_pink{
    background: #FFAABF;
}

.table_outline {
    /*border: 1px solid #dee2e6;*/
    border: 1px solid #ffffff;
}

.calendar_table .list-inline {
    padding: 0 0 0.5rem 0;
    /*border-bottom: 1px dashed #dee2e6;*/
    border-bottom: 1px dashed #ffffff;
}

.tr_border {
    border: 3px solid #dc3545;
}

.error_text{
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.tr_status{
    line-height: 3;
}

.status_table .status_tr td{
    vertical-align: middle;
}

.badge-danger,
.badge-primary{
    margin-left: 5px;
}

.product_img{
    height: 90px;
}
.feedback_text {
    display: none;
    font-size: 80%;
    margin-bottom: 0;
}

.table.margin_none_table ,.table.margin_none_table td{
    margin: 0;
    padding: 0;
}
.display_total{
    margin-bottom: 5px;
}

.scroll-top {
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 90%;
    height: 95px;
    padding: 25px 0 ;
    background: #ffffff;
}

.wrapper{
    position:relative;
}

.mb-7{
    margin-bottom: 5rem!important;
}

.table.pattern_table {
    table-layout: fixed;
}

.pattern_table td{
    word-break: break-all;
}

.grayout {
    background-color: #BFBFBF;
}

.grayout .bg-primary, .grayout .bg-danger {
    background-color: #BFBFBF!important;
}

.loaded {
    opacity: 0;
    visibility: hidden;
}

.table.order_table {
    table-layout: fixed;
}

.order_table td{
    word-break: break-all;
}

.order_table td a {
    word-break: break-all;
}

.period_area table {
    width: 50%;
    margin: 0 auto;
}

.period_area table td{
    width: 50%;
    padding: 0.7rem 1.5rem !important;
}

.pattern_check input[type=checkbox] {
    margin: 5px 20px 9px 20px;
    transform: scale(2.5);
}

.delete_check input[type=checkbox] {
    margin: 5px 0 9px 23px;
    transform: scale(2.5);
}

.delete_check_edit input[type=checkbox] {
    margin: 11px 0 9px 0;
    transform: scale(2.5);
}

/* 顧客一覧 メモツールチップ */
.memo_button {
    position: relative;
}
.memo_button .memo_tip {
    position: absolute;
    bottom: 110%;
    right: -38px;
    min-width: 130px;
    margin: -30px 0 0;
    padding: 10px;
    font-size: 12px;
    background-color: #666;
    color: #fff;
}
.memo_button .memo_tip:before {
    position: absolute;
    top: 100%;
    right: 55px;
    width: 6px;
    height: 6px;
    content: " ";
    border: solid;
    border-color: rgba(102, 102, 102, 0);
    border-right-color: #5e5e5e;
    border-width: 8px;
    transform: rotate(270deg);
}

/* プレス 検索チェックボックス */
.check_box_row .col-md-4{
    padding-right: 0 !important;
}

.check_box_row .col-md-4 .form-check-inline {
    margin-right: 3px !important;
}

/* 受注一覧-文字背景 */
.text_background_order_print {
    display: inline-block;
    line-height: 1.4em;
    padding: 2px;
    background:#ffcdf5;
  }

  .text_background_order_shipping {
    display: inline-block;
    line-height: 1.4em;
    padding: 2px;
    background:#baf7b4;
  }

  .text_background_order_hikitori {
    display: inline-block;
    line-height: 1.4em;
    padding: 2px;
    background:#f0ff7c;
  }

  .text_background_order_stop {
    display: inline-block;
    line-height: 1.4em;
    padding: 2px;
    color: #FFFFFF;
    background:#FF0000;
  }

  .order_history_table td {
    white-space: normal;
  }

  input.date-width-president {
	width: 10px;
}

input.receipt-background {
    background-color: yellow;
}

span.receipt-memo {
    font-size: 12.5px;
    font-weight: bold;
    background-color: yellow;
}

span.receipt-memo-strong {
    color: red;
}

p.text-danger-margin {
    margin-bottom: 15px;
}

.press-silk {
    background-color: #77ea7b;
}

.press-fold {
    background-color: #e25858;
}

.press-sum {
    font-size: 2rem;
}

.in_div {
    overflow: auto;
    height: 200px;
    border: 1px solid #999;
}