@charset "utf-8";

/**
***  html
*** ============================== */
    html {
        word-wrap: break-word;
        word-break: break-all;
        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1
    }

    body,
    html {
        font-size: 16px;
        color: #000
    }

    body {
        padding-bottom: 80px;
        letter-spacing: .075em;
        font-weight: 500;
        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
        line-height: 1.8
    }
    label {
        margin-bottom: 0;
    }
    td {
        position: relative;
    }
    td > button {
        padding: 10px;
        background-color: transparent;
        border: none;
        line-height: 1;
    }
/**
***  Safari input要素 リセット
*** ============================== */
    input[type="text"],
    input[type="number"],
    input[type="button"],
    input[type="email"],
    input[type="submit"],
    textarea,
    select {
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
/**
***  Bootstrap
*** ============================== */
    .container {
        position: relative;
    }
    .btn-default {
        border: transparent;
        background-color: #666;
        color: #fff;
    }
    .label {
        padding: .4em .6em .3em;
    }
    .label-danger {
        display: inline-block;
        margin-left: 4px;
        margin-right: 4px;
        font-size: 10px;
        vertical-align: middle;
    }
    .panel {
        border-radius: 10px;
    }
    .pagination {
        margin: 40px auto 0;
        border-radius: 0;
    }
    .pagination > li {
        display: inline-block;
    }
    .pagination > li + li {
        margin-left: 4px;
    }
    .pagination > li a {
        padding: 17px 23px;
        border-radius: 6px;
        border-width: 2px;
    }
    .panel-group {
        margin-top: 40px;
        margin-bottom: 0;
    }
    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 10px;
    }
    .panel-group .panel .panel-heading {
        position: relative;
        color: #fff;
        background-color: #7cb342;
        border-color: #7cb342;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .panel-group .panel .panel-heading .panel-title {
        text-align: center;
        line-height: 44px;
    }
    .panel-group .panel .panel-heading .panel-title a {
        position: relative;
        display: block;
    }
    .panel-group .panel .panel-heading .panel-title a:hover,
    .panel-group .panel .panel-heading .panel-title a:focus {
        text-decoration: none;
    }
    .panel-group .panel .panel-heading .panel-title a:before {
        position: absolute;
        content: "\f055";
        top: 50%;
        right: 15px;
        font-size: 24px;
        font-family: Fontawesome;
        transform: translateY(-50%);
    }
    .panel-group .panel .panel-heading .panel-title a[class=""]:before {
        content: "\f056";
    }
    .panel-group .panel .panel-body,
    .panel-group .panel-heading + .panel-collapse > .panel-body {
        padding: 0;
        border: none;
    }
    .panel-group .panel .panel-body .list-group {
        margin-bottom: 0;
    }
    .panel-group .panel .panel-body .list-group .list-group-item {
        margin-bottom: 0;
        padding: 15px 30px;
        border: none;
    }
    .panel-group .panel .panel-body .list-group > .list-group-item:nth-child(odd) {
        background-color: #e2f3d1;
    }
    .panel-group .panel .panel-body .list-group > .list-group-item:nth-child(even) {
        background-color: #f0f7ec;
    }
    .panel-group .panel .panel-body .list-group > .list-group-item .flex {
        justify-content: space-between;
    }
    input[type=date].form-control {
        height: 70px;
        border: none;
        border-radius: 0;
    }
/**
***  drawer
*** ============================== */
    .drawer-nav {
        width: 300px;
    }
    .drawer--right .drawer-nav {
        right: -300px;
    }
    .drawer--right.drawer-open .drawer-hamburger {
        right: 300px;
    }
    .drawer--right.drawer-open .drawer-nav {
        z-index: 9999;
    }
    .drawer-overlay {
        z-index: 3;
    }
/**
***  Utility
*** ============================== */
    .box-small {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
        width: calc(100% - 120px);
    }
/**
***  icon
*** ============================== */
    .icon {
        position: relative;
    }
/**
***  テキスト
*** ============================== */
    #l-header h1,
    .area-btn .flex .item .btn,
    .area-tabs-btn .item a,
    .area-tabs-contents h3,
    .table th,
    .nav-month,
    .txt-rounded,
    .kyoukantyuu,
    .modal-body > h3,
    .area-bs-tabs .nav-tabs.flex li a,
    .area-bs-tabs .tab-content .tab-pane h3,
    .area-denpyou-add button,
    .btn {
        font-family: "Rounded Mplus 1c";
    }
/**
***  Flex
*** ============================== */
    .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .flex-3,
    .flex-4 {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .flex-3 > .item {
        width: calc((100% - 40px) / 3);
    }
    .flex-4 > .item {
        width: calc((100% - 36px) / 4);
    }
/**
***  Form
*** ============================== */
    .looks-btn input[type=checkbox] {
        display: none;
    }
    .looks-btn input[type=checkbox] + .label {
        display: inline-block;
        padding: 12px 0;
        width: 44px;
        border: 1px solid;
        border-radius: 4px;
        cursor: pointer;
        text-align: center;
    }
/**
***  Table
*** ============================== */
    .table-fixed {
        table-layout: fixed;
    }
    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding: 12px 4px;
        /*font-size: 14px;*/
        font-size: 12px;
        letter-spacing: 0;
        vertical-align: middle;
        text-align: center;
    }
    .table > tbody > tr > td .small,
    .table > tbody > tr > th .small,
    .table > tfoot > tr > td .small,
    .table > tfoot > tr > th .small,
    .table > thead > tr > td .small,
    .table > thead > tr > th .small {
        font-size: 10px;
    }
    .table > tbody > tr > td .flex-half {
        flex-wrap: wrap;
    }
    .table > tbody > tr > td .flex-half .item {
        width: calc((100% - 10px) / 2);
    }
    .table > tbody > tr > td.null-td {
        background-color: #e6e6e6;
    }
    .panel + .panel {
        margin-top: 40px;
    }
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child {
        border-top-left-radius: 8px;
    }
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child {
        border-top-right-radius: 8px;
    }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child {
        border-bottom-left-radius: 8px;
    }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child {
        border-bottom-right-radius: 8px;
    }
    @media (min-width: 992px) {
        .table > tbody > tr > td,
        .table > tbody > tr > th,
        .table > tfoot > tr > td,
        .table > tfoot > tr > th,
        .table > thead > tr > td,
        .table > thead > tr > th {
            font-size: 16px;
        }
    }
    .seizonhanesuu tbody > tr > th:first-child,
    .th-first-big tbody > tr > th:first-child {
        width: 180px;
        font-size: 20px;
    }
    .seijouran tbody > tr > th {
        font-size: 20px;
        line-height: 1;
    }
    td .flex-half .item label {
        margin-bottom: 0;
    }
    .td-first-left > tbody > tr > td:first-child {
        padding-left: 15px;
        width: 58%;
        text-align: left;
    }
/**
***  area-data
*** ============================== */
    .area-data {
        margin-top: 60px;
    }
    .area-data .nav-month {
        font-size: 48px;
        color: #00833a;
    }
    .area-data .nav-month .txt-month {
        margin-left: .5em;
        margin-right: .5em;
    }
    .area-data .form-group .input-group {
        margin-left: auto;
        width: 600px;
    }
    .form-control,
    .input-group-addon {
        border-radius: 10px;
    }
    .area-data .form-group .input-group .form-control {
        padding: 14px 12px;
        height: auto;
        font-size: 24px;
        color: #00833a;
        border: 3px solid #00833a;
    }
    .area-data .form-group .input-group .input-group-addon {
        font-size: 24px;
        background-color: #00833a;
        border: none;
        color: #fff;
    }
    .area-data .panel {
        margin-top: 40px;
    }
    .area-data .panel .table thead th {
        background-color: #00833a;
        color: #fff;
    }
    .area-data .panel .table > tbody > tr > td,
    .area-data .panel .table > tbody > tr > th,
    .area-data .panel .table > tfoot > tr > td,
    .area-data .panel .table > tfoot > tr > th,
    .area-data .panel .table > thead > tr > td,
    .area-data .panel .table > thead > tr > th {
        padding-top: 20px;
        padding-bottom: 20px;
        border: none;
    }
    .area-data .panel .table > thead > tr > th {
        /*font-size: 20px;*/
        font-size: 16px;
    }
    .area-data .panel .table > tbody > tr > td {
        font-size: 16px;
    }
    .area-data .panel .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #e2f3d1;
    }
    .area-data .panel .table-striped > tbody > tr:nth-of-type(even) {
        background-color: #f0f7ec;
    }
    .area-data .panel + .nav-month {
        margin-top: 48px;
    }
    .icon {
        position: relative;
    }
    .icon-kyou:after {
        position: absolute;
        content: '強';
        top: 6px;
        right: -18px;
        width: 30px;
        height: 30px;
        color: #fff;
        background-color: #00833a;
        border-radius: 15px;
        font-size: 16px;
        font-weight: 600;
        line-height: 30px;
        text-align: center;
    }
    .mi {
        padding: 10px;
        background-color: transparent;
        border: none;
        line-height: 1;
    }
    .sitagaki {
        color: #231815;
        text-decoration: underline;
    }
    .mitouroku {
        color: #00833a;
        text-decoration: underline;
    }
    .sumi {
        padding: 10px;
        background-color: #c2e2cf;
        border: 1px solid #231815;
        border-radius: 4px;
        line-height: 1;
    }
    .sumi-touroku {
        background-color: #c0e0c8;
    }
    @media (min-width: 992px) {
        .icon-kyou:after {
            top: 50%;
            right: -10px;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            border-radius: 25px;
            font-size: 24px;
            line-height: 50px;
        }
    }
/**
***  area-tabs
*** ============================== */
    .area-tabs {
        margin-top: 60px;
    }
    .area-tabs-btn {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
        .area-tabs-btn .item .btn-tab {
            display: block;
            padding: 10px 15px 6px;
            font-size: 20px;
            border: 3px solid;
            border-radius: 10px 10px 0 0;
            border-bottom: none;
            color: #fff;
            line-height: 1.1;
            text-align: center;
        }
        .area-tabs-btn .item .btn-tab .txt-en {
            display: block;
            font-size: 40px;
        }
        .area-tabs-btn .item .btn-tab.kako {
            font-size: 30px;
        }
    .area-tabs-contents {
        padding: 40px;
        border: 3px solid;
        border-radius: 10px;
    }
        .area-tabs-contents > *:first-child,
        .modal-body > h3:first-child {
            margin-top: 0;
        }
        .area-tabs-contents h3,
        .modal-body > h3 {
            margin-top: 40px;
            margin-bottom: 16px;
            font-size: 26px;
            font-weight: 600;
            text-align: center;
        }
        .area-tabs-contents .panel {
            margin-bottom: 0;
            border-radius: 10px;
        }
    .area-tabs .nav-tabs > li > a {
        padding: 10px 15px 6px;
        font-size: 20px;
        border: 3px solid #66bb6a;
        border-bottom: none;
        border-radius: 10px 10px 0 0;
        color: #43a047;
        line-height: 1.1;
        text-align: center;
    }
    .area-tabs .nav-tabs > li > a:hover {
        background-color: #b5ddb3;
    }
    .area-tabs .nav-tabs > li > a .txt-en {
        display: block;
        font-size: 40px;
    }
    .area-tabs .nav-tabs > li:last-child a {
        font-size: 30px;
    }
    .area-tabs .nav-tabs > li.active > a {
        background-color: #43a047;
        border: 3px solid #43a047;
        border-bottom: none;
        color: #fff;
    }
    .area-tabs .tab-content {
        margin-top: 1px;
        padding: 40px;
        background-color: #e2f3d1;
        border: 3px solid #66bb6a;
        border-radius: 10px;
        color: #00833a;
    }
    .area-tabs .tab-pane > *:first-child {
        margin-top: 0;
    }
    .area-tabs .tab-content .table {
        margin-bottom: 0;
    }
    .area-tabs .tab-content .table th,
    .area-tabs .tab-content .table td {
        border: 1px solid #00833a;
    }
    .area-tabs .tab-content .table th {
        background-color: #b5ddb3;
    }
    .area-tabs .tab-content .table td {
        background-color: #fff;
    }
    @media (min-width: 992px) {
        .area-tabs .tab-content .panel,
        .area-tabs .tab-content .table th,
        .area-tabs .tab-content .table td {
            border-width: 2px;
        }
    }
/**
***  area-btn
*** ============================== */
    .area-btn {
        position: relative;
        margin-top: 60px;
    }
    .area-btn .flex .item a {
        position: relative;
        padding: 16px;
        font-size: 42px;
        font-weight: 600;
        color: #fff;
    }
    .area-btn .flex > .item:nth-child(1) a {
        background-color: #00833a;
    }
    .area-btn .flex > .item:nth-child(2) a {
        background-color: #7cb342;
    }
    .area-btn .flex > .item:nth-child(3) a {
        background-color: #c0ca33;
    }
    .area-btn .flex > .item:nth-child(4) a {
        background-color: #26a69a;
    }
    .area-btn .flex > .item .icon:before {
        position: absolute;
        content: '';
        top: 50%;
        left: -30px;
        transform: translateY(-50%);
        width: 24px;
        height: 26px;
    }
    .area-btn .flex > .item:nth-child(1) .icon:before {
        background: url(../img/icon-egg.svg) center no-repeat;
        background-size: contain;
    }
    .area-btn .flex > .item:nth-child(2) .icon:before {
        background: url(../img/icon-tori.svg) center no-repeat;
        background-size: contain;
    }
    .area-btn .flex > .item:nth-child(3) .icon:before {
        background: url(../img/icon-saku.svg) center no-repeat;
        background-size: contain;
    }
    .area-btn .flex > .item:nth-child(4) .icon:before {
        background: url(../img/icon-chart.svg) center no-repeat;
        background-size: contain;
    }
/**
***  ヘッダー
*** ============================== */
    #l-header {
        background-color: #43a047;
        color: #fff;
    }
    #l-header h1 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        width: 480px;
        font-size: 48px;
        font-weight: 600;
        text-align: center;
    }
    #l-header h1 .small {
        margin-left: .5em;
        color: #fff;
        vertical-align: middle;
    }
    /*** アイコン home ***/
    #l-header .link-home {
        position: absolute;
        right: 70px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 50px;
        color: #fff;
        line-height: 1;
    }
    /*** ハンバーガー ***/
    #l-header header {
        height: 80px;
    }
    #l-header header .drawer-hamburger {
        position: absolute;
        width: 40px;
    }
    #l-header header .drawer-hamburger-icon {
        margin-top: 18px;
    }
    #l-header header .drawer-hamburger-icon:before {
        top: -14px;
    }
    #l-header header .drawer-hamburger-icon:after {
        top: 14px;
    }
    #l-header header .drawer-hamburger-icon,
    #l-header header .drawer-hamburger-icon:after,
    #l-header header .drawer-hamburger-icon:before {
        height: 6px;
        border-radius: 3px;
        background-color: #fff;
    }
    .drawer-open #l-header header .drawer-hamburger-icon {
        background-color: transparent;
    }
    .drawer-open #l-header header .drawer-hamburger-icon:before,
    .drawer-open #l-header header .drawer-hamburger-icon:after {
        top: 0;
    }
/**
***  to top
*** ============================== */
    #toPageTop { position: fixed; bottom: 1rem; right: 1rem; z-index: 9999; text-indent: -9999em; }
    #toPageTop a { display: block; width: 50px; height: 50px; background: url(../img/totop.png) 0 0 no-repeat; }
    #toPageTop a:hover { background: url(../img/totop.png) 0 -50px no-repeat; }
/**
***  マージン
*** ============================== */
    .vr-base > * + * {
        margin-top: 60px;
    }
/**
***  モーダル
*** ============================== */
    .modal .modal-dialog {
        margin: 15px auto;
        width: calc(100% - 30px);
    }
        .modal .modal-dialog .modal-content {
            padding: 10px 30px 30px;
        }
        .modal .modal-dialog .modal-content .modal-body,
        .modal .modal-dialog .modal-content .modal-footer {
            padding: 15px;
        }
        .modal .modal-dialog .modal-content .modal-header {
            padding: 15px 0;
            border-bottom: none;
        }
            .modal .modal-dialog .modal-content .modal-header .close {
                font-size: 50px;
                opacity: 1;
            }
            .modal .modal-dialog .modal-content .modal-header .modal-title {
                padding-left: 50px;
                font-size: 24px;
                text-align: center;
                line-height: 2;
            }
        .modal .modal-dialog .modal-content .modal-body .flex-half {
            justify-content: space-between;
        }
            .modal .modal-dialog .modal-content .modal-body .flex-half .item {
                width: calc((100% - 40px) / 2);
            }
            .modal .modal-dialog .modal-content .modal-body .flex-half .item .form-group {
                margin-bottom: 0;
            }
        .modal .modal-dialog .modal-content .modal-body input[type="text"],
        .modal .modal-dialog .modal-content .modal-body input[type="number"] {
            height: 70px;
            font-size: 20px;
            line-height: 1;
            color: #000;
        }
        .modal .modal-dialog .modal-content .modal-body .input-group-addon {
            font-size: 20px;
            text-align: left;
        }
        .modal .modal-dialog .modal-content .modal-body .panel {
            border-radius: 10px;
        }
        .modal .modal-dialog .modal-content .modal-body .table > thead > tr > th {
            /*font-size: 16px;*/
            font-size: 13px;
            border-bottom: none;
        }
        .modal .modal-dialog .modal-content .modal-body .table > tfoot > tr > th {
            border-bottom: none;
        }
        .modal .modal-dialog .modal-content .modal-body .table > tbody > tr > td input[type="text"],
        .modal .modal-dialog .modal-content .modal-body .table > tbody > tr > td input[type="number"] {
            padding: 0;
            border: none;
            box-shadow: none;
            text-align: center;
        }
        .modal .modal-dialog .modal-content .modal-body .table > tbody > tr > td .flex-half .item {
            width: calc((100% - 10px) / 2);
        }
        .modal .modal-dialog .modal-content .modal-footer {
            border-top: none;
            text-align: center;
        }
            .modal .modal-dialog .modal-content .modal-footer .btn {
                padding: 12px 30px;
                width: 200px;
                font-size: 24px;
                line-height: 50px;
            }
    .modal.borderd .modal-dialog .modal-content {
        border: 3px solid;
    }
    .kyoukantyuu {
        margin-top: 24px;
        margin-bottom: 24px;
        padding: 6px 12px 8px;
        line-height: 1;
        border-radius: 4px;
    }
    .kyoukantyuu input[type=checkbox] {
        width: 20px;
        height: 20px;
        vertical-align: text-bottom;
    }
    .modal .modal-dialog .modal-content .modal-body .seijouran thead > tr > th {
        font-size: 12px;
        line-height: 1;
    }
/**
***  出荷・動態・飼養
*** ============================== */
    /*** レイヤー - 出荷（shukka） ***/
        .shukka #l-header {
            background-color: #00833a;
        }
        .shukka .bg-primary,
        .shukka .area-tabs-btn .item .btn-tab.is-active,
        .shukka .kyoukantyuu,
        .shukka .looks-btn input[type=checkbox]:checked + .label {
            background-color: #00833a;
            color: #fff;
        }
        .shukka .c-primary,
        /*.shukka .area-tabs-contents h3,
        .shukka .area-tabs-contents .table th,*/
        .shukka h3,
        .shukka .table th,
        .mitouroku,
        .shukka .modal .modal-dialog .modal-content .modal-header .close,
        .shukka .modal .modal-dialog .modal-content .modal-body .input-group-addon,
        .modal .modal-dialog .modal-content .modal-header .modal-title,
        .shukka .looks-btn label,
        .shukka .pagination > li > a {
            color: #00833a;
        }
        .shukka .bdr-primary,
        .shukka .area-tabs-btn .item .btn-tab.is-active,
        /*.shukka .area-tabs-contents .panel*/
        .shukka .panel,
        .shukka .modal .modal-dialog .modal-content .modal-body .input-group-addon,
        .shukka .modal .modal-dialog .modal-content .modal-body .input-group input,
        .shukka .looks-btn input[type=checkbox]:checked + .label,
        .shukka .looks-btn label {
            border-color: #00833a;
            border-width: 2px;
        }
        .shukka .area-tabs-btn .item .btn-tab {
            color: #43a047;
        }
        .shukka .bg-primary-light,
        .shukka .modal.borderd .modal-dialog .modal-content {
            background-color: #e2f3d1;
        }
        .shukka .panel .table thead th {
            /*background-color: #00833a;
            color: #fff;*/
        }
        .shukka .panel .table-striped > tbody > tr:nth-of-type(odd),
        .shukka .area-tabs-contents,
        .shukka .pagination > li.active a {
            background-color: #e2f3d1;
        }
        /*.shukka .area-tabs-contents .table th,
        .shukka .area-tabs-contents .table td {
            border-color: #00833a;
        }*/
        .shukka .table th,
        .shukka .table td {
            border-color: #00833a;
        }
        /*.shukka .area-tabs-contents .table th*/
        .shukka .table th,
        .shukka .modal .modal-dialog .modal-content .modal-body .input-group-addon {
            background-color: rgba(0, 131, 58, .2);
        }
        .shukka .panel .table-striped > tbody > tr:nth-of-type(even) {
            background-color: #f0f7ec;
        }
        .shukka .table th .btn,
        .shukka .table td .btn {
            background-color: #c2e2cf;
            border: 1px solid #231815;
        }
        .shukka .area-tabs-btn .item .btn-tab,
        .shukka .area-tabs-contents,
        .shukka .modal.borderd .modal-dialog .modal-content,
        .shukka .pagination > li a {
            border-color: #66bb6a;
        }
        .shukka .looks-btn input[type=checkbox]:checked + .label {
            display: inline-block;
            padding: 12px 0;
            width: 44px;
            border: 1px solid;
            border-radius: 4px;
            cursor: pointer;
            text-align: center;
        }
        /*** btn ***/
        .shukka .btn-primary {
            background-color: #00833a;#006f31
            border-color: #00833a;
        }
        .shukka .btn-primary:hover,
        .shukka .btn-primary:focus {
            background-color: #006f31;
            border-color: #006f31;
            outline: none;
        }
        .shukka .area-tabs-contents .table thead tr th,
        .shukka .area-tabs-contents .table tbody tr th,
        .shukka .area-tabs-contents .table tbody tr td {
            border-color: #00833a;
        }
        .shukka .area-tabs-contents .table thead tr th,
        .shukka .area-tabs-contents .table tbody tr th,
        .shukka .area-tabs-contents .table tbody tr td {
            color: #00833a;
        }

    /*** レイヤー - 動態（doutai） ***/
        .doutai #l-header {
            background-color: #7cb342;
        }
        .doutai .bg-primary,
        .doutai .area-tabs-btn .item .btn-tab.is-active,
        .doutai .area-data .form-group .input-group .input-group-addon {
            background-color: #7cb342;
            color: #fff;
        }
        .doutai .c-primary,
        .doutai h3,
        /*.doutai .table th,*/
        .doutai .modal .modal-dialog .modal-content .modal-header .close,
        .doutai .modal .modal-dialog .modal-content .modal-body .input-group-addon,
        .doutai .modal .modal-dialog .modal-content .modal-header .modal-title,
        .doutai .area-tabs-btn .item .btn-tab,
        .doutai .nav-month,
        .doutai .area-data .form-group .input-group .form-control,
        .doutai .area-tabs-contents .table thead tr th {
            color: #7cb342;
        }
        .doutai .bg-primary-light,
        .doutai .panel .table-striped > tbody > tr:nth-of-type(odd),
        .doutai .area-tabs-contents,
        .doutai .pagination > li.active a {
            background-color: #e2f3d1;
        }
        /*.doutai .panel .table thead th {
            background-color: #7cb342;
            color: #fff;
        }*/
        .doutai .panel .table-striped > tbody > tr:nth-of-type(odd),
        .doutai .area-tabs-contents {
            background-color: #e2f3d1;
        }
        .doutai .panel .table-striped > tbody > tr:nth-of-type(even) {
            background-color: #f0f7ec;
        }
        .doutai .tab-content .table th,
        .doutai .tab-content .table td {
            border-color: #7cb342;
        }
        .doutai .table th .btn,
        .doutai .table td .btn {
            background-color: #c2e2cf;
            border: 1px solid #231815;
        }

        .doutai .area-data .panel .table thead th {
            background-color: #7cb342;
        }
        .area-tabs-contents .table thead tr th,
        .area-tabs-contents .table tbody tr th,
        .area-tabs-contents .table tbody tr td {
            border-color: #7cb342;
            color: #689f38;
        }
        .area-tabs-contents .table thead tr th,
        .area-tabs-contents .table tbody tr th {
            background-color: rgba(0, 131, 58, .1);
        }
        .doutai .box-small {
            margin-top: 40px;
        }
        .panel,
        .box-small .panel {
            border: 2px solid #00833a;
        }
        .modal-body .box-small .panel .th-first-big .table > tbody > tr > th,
        .modal-body .box-small .panel .th-first-big .table > tbody > tr > td {
            border-color: #00833a;
        }
        .modal-body .box-small .panel .th-first-big .table > tbody > tr > th {
            background-color: rgba(0, 131, 58, .2);
            color: #00833a;
        }
        td > select.form-control {
            height: 70px;
            border: none;
            border-radius: 0;
            box-shadow: none;
        }
        .doutai td > select.form-control {
            width: 100px;
        }
        td > textarea.form-control {
            border: none;
            border-radius: 0;
            box-shadow: none;
        }
        .doutai .modal.borderd .modal-dialog .modal-content {
            background-color: #e2f3d1;
            border-color: #7cb342;
        }
        .doutai .bdr-primary,
        .doutai .area-tabs-contents,
        .doutai .area-data .form-group .input-group .form-control,
        .doutai .panel {
            border-color: #7cb342;
        }

    /*** レイヤー - 飼養（siyou） ***/
        .siyou #l-header {
            background-color: #c0ca33;
        }
        .siyou .bg-primary {
            background-color: #c0ca33;
            color: #fff;
        }
        .siyou .c-primary {
            color: #c0ca33;
        }
        .siyou .bdr-primary {
            border-color: #c0ca33;
        }
        .siyou .bg-primary-light {
            background-color: #e9edb9;
        }
        .siyou .panel .table thead th {
            background-color: #c0ca33;
            color: #fff;
        }
        .siyou .panel .table-striped > tbody > tr:nth-of-type(odd) {
            background-color: #e9edb9;
        }
        .siyou .panel .table-striped > tbody > tr:nth-of-type(even) {
            background-color: rgba(233, 237, 185, .5);
        }
        .siyou .tab-content .table th,
        .siyou .tab-content .table td {
            border-color: #c0ca33;
        }
        .siyou .tab-content .table th {
            background-color: rgba(192, 202, 51, .3);
        }
        .siyou .table th .btn,
        .siyou .table td .btn {
            /*background-color: #c2e2cf;
            border: 1px solid #231815;*/
        }



        .siyou .panel {
            border-color: #c0ca33;
        }
        .siyou .area-tabs-btn .item .btn-tab {
            border-color: #c0ca33;
            color: #c0ca33;
        }
        .siyou .area-tabs-btn .item .btn-tab.is-active {
            background-color: #c0ca33;
            color: #fff;
        }
        .siyou .area-tabs-contents {
            background-color: #e9edb9;
            border-color: #c0ca33;
            color: #9e9d24;
        }
        /*.siyou .area-tabs-contents .panel {
            border-color: #c0ca33;
        }*/
        .siyou .area-tabs-contents .panel .table thead tr th,
        .siyou .area-tabs-contents .panel .table tbody tr th,
        .siyou .area-tabs-contents .panel .table tbody tr td {
            border-color: #c0ca33;
            color: #9e9d24;
        }
        .siyou .area-tabs-contents .panel .table thead tr th,
        .siyou .area-tabs-contents .panel .table tbody tr th {
            background-color: rgba(192, 202, 51, .3);
        }
        .siyou .nav-month {
            color: #c0ca33;
        }
        .siyou .area-data .form-group .input-group .form-control {
            color: #c0ca33;
            border-color: #c0ca33;
        }
        .siyou .area-data .form-group .input-group .input-group-addon {
            background-color: #c0ca33;
        }
        .siyou .close,
        .siyou .modal .modal-dialog .modal-content .modal-header .modal-title {
            color: #9e9d24;
        }
        .siyou .modal-body > h3 {
            color: #9e9d24;
        }
        .th-first-left > tbody > tr > th:first-child {
            text-align: left;
        }
        .siyou .th-first-left {
            background-color: #e9edb9;
            color: #9e9d24;
        }
        .siyou .th-first-left th,
        .siyou .th-first-left td {
            padding-left: 30px;
            padding-right: 30px;
        }
        .panel>.table:last-child {
            border-bottom-right-radius: 9px;
            border-bottom-left-radius: 9px;
        }
        .panel>.table:first-child {
            border-top-left-radius: 9px;
            border-top-right-radius: 9px;
        }
        .siyou .btn-primary {
            background-color: #9e9d24;
            border-color: #9e9d24;
        }
        .siyou .btn-primary:hover,
        .siyou .btn-primary:focus {
            background-color: #8e8d20;
            border-color: #8e8d20;
        }

    /*** ユーザー管理（yu-za-） ***/
        .yu-za- #l-header {
            background-color: #eb6676;
        }
        .yu-za- .bg-primary {
            background-color: #eb6676;
            color: #fff;
        }
        .yu-za- .c-primary {
            color: #eb6676;
        }
        .yu-za- .bdr-primary {
            border-color: #eb6676;
        }
        .yu-za- .bg-primary-light {
            background-color: #f9d8dd;
        }
        .yu-za- .panel .table thead th {
            background-color: #eb6676;
            color: #fff;
            font-size: 18px;
        }
        .yu-za- .panel .table-striped > tbody > tr:nth-of-type(even) {
            background-color: #fdf2f3;
        }
        .yu-za- .panel .table-striped > tbody > tr:nth-of-type(odd) {
            background-color: #fff;
        }
        .yu-za- .tab-content .table th,
        .yu-za- .tab-content .table td {
            border-color: #eb6676;
        }
        .yu-za- .tab-content .table.table-striped td {
            border: none;
        }
        .yu-za- .tab-content .table th {
            /*background-color: rgba(192, 202, 51, .3);*/
        }
        .yu-za- .table th .btn,
        .yu-za- .table td .btn {
            /*background-color: #c2e2cf;
            border: 1px solid #231815;*/
        }

        .area-bs-tabs {
            margin-top: 40px;
        }
        .area-bs-tabs .nav-tabs {
            border-bottom: none;
        }
        .area-bs-tabs .nav-tabs li {
            margin-bottom: 0;
            width: calc((100% - 20px) / 2);
        }
        .area-bs-tabs .nav-tabs li + li {
            margin-left: 20px;
        }
        .area-bs-tabs .nav-tabs li a {
            margin: 0;
            color: #ed7980;
            border: 2px solid #eb6676;
            border-bottom: none;
            border-radius: 10px 10px 0 0;
            font-size: 24px;
            text-align: center;
        }
        .area-bs-tabs .nav-tabs li.active a {
            color: #fff;
            background-color: #eb6676;
        }
        .area-bs-tabs .tab-content {
            padding: 30px;
            background-color: #f9d8dd;
            border: 2px solid #eb6676;
            border-radius: 0 0 10px 10px;
        }
        .area-bs-tabs .tab-content .tab-pane > *:first-child {
            margin-top: 0;
        }
        .area-bs-tabs .tab-content .tab-pane > *:last-child {
            margin-bottom: 0;
        }
        .area-bs-tabs .tab-content .tab-pane h3 {
            color: #eb6676;
        }
        .area-bs-tabs .tab-content .tab-pane .panel {
            border: none;
        }
        .area-bs-tabs .tab-content .table-bordered > tbody > tr > td:last-child {
            border-left: 2px solid #eb6676;
        }
        .area-bs-tabs .tab-content th .small {
            display: block;
        }
        .area-bs-tabs .tab-content td input {
            height: 70px;
            border: none;
            border-radius: 0;
            box-shadow: none;
        }
        .area-bs-tabs .tab-content td a {
            color: #eb6676;
            text-decoration: underline;
        }
        .area-bs-tabs .tab-content td button {
            color: #eb6676;
            font-size: 20px;
        }
        .area-bs-tabs .tab-content .btn-add {
            padding: 10px 20px;
            border: none;
            color: #fff;
            background-color: #eb6676;
            border-radius: 10px;
            font-size: 18px;
            letter-spacing: .1em;
        }
        .area-bs-tabs .tab-content .btn.btn-primary {
            margin-top: 40px;
            padding: 12px 30px;
            width: 200px;
            font-size: 24px;
            line-height: 50px;
            background-color: #eb6676;
            border-color: #eb6676;
        }
        .area-bs-tabs .tab-content .pagination > li a {
            border-color: #eb6676;
            color: #eb6676;
        }
        .area-bs-tabs .tab-content .pagination > li.active a {
            background-color: #eb6676;
            color: #fff;
        }

    /*** ブロイラー - 出荷（shukka） ***/
        .area-denpyou-add {
            margin-top: 40px;
        }
        .area-denpyou-add button {
            font-size: 24px;
            height: 70px;
            background-color: #00833a;
            border-color: #00833a;
        }
        .flex-3 .th-first-big tbody > tr > th:first-child {
            width: 100px;
        }
        .shukka .btn-add {
            padding: 6px 20px;
            border: none;
            color: #fff;
            background-color: #00833a;
            border-radius: 4px;
            font-size: 18px;
            letter-spacing: .1em;
        }
        .tbl-bikou {
            margin-top: 20px;
        }
        .modal .modal-dialog .modal-content .modal-footer .btn.btn-block {
            width: 100%;
        }
        .shukka .modal-footer .btn-primary {
            background-color: #00833a;
            border-color: #00833a;
        }

    /*** ブロイラー - 動態（doutai） ***/
        td > .comment {
            display: block;
            color: #999;
        }
        td > .comment.is-active {
            color: #000;
        }
        td > .label.small {
            display: block;
            color: #fff;
            background-color: #000;
        }
        .doutai .table thead tr th,
        .doutai .modal-body .table.table-striped thead tr th {
            background-color: #7cb342;
            color: #fff;
        }
        .doutai .area-tabs-contents .table thead tr th,
        .doutai .modal-body .table thead tr th,
        .doutai .modal-body .table tbody tr th {
            background-color: rgba(0, 131, 58, .1);
            color: #689f38;
            border-color: #7cb342;
        }
        .doutai .modal-body .table tbody tr td {
            border-color: #7cb342;
        }
        .doutai .modal-footer .btn-primary {
            background-color: #7cb342;
            border-color: #7cb342;
        }
        .doutai .pagination > li > a,
        .doutai .pagination > li.active > a {
            border-color: #7cb342;
            color: #7cb342;
        }

.container-fluid>.row.row-0{margin-left:-12px;margin-right:-12px}.row-0{margin-left:0;margin-right:0}.row-0>[class*=col-]{padding-left:0;padding-right:0}.row-10{margin-left:-5px;margin-right:-5px}.row-10>[class*=col-]{padding-left:5px;padding-right:5px}.row-20{margin-left:-10px;margin-right:-10px}.row-20>[class*=col-]{padding-left:10px;padding-right:10px}.row-30{margin-left:-15px;margin-right:-15px}.row-30>[class*=col-]{padding-left:15px;padding-right:15px}.row-40{margin-left:-20px;margin-right:-20px}.row-40>[class*=col-]{padding-left:20px;padding-right:20px}.row-50{margin-left:-25px;margin-right:-25px}.row-50>[class*=col-]{padding-left:25px;padding-right:25px}.row-60{margin-left:-30px;margin-right:-30px}.row-60>[class*=col-]{padding-left:30px;padding-right:30px}.row-70{margin-left:-35px;margin-right:-35px}.row-70>[class*=col-]{padding-left:35px;padding-right:35px}.row-80{margin-left:-40px;margin-right:-40px}.row-80>[class*=col-]{padding-left:40px;padding-right:40px}.row-90{margin-left:-45px;margin-right:-45px}.row-90>[class*=col-]{padding-left:45px;padding-right:45px}.row-100{margin-left:-50px;margin-right:-50px}.row-100>[class*=col-]{padding-left:50px;padding-right:50px}.col-lg-15,.col-md-15,.col-sm-15,.col-xs-15{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.label{padding-top:.3em;vertical-align:middle}label{color:#595757}.form-control{-webkit-box-shadow:none;box-shadow:none}.wrap-select{position:relative;display:inline-block;width:100%;background-color:#fff}.wrap-select select{position:relative;margin:0;padding:8px;background:transparent;z-index:1}.wrap-select select::-ms-expand{display:none}.wrap-select:before{right:0;background:transparent;height:100%;width:30px}.wrap-select:after,.wrap-select:before{position:absolute;content:"";top:0;z-index:0}.wrap-select:after{bottom:0;margin:auto 0;right:9px;width:0;height:0;border-style:solid;border-width:6px 6px 0;border-color:#ccc transparent transparent}.wrap-select.bg-order{background-color:#cce8f5}#page-order.completed .wrap-completed.bg-order,#page-order.confirm .wrap-confirm.bg-order{padding:8px;font-size:24px}#page-order.confirm .wrap-confirm.bg-order{background-color:#f9f6cc}#page-order.completed .wrap-completed.bg-order{background-color:#d9d9d9}.btn:active:focus,.btn:focus{outline:none}.area-submit{margin-top:40px;text-align:center}.area-submit .btn{min-width:165px;font-size:24px}#page-order .btn-primary{background-color:#008bcc;border-color:#007eb8}#page-order .btn-primary:hover{background-color:#007eb8;border-color:#0070a5}#page-order .btn-primary:focus{background-color:#0070a5;border-color:#006391}article>:first-child,dd>:first-child,div>:first-child,h1>:first-child,h2>:first-child,h3>:first-child,h4>:first-child,h5>:first-child,h6>:first-child,li>:first-child,p>:first-child,td>:first-child,th>:first-child{margin-top:0}article>:last-child,dd>:last-child,div>:last-child,h1>:last-child,h2>:last-child,h3>:last-child,h4>:last-child,h5>:last-child,h6>:last-child,li>:last-child,p>:last-child,td>:last-child,th>:last-child{margin-bottom:0}.vertical-rhythm>*+*{margin-top:40px}body,html{-webkit-font-feature-settings:"palt" 1;font-feature-settings:"palt" 1}html{word-wrap:break-word;word-break:break-all}body{letter-spacing:.075em;line-height:1.8}label{margin-bottom:0}td{position:relative}td>button{padding:10px;background-color:transparent;border:none;line-height:1}input[type=button],input[type=email],input[type=number],input[type=submit],input[type=text],select,textarea{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn,.label,.message-page,a,h1,h2,h3,h4,h5,h6,label,th{font-family:Rounded Mplus\ 1c}th{color:#595757}#page-order .table.table-striped tbody>tr:nth-child(odd){background-color:#cce8f5}#page-order .table.table-striped tbody>tr:nth-child(2n){background-color:#f2f2f2}#page-order.confirm .table.table-striped tbody>tr:nth-child(odd){background-color:#f9f6cc}#page-order.confirm .table.table-striped tbody>tr>td{font-size:20px}#page-order.completed .table.table-striped tbody>tr:nth-child(odd){background-color:#d9d9d9}#page-order.completed .table.table-striped tbody>tr>td{font-size:20px}#l-wrapper{overflow:hidden}#main{padding-top:40px;padding-bottom:80px}#toPageTop{position:fixed;bottom:1rem;right:1rem;z-index:3;text-indent:-9999em}#toPageTop a{display:block;width:50px;height:50px;background:url(../images/totop.png) 0 0 no-repeat}#toPageTop a:hover{background:url(../images/totop.png) 0 -50px no-repeat}.message-page{font-size:24px;color:#c30d23}.label-order{font-size:20px}#l-header{position:relative;color:#fff}#l-header h1{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;width:480px;font-size:48px;font-weight:600;text-align:center}#l-header h1 .small{margin-left:.5em;color:#fff;vertical-align:middle}#l-header .link-home{position:absolute;right:70px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:50px;color:#fff;line-height:1}#page-order #l-header{background-color:#008bcc}#l-header header{height:80px}#l-header header .drawer-hamburger{position:absolute;right:8px;width:40px}#l-header header .drawer-hamburger-icon,#l-header header .drawer-hamburger-icon:after,#l-header header .drawer-hamburger-icon:before{height:6px;border-radius:3px;background-color:#fff}#l-header header .drawer-hamburger-icon{margin-top:18px}#l-header header .drawer-hamburger-icon:before{top:-14px}#l-header header .drawer-hamburger-icon:after{top:14px}.drawer-open #l-header header .drawer-hamburger-icon{background-color:transparent}.drawer-open #l-header header .drawer-hamburger-icon:after,.drawer-open #l-header header .drawer-hamburger-icon:before{top:0}.drawer-nav{width:300px}.drawer--right .drawer-nav{right:-300px}.drawer--right.drawer-open #l-header header .drawer-hamburger{right:300px}.drawer--right.drawer-open .drawer-nav{z-index:3}.drawer--right.drawer-open .drawer-nav .drawer-menu>li:not(:last-child){border-bottom:1px solid}.drawer--right.drawer-open .drawer-nav .drawer-menu>li a{padding:.75rem 1.5rem;font-size:24px}.drawer--right.drawer-open .drawer-nav .drawer-menu>li a.drawer-brand{padding:.75rem 1.5rem;line-height:1.8}.drawer-overlay{z-index:2}#page-order .label-primary{background-color:#008bcc}@media (min-width:768px){.row-base>[class*=col-]{padding-left:40px;padding-right:40px}.col-sm-15{width:20%;float:left}}@media (min-width:992px){.row-base>[class*=col-]{padding-left:80px;padding-right:80px}.col-md-15{width:20%;float:left}}@media (min-width:1200px){.col-lg-15{width:20%;float:left}}


/*** ここからTLS作成 ***/
/*** ログイン画面（all_login） ***/
#all_login {
margin-top: 100px;
text-align: center;
}
#all_login h1 {
color: #333;
font-family: "Rounded Mplus 1c";
font-weight: 600;
margin-bottom: 30px;
}
#all_login .btn-primary {
background-color: #c30000;
border-color: #c30000;
font-weight: 500;
font-size: 32px;
line-height: 50px;
margin-bottom: 30px;
}
#all_login .btn-primary:hover {
background-color: #9a0000;
border-color: #9a0000;
}
#all_login .form-control {
margin-bottom: 25px;
border-radius: 0px;
/*padding: 30px;*/
height: 60px;
font-size: 20px;
}
#all_login a {
font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

/*** 共通***/
.drawer-overlay {
background-color: rgba(0, 0, 0, .7);
}
.back_gray {
background-color: #ededee ;
}
.layer_back {
background-image: url(../images/layer_w.svg) ;
background-repeat: no-repeat ;
background-position: 0 0 ;
}
.broiler_back {
background-image: url(../images/broiler_w.svg) ;
background-repeat: no-repeat ;
background-position: 0 0 ;
}
.fa_120 {
font-size: 120%;
}
.drawer-open #l-header header .drawer-hamburger-icon {
background-color: transparent !important;
}
.home_lbtn {
float: left;
width: 49%;
}
.home_rbtn {
float: right;
width: 49%;
}
.home_lbtn .btn {
height: 120px;
font-size: 48px;
font-weight: 600;
color: #fff;
text-align: right;
padding-top: 50px;
margin-bottom: 15px ;
background-repeat: no-repeat ;
background-position: 5px 5px ;
background-size: 50px 50px ;
}
.btn_info {
background-color: #d8425b ;
background-image: url(../images/btn_info.svg) ;
}
.btn_message {
background-color: #f6921e ;
background-image: url(../images/btn_message.svg) ;
letter-spacing: -0.08em;
}
.btn_order {
background-color: #008bcc ;
background-image: url(../images/btn_order.svg) ;
}
.btn_data {
background-color: #a05aa8 ;
background-image: url(../images/btn_data.svg) ;
}
.daily_data {
background-color: #2da528 ;
background-repeat: no-repeat ;
background-position: 5px 5px ;
background-size: 50px 50px ;
font-size: 48px;
font-weight: 600;
color: #fff;
text-align: right;
padding: 40px 15px 3px 15px;
margin-bottom: 15px ;
font-family: "Rounded Mplus 1c";
letter-spacing: -0.06em;
border: none;
}
.daily_layer {
background-image: url(../images/btn_layer.svg) ;
}
.daily_broiler {
background-image: url(../images/btn_broiler.svg) ;
}
.daily_data .btn {
height: 84px;
font-size: 40px;
font-weight: 600;
color: #2da528;
text-align: center;
padding-top: 15px;
margin-bottom: 15px ;
background-color: #fff;
letter-spacing: 0.06em;
}
#attention {
margin-top:20px;
font-size:18px;
}
#attention a {
color:#d8425b;
font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
font-weight: 700;
text-decoration: underline;
}
#attention .panel {
border: #d8425b solid 5pt;
padding:30px 30px 0 30px;
}
#news_list dt {
float:left;
font-weight: normal;
clear: left;
}

#news_list span.category {
float:left;
width:80px;
height:30px;
margin-right:10px;
background-repeat: no-repeat ;
background-position: 0 0 ;
background-size: 80px 30px ;
}
#news_list span.date {
color:#666;
padding-right: 5px;
}
#news_list span.check {
background-image: url(../images/news_check.svg) ;
background-repeat: no-repeat ;
background-position: 0 3px ;
background-size: 25px 25px ;
width:30px;
height:30px;
float:right;
}
#news_list span.no_check {
width:30px;
height:30px;
float:right;
}
#news_list dd {
padding:0 0 30px 0 ;
display:flex;
}
.c_attention {
background-image: url(../images/label_attention.svg) ;
}
.c_event {
background-image: url(../images/label_event.svg) ;
}
.c_info {
background-image: url(../images/label_info.svg) ;
}
.c_feed {
background-image: url(../images/label_feed.svg) ;
}
.c_estimate {
background-image: url(../images/label_estimate.svg) ;
}
.c_purchase {
background-image: url(../images/label_purchase.svg) ;
}
#news_list h2 {
font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
font-weight: 700;
}
#newcome h2 {
margin-top: 40px;
margin-bottom: 0px;
text-align: center;
}
#newcome .panel {
padding:35px 35px 5px 35px;
border: none;
}
#newcome a {
font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
font-weight: 700;
text-decoration: underline;
font-weight: 700;
}
.form_info {
color:#ff0000;
font-size:24px;
text-align: center;
font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
font-weight: 700;
}
.marui_comment {
background-color: #eee;
margin: 5px 0 30px 0;
border: none;
padding: 30px;
font-size:20px!important;
}
.order_comment {
background-color: rgba(134,115,191,0.20);
margin: 5px 0 30px 0;
border: none;
padding: 30px;
font-size:20px!important;
}
.my_comment {
background-color:rgba(246,146,30,0.20);
margin: 5px 0 30px 0;
border: none;
padding: 30px;
font-size:20px!important;
}
/*** ホーム画面（lb_home） ***/
#lb_home #l-header {
background-color: #FFF;
background-repeat: no-repeat ;
background-position: 0px 0px;
}
.layer_homeback {
background-image: url(../images/layer_g.svg) ;
}
.broiler_homeback {
background-image: url(../images/broiler_g.svg) ;
}
#lb_home h1 {
color: #333;
font-size: 36px;
letter-spacing: -0.04em;
}
#lb_home .link-home {
color: #aaa;
}
#lb_home #l-header header .drawer-hamburger-icon, #lb_home #l-header header .drawer-hamburger-icon:after, #lb_home #l-header header .drawer-hamburger-icon:before {
background-color: #aaa;
}
.layer_m {
float:right ;
}
/*** お知らせ（lb_info） ***/
#info_home #l-header {
background-color: #d8425b;
}
#info_home .area-btn, #page-order .area-btn {
position: relative;
margin: 30px 0 40px 0;
}
#info_home .area-btn .flex .item a, #page-order .area-btn .flex .item a {
position: relative;
padding: 16px;
font-size: 32px;
font-weight: 600;
color: #fff;
}
#info_home .area-btn .flex > .item:nth-child(1) a {
background-color: #666;
}
#info_home .area-btn .flex > .item:nth-child(2) a {
background-color: #d8425b;
}
#info_home .area-btn .flex > .item:nth-child(3) a {
background-color: #2da528;
}
#info_home .area-btn .flex > .item:nth-child(4) a {
background-color: #008bcc;
}
.event_form_panel {
background-color: #e2f3d1;
border: none;
padding:35px;
font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
font-weight: 700;
font-size:24px;
color:#333;
}
.event_form_panel label {
font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
font-weight: 700;
font-size:24px;
color:#333;
}
.event_form_panel table {
margin:10px auto;
}
.event_form_panel td {
padding:5px 30px;
}
.event_form_panel .btn-primary {
background-color: #2da528;
border: none;
font-weight: 700;
}
.event_form_panel .btn-primary:hover {
background-color: #2d8728;
}
.market {
padding-top: 40px;
}
.market .panel {
border: none;
}
.market h3 {
float:left;
margin-bottom: 0;
}
.market th {
background-color: #DDD;
font-size: 20px !important;
padding: 5px 4px !important;
color: #000;
}
.market td {
font-size: 20px !important;
background-color: #fff;
padding: 5px 4px !important;
}
.market tbody tr td {
border-color:#DDD;
}
.market tbody tr th {
border-color:#CCC;
}
.market_date {
float: right;
margin-top: 15px;
}

/*** 注文（page-order) ***/
.order_lbtn {
float: left;
width: 49%;
}
.order_rbtn {
float: right;
width: 49%;
}
.order_lbtn .btn, .btn-order {
height: 120px;
font-size: 48px;
font-weight: 600;
color: #fff;
padding-top: 25px;
margin-bottom: 15px ;
}
.order_rbtn .btn {
height: 120px;
font-size: 48px;
font-weight: 600;
color: #fff;
padding-top: 25px;
margin-bottom: 15px ;
}
.btn_feed {
background-color: #008bcc ;
}
.btn_purchase {
background-color: #4552bc ;
}
.btn_estimate {
background-color: #8673bf ;
color: #fff;
}
.btn_order_info {
background-color: #647dd4 ;
}
#page-order .btn {
font-weight: 600;
}
#page-order .area-btn .flex > .item:nth-child(1) a {
background-color: #666;
}
#page-order .area-btn .flex > .item:nth-child(2) a {
background-color: #008bcc;
}
#page-order .area-btn .flex > .item:nth-child(3) a {
background-color: #4552bc;
}
#page-order .area-btn .flex > .item:nth-child(4) a {
background-color: #8673bf;
}
#page-order .vr-base > * + * {
margin-top: 30px;
}

/*** 注文_一般購買（purchase) ***/
#purchase #l-header {
background-color: #4552bc ;
}
.btn_category {
font-size: 32px ;
font-weight: 500;
background-color: #4552bc ;
color: #fff;
width: 47%;
float: left;
margin: 0 10px 20px 10px;
}
.cart {
clear: left;
text-align: center;
padding-top:30px;
}
.btn_cart {
font-size: 32px;
font-weight: 600;
color: #fff;
margin: auto;
background-color: #666;
width: 47%;
}
.btn-buy {
background-color: #4552bc ;
font-weight: 600;
color: #fff;
border: none;
}
#purchase .panel {
background-color:rgba(69,82,188,0.20) ;
border: none;
padding:30px;
margin-top: 0;
}
.item_search {
margin: 0 10px 40px 10px;
}
#purchase .total {
background-color:#fff;
border: solid 5px #4552bc !important;
padding:30px;
font-size: 24px;
display:flex;
font-weight: 700;
}
#purchase .btn-search {
font-size: 24px;
font-weight: 500;
height: 56px;
padding: 0 30px;
background-color: #4552bc ;
color: #fff;
}
#purchase .input_search {
font-size: 20px;
height: 56px;
}
#purchase h2 {
color: #4552bc ;
text-align: center;
font-weight: 600;
font-size: 40px;
}
#purchase .table.table-striped tbody>tr:nth-child(odd) {
background-color:rgba(69,82,188,0.20) ;
}
#purchase .table.table-striped tbody>tr:nth-child(2n) {
background-color: #f2f2f2;
}
#purchase .area-submit .btn {
color: #fff;
font-weight: 600;
}
#price {
color:#d80000;
font-size: 24px;
text-align: right;
padding-right:10px;
white-space: nowrap;
}
#item_img {
width:120px;
}
#item_img img {
width:100%;
margin:0 5px;
}
#item_name {
font-size: 24px;
text-align: left;
padding-left:10px;
font-weight: 600;
}
#item_name a {
text-decoration: underline;
font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
#purchase .p_price {
color:#d80000;
font-weight: 600;
margin: 0 10px 0 20px;
}
.order_item td {
font-size: 24px;
}
#item_name .btn {
text-decoration: none;
font-weight: 600;
margin: 0 10px;
}
#order_confilm .table.table-striped tbody>tr:nth-child(odd) {
background-color:rgba(234,223,67,0.30) !important;
}
#order_confilm .panel {
background-color:rgba(234,223,67,0.30) !important;
font-size: 24px;
padding:30px;
border:none;
}
#order_confilm .total {
background-color:#fff !important;
}
#order_comp .table.table-striped tbody>tr:nth-child(odd) {
background-color:rgba(0,0,0,0.15) !important;
}
#order_comp .panel {
background-color:rgba(0,0,0,0.15) !important;
font-size: 24px;
border:none;
padding:30px;
}
#order_comp .total {
background-color:#fff !important;
border: solid 5px #999 !important;
}
.order_detail {
margin-bottom:30px;
}

/*** 注文_見積依頼（estimate) ***/
#estimate #l-header {
background-color: #8673bf;
}
#estimate .table.table-striped tbody>tr:nth-child(odd) {
background-color:rgba(134,115,191,0.20);
}
#estimate .table.table-striped tbody>tr:nth-child(2n) {
background-color: #f2f2f2;
}
#estimate .panel {
background-color:rgba(134,115,191,0.20);
border: none;
padding:30px;
margin-top: 0;
}
#estimate .area-submit .btn {
color: #fff;
font-weight: 600;
}
.btn_es_send {
background-color: #8673bf;
font-size:24px;
color: #fff;
font-weight: 600;
}

/*** メッセージ（message) ***/
#message #l-header {
background-color: #f6921e;
width: 100%;
}
#message_footer {
position: fixed;
width: 100%;
background-color: #DDD;
bottom: 0px;
height: 150px;
padding-top:20px;
}
.btn_m_send {
background-color: #f6921e;
font-size:24px;
color: #fff;
font-weight: 600;
}
.btn_m_pic {
background-color: #999;
font-size:24px;
color: #fff;
border-radius: 50%;
padding: 10px 20px;
}
.foot_m {
padding-top:5px;
}
/*** 情報照会（data) ***/
#page-data #l-header {
background-color: #a05aa8;
}
#page-data .table.table-striped tbody>tr:nth-child(odd) {
background-color:rgba(160,90,168,0.20);
}
#page-data .table.table-striped tbody>tr:nth-child(2n) {
background-color: #f2f2f2;
}
#page-data td {
text-align: left;
font-size:24px;
}
.btn_temporary {
background-color: #a05aa8;
}
.btn_flap {
background-color: #802a78;
}
.btn_monthly_i {
background-color: #5f319a;
}
.btn_letter {
background-color: #562567;
}
.temporary {
color: #a05aa8;
}
#flap #l-header {
background-color: #802a78;
}
#flap .table.table-striped tbody>tr:nth-child(odd) {
background-color:rgba(128,42,120,0.20);
}
#flap .table.table-striped tbody>tr:nth-child(2n) {
background-color: #f2f2f2;
}
#flap td {
text-align: left;
font-size:24px;
}
.flap {
color: #802a78;
}
#monthly_i #l-header {
background-color: #5f319a;
}
#monthly_i .table.table-striped tbody>tr:nth-child(odd) {
background-color:rgba(95,49,154,0.20);
}
#monthly_i .table.table-striped tbody>tr:nth-child(2n) {
background-color: #f2f2f2;
}
#monthly_i td {
text-align: left;
font-size:24px;
}
.monthly_i {
color: #5f319a;
}
#letter #l-header {
background-color: #562567;
}
#letter .table.table-striped tbody>tr:nth-child(odd) {
background-color:rgba(86,37,103,0.20);
}
#letter .table.table-striped tbody>tr:nth-child(2n) {
background-color: #f2f2f2;
}
#letter td {
text-align: left;
font-size:24px;
}
.letter {
color: #562567;
}

#factory #l-header {
  background-color: #2da528;
}
#factory .header {
  color: #2da528;
}
#factory .btn-factory {
  position: relative;
  background-color: #2da528;
  color: #FFF;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 15px;
}
#factory td {
  text-align: left;
  font-size:24px;
}
#factory .table.table-striped tbody>tr:nth-child(odd) {
  background-color:rgba(45, 165, 40,0.20);
}
#factory .table.table-striped tbody>tr:nth-child(2n) {
  background-color: #f2f2f2;
}

.badge {
    background-image: url(../images/news_check.svg) ;
    background-repeat: no-repeat ;
    background-position: 0px 5px ;
    background-size: 30px 30px ;
    background-color:rgba(0,0,0,0.00) !important;
    width:35px;
    height:35px;
    float:right;
    display:block !important;
}

#l-header .link-book {
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 45px;
    color:cornflowerblue;
    line-height: 1;
}
/* 19.7.2 */
.drawer--top.drawer-open .drawer-nav {
  top: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}