/*
 * すべて
 */
body {
    background-color: #F2F2F2;
}

/* バックグラウンドカラー変更 */
body.bg-white {
    background-color: #FFFFFF;
}

p {
    margin-bottom: 0;
}

/*
 * 共通ヘッダー
 */
.my-header {
    background-color: #000000;
    padding: 4px 16px 4px 16px;
}

.my-header img {
    width: 150px;
    height: 32px;
}

.my-header-with-back {
    background-color: #000000;
    padding: 0;
}

.my-header-with-back-row {
    margin-left: 0;
    margin-right: 0;
}

.my-header-with-back-icon {
    background-color: #404040;
    width: 20%;
    padding: 14px;
}

.my-header-with-back-icon img {
    width: 24px;
    height: 24px;
}

.my-header-with-back-frame {
    background-color: #000000;
    width: 80%;
    padding: 14px;
}

.my-header-with-back-frame img {
    width: 113px;
    height: 24px;
}

/*
 * モーダル内の共通ボタン
 */
.my-modal-close-button {
    background-color: #CDCDCD;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    color: #757575;
    font-size: 16px;
    font-weight: normal;
    border: none;
    width: 45%;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-right: 12px;
}

.my-modal-ok-button {
    background: #FDE100;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    border: none;
    width: 55%;
    padding-top: 16px;
    padding-bottom: 16px;
}

/*
 * モーダル内の共通ラジオボタンリスト
 */
.my-modal-radio-list-ul {
    padding-left: 0;
    padding-bottom: 0;
}

.my-modal-radio-list-ul li {
    list-style: none;
    margin-bottom: 24px;
}

.my-modal-radio-list-image {
    height: 30px;
    margin-bottom: 0;
    vertical-align: middle;
    text-align: center;
}

.my-modal-radio-list-input {
    display: none;
}

.my-modal-radio-list-input + .my-modal-radio-list-background {
    background: url(../img/radio_off.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 30px;
    width: 30px;
}

.my-modal-radio-list-input:checked + .my-modal-radio-list-background {
    background: url(../img/radio_on.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 30px;
    width: 30px;
}

.my-modal-radio-list-text {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    padding-left: 8px;
    margin-bottom: 0;
    line-height: 30px;
    vertical-align: middle;
}

.my-modal-radio-list-edit-container {
    display: none;
    margin-bottom: 16px;
    padding-left: 40px;
    position: relative;
}

.my-modal-radio-list-edit-placeholder {
    position: absolute;
    top: 18px;
    padding-left: 12px;
    padding-right: 12px;
    color: #757575;
    font-size: 12px;
}

.my-modal-radio-list-edit-input {
    background-color: #F1F1F1;
    border: none;
    height: 64px;
    width: 85%;
    margin-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 18px;
    font-size: 20px;
    line-height: 20px;
    caret-color: #0A8CB5;
    border-bottom: 1px solid #E0E0E0;
}

.my-modal-radio-list-edit-input:focus {
    outline: none;
}

.my-modal-radio-list-edit-error {
    display: none;
    padding-left: 12px;
}

.my-modal-radio-list-edit-error span {
    color: #FF005C;
    font-size: 12px;
}

.my-modal-meter-wrap {
    background-color: #FFFFFF;
}

.my-modal-meter-arrow-up {
    background-color: #F1F1F1;
    text-align: center;
    padding: 8px 0 8px 0;
}

.my-modal-meter-arrow-down {
    background-color: #F1F1F1;
    text-align: center;
    padding: 8px 0 8px 0;
}

.my-modal-meter-input {
    background-color: #E0E0E0;
    border: none;
    font-size: 32px;
    text-align: center;
    width: 100%;
}

.my-modal-meter-wrap img {
    width: 18px;
}

/*
 * モーダル内の共通メーター
 */
.my-modal-meter-select {
    width: 100%;
    height: 50px;
    font-size: 20px;
}

.my-modal-meter-select:focus {
    outline: none;
}

/*.meter-wrap {*/
/*    position: relative;*/
/*    border: 1px solid #bbbbbb;*/
/*    border-radius: 2px;*/
/*    background: #ffffff;*/
/*}*/

/*.meter-wrap::before {*/
/*    position: absolute;*/
/*    top: 13px;*/
/*    right: 3px;*/
/*    width: 0;*/
/*    height: 0;*/
/*    padding: 0;*/
/*    content: '';*/
/*    border-left: 5px solid transparent;*/
/*    border-right: 5px solid transparent;*/
/*    border-top: 5px solid #bbbbbb;*/
/*    pointer-events: none;*/
/*}*/

/*
 * a00_home
 */
.my-a00-name {
    background-color: #F2F2F2;
    padding: 20px 16px 8px 16px;
}

.my-a00-name-user {
    font-weight: bold;
    font-size: 19px;
    color: #000000;
    text-align: center;
}

.my-a00-name-label {
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    color: #000000;
}

.my-a00-home-list {
    background-color: #F2F2F2;
    padding: 16px 16px 16px 16px;
}

.my-a00-home-list img {
    width: 76px;
    height: 76px;
}

.my-a00-home-list-item-row {
    background-color: #FDE100;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 12px;
}

.my-a00-home-list-item-icon {
    width: 30%;
    padding-top: 12px;
}

.my-a00-home-list-item-text {
    width: 70%;
    padding: 16px 16px 16px 16px;
}

.my-a00-home-list-item-title {
    color: #222222;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 16px;
}

.my-a00-home-list-item-description {
    color: #222222;
    font-size: 12px;
    margin-bottom: 0;
}

.my-a00-home-list-item-operating-time-status-row {
    background-color: #FEFCE6;
    margin-left: 0;
    margin-right: 0;
    margin-top: 16px;
}

.my-a00-home-list-item-operating-time-status-col {
    padding: 8px;
    width: 100%;
}

.my-a00-home-list-item-operating-time-status-label {
    font-size: 12px;
    padding-right: 8px;
}

.my-a00-home-list-item-operating-time-status-value {
    font-size: 16px;
}

.my-a00-sub-home-list {
    background-color: #FFFFFF;
    padding: 0;
    margin-bottom: 32px;
    border-top: 1px solid #979797;
}

.my-a00-sub-home-list img {
    width: 28px;
    height: 28px;
}

.my-a00-sub-home-list-item-row {
    background-color: #FFFFFF;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #979797;
}

.my-a00-sub-home-list-item-icon {
    width: 25%;
    padding-top: 16px;
    padding-bottom: 16px;
}

.my-a00-sub-home-list-item-text {
    width: 75%;
    font-size: 15px;
    font-weight: bold;
    padding-left: 0;
    padding-top: 16px;
    padding-bottom: 16px;
}
.my-a00-sub-home-list-item-text a {
    color: #000000;
}
.my-a00-sub-home-list-item-text a:hover {
    color: #000000;
    text-decoration: none;
}
/*
 * b00
 */
.my-b00-title {
    background-color: #E5FBFC;
    padding: 12px 16px 12px 16px;
}

.my-b00-title-date {
    font-size: 16px;
    color: #222222;
    margin-bottom: 4px;
}

.my-b00-title-company-name {
    font-size: 16px;
    font-weight: bold;
    color: #222222;
}

.my-b00-input-list {
    background-color: #FFFFFF;
    padding: 16px 16px 16px 16px;
}

.my-b00-input-list-background {
    background: url(../img/shape.png) no-repeat;
    background-size: contain;
    background-position: left 20px top 0;
}

.my-b00-input-list img {
    width: 35px;
    height: 32px;
}

/* 以下、休憩タイプではない、タッチ不可のアイテム */
.my-b00-input-list-item-row-cant-touch {
    margin-left: 0;
    margin-right: 0;
    background-color: #CDCDCD;
    box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    padding: 12px 12px 12px 12px;
    margin-bottom: 16px;
}

.my-b00-input-list-item-icon-cant-touch {
    width: 20%;
}

.my-b00-input-list-item-text-cant-touch {
    width: 60%;
    color: #757575;
    font-size: 18px;
    font-weight: bold;
}

.my-b00-input-list-item-timestamp-cant-touch {
    width: 20%;
    background-color: #FFFFFF;
    padding: 8px 8px 8px 8px;
    font-weight: bold;
    font-size: 16px;
    color: #000000;
}

/* 以下、休憩タイプではない、タッチ可能のアイテム */
.my-b00-input-list-item-row-can-touch {
    margin-left: 0;
    margin-right: 0;
    background-color: #FDE100;
    box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    padding: 12px 12px 12px 12px;
    margin-bottom: 16px;
}

.my-b00-input-list-item-icon-can-touch {
    width: 20%;
}

.my-b00-input-list-item-text-can-touch {
    width: 60%;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}

.my-b00-input-list-item-timestamp-can-touch {
    width: 20%;
    background-color: #FFFFFF;
    opacity: 0.68;
    padding: 8px;
    font-weight: bold;
    font-size: 16px;
    color: #000000;
}

/* 以下、休憩タイプの、タッチ不可のアイテム */
.my-b00-input-list-break-item-row-cant-touch {
    width: 80%;
    margin-left: 20%;
    margin-right: 0;
    background-color: #CDCDCD;
    box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    padding: 12px 12px 12px 12px;
    margin-bottom: 16px;
}

.my-b00-input-list-break-item-icon-cant-touch {
    width: 30%;
}

.my-b00-input-list-break-item-text-cant-touch {
    width: 45%;
    color: #757575;
    font-size: 18px;
    font-weight: bold;
}

.my-b00-input-list-break-item-timestamp-cant-touch {
    width: 25%;
    background-color: #FFFFFF;
    padding: 8px 8px 8px 8px;
    font-weight: bold;
    font-size: 16px;
    color: #000000;
}

/* 以下、休憩タイプの、タッチ可能のアイテム */
.my-b00-input-list-break-item-row-can-touch {
    width: 80%;
    margin-left: 20%;
    margin-right: 0;
    background-color: #FDE100;
    box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    padding: 12px 12px 12px 12px;
    margin-bottom: 16px;
}

.my-b00-input-list-break-item-icon-can-touch {
    width: 30%;
}

.my-b00-input-list-break-item-text-can-touch {
    width: 45%;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}

.my-b00-input-list-break-item-timestamp-can-touch {
    width: 25%;
    background-color: #FFFFFF;
    opacity: 0.68;
    padding: 8px;
    font-weight: bold;
    font-size: 16px;
    color: #000000;
}

/* 以下、合計休憩時間 */
.my-b00-input-list-item-row-sum-break {
    width: 80%;
    margin-left: 20%;
    margin-right: 0;
    margin-bottom: 16px;
}

.my-b00-input-list-item-row-sum-break-col {
    padding: 0;
    width: 100%;
}

.my-b00-input-list-item-sum-break-label {
    font-size: 12px;
    color: #000000;
}

.my-b00-input-list-item-sum-break-value {
    color: #000000;
    font-size: 16px;
}

/* 以下、注意書き */
.my-b00-caution {
    background-color: #FFFFFF;
    padding: 16px 32px 32px 32px;
}

.my-b00-caution-row {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 16px;
}

.my-b00-caution-title-icon {
    padding-left: 0;
    padding-right: 0;
}

.my-b00-caution-title-icon img {
    width: 32px;
    height: 32px;
}

.my-b00-caution-title-text {
    font-size: 16px;
    color: #FF005C;
}

.my-b00-caution-body {
    font-size: 14px;
    color: #4C4C4C;
}

/*
 * 自宅出発モーダル01
 */
.my-modal-departure-01-body-description {
    font-size: 18px;
    margin-bottom: 24px;
}

.my-modal-departure-01-close-button {
    background-color: #CDCDCD;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    color: #757575;
    font-size: 16px;
    font-weight: normal;
    border: none;
    width: 45%;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-right: 12px;
    text-align: center;
}

.my-modal-departure-01-close-button:hover {
  color: #757575;
  text-decoration: none;
}

.my-modal-departure-01-ok-button {
    background: #FDE100;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    border: none;
    width: 55%;
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
}

.my-modal-departure-01-ok-button:hover {
  color: #000000;
  text-decoration: none;
}

.my-modal-departure-01-radio-ul {
    padding-left: 0;
    padding-bottom: 0;
}

.my-modal-departure-01-radio-ul li {
    list-style: none;
    margin-bottom: 16px;
}

.my-modal-departure-01-radio-label {
    height: 30px;
    margin-bottom: 0;
    vertical-align: middle;
    text-align: center;
}

.my-modal-departure-01-radio-input {
    display: none;
}

.my-modal-departure-01-radio-input + .my-modal-departure-01-radio-image {
    background: url(../img/radio_off.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 30px;
    width: 30px;
}

.my-modal-departure-01-radio-input:checked + .my-modal-departure-01-radio-image {
    background: url(../img/radio_on.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 30px;
    width: 30px;
}

.my-modal-departure-01-radio-text {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    padding-left: 8px;
    margin-bottom: 0;
    line-height: 30px;
    vertical-align: middle;
}

.my-modal-departure-01-edit-text {
    display: none;
    margin-bottom: 16px;
    padding-left: 40px;
    position: relative;
}

.my-modal-departure-01-text-input {
    background-color: #F1F1F1;
    border: none;
    height: 64px;
    width: 85%;
    margin-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 18px;
    font-size: 20px;
    line-height: 20px;
    caret-color: #0A8CB5;
    border-bottom: 1px solid #E0E0E0;
}

.my-modal-departure-01-text-input:focus {
    outline: none;
}

.my-modal-departure-01-placeholder {
    position: absolute;
    top: 18px;
    padding-left: 12px;
    padding-right: 12px;
    color: #757575;
    font-size: 12px;
}

.my-modal-departure-01-error {
    display: none;
    padding-left: 12px;
}

.my-modal-departure-01-error span {
    color: #FF005C;
    font-size: 12px;
}

/*
 * 業務開始モーダル2
 */
.my-modal-startjob-02-caution-image {
    width: 24px;
    height: 24px
}

.my-modal-startjob-02-caution-text {
    color: #FF005C;
    font-size: 14px;
}


/* bold */
.b {
    font-weight: bold;
}
/* title */
.title-wrap {
    background-color: #E5FBFC;
    padding: 16px 16px 16px 16px;
    font-size: 19px;
}
.title-wrap.gray {
    background-color: #E0E0E0;
}
.title-wrap .title {
    font-size: 19px;
    font-weight: bold;
}
/* tab */
.tab-wrap {
    padding: 15px;
    background: #E0E0E0;
}
.tab-btn {
    display: block;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    padding: 15px 0;
    line-height: 21px;
    color: #757575;
    font-weight: bold;
}
.tab-btn:hover {
    color: #757575;
    text-decoration: none;
}
.tab-btn.active {
    background-color: #00D4E1;
    color: #FFFFFF;
}
.tab-wrap > div:first-child {
    padding-right: 8px;
}
.tab-wrap > div:last-child {
    padding-left: 8px;
}
/* 日報 */
.daily-report-wrap {
    padding: 15px;
    background: #F2F2F2;
    padding-bottom: 0;
}
.daily-report-inner {
    background: #FFFFFF;
}
.daily-report-inner.bgblue {
    background: #F7FEFE;
}
.daily-report-title-wrap {
    line-height: 50px;
    border: 1px solid #CDCDCD;
    border-left: 10px solid #FF005C;
    background: #FFFFFF;
}
.daily-report-title-wrap.blue {
    border-left: 10px solid #00D4E1;
}
.daily-report-title-wrap.black {
    border-left: 10px solid #000000;
}
.report-title {
    font-size: 19px;
    font-weight: bold;
}
.with-arrow-red {
    display: inline-block;
    position: relative;
    color: #FF005C;
    font-weight: bold;
    padding-right: 15px;
}
.with-arrow-red:hover {
    color: #FF005C;
    text-decoration: none;
}
.with-arrow-gray {
    display: inline-block;
    position: relative;
    padding-right: 11.875px;
}
.no-arrow-blue {
    color: #00D4E1;
    font-weight: bold;
}
.no-arrow-blue:hover {
    color: #00D4E1;
    text-decoration: none;
}
.font-big {
    font-size: 19px;
}
.no-arrow-black {
    color: #000000;
    font-weight: bold;
}
.no-arrow-black:hover {
    color: #000000;
    text-decoration: none;
}
.with-arrow-red::after {
    content: "";
    display: inline-block;
    width: 11.875px;
    height: 19px;
    background-image: url(../img/Vector.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    margin-top: -9.5px;
}
.with-arrow-gray::after {
    content: "";
    display: inline-block;
    width: 11.875px;
    height: 19px;
    background-image: url(../img/vector_gray.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    margin-top: -9.5px;
}
.daily-report-list-wrap {
    width: 100%;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-bottom: 1px solid #CDCDCD;
}
.daily-report-list-wrap > ul {
    list-style: none;
    padding-left: 25px;
    background: #FFFFFF;
}
.daily-report-list-wrap > ul > li {
    position: relative;
    font-size: 14px;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #CDCDCD;
    padding-left: 8.5px;
}
.daily-report-list-wrap > ul > li:last-child {
    border-bottom: none;
}
.report-list-btn {
    display: inline-block;
    width: 100%;
    border: 1px solid #222222;
    border-radius: 37.5px;
}
.page-radio-ul-wrap input[type="number"],
.page-radio-ul-wrap input[type="text"],
.daily-report-wrap input[type="number"]{
    position: relative;
    background: #F1F1F1;
    line-height: 50px;
    text-align: right;
    border: none;
    padding: 15px 15px 0;
    width: 85%;
    font-size: 27px;
    font-weight: bold;
    caret-color: #0A8CB5;
    border-bottom: 1px solid #E0E0E0;
}
.page-radio-ul-wrap span.small-text,
.daily-report-wrap span.small-text{
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
    color: #757575;
    font-size: 10px;
}
.page-radio-ul-wrap input[type="text"] {
    text-align: left;
}
.page-radio-ul-wrap input[type="text"]::placeholder {
    color:#BDBDBD;
    font-weight: normal;
}
.page-radio-ul-wrap span.small-text {
    top: 5px;
    left: 5px;
}
.page-radio-ul-wrap span.unit,
.daily-report-wrap span.unit {
    display: inline-block;
    width: 15%;
    text-align: center;
    vertical-align: bottom;
    font-size: 21px;
}


/* how-to-box */
.how-to-box {
    padding: 25px;
}
.how-to-box p{
    font-size: 14px;
}
/* report-btn */
.report-list-btn-wrap {
    padding: 25px 50px 0;
}
.report-list-btn {
    display: inline-block;
    width: 100%;
    border: 1px solid #222222;
    border-radius: 37.5px;
    text-align: center;
    color: #222222;
    font-size: 16px;
    padding: 10px 0;
}
.report-list-btn:hover {
    color: #222222;
    text-decoration: none;
}
/* yellow-btn */
.btn-area-wrap {
    padding: 35px;
}
.two-btn-area-wrap {
    padding: 15px;
}
.yellow-btn {
    display: flex;
    width: 100%;
    background: #FDE100;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #000000;
    min-height: 60px;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}
.yellow-btn:hover {
    color: #000000;
    text-decoration: none;
}
.yellow-btn > span {
    font-weight: bold;
    font-size: 19px;
}
.yellow-btn > span .small {
    font-weight: normal;
    font-size: 12px;
}
.two-btn-area-wrap > div:first-child {
    padding: 0;
    padding-right: 7.5px;
}
.two-btn-area-wrap > div:last-child {
    padding: 0;
    padding-left: 7.5px;
}
/* gray-btn */
.gray-btn {
    display: flex;
    width: 100%;
    background: #CDCDCD;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #757575;
    min-height: 60px;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    font-size: 19px;
    font-weight: bold;
}
.gray-btn:hover {
    color: #757575;
    text-decoration: none;
}
/* date-box */
.date-box {
    padding: 20px;
}
.date-box p.date{
    text-align: center;
    font-weight: bold;
    line-height: 22.5px;
    font-size: 19px;
    margin-bottom: 20px;
}
.date-box p{
    font-size: 16px;
}
/* link-img */
.link-img {
    margin-top: -6px;
    display: inline-block;
}
/* dairy-report-input-list */
.dairy-report-input-list {
    width: 100%;
    list-style: none;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-bottom: none;
    position: relative;
}
.dairy-report-input-list > li {
    padding: 17px;
    font-size: 16px;
    border-bottom: 1px solid #E0E0E0;
    line-height: 50px;
}
.dairy-report-input-list > li .unit{
    font-size: 16px;
    padding-left: 10px;
    line-height: 50px;
}
.dairy-report-input-list > li .meter-title, .default-title {
    font-size: 16px;
    line-height: 25px;
    width: 50%;
}
.dairy-report-input-list > li .meter-input, .default-input {
    width: 50%;
}
input#startMeter, input#endMeter, input#startTimes, input#endTimes, input#datetimepicker1, input#datetimepicker2, input#datetimepicker3 {
    width: 100%;
    font-size: 21px;
}
.dairy-report-input-list > li .value-text {
    font-size: 19px;
    font-weight: bold;
}
.dairy-report-input-list > li input[type="text"],
.dairy-report-input-list > li input[type="number"]  {
    background: #F1F1F1;
    line-height: 50px;
    text-align: center;
    border: none;
    caret-color: #0A8CB5;
    border-bottom: 1px solid #E0E0E0;
}

.meter-input {
    caret-color: #0A8CB5;
    border-bottom: 1px solid #E0E0E0;
    background-color: #F1F1F1;
    font-size: 21px;
}

.dropdown-menu {
    min-width: 140px;
}
/* textarea-wrap */
.textarea-wrap {
    padding-top: 15px;
}
textarea {
    width: 100%;
    height: 90px;
    border: 1px solid #A6A6A6;
    border-radius: 7px;
    padding: 10px;
}
textarea::placeholder {
    font-size: 15px;
    color: #BDBDBD;
}
/* modal */
.no-border {
    border: none !important;
}
.default-modal-title {
    padding: 0 30px;
    font-weight: bold;
    font-size: 19px;
    text-align: center;
}
.default-modal-text {
    padding: 0 2rem;
    font-size: 16px;
}
.modal-body-title {
    font-weight: bold;
    font-size: 19px;
    text-align: center;
    margin-bottom: 15px;
}
.modal-amount {
    font-size: 33px;
    font-weight: bold;
}
.modal-amount span {
    font-weight: normal;
    font-size: 21px;
}
/* x01,x02 */
.person-image-area {
    padding: 25px 25px 0px;
}
.person-text-area {
    padding: 15px 25px 25px;
}
.person-text-area .name {
    display: inline-block;
    font-size: 21px;
    margin-bottom: 8px;
}
.phone-box {
    color: #00D4E1;
    border: 1px solid #00D4E1;
    border-radius: 6px;
    font-weight: bold;
    font-size: 19px;
    height: 50px;
}
.phone-box:hover {
    color: #00D4E1;
    text-decoration: none;
}
/* checkbox */
input[type="checkbox"]{
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/off.png) no-repeat;
    background-size: contain;
    margin-right: 6px;
}
input[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    /*position: relative;*/
    left: 0px;
    top: 0px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/on.png) no-repeat;
    background-size: 24px 24px;
}
.all-check-wrap {
    padding: 15px 0 0;
}
.all-check-label {
    font-weight: bold;
    font-size: 16px;
}
/* sales */
.sales-list {
    background: #FFFFFF;
    list-style: none;
}
.sales-list li{
    padding: 15px;
    border-bottom: 1px solid #E0E0E0;
    font-weight: bold;
    font-size: 16px;
}
.sales-list li > span{
    font-size: 19px;
}
.link-blue {
    color: #00D4E1;
}
.link-blue:hover {
    color: #00D4E1;
    text-decoration: none;
}
.empty-text-area {
    padding: 15px;
    background: #FFFFFF;
}
.empty-box {
    padding: 30px;
    border: 1px solid #BDBDBD;
}
.empty-box > p {
    color: #BDBDBD;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}
/* history-table */
.history-table {
    font-size: 14px;
}
.history-table tr {
    border-bottom: 1px solid #BDBDBD;

}
.history-table th {
    background: #E0E0E0;
    font-weight: normal;
    padding: 6px 0;
}
.history-table td {
    padding: 12px;
}
/* ログイン */
.logo-area {
    background: #FDE100;
}
.form-area {
    padding: 25px 35px;
}
.login-title {
    font-size: 16px;
    margin-bottom: 15px;
}
.form-area input[type="text"] {
    width: 90%;
    border: 1px solid #A6A6A6;
    border-radius: 7px;
    margin-bottom: 10px;
    padding: 17px;
    font-size: 16px;
}
.form-area input[type="text"]::placeholder{
    color: #BDBDBD;
}
.login-btn {
    width: 100%;
    background: #FDE100;
    font-size: 19px;
    font-weight: bold;
    color: #222222;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    border-radius: 9px;
    line-height: 60px;
}
/* 立替申請 */
.title-date {
    color: #222222;
    font-size: 16px;
    margin-bottom: 10px;
}
.modal-back-gray {
    background: #F1F1F1;
}
.modal-back-gray .company-name-wrap {
    padding: 15px;
    border: 1px solid #E0E0E0;
}
.modal-back-gray .company-name-wrap .title{
    font-size: 19px;
    font-weight: bold;
}
.modal-back-gray .amount-area {
    padding: 15px;
}
.modal-ul ul{
    list-style: none;
    padding: 0;
    height: 200px;
    overflow: scroll;
}
.modal-ul ul li {
    padding: 15px;
    border-bottom: 1px solid #E0E0E0;
}
/* ページのラジオ */
.page-radio-ul-wrap {
    background: #FFFFFF;
    padding: 20px;
}
.page-radio-ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.page-radio-label {
    font-size: 16px;
    font-weight: normal;
}
.add-text-input-wrap {
    position: relative;
}
.add-text-input-wrap.hidden {
    display: none;
}
.add-button {
    border: 1px solid #222222;
    border-radius: 37.5px;
    background: #FFFFFF;
    font-size: 16px;
    padding: 10px 20px;
}

/*
 * 固定フッター
 */
.my-fixed-footer-bottom {
    background-color: #F1F1F1;
}

/*
 * c02
 */
.my-c02-container {
    padding-bottom: 128px;
    background-color: #FFFFFF
}

/*
 * c03モーダル
 */
.my-modal-c03-ul {
    height: 100px;
}

/*
 * xx03
 */
.my-xx03-caution-title h5 {
    color: #FF005C;
}

.my-xx03-contact-box {
    border: 1px solid #CDCDCD;
    background: #FAFAFA;
}

.my-xx03-title {
    background-color: #E5FBFC;
}

.my-xx03-contact-box-button {
    background: #FDE100;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    border: none;
    padding-top: 16px;
    padding-bottom: 16px;
}

.my-xx03-q-title {
    border-top: 1px solid #BDBDBD;
}

/*.my-xx03-q-title-last {*/
/*    border-top: 1px solid #BDBDBD;*/
/*}*/

.my-xx03-qa-wrap {
    border-bottom: 1px solid #BDBDBD;
}

#my-xx03-q-item-1-arrow-down,
#my-xx03-q-item-2-arrow-down,
#my-xx03-q-item-3-arrow-down,
#my-xx03-q-item-4-arrow-down,
#my-xx03-q-item-5-arrow-down {
    display: block;
}

#my-xx03-q-item-1-arrow-up,
#my-xx03-q-item-2-arrow-up,
#my-xx03-q-item-3-arrow-up,
#my-xx03-q-item-4-arrow-up,
#my-xx03-q-item-5-arrow-up {
    display: none;
}

.my-xx03-a-title {
    background-color: #FAFAFA;
    border-top: 1px dashed #CDCDCD;
}

#my-xx03-a-item-1,
#my-xx03-a-item-2,
#my-xx03-a-item-3,
#my-xx03-a-item-4,
#my-xx03-a-item-5 {
    display: none;
}

.contact-mail-area {
    height: 140px;
}