#kari-form-wrapper h2 {
    font-size: 30px;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
}

#kari-form-wrapper .edel-form {
    margin: 30px 10px;
}

#select-date-wrapper h3.edel-select-calendar {
    font-size: 18px;
    /* font-weight: 500; */
}

#kari-form-wrapper {
    /* width: 600px; */
}

#kari-form-wrapper p {
    font-size: 14px;
    text-align: center;
    padding: 0 15px;
    /* font-family: 'Noto Sans JP', sans-serif; */
}

#kari-form-wrapper p.edel-maru {
    font-size: 14px;
    text-align: center;
    padding: 0;
    /* font-family: 'Noto Sans JP', sans-serif; */
}

#select-date-wrapper {
    /* border: 1px dashed #eee; */
    margin: 30px auto 10px;
    width: 800px;
    padding: 10px;
}

.gray-line {
    width: 800px;
    margin-top: 20px;
}

#select-date-wrapper .notes {
    font-size: 13px;
    padding: 5px 0 0 0;
}

#select-date-wrapper .notesx {
    font-size: 13px;
    padding: 5px 0 0 0;
}

#select-date-wrapper .edel-select-date {
    margin: 20px 0 40px;
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    background-color: #f0f0f0;
    padding: 15px 40px;
    border-radius: 10px;
}

#progress-wrapper {
    display: flex;
    justify-content: center;
    position: relative;
}

#progress-wrapper .progress {
    width: 200px;
    height: 100px;
    text-align: center;
}

#progress-wrapper .edel-hr {
    border: 2px solid #f0f0f0;
    position: absolute;
    top: 30px;
    left: 40;
    width: 600px;
    z-index: 1 !important;
}

.maru-selected {
    background-color: #044b9b !important;
}

.selected-color {
    color: #000 !important;
}

.line-height-0 {
    line-height: 0 !important;
}

#progress-wrapper .progress .edel-maru {
    position: relative;
    font-size: 26px !important;
    display: block;
    left: 5px;
    margin: 10px auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f0f0f0;
    color: #fff;
    text-align: center;
    z-index: 10 !important;
}

#progress-wrapper .progress .edel-notes {
    font-size: 15px;
    font-weight: 600;
    color: #f0f0f0;
}

#edel-calendar-header {
    margin: 10px auto;
    text-align: center;
}

#edel-calendar-wrapper {
    margin: 10px auto;
    text-align: center;
}

#edel-calendar-wrapper #calendar {
    margin: 10px auto;
}

#edel-calendar-header p {
    font-size: 22px;
    font-weight: bold;
}

#edel-calendar-wrapper #calendar th {
    width: 65px;
}

#edel-calendar-wrapper #calendar td {
    background-color: #f0f0f0;
    border: 5px solid #fff;
    height: 65px;
}

#edel-calendar-wrapper #calendar td:nth-child(1) {
    background-color: #fff5f5;
}

#edel-calendar-wrapper #calendar td:nth-child(7) {
    background-color: #f1f7ff;
}

#edel-calendar-wrapper .select_date .day {
}

.select-date .day {
    margin: 0;
    padding: 1.5px 0 0.5px 0;
}

.select-date .day span.day_font,
.select-date .day span.yoyaku,
.select-date .day span.price {
    display: block;
    /* font-family:     Meiryo,
    sans-serif,
    "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans"; */

    font-family: 'Noto Sans JP', sans-serif;
}

.select-date .day span.day_font {
    display: block;
    font-size: 15px;
    font-weight: 900;
    line-height: 18px;
}

.select-date .day span.yoyaku {
    display: block;
    font-size: 13.5px;
    font-weight: 400 !important;
    line-height: 18px;
    /* text-shadow:
    0.5px 0.5px 0,
    0.5px -0.5px 0px,
    -0.5px 0.5px 0,
    -0.5px -0.5px 0px,
    0.5px 0px 0px,
    0px 0.5px 0px,
    -0.5px 0px 0px,
    0px -0.5px 0px; */
    letter-spacing: 1px;
}

.edel-hanrei {
    background-color: #eee;
    border: 1px solid #999;
    width: 450px;
    margin: 0 auto;
    height: 60px;
    display: flex;
    justify-content: center;
}

.cell-hanrei {
    margin: 10px 1%;
    width: 18%;
    height: 40px;
    border: 1px solid #666;
    font-size: 12px;
    padding-top: 10px;
}

.hanbou1 {
    background-color: #fcf1d3 !important;
}

.hanbou2 {
    background-color: #f9dfd5 !important;
}

.hanbou3 {
    background-color: #f4d2de !important;
}

.hanbou4 {
    background-color: #df81a2 !important;
}

.select-date .day span.price {
    display: block;
    font-size: 12.5px;
}

#edel-calendar-wrapper #calendar td {
    position: relative;
}

.yoyaku-selected {
    position: absolute;
    width: 58px;
    height: 58px;
    background-color: #044b9b;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: 20 !important;
    color: #fff;
    font-size: 24px;
    line-height: 58px;
    font-weight: 900;
}

.yoyaku-selected::before {
    content: attr(data-item);
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #044b9b;
    top: 0;
    right: -2px;
    z-index: 20;
    border-radius: 50%;
}

.yoyaku-selected::after {
    content: '';
    position: absolute;
    width: 200px;
    width: 36px;
    height: 60px;
    background-color: #044b9b;
    top: 0;
    right: 29;
    opacity: 0.5;
    z-index: 10;
}

.yoyaku-selected2 {
    position: absolute;
    width: 58px;
    height: 58px;
    background-color: #044b9b;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: 20 !important;
    color: #fff;
    font-size: 24px;
    line-height: 58px;
    font-weight: 900;
}

.yoyaku-selected2::before {
    content: attr(data-item);
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #044b9b;
    top: 0;
    right: -2px;
    z-index: 20;
    border-radius: 50%;
}

.yoyaku-selected2::after {
    content: '';
    position: absolute;
    width: 200px;
    width: 36px;
    height: 60px;
    background-color: #044b9b;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: 10;
}

.yoyaku-selected-middle {
}

.yoyaku-selected-middle::after {
    content: '';
    position: absolute;
    width: 65px;
    height: 60px;
    background-color: #044b9b;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: 10;
}

.cal-prev-button,
.cal-next-button {
    background-color: #fff;
    border: 1px solid #044b9b;
    color: #044b9b;
    display: inline-block;
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 5px;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    vertical-align: middle;
}

.arrow-deny {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    color: #fff;
}

.month-selected {
    background-color: #044b9b !important;
    border: 1px solid #044b9b !important;
    color: #fff !important;
}

.month-button {
    background-color: #fff;
    border: 1px solid #044b9b;
    color: #044b9b;
    display: inline-block;
    width: 120px;
    min-width: 120px;
    height: 40px;
    padding: 0;
    margin: 0 5px;
    text-align: center;
    border-radius: 20px;
    font-size: 14px;
    vertical-align: middle;
}

/* .prev-month {
    background-color: rgba(0,0,0,.2)!important;
} */

.pass-show-button {
    font-size: 12px;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 7px 2px;
    display: inline-block;
    width: 40px;
    text-align: center;
    background-color: #666;
    color: #fff;
    cursor: pointer;
}

.pass-show-button:hover {
    opacity: 0.7;
}

.prev-month::before,
.next-month::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

#select-date-wrapper .edel-selected-tour {
    background-color: #e5edf5;
    border-radius: 10px;
    height: 140px;
    margin: 0 0 40px 0;
    display: flex;
}

#select-date-wrapper .edel-selected-tour .thumbnail {
    max-width: 200px;
    padding: 8px 8px;
    margin-left: 10px;
}

#select-date-wrapper .edel-selected-tour .tour-selected-notes {
    border-radius: 20px;
    background-color: #fff;
    font-size: 15px;
    color: #888;
    text-align: center;
    display: block;
    width: 150px;
    padding: 6px;
    margin: 25px 10px 8px 10px;
    font-weight: 500;
}

#select-date-wrapper .edel-selected-tour .tour-name {
    font-size: 18px;
    font-weight: 800;
    margin: 2px 10px;
}

#select-date-wrapper .edel-select-number {
    display: flex;
    justify-content: space-between;
}

#select-date-wrapper .edel-select-number .person {
    width: 31.5%;
    height: 176px;
    border: 2px solid #666;
    border-radius: 10px;
    margin: 30px 1%;
}

#select-date-wrapper .edel-select-number .person .type {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    margin: 28px 0 0 0;
}

#select-date-wrapper .edel-select-number .person .age {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #999;
    padding: 0;
    margin: 0;
}

#select-date-wrapper .edel-select-number .person .notes {
    text-align: center;
    font-size: 10.5px;
    color: #666;
    padding: 3px 0;
    margin: 0;
}

#select-date-wrapper .edel-select-number .person .counter {
    text-align: center;
    margin: 0;
    padding: 0;
}

#select-date-wrapper .edel-select-number .person .minus {
    font-size: 24px;
    display: inline-block;
    padding-top: 2px;
    width: 30px;
    height: 30px;
    line-height: 25px;
    background-color: #044b9b;
    color: #fff;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    margin-top: 5px;
}

#select-date-wrapper .edel-select-number .person .counter .plus {
    font-size: 25px;
    display: inline-block;
    padding-top: 2px;
    width: 30px;
    height: 30px;
    line-height: 25px;
    background-color: #044b9b;
    color: #fff;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
}

#select-date-wrapper .edel-select-number .person .counter .number {
    font-size: 36px;
    font-weight: 900;
    margin: 0 26px;
    padding: 0;
    line-height: 36px;
    vertical-align: top;
}

#select-date-wrapper .edel-select-number .person .zero {
    background-color: #d9d9d9 !important;
}

.night-days .zero {
    background-color: #d9d9d9 !important;
}

.warning-message,
.warning-message2 {
    background-color: #fce5e8;
    color: #ff0000;
    padding: 8px;
    font-size: 13px !important;
    margin: 0;
}

.underline {
    text-decoration: underline !important;
}

#confirmed-tour-list {
}

.edel-select-new-date .night-days {
    width: 155px;
    border: 2px solid #fff;
    background-color: #fff;
    padding: 3px 0px 3px 0px;
    height: 50px;
    margin-top: 15px;
}

/* .edel-select-new-date .night-days .counter {
    text-align: center;
    margin: 0;
    padding: 0;
    width: 250px;
} */

.edel-select-new-date .night-days .counter {
    text-align: center;
}

.edel-select-new-date .night-days .minus {
    font-size: 24px;
    display: inline-block;
    padding-top: 2px;
    width: 30px;
    height: 30px;
    line-height: 25px;
    background-color: #044b9b;
    color: #fff;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    margin-top: 5px;
}

.edel-select-new-date .night-days .counter .plus {
    font-size: 25px;
    display: inline-block;
    padding-top: 2px;
    width: 30px;
    height: 30px;
    line-height: 25px;
    background-color: #044b9b;
    color: #fff;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
}

.edel-select-new-date .night-days .counter .number {
    font-size: 36px;
    font-weight: 900;
    margin: 0 15px;
    padding: 0;
    line-height: 36px;
    vertical-align: top;
}

#confirmed-tour-list .confirmed-tour {
    margin: 10px 0;
    padding: 20px;
    border: 1px solid #044b9b;
    border-radius: 10px;
    font-size: 14.5px;
    cursor: pointer;
    color: #044b9b;
    /* display: flex; */
    /* justify-content: space-between; */
}

#confirmed-tour-list .confirmed-tour:hover {
    opacity: 0.8;
}

#confirmed-tour-list .confirmed-tour .date {
    display: inline-block;
    width: 240px;
    min-width: 240px;
}
#confirmed-tour-list .confirmed-tour .duration {
    display: inline-block;
    width: 65px;
    min-width: 65px;
    text-align: right;
}
#confirmed-tour-list .confirmed-tour .tour {
    display: inline-block;
    padding-left: 10px;
    max-width: 420px;
    vertical-align: middle;
}

#confirmed-tour-list .tour-selected {
    color: #fff;
    background-color: #044b9b;
}

#edel-select-option {
    display: flex;
    flex-wrap: wrap;
}

#edel-select-option .option {
    /* width: 300px; */
    margin: 5px;
    border: 1px solid #044b9b;
    color: #044b9b;
    font-size: 15px;
    font-weight: 800;
    border-radius: 6px;
    padding: 5px 10px 5px 10px;
    display: flex;
}

#edel-select-option .hover-ok {
    cursor: pointer;
}

#edel-select-option .hover-ok:hover {
    opacity: 0.7;
}

#edel-select-option .option p {
    margin: 0;
    padding: 2px;
}

#edel-select-option .left {
    text-align: center;
}

#edel-select-option .right {
    border-left: 1px dashed #044b9b;
    width: 120px;
    display: flex;
}

#edel-select-option .border-dressed {
    border-left: 1px dashed #fff;
}

#edel-select-option .right .minus {
    margin: 25px 5px 5px 12px;
    font-size: 18px;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    display: inline-block;
    padding: 3px;
    border: 1px solid #044b9b;
    border-radius: 25px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
}

#edel-select-option .right .plus {
    margin: 25px 5px 5px 10px;
    font-size: 18px;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    display: inline-block;
    padding: 3px;
    border: 1px solid #044b9b;
    border-radius: 25px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
}

#edel-select-option .right .number {
    margin: 25px 5px 5px 10px;
    font-size: 28px;
    vertical-align: middle;
    display: inline-block;
    padding: 3px;
    border-radius: 25px;
    text-align: center;
    line-height: 16px;
}

#edel-select-option .right .minus:hover,
#edel-select-option .right .plus:hover {
    opacity: 0.7;
}

#edel-select-option .option-selected {
    background-color: #044b9b;
    color: #fff;
}

#edel-select-option .circle-dressed {
    background-color: #044b9b;
    color: #fff;
    border: 1px solid #fff !important;
}

#select-date-wrapper .tent-request {
    background-color: #fff;
    border: 2px solid #888888;
    border-radius: 10px;
    width: 260px;
    padding: 10px 20px;
    margin: 20px 0;
}

#select-date-wrapper .tent-request .counter {
    text-align: center;
    margin: 0;
    padding: 0;
}

#select-date-wrapper .tent-request .minus {
    font-size: 24px;
    display: inline-block;
    padding-top: 2px;
    width: 30px;
    height: 30px;
    line-height: 25px;
    background-color: #044b9b;
    color: #fff;
    border-radius: 15px;
    /* text-align: center; */
    cursor: pointer;
    margin: 15px 10px;
}

#select-date-wrapper .tent-request .counter .plus {
    font-size: 25px;
    display: inline-block;
    padding-top: 2px;
    width: 30px;
    height: 30px;
    line-height: 25px;
    background-color: #044b9b;
    color: #fff;
    border-radius: 15px;
    /* text-align: center; */
    cursor: pointer;
    margin: 15px 10px;
}

#select-date-wrapper .tent-request .counter .number {
    font-size: 36px;
    font-weight: 900;
    margin: 0 26px;
    padding-top: 10px;
    line-height: 56px;
    vertical-align: top;
}

#select-date-wrapper .tent-request .zero {
    background-color: #d9d9d9 !important;
}

#select-date-wrapper .additional-cost {
    display: flex;
    margin-bottom: 30px;
}

#select-date-wrapper .additional-cost .cost-form {
    width: 70% !important;
    margin: 8px;
    padding: 8px;
    font-size: 14px;
    box-sizing: border-box;
}

#select-date-wrapper .additional-cost .cost-select {
    width: 30% !important;
    margin: 8px;
    padding: 8px;
    box-sizing: border-box;
}

.additional-cost-content,
.additional-cost-price {
    font-size: 12px !important;
    padding: 4px !important;
}

#selected-information {
    border-radius: 15px;
    background-color: #e5edf5;
    padding: 20px;
    height: auto;
}

#selected-information .header {
    display: flex;
}

#selected-information .selected-title {
    font-size: 24px;
    color: #044b9b;
    font-weight: 900;
    margin-bottom: 10px;
    min-width: 100px;
    width: 100px;
}

#selected-information .selected-tour-name {
    font-size: 15px;
    font-weight: 700;
    padding: 10px 20px 0 30px;
    vertical-align: bottom;
    margin-bottom: 10px;
}

#selected-information .content {
    display: flex;
}

#selected-information .content .title {
    font-size: 18px;
    font-weight: 800;
    margin: 0;
    padding: 3px;
}

#selected-information .content .breakdown {
    font-size: 12.5px;
    /* padding: 4px; */
    padding: 4px 0 4px 4px;
    margin: 0;
    font-weight: 400;
    font-size: 12px;
}

#selected-information .content .block-1 {
    width: 262px;
    min-width: 262px;
}

#selected-information .content .block-2 {
    border-left: 1px dashed #888888;
    margin-left: 8px;
    padding-left: 8px;
    width: 272px;
    min-width: 272px;
}

#selected-information .content .block-2 .stay {
    display: block;
}

#selected-information .content .block-3 .price-plate {
    width: 190px;
    min-width: 190px;
    margin-left: 12px;
    height: 150px !important;
    background-color: #fff;
    border-radius: 6px;
}

#selected-information .content .block-3 .price-plate .total {
    font-size: 20px;
    padding: 38px 20px 0 28px !important;
    font-weight: 700;
    margin: 0;
}
#selected-information .content .block-3 .price-plate .total-price {
    font-size: 28px;
    padding: 0 0 0 28px;
    font-weight: 900;
    margin: 0;
    color: #c62728;
}

#selected-information .content .block-3 .price-plate .total-price span {
    font-size: 24px;
    color: #000;
}

#selected-information .content .block-3 .price-plate .total-price .price {
    color: #c62728 !important;
}

#selected-information .content .breakdown .price {
    padding-right: 2px;
}

#selected-information .content .breakdown .number {
    padding-left: 2px;
}

#selected-information .content .edel-select-date.re-design {
    background-color: #e5edf5 !important;
    font-size: 13px !important;
    margin: 0;
    padding: 3px;
}

.edel-select-new-date {
    background-color: #f0f0f0 !important;
    display: flex;
    justify-content: space-between;
    height: 80px;
    margin: 20px 0 40px;
}

.edel-select-new-date .select-person {
    width: 340px;
}

.edel-select-new-date .set-date {
    width: 300px;
}

.edel-select-new-date .select-notes {
    font-size: 16px !important;
    margin: 20px;
    margin: 20px 5px 20px 10px;
    font-weight: 500;
    padding: 8px;
    display: inline-block;
}

.edel-select-new-date .select-label {
    font-size: 16px !important;
    margin: 20px 0;
    font-weight: 500;
    padding: 8px 0 0 15px;
    display: inline-block;
}

.kids-disabled {
    background-color: #ccc;
}

.child-disabled {
    background-color: #ccc;
}

.kari-tour-name {
    font-size: 15px;
    margin: 10px 0 0 0;
    padding: 0 4px;
    text-align: left;
}

.edel-select-new-date .travel-days {
    font-size: 16px !important;
    margin: 18px 0;
    font-weight: 500;
    padding: 8px 0 0 15px;
    display: inline-block;
}

.edel-select-new-date .travel-days span {
    font-size: 18px !important;
    font-weight: 800 !important;
}

.edel-select-new-date .set-date {
    display: flex;
    justify-content: flex-start;
}

.edel-select-new-date .set-date div {
    width: 145px;
}

.edel-select-new-date .set-date .check {
    margin: 14px 0 2px;
    font-size: 12px !important;
}

.edel-select-new-date .set-date .start-date,
.edel-select-new-date .set-date .end-date {
    margin: 4px 0 8px;
    font-size: 13px !important;
    background-color: #fff;
    border-radius: 0 !important;
    width: 125px;
    padding: 4px 8px;
    text-align: center;
}

.edel-select-new-date .set-date {
    position: relative;
}

.edel-select-new-date .set-date .start-date::after {
    content: '〜';
    position: absolute;
    top: 40px;
    left: 135px;
}

/* #select-date-wrapper .kari-yoyaku-button { */
.kari-yoyaku-button {
    background-color: #c62728;
    /* background-color: #ccc; */
    color: #fff;
    font-size: 15px;
    padding: 18px 5px;
    border-radius: 30px;
    height: 60px;
    margin: 40px auto;
    display: block;
    border: none;
    font-weight: 400;
    width: 280px;
    text-align: center;
}

.kari-yoyaku-gray {
    background-color: #999 !important;
}

#tour-detail {
    margin: 20px auto 0;
    width: 100%;
    /* height: 100px; */
    border-top: 2px solid #044b9b;
}

.choose-point {
    display: block;
    /* border: 1px solid #999; */
    margin: 5px auto 10px !important;
    padding: 5px;
    text-align: center;
    font-size: 16px;
    /* width: 96%; */
    /* background-color: #eee; */
    cursor: pointer;
    color: #044b9b;
}

#tour-detail .tour-detail-wrapper {
    display: block;
    margin: 0 auto 20px !important;
    padding: 5px;
    font-size: 14px;
    width: 100%;
    cursor: pointer;
}

#tour-detail .tour-detail-wrapper .tour-detail-table {
    width: 100%;
    border: 1px solid #000;
}

#tour-detail .tour-detail-wrapper .tour-detail-table th {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    vertical-align: middle;
    background-color: #d9d9d9;
    font-weight: normal;
    font-size: 12px !important;
    width: 150px !important;
    padding: 15px 0;
}

#tour-detail .tour-detail-wrapper .tour-detail-table td {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background-color: #fff;
    font-size: 12px !important;
    line-height: 20px;
    padding: 15px 10px;
    vertical-align: top;
}

.tour-include-schedule {
    width: 100%;
    border: 1px solid #000;
}

.tour-include-schedule th {
    width: 100px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #000;
}

.tour-include-schedule td {
    font-size: 13px;
    border: 1px solid #000;
}

.tour-include-schedule td textarea {
    font-size: 13px;
    padding: 8px;
    margin: 8px;
    width: calc(100% - 16px);
}

.breakdown-list {
    margin: 0;
    padding: 3px;
    display: inline-block !important;
}

.breakdown-list span {
    display: inline-block !important;
}

.breakdown-list::before {
    content: '・';
}

.menu-icon .accordion {
    width: 30px;
    height: 30px;
    margin: 0;
}

.menu-icon .accordion a {
    display: inline-block;
    height: 30px;
    text-align: right;
    line-height: 0;
    position: relative;
}

.menu-icon .accordion a:before {
    display: block;
    content: '';
    position: absolute;
    top: 15px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 20px;
    height: 3px;
    background-color: #044b9b;
    transition: 0.4s;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.menu-icon .accordion a:after {
    display: block;
    content: '';
    position: absolute;
    top: 15px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 20px;
    height: 3px;
    background-color: #044b9b;
    transition: 0.4s;
}

.menu-icon .accordion a.on:before {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.menu-icon .accordion a.on:after {
    background-color: transparent;
}

.option-explain-bold {
    font-weight: 800;
    font-size: 12.5px;
    /* padding: 5px; */
    line-height: 20px;
    margin: 0;
}

.price-include p,
.price-exclude p {
    margin: 0;
}

.table-3-widgth {
    display: inline-block;
    width: 180px;
    line-height: 20px;
    margin: 0;
    padding: 1px 0;
}

.table-3-widgth::before {
    content: '・';
}

.table-2-widgth {
    display: inline-block;
    width: 260px;
    line-height: 20px;
    margin: 0;
    padding: 1px 0;
}

.table-2-widgth::before {
    content: '・';
}

.option-line {
    border: 1px dashed #666;
    margin: 10px 0 !important;
}

.edel-payment-wrapper {
    display: flex;
    margin: 30px 0;
    flex-wrap: wrap;
}

.edel-payment-wrapper .payment {
    width: 48%;
    background-color: #044b9b;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 20px;
    margin: 1%;
    border-radius: 15px;
    font-weight: 500;
    box-shadow: 0px 4px 4px #d9d9d9;
    cursor: pointer;
}

.edel-payment-wrapper .payment:hover {
    opacity: 0.7;
}

.edel-payment-wrapper .grayout {
    background-color: #f0f0f0;
    /* background-color: #D9D9D9; */
    color: #000;
}

#selected-information-fixed {
    border-radius: 15px;
    padding: 20px;
    height: auto;
    margin: 40px auto 10px;
    padding-bottom: 5px;
}

#selected-information-fixed .header {
    display: flex;
}

#selected-information-fixed2 {
    /* border-radius: 15px;
    background-color: #E5EDF5;
    padding: 20px;
    height: auto;
    margin: 40px auto 10px;
    padding-bottom: 5px; */
}

#selected-information-fixed2 .header {
    display: flex;
}

#selected-information-fixed .selected-title {
    font-size: 24px;
    color: #044b9b;
    font-weight: 900;
    margin-bottom: 10px;
    min-width: 100px;
    width: 100px;
}

#selected-information-fixed .selected-tour-name {
    font-size: 15px;
    font-weight: 700;
    padding: 10px 20px 0 30px;
    vertical-align: bottom;
    margin-bottom: 10px;
}

#selected-information-fixed .content {
    display: flex;
}

#selected-information-fixed .content .title {
    font-size: 18px;
    font-weight: 800;
    margin: 0;
    padding: 3px;
}

#selected-information-fixed .content .breakdown {
    font-size: 12.5px;
    /* padding: 4px; */
    padding: 4px 0 4px 4px;
    margin: 0;
    font-weight: 400;
}

#selected-information-fixed .content .block-1 {
    width: 262px;
    min-width: 262px;
}

#selected-information-fixed .content .block-2 {
    border-left: 1px dashed #888888;
    margin-left: 8px;
    padding-left: 8px;
    width: 272px;
    min-width: 272px;
}

#selected-information-fixed .content .block-2 .stay {
    display: block;
}

#selected-information-fixed .content .block-3 .price-plate {
    width: 190px;
    min-width: 190px;
    margin-left: 12px;
    height: 150px !important;
    background-color: #fff;
    border-radius: 6px;
}

#selected-information-fixed .content .block-3 .price-plate .total {
    font-size: 20px;
    padding: 38px 20px 0 28px !important;
    font-weight: 700;
    margin: 0;
}
#selected-information-fixed .content .block-3 .price-plate .total-price {
    font-size: 28px;
    padding: 0 0 0 28px;
    font-weight: 900;
    margin: 0;
    color: #c62728;
}

#selected-information-fixed .content .block-3 .price-plate .total-price span {
    font-size: 24px;
    color: #000;
}

#selected-information-fixed .content .block-3 .price-plate .total-price .price {
    color: #c62728 !important;
}

#selected-information-fixed .content .breakdown .price {
    padding-right: 2px;
}

#selected-information-fixed .content .breakdown .number {
    padding-left: 2px;
}

#selected-information-fixed .content .edel-select-date.re-design {
    background-color: #e5edf5 !important;
    font-size: 13px !important;
    margin: 0;
    padding: 3px;
}

.scrollable-container {
    display: flex;

    /* overflow-x: auto!important; */ /* スクロールを非表示 */
    width: 100%; /* スクロールを非表示 */

    border: 1px solid #999;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    margin-bottom: 40px !important;
    /* padding: 10px; */
}

.scrollable-content {
    /* display: inline-block; */
    /* padding: 10px!important; */
    width: 780px !important;
    /* width: 100%!important; */
}

.scrollable-container::-webkit-scrollbar {
    width: 10px !important;
    background-color: #f5f5f5 !important;
}

.scrollable-container::-webkit-scrollbar-thumb {
    background-color: #888 !important;
    border-radius: 5px !important;
}

.scrollable-container::-webkit-scrollbar-thumb:hover {
    background-color: #555 !important;
}

.tour-detail-schedule {
    margin: 40px 0 30px;
    border: 1px solid #000;
    width: 100%;
}

.tour-detail-schedule td {
    font-size: 12px;
    line-height: 20px;
    color: #000;
    text-align: center;
    padding: 8px 0;
    border: 1px solid #000;
}

.tour-detail-schedule .sched-header {
    background-color: #888888;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    padding: 8px 0;
    border: 1px solid #000;
}

.tour-detail-schedule .sched-other {
    font-weight: 800;
    padding: 8px 16px;
    background-color: #fff;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

.tour-detail-schedule .sched-day {
    width: 35px;
    max-width: 35px;
    min-width: 35px;
    padding: 8px;
    line-height: 16px;
    border-left: none !important;
    border-right: none !important;
    background-color: #d9d9d9;
}

.tour-detail-schedule .sched-date {
    width: 45px;
    max-width: 45px;
    min-width: 45px;
    padding: 8px 2px;
    line-height: 16px;
    border-left: none !important;
    border-right: none !important;
    background-color: #eee;
}

.tour-detail-schedule .sched-content {
    background-color: #fff;
    text-align: left;
    padding: 8px;
    border-left: none !important;
    border-right: none !important;
}

.sched-box {
    margin: 10px 0 5px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    padding: 4px;
    box-sizing: border-box;
    text-align: center;
    font-size: 11.5px;
    line-height: 16px;
}

.square-box {
    display: inline-block;
    border: 1px solid #d9d9d9;
    border-left: none;
    padding: 4px;
    box-sizing: border-box;
    width: 26px;
    height: 26px;
    text-align: center;
    font-size: 11.5px;
}

.edel-past {
    opacity: 0.4;
}

.sun {
    color: #c62728;
}

.sat {
    color: #044b9b;
}

#edel-login-wrapper {
    margin: 10px 0 30px;
}

#edel-login-wrapper h2 {
    font-size: 30px;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    line-height: 40px;
}

#edel-login-wrapper #edel-login {
    margin: 15px auto;
    display: flex;
    justify-content: center;
}

#edel-login .form-regular-text {
    margin: 12px 7.5px;
    width: 280px;
    padding: 8px;
    font-size: 14px;
    background-color: #f0f0f0;
    color: #000000;
    border: none;
}

#edel-register .form-regular-text {
    margin: 7.5px 7.5px;
    width: 280px;
    padding: 8px;
    font-size: 14px;
    background-color: #f0f0f0;
    color: #000000;
    border: none;
}

#edel-register .form-small-text {
    margin: 7.5px 7.5px;
    width: 200px;
    padding: 8px;
    font-size: 14px;
    background-color: #f0f0f0;
    color: #000000;
    border: none;
}

#edel-register .form-large-text {
    margin: 7.5px 7.5px;
    width: 520px;
    padding: 8px;
    font-size: 14px;
    background-color: #f0f0f0;
    color: #000000;
    border: none;
}

#edel-login .form-regular-text::placeholder {
    color: #999;
}

#edel-register input[type='text']::placeholder,
#edel-register input[type='mail']::placeholder,
#edel-register input[type='password']::placeholder {
    color: #999;
}

#edel-login-wrapper #edel-register {
    margin: 15px auto 5px;
    padding: 0 100px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#edel-login-wrapper .kari-yoyaku-button {
    background-color: #c62728;
    color: #fff;
    font-size: 15px;
    padding: 18px 5px;
    border-radius: 30px;
    height: 60px;
    margin: 10px auto;
    display: block;
    border: none;
    font-weight: 400;
    width: 280px;
    text-align: center;
}

#edel-register dd {
    width: 220px;
    padding-top: 15px;
    font-size: 14px;
}

#edel-register dt {
    width: 500px;
    font-size: 14px;
}

.edel-required {
    font-size: 13px;
}
.edel-required::after {
    content: '必須';
    background-color: #c62728;
    font-size: 12px !important;
    padding: 1px 4px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    margin-left: 8px;
}

.edel-privacy {
    overflow: scroll;
    width: 600px;
    height: 160px;
    font-size: 13px;
    margin: 10px auto;
    padding: 10px;
    border: 1px solid #555;
}

#edel-customer-info {
    margin: 30px auto;
    text-align: center;
    width: 600px;
}

#edel-customer-info .customer-info {
    border: none;
}

#edel-customer-info .customer-info .title {
    width: 160px;
    min-width: 160px;
    text-align: left;
    font-size: 14px;
    color: #333;
    padding: 8px;
    border-bottom: 1.5px solid #d9d9d9;
}

#edel-customer-info .customer-info .content {
    width: 440px;
    text-align: left;
    font-size: 14px;
    color: #333;
    padding: 8px;
    border-bottom: 1.5px solid #d9d9d9;
}

#temp-yoyaku {
    margin: 20px 0;
    width: 620px;
}

/* input[name='temp-yoyaku-back'] {
    background-color: #888!important;
    display: inline-block!important;
    margin: 0 5px!important;
    width: 200px!important;
}

input[name='submit-yoyaku-check'] {
    display: inline-block!important;
    margin: 0 5px!important;
    width: 200px!important;
} */

.temp-yoyaku-confirm {
    background-color: #c62728;
    display: inline-block !important;
    margin: 0 5px !important;
    width: 200px !important;
}

#edel-customer-info .customer-info input {
    padding: 8px;
    font-size: 14px;
    width: 100%;
}

#edel-customer-info .customer-info textarea {
    padding: 8px;
    font-size: 14px;
    width: 100%;
}

.edel-wide {
    letter-spacing: 8px;
}

.tac {
    text-align: center;
}

.edel-hidden {
    display: none;
}

/* cska phase2 */
.text-privacy-confirm {
    cursor: pointer;
}

#select-date-wrapper .edel-thankyou-title {
    color: #e5edf5;
    font-size: 100px;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    line-height: 100px;
    margin-bottom: 30px;
}

#select-date-wrapper .edel-thankyou-content {
    font-size: 13.5px;
    text-align: center;
    line-height: 20px;
    margin: 0;
    padding: 3px;
    font-weight: 400;
}

#select-date-wrapper .edel-limit-day {
    font-size: 14px;
    color: #044b9b;
    text-align: center;
    margin: 35px 0;
}

#select-date-wrapper .edel-limit-day span {
    font-weight: 800;
}

#selected-information-fixed #edel-reserve-notes p {
    font-size: 13px;
    line-height: 20px;
    padding: 2px 8px;
    margin: 0;
}

#edel-reserve-notes p::before {
    content: '※';
}

.edel-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.mypage-button {
    width: 32.7%;
    margin: 10px 0.2%;
    text-align: center;
    padding: 15px 0;
    background-color: #e5edf5;
    color: #000;
    font-weight: 500;
    cursor: pointer;
}

.mypage-button:hover {
    opacity: 0.8;
}

.mypage-selected {
    background-color: #044b9b;
    color: #fff;
}

.kari-title-content {
    font-size: 24px;
    font-weight: 500;
    margin-top: 20px;
}

.kari-status {
    margin-top: 25px;
    text-align: right;
}
.kari-status .status-button {
    font-size: 15px;
    background-color: #f0f0f0;
    color: #888888;
    padding: 10px;
    text-align: center;
    margin: 2px;
    /* cursor: pointer; */
}

.kari-status .status-selected {
    background-color: #c62728;
    color: #fff;
}

.limit-day {
    color: #e5edf5;
    color: #044b9b;
    font-size: 13px;
    padding: 0 4px;
    margin: 0;
}

.limit-day span {
    font-size: 17px;
    font-weight: 800;
}

.yoyaku-cancel-link {
    font-size: 12px;
    color: #000;
    text-decoration: none;
    text-align: right;
    background-color: #ffdad8;
    color: #c62728;
    border: 1px solid #c62728;
    padding: 4px 8px;
    border-radius: 4px;
}

.yoyaku-cancel-link:hover {
    opacity: 0.7;
    text-decoration: none;
}

.yoyaku-reentry-link {
    font-size: 12px;
    color: #044b9b;
    text-decoration: none;
    text-align: right;
    border: 1px solid #044b9b;
    padding: 4px 8px;
    border-radius: 4px;
}

.yoyaku-reentry-link:hover {
    opacity: 0.7;
    text-decoration: none;
}

.sched-content-textarea {
    font-size: 13px;
    margin: 0 8px;
    width: calc(100% - 16px);
    padding: 8px;
    text-align: left;
}

.sched-content-food {
    font-size: 13px;
    margin: 0;
    padding: 8px !important;
    text-align: left;
}

.sched-content-stay {
    font-size: 13px;
    margin: 0;
    padding: 8px !important;
    text-align: left;
}

.sched-content.width-1 {
    width: calc(100% - 170px) !important;
    border: 1px solid #000 !important;
}

.sched-content.width-2 {
    width: 80px !important;
    border: 1px solid #000 !important;
}

.sched-content.width-3 {
    width: 110px !important;
    border: 1px solid #000 !important;
}

#mypage-middle-header {
    margin: 10px 15% 0;
    text-align: center;
}

.mypage-middle-header {
    margin: 10px 15% 0;
    text-align: center;
}

#mypage-top-header {
    margin: 0;
    padding: 8px 0 24px;
    font-size: 50px;
    font-family: 'Noto Sans JP', sans-serif;
    background-color: #e5edf5;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-weight: 800;
    letter-spacing: 2px;
}

.mypage-kari-bottom {
    width: 780px;
    margin: 0 auto;
}

.edel-tour-payment-price {
    border: 1px solid #000;
    width: 100%;
    margin: 0 0 40px;
}

.edel-tour-payment-price th {
    background-color: #000;
    font-size: 20px;
    color: #fff;
    padding: 8px;
    text-align: center;
}

.edel-tour-payment-price td {
    padding: 5px 10px 15px;
    text-align: center;
}

.edel-tour-payment-price td .price {
    font-size: 30px;
    color: #000;
    font-weight: 800;
    padding: 15px 0 0;
}

.edel-tour-payment-price td .method {
    padding: 6px;
    background-color: #d9d9d9;
    color: #000;
    font-size: 14px;
    font-weight: 800;
}

.edel-tour-payment-price td .notes {
    padding: 0 6px;
    color: #000;
    font-size: 13px;
    margin: 0;
    text-align: left;
}

.edel-tour-payment-price td .notes:before {
    content: '・';
}

.edel-tour-payment-price td .notes2 {
    padding: 2px 6px;
    color: #000;
    font-size: 12.4px;
    margin: 0;
    text-align: left;
    font-weight: 800;
}

.pickup-point {
    display: flex;
    flex-wrap: wrap;
}

.pickup-point .pickup-left {
    width: 200px;
    margin-top: 10px;
}
.pickup-point .pickup-right {
    /* width: 70%; */
}

.pickup-point .pickup-left p {
    font-size: 13px;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.pickup-point .pickup-right input[type='text'] {
    padding: 5px 8px;
    margin: 0 6px 6px 0;
    font-size: 13.5px;
    border: none;
    background-color: #f0f0f0;
    border-radius: 0;
    font-size: 12.5px;
    text-align: center;
}

.pickup-point .pickup-right input[type='text']::placeholder {
    font-size: 12.5px;
    color: #888888;
}

.pickup-label {
    font-size: 14px;
    padding: 5px 2px;
    margin: 1px 30px 1px 0;
}

.flight-plan {
    font-size: 13px;
    padding: 3px 0;
    margin: 10px 0 0 0;
}

.edel-pickup {
    width: 500px;
    text-align: left !important;
    font-size: 13px;
    background-color: #fff5f5 !important;
    padding: 6px 8px !important;
}

.edel-swift {
    display: flex;
    /* flex-wrap: wrap; */
}

.edel-swift .edel-swift-left {
    width: 56% !important;
    min-width: 56% !important;
}

.edel-swift .edel-swift-right {
    width: 44% !important;
    min-width: 44% !important;
}

.yoyaku-confirm {
    background-color: #c62728 !important;
    display: block !important;
    margin: 20px auto 50px !important;
}

.yoyaku-complete {
    background-color: #999 !important;
    display: block !important;
    margin: 20px auto 50px !important;
}

.yoyaku-confirm-checked {
    background-color: #c62728 !important;
    display: block !important;
    margin: 20px auto 50px !important;
}

.yoyaku-end-check-table {
    border: none;
    width: 100%;
    margin-top: 15px;
}

.yoyaku-end-check-table th {
    border: 1px solid #d9d9d9;
    background-color: #d9d9d9;
    width: 50px;
    padding: 8px;
    text-align: center;
    cursor: pointer;
}

.yoyaku-end-check-table td {
    border: 1px solid #d9d9d9;
    padding: 6px;
    font-size: 12px;
    cursor: pointer;
}

.yoyaku-end-check-table td p {
    margin: 0;
    padding: 0;
}

.yoyaku-end-check-table td a {
    margin: 0;
    padding: 0;
    text-decoration: underline;
}

.red-bg:hover {
    opacity: 0.8;
}

.detail-pickup-table {
    border: none;
    width: 100%;
    margin-top: 50px;
}

.detail-pickup-table th {
    background-color: #d9d9d9;
    color: #000;
    font-size: 13.5px;
    border: 1px solid #000;
    padding: 6px;
    text-align: center;
    width: 90px;
}

.detail-pickup-table td {
    background-color: #fff;
    color: #c62728;
    font-size: 13.5px;
    border: 1px solid #000;
    font-weight: 800;
    padding: 6px;
}

.mypage-thankyou-message {
    text-align: center;
    margin: 20px 0;
}

.mypage-thankyou-message p {
    font-size: 14px;
    margin: 0;
    padding: 4px;
}

.mypage-thankyou-message .thankyou-header {
    font-size: 80px !important;
    font-weight: 800;
    color: #e5edf5;
    margin: 20px 0;
}

.payment-notes {
    font-size: 16px;
    color: #c62728;
    /* border: 1px solid #C62728; */
    text-align: center;
    padding: 10px;
    margin-bottom: 0;
}

.selected-information {
    border-radius: 15px;
    background-color: #e5edf5;
    padding: 20px;
    height: auto;
    cursor: pointer;
    margin: 20px auto;
    width: 780px;
}

.selected-information:hover {
    opacity: 0.8;
}

.selected-information .header {
    display: flex;
}

.selected-information .selected-title {
    font-size: 24px;
    color: #044b9b;
    font-weight: 900;
    margin-bottom: 10px;
    min-width: 100px;
    width: 100px;
}

.selected-information .selected-tour-name {
    font-size: 15px;
    font-weight: 700;
    padding: 10px 20px 0 30px;
    vertical-align: bottom;
    margin-bottom: 10px;
}

.selected-information .content {
    display: flex;
}

.selected-information .content .title {
    font-size: 18px;
    font-weight: 800;
    margin: 0;
    padding: 3px;
}

.selected-information .content .breakdown {
    font-size: 12.5px;
    /* padding: 4px; */
    padding: 4px 0 4px 4px;
    margin: 0;
    font-weight: 400;
    font-size: 12px;
}

.selected-information .content .block-1 {
    width: 262px;
    min-width: 262px;
}

.selected-information .content .block-2 {
    border-left: 1px dashed #888888;
    margin-left: 8px;
    padding-left: 8px;
    width: 272px;
    min-width: 272px;
}

.selected-information .content .block-2 .stay {
    display: block;
}

.selected-information .content .block-3 .price-plate {
    width: 165px;
    min-width: 165px;
    margin-left: 12px;
    height: 150px !important;
    background-color: #fff;
    border-radius: 6px;
}

.selected-information .content .block-3 .price-plate .total {
    font-size: 20px;
    padding: 38px 20px 0 18px !important;
    font-weight: 700;
    margin: 0;
    text-align: left;
}
.selected-information .content .block-3 .price-plate .total-price {
    font-size: 28px;
    padding: 0 0 0 12px;
    font-weight: 900;
    margin: 0;
    color: #c62728;
}

.selected-information .content .block-3 .price-plate .total-price span {
    font-size: 24px;
    color: #000;
}

.selected-information .content .block-3 .price-plate .total-price .price {
    color: #c62728 !important;
}

.selected-information .content .breakdown .price {
    padding-right: 2px;
}

.selected-information .content .breakdown .number {
    padding-left: 2px;
}

.selected-information .content .edel-select-date.re-design {
    background-color: #e5edf5 !important;
    font-size: 13px !important;
    margin: 0;
    padding: 3px;
}

.payment-method-wrapper {
    /* margin: 10px 14% 0; */
    margin: 10px auto 0;
    width: 780px;
}

.payment-method-wrapper p.top {
    font-size: 24px;
    text-align: center;
    margin: 30px 0;
    font-weight: 500;
}

.change-payment-link {
    font-size: 13px;
    text-align: center;
    text-decoration: underline;
    display: block;
    margin: 0 auto;
}

.reserve-cancel-header {
    font-size: 15px;
    text-align: center;
    background-color: #f0f0f0;
    color: #000;
    padding: 14px;
    line-height: 26px;
}

.reserve-cancel-content {
    font-size: 13px;
    line-height: 20px;
    padding: 0 8px;
    margin: 0;
}

.edel-hissu {
    display: inline-block;
    font-size: 11.5px;
    line-height: 13px;
    border-radius: 4px;
    padding: 2px 3px;
    background-color: #c62728;
    color: #fff;
    font-weight: 300;
    margin-left: 15px;
}

.reserve-cancel-reason {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    /* margin: 10px auto; */
    /* width: 700px; */
    margin: 10px auto 30px;
}

.reserve-cancel-reason .cancel-reason {
    width: 33%;
    font-size: 13px;
    padding-left: 5px;
}

textarea[name='reserve-cancel-message'] {
    background-color: #f0f0f0;
    border-radius: 0 !important;
}

.mypage-info {
    font-size: 24px;
    margin: 50px 0;
    text-align: center;
}

textarea[name='reserve-cancel-message'] {
    font-size: 13px;
    padding: 8px;
}

.edel-block {
    display: block;
}

h3.login-page {
    font-size: 20px;
    text-align: center;
    margin: 30px 0;
    padding: 10px;
}

.kari-yoyaku-button.login-button {
    width: 300px !important;
}

.email-readonly {
    color: #666 !important;
}

.admin-edit {
    width: 150px !important;
    display: inline-block !important;
}

input[name='total_price'] {
    width: 150px !important;
    display: inline-block !important;
}

.admin-edit-wrapper {
    background-color: #fff;
    margin: 20px auto !important;
    width: 780px !important;
}

/* datepicker */
.ui-icon-circle-triangle-e,
.ui-icon-circle-triangle-e {
    color: #000 !important;
}

.ui-icon-circle-triangle-e::before,
.ui-icon-circle-triangle-e::after {
    color: #000 !important;
}

.ui-datepicker-calendar::before,
.ui-datepicker-calendar::after {
    color: #000 !important;
}

.ui-datepicker-year,
.ui-datepicker-month {
    font-size: 11px;
    padding: 4px;
}

#ui-datepicker-div {
    z-index: 100;
}

.tour-detail-table td {
    border-right: 1px solid #000;
}

.goto-mypage {
    padding: 10px;
    font-size: 13px;
    text-decoration: underline;
}

.goto-mypage:hover {
    opacity: 0.7;
}

.pickup-type {
    color: #000;
    font-size: 15px;
    font-weight: 777;
    margin-bottom: 0;
    padding: 10px 10px 0 10px;
}

.pickup-content {
    color: #000;
    font-size: 13.5px;
    font-weight: 777;
    padding: 10px 10px 10px 10px;
    margin: 0;
}

.change-payment {
    text-align: center;
}

.change-payment a {
    font-size: 14px;
    text-decoration: underline;
}

.cancel-notice-message {
    text-align: center;
}

.cancel-notice-message p {
    margin-top: 25px;
    font-size: 14px;
}

.confirmed-tour-text {
    font-size: 13px !important;
    color: #ff0000;
}

.progress-text {
    /* border: 1px solid #ccc; */
    /* height: 100px; */
    margin: 0 auto;
    width: 780px;
}

.progress-text .step-txt {
    font-size: 14px;
    color: red;
    padding: 8px;
}

.right.mt34px p {
    margin-top: 34px !important;
}

.footer-notes {
    background-color: #fff;
    font-size: 13px;
    margin-top: 30px;
    padding: 8px;
    border: 1px solid #000;
}

/* メディアクエリ */

@media (max-width: 1080px) {
    .selected-information {
        flex-direction: column;
        justify-content: flex-start;
        margin: 20px auto !important;
        height: auto;
        width: 96%;
    }

    .selected-information .content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .selected-information .content .block-2 {
        border: none;
        margin: 10px 0;
        padding: 0;
    }

    .selected-information .header {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .selected-information .selected-title {
        font-size: 20px;
        /* width: 100%!important; */
        margin: 0;
    }

    .selected-information .selected-tour-name {
        font-size: 15px;
        font-weight: 700;
        padding: 5px;
        vertical-align: bottom;
        /* width: 100%!important; */
    }

    .selected-information .content .block-3 .price-plate {
        width: 95%;
        margin-top: 40px;
        display: flex;
        height: 100px !important;
    }

    .selected-information .content .block-3 .price-plate .total {
        text-align: right;
        width: 30%;
    }

    .selected-information .content .block-3 .price-plate .total-price {
        text-align: left;
        padding-top: 30px;
    }

    .selected-information .content .block-3 .price-plate .total-price .price {
        color: #c62728 !important;
        font-size: 30px;
    }

    .kari-yoyaku-button.login-button {
        width: 280px !important;
    }
}

@media (max-width: 920px) {
    #edel-login-wrapper #edel-register {
        padding: 0 50px;
        justify-content: left;
    }

    .reserve-cancel-reason .cancel-reason {
        width: 49%;
    }
}

@media (max-width: 820px) {
    #edel-login-wrapper #edel-register {
        padding: 0 40px;
        justify-content: left;
    }

    #edel-register .form-large-text {
        margin: 7.5px 7.5px;
        width: 400px;
        padding: 8px;
        font-size: 14px;
        background-color: #f0f0f0;
        color: #000000;
        border: none;
    }

    #edel-register dd {
        padding-left: 8px;
        margin-bottom: 1px;
    }

    #select-date-wrapper {
        margin: 30px auto 10px;
        width: 700px;
        padding: 10px;
    }

    .gray-line {
        width: 700px;
    }

    #select-date-wrapper .edel-select-date {
        font-size: 20px;
    }

    #progress-wrapper .edel-hr {
        width: 590px;
        width: 75%;
    }

    #confirmed-tour-list .confirmed-tour .tour {
        max-width: 320px;
    }

    #selected-information {
        flex-direction: column;
        justify-content: flex-start;
        margin: 60px 0 !important;
        height: auto;
    }

    #selected-information .content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    #selected-information .content .block-2 {
        border: none;
        margin: 10px 0;
        padding: 0;
    }

    #selected-information .header {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    #selected-information .selected-title {
        font-size: 20px;
        /* width: 100%!important; */
        margin: 0;
    }

    #selected-information .selected-tour-name {
        font-size: 15px;
        font-weight: 700;
        padding: 5px;
        vertical-align: bottom;
        /* width: 100%!important; */
    }

    #selected-information .content .block-3 .price-plate {
        width: 95%;
        margin-top: 40px;
        display: flex;
        height: 100px !important;
    }

    #selected-information .content .block-3 .price-plate .total {
        text-align: right;
        width: 30%;
    }

    #selected-information .content .block-3 .price-plate .total-price {
        text-align: left;
        padding-top: 30px;
    }

    #selected-information .content .block-3 .price-plate .total-price .price {
        color: #c62728 !important;
        font-size: 30px;
    }

    /*    ================= */

    /*    ================= */

    .edel-select-new-date {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: 160px;
    }

    .edel-select-new-date .select-person {
        flex: 1;
    }
    .edel-select-new-date .set-date {
        flex: 1;
    }

    .set-date div {
        margin-left: 30px !important;
    }

    .edel-select-new-date .set-date .start-date::after {
        left: 165px;
    }

    .mypage-kari-bottom {
        width: 94%;
    }

    .payment-method-wrapper {
        margin: 10px 4% 0;
    }

    .payment-method-wrapper {
        margin: 10px auto 0;
        width: 96%;
    }

    .reserve-cancel-content {
        font-size: 12px !important;
    }

    .reserve-cancel-reason {
        width: 96%;
    }

    .admin-edit-wrapper {
        width: 95% !important;
    }

    .progress-text {
        margin: 0 auto;
        width: 95%;
    }
}

@media (max-width: 720px) {
    #edel-login-wrapper #edel-register {
        padding: 0 20px;
        justify-content: left;
    }

    #edel-register .form-small-text {
        width: 44%;
    }

    #edel-register .form-large-text,
    #edel-register .form-regular-text {
        width: 94%;
    }

    #select-date-wrapper {
        margin: 30px auto 10px;
        width: 600px;
        padding: 10px;
    }

    .gray-line {
        width: 600px;
    }

    #select-date-wrapper .edel-select-date {
        font-size: 20px;
    }

    #progress-wrapper .edel-hr {
        width: 75%;
    }

    #confirmed-tour-list .confirmed-tour .tour {
        max-width: 220px;
    }

    #edel-login .form-regular-text {
        /* width: 90%!important; */
        margin: 20px auto;
        display: block;
    }

    .edel-flex-end {
        justify-content: flex-end;
        width: 100%;
        flex-direction: column;
        align-items: flex-end;
        margin-bottom: 20px;
    }

    .yoyaku-reentry-link {
        margin: 10px 2.5px !important;
    }

    .yoyaku-cancel-link {
        margin: 10px 2.5px !important;
    }
}

@media (max-width: 620px) {
    #select-date-wrapper {
        margin: 30px auto 10px;
        width: 500px;
        padding: 10px;
    }

    .gray-line {
        width: 500px;
    }

    #select-date-wrapper .edel-select-date {
        font-size: 18px;
    }

    #progress-wrapper .edel-hr {
        width: 75%;
    }

    #confirmed-tour-list .confirmed-tour .tour {
        padding-left: 0;
        width: 100%;
        max-width: 100%;
        display: block;
    }

    #edel-customer-info {
        width: 100%;
    }

    #edel-customer-info .customer-info {
        width: 90%;
        margin: 20px 5%;
        text-align: center;
        box-sizing: border-box;
    }

    #edel-customer-info .customer-info .title {
        width: 150px !important;
    }
    #edel-customer-info .customer-info .content {
        width: 300px !important;
    }

    #temp-yoyaku {
        width: 100%;
    }

    .temp-yoyaku-back {
        width: 200px !important;
    }

    .temp-yoyaku-confirm {
        width: 200px !important;
    }

    #select-date-wrapper .edel-thankyou-title {
        color: #e5edf5;
        font-size: 60px;
        text-align: center;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 900;
        line-height: 60px;
        margin-bottom: 30px;
    }

    .mypage-button {
        font-size: 12.5px;
    }

    .mypage-button:nth-child(1) {
        width: 36%;
    }
    .mypage-button:nth-child(2) {
        width: 26%;
    }
    .mypage-button:nth-child(3) {
        width: 36%;
    }

    .sched-box {
        margin: 10px 0 0px;
    }

    #selected-information-fixed .content {
        flex-wrap: wrap;
    }

    #selected-information-fixed .content .block-1 {
        width: 90% !important;
        min-width: 90% !important;
        padding: 15px;
    }

    #selected-information-fixed .content .block-2 {
        width: 90% !important;
        min-width: 90% !important;
        border: none !important;
    }

    #selected-information-fixed .content .block-3 {
        width: 90% !important;
        min-width: 90% !important;
        padding-top: 10px;
    }

    #selected-information-fixed .content .price-plate {
        width: 100% !important;
    }
}

@media (max-width: 500px) {
    .edel-hanrei {
        background-color: #eee;
        border: 1px solid #999;
        width: 100% !important;
        margin: 0 auto;
        height: 60px;
        display: flex;
        justify-content: center;
    }

    .cell-hanrei {
        margin: 10px 1%;
        width: 18%;
        height: 40px;
        border: 1px solid #666;
        font-size: 11px !important;
        padding-top: 11px;
        border-radius: 0 !important;
    }

    #select-date-wrapper {
        margin: 30px auto 10px;
        width: 90%;
        padding: 10px;
    }

    .gray-line {
        width: 90%;
    }

    #select-date-wrapper .edel-select-date {
        font-size: 16px;
    }

    #progress-wrapper .progress .edel-notes {
        font-size: 11.5px;
        font-weight: 500;
    }

    #edel-calendar-wrapper #calendar th {
        width: 52px;
    }

    #edel-calendar-wrapper #calendar td {
        height: 52px;
    }

    .select-date .day {
        margin: 0;
        padding: 0.5px 0 0.5px 0;
    }

    .select-date .day span.day_font {
        font-size: 12.5px;
        line-height: 14px;
    }

    .select-date .day span.yoyaku {
        display: block;
        font-size: 11.5px;
        line-height: 13px;
    }

    .select-date .day span.price {
        display: block;
        font-size: 11.5px;
    }

    .cal-prev-button,
    .cal-next-button {
        margin: 0 2.5px;
        font-size: 15px;
    }

    .month-button {
        width: 75px;
        min-width: 75px;
        margin: 0 2px;
        font-size: 12px;
    }

    .yoyaku-selected {
        width: 44px;
        height: 46px;
        line-height: 46px;
    }

    .yoyaku-selected::before {
        width: 46px;
        height: 48px;
        right: -2px;
    }

    .yoyaku-selected::after {
        width: 30px;
        height: 48px;
        right: 29;
    }

    .yoyaku-selected2 {
        width: 44px;
        height: 46px;
        font-size: 24px;
        line-height: 46px;
    }

    .yoyaku-selected2::before {
        width: 44px;
        height: 48px;
        right: -2px;
    }

    .yoyaku-selected2::after {
        width: 47px;
        height: 48px;
    }

    .yoyaku-selected-middle {
    }

    .yoyaku-selected-middle::after {
        content: '';
        position: absolute;
        width: 52px;
        height: 48px;
        background-color: #044b9b;
        top: 0;
        left: 0;
        opacity: 0.5;
        z-index: 10;
    }

    #select-date-wrapper {
        width: 100%;
    }

    .gray-line {
        width: 100%;
    }

    #select-date-wrapper p {
        border-radius: 10px;
        font-size: 18px;
    }

    #select-date-wrapper p span.stay {
        display: block;
    }

    #select-date-wrapper .edel-select-number {
        flex-direction: column;
        justify-content: flex-start;
    }

    #select-date-wrapper .edel-select-number .person {
        width: 96% !important;
        height: 176px;
        border: 2px solid #666;
        border-radius: 10px;
        margin: 5px 1%;
    }

    #select-date-wrapper .edel-selected-tour .thumbnail {
        max-width: 120px;
        padding: 7px 7px;
        margin-left: 3px;
    }

    #select-date-wrapper .edel-selected-tour .tour-selected-notes {
        border-radius: 20px;
        background-color: #fff;
        font-size: 12px;
        color: #888;
        text-align: center;
        display: block;
        width: 120px;
        padding: 3px;
        margin: 10px 10px 8px 10px;
        font-weight: 500;
    }

    #select-date-wrapper .edel-selected-tour .tour-name {
        font-size: 15px;
        font-weight: 800;
        margin: 2px;
        padding: 2px 8px !important;
    }

    #select-date-wrapper .edel-selected-tour {
        height: 115px;
    }

    /* .warning-message {
        font-size: 13px!important;
    } */

    #tour-detail .tour-detail-wrapper .tour-detail-table td p {
        font-size: 12px !important;
    }
    .breakdown-list {
        font-size: 12px !important;
        width: 100% !important;
    }

    .kari-yoyaku-button {
        /* margin: 4px 0!important; */
        margin: 4px auto !important;
    }

    #edel-customer-info .customer-info .title {
        width: 120px !important;
        min-width: 120px !important;
    }

    #selected-information-fixed .kari-title-content {
        width: 340px;
    }

    #selected-information-fixed .kari-status {
        width: 340px;
    }

    #tour-detail .tour-detail-wrapper .tour-detail-table th {
        width: 98px !important;
        padding: 5px 3px;
    }

    .edel-flex-end {
        justify-content: space-between;
        width: 100%;
        flex-direction: column;
        align-items: flex-end;
        margin-bottom: 20px;
    }

    .edel-flex.edel-flex-end p,
    .edel-flex.edel-flex-end a {
        margin: 4px 8px;
    }

    .edel-flex.edel-for-mobile {
        margin: 4px 8px;
    }

    #mypage-middle-header {
        margin: 10px 10px 0;
    }

    .mypage-middle-header {
        margin: 10px 10px 0;
    }

    .pickup-label {
        font-size: 12.5px;
        padding: 5px;
        display: block !important;
    }

    .pickup-point .pickup-right .edel-pickup {
        width: 300px !important;
        margin: 0 10px !important;
    }

    .pickup-point .pickup-right.edel-hotel-start input,
    .pickup-point .pickup-right.edel-hotel-end input {
        margin-left: 10px !important;
    }

    .edel-swift {
        flex-wrap: wrap;
    }

    .edel-swift .edel-swift-left {
        width: 96% !important;
        min-width: 96% !important;
    }

    .edel-swift .edel-swift-right {
        width: 96% !important;
        min-width: 96% !important;
        margin-top: 20px;
    }

    .reserve-cancel-reason .cancel-reason {
        width: 49%;
        font-size: 12px;
        padding-left: 3px;
    }

    .admin-edit {
        width: 110px !important;
        padding: 15px !important;
        display: inline-block !important;
    }

    input[name='total_price'] {
        width: 110px !important;
        padding: 15px !important;
        display: inline-block !important;
    }

    #select-date-wrapper .additional-cost .cost-form {
        width: 70% !important;
        margin: 4px;
        padding: 4px;
        font-size: 13px;
    }

    #select-date-wrapper .additional-cost .cost-select {
        width: 30% !important;
        margin: 4px;
        padding: 4px;
        font-size: 13px;
    }

    .edel-tour-payment-price th {
        font-size: 18px !important;
    }

    .edel-tour-payment-price .price {
        font-size: 20px !important;
    }

    .payment-notes {
        font-size: 14px;
        color: #c62728;
        /* border: 1px solid #C62728; */
        text-align: center;
        padding: 10px;
        margin-bottom: 0;
    }

    .right.mt34px p {
        margin-top: 64px !important;
    }
}

.price_changed {
    color: red;
    margin: 0;
    padding: 8px;
}

.to-submit {
    display: block;
    margin: 30px auto;
}

.all-member-wrapper {
    text-align: left;
}

.all-member-wrapper dt textarea,
.all-member-wrapper dt input[type='text'] {
    width: 100% !important;
}

.all-list-wrapper {
    border: none;
    width: 100% !important; /* テーブルの幅を100%に設定 */
    table-layout: fixed; /* セル幅の固定化 */
    border-collapse: collapse; /* 境界線が影響しないように設定 */
}

.all-list-wrapper th,
.all-list-wrapper td {
    border: 1px solid #333;
    font-size: 13.5px;
    padding: 8px;
    font-weight: normal;
}

.all-list-wrapper th {
    width: 25% !important;
    text-align: center;
    background-color: #eee;
}

.option-wrapper {
    display: flex;
    flex-wrap: wrap;
    border-top: none !important;
    border-left: none !important;
}

.option-wrapper label {
    margin-left: 10px;
}

.option-wrapper p {
    margin: 8px;
    color: #000 !important;
    font-weight: normal !important;
}

.option-wrapper input[type='checkbox'] {
    width: 20px !important;
}

.option-wrapper input[type='number'] {
    width: 60px !important;
}

.pickup-wrapper p {
    margin: 8px;
    color: #999 !important;
    font-weight: normal !important;
}

.pickup_hour_min {
    width: 70px;
    padding: 10px;
    border: 1px solid #bbb;
    border-radius: 0;
    margin-left: 8px;
}

.pickup_location {
    width: 250px;
    padding: 10px;
    border: 1px solid #bbb;
    border-radius: 0;
    margin-right: 8px;
}

.know-info {
    width: 100%;
    margin: 8px;
    padding: 12px !important;
}

.link-bule {
    color: #044b9b;
    font-weight: bold;
    text-decoration: solid underline;
}

.riding-check {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px auto 5px;
    padding: 20px 30px;
    border: 1px solid #ccc;
    border-radius: 10px;
    cursor: pointer;
}

.riding-check .riding-box {
    width: 20px;
}

.riding-check .riding-message {
    width: calc(100% - 20px);
    margin-left: 20px;
    margin-bottom: 0;
}

.riding-check .riding-message a {
    color: #044b9b;
    text-decoration: underline solid #044b9b 1px;
}

.tour-duration {
    background-color: #e5edf5;
    color: #044b9b;
    font-weight: 400;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 14px;
}

.tour-duration-date {
    font-weight: bold;
    padding-left: 5px;
    font-size: 14.5px;
}

.reserve-completed {
    text-align: center;
}

.reserve-completed p {
    font-size: 25px;
    margin: 50px;
}

.reserve-completed a {
    color: #044b9b;
    text-decoration: underline #044b9b;
}

@media (max-width: 500px) {
    .tour-duration {
        background-color: #e5edf5;
        color: #044b9b;
        font-weight: 400;
        padding: 2px 4px;
        border-radius: 4px;
        font-size: 13px;
    }

    .tour-duration-date {
        font-weight: bold;
        padding-left: 3px;
        font-size: 13.5px;
    }

    .reserve-completed p {
        font-size: 15.5px;
        margin: 20px 5px;
    }
}

#edel-loading-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    display: none;
    /* 初期は非表示 */
    z-index: 999999;
}

#edel-loading-overlay.is-active {
    display: flex;
    align-items: center;
    justify-content: center;
}

#edel-loading-overlay .edel-loading-box {
    text-align: center;
    padding: 20px 22px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px);
    color: #fff;
    max-width: 90vw;
    line-height: 1.6;
    font-size: 16px;
}

#edel-loading-overlay .edel-spinner {
    width: 42px;
    height: 42px;
    margin: 0 auto 12px;
    border-radius: 50%;
    border: 4px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    animation: edelSpin 0.9s linear infinite;
}

@keyframes edelSpin {
    to {
        transform: rotate(360deg);
    }
}

#temp-yoyaku {
    display: flex;
    gap: 12px; /* ボタン間の余白（お好みで） */
    justify-content: center;
}

@media (max-width: 768px) {
    #temp-yoyaku {
        flex-direction: column-reverse; /* 縦＋上下入れ替え */
        align-items: center; /* 中央寄せ */
    }

    #temp-yoyaku input[type='submit'] {
        width: 100% !important; /* スマホは横幅いっぱいにするなら */
        max-width: 320px; /* でかくなりすぎ防止 */
    }
}