/*@import url("../common/common.css?20250531");*/ /*共通CSS*/

@media screen and (max-width: 767px) {

    /*####################################################################################################*/
    /* 共通 */
    /*####################################################################################################*/
    main {
        padding: 0;
    }

    #MainPageHeader {
        margin-bottom: 0;
    }

    #SearchBox #SearchForm {
        margin-top: 10px;
    }

        #SearchBox #SearchForm .btnBox {
            flex-direction: column;
            gap: 5px;
        }

            #SearchBox #SearchForm .btnBox .rowBtn {
                gap: 5px;
            }

                #SearchBox #SearchForm .btnBox .rowBtn .btnItem {
                    padding: 20px 20px 23px;
                }

                    #SearchBox #SearchForm .btnBox .rowBtn .btnItem .btnTitle {
                        top: 2px;
                    }

                    #SearchBox #SearchForm .btnBox .rowBtn .btnItem img {
                        width: 85%;
                    }

    /*####################################################################################################*/
    /* クルーズ検索プログレスバー */
    /*####################################################################################################*/
    #CruiseSearchProgressWindow #ProgressMSGBox {
        width: 90%;
        padding: 15px 15px 25px;
    }

        #CruiseSearchProgressWindow #ProgressMSGBox .progress {
            font-size: 12px;
        }

    #CruiseSearchProgressWindow #ProgressMSG .ProgressMSG {
        margin-top: 10px;
    }

        #CruiseSearchProgressWindow #ProgressMSG .ProgressMSG .AgentImageBox .AgentImage {
            width: 50px;
            height: 50px;
        }

        #CruiseSearchProgressWindow #ProgressMSG .ProgressMSG .AgentMSGBox {
            padding: 5px 10px;
        }

            #CruiseSearchProgressWindow #ProgressMSG .ProgressMSG .AgentMSGBox .Title {
                font-size: 12px;
                margin-bottom: 5px;
            }

            #CruiseSearchProgressWindow #ProgressMSG .ProgressMSG .AgentMSGBox .Contents,
            #CruiseSearchProgressWindow #ProgressMSG .ProgressMSG .AgentMSGBox .Contents a {
                font-size: 11px;
            }

    /*####################################################################################################*/
    /* モーダル */
    /*####################################################################################################*/
    /*共通*/
    .modal-header {
        padding: 10px 10px 5px;
    }

        .modal-header hr {
            margin: 10px 0 5px;
        }

        .modal-header .fixMenuBox {
            gap: 5px 10px;
        }

            .modal-header .fixMenuBox .menuItem {
                display: inline-block;
                width: 55px;
                text-align: center;
                font-size: 12px;
                padding: 3px 0;
                margin: 3px 0;
            }

    .modal-body {
        /*padding: 10px;*/
    }

    .modal-footer .btn-primary {
        width: 100px;
        padding: 5px 0;
    }

    .modal-footer #modal_SearchItemStatus {
        padding: 0;
    }


    /*個別：出港地*/
    #modal_ItemList_DEPARTURE .SelectItemList .colItem {
        /*padding: 0;*/
    }

        #modal_ItemList_DEPARTURE .SelectItemList .colItem label {
            /*padding: 10px 15px;*/
        }

    #modal_ItemList_DEPARTURE .modal-body .SelectItemListBox .SelectItemList .modalItemInfoBox {
        padding: 5px 0;
    }

    #modal_ItemList_DEPARTURE .SelectItemList .modalItemInfoBox .tableNearestInfo {
        width: 100%;
        font-size: 12px;
    }

        #modal_ItemList_DEPARTURE .SelectItemList .modalItemInfoBox .tableNearestInfo td {
            display: block;
            padding: 0;
        }

            #modal_ItemList_DEPARTURE .SelectItemList .modalItemInfoBox .tableNearestInfo td.TD_LocationCode {
                display: none;
            }

            #modal_ItemList_DEPARTURE .SelectItemList .modalItemInfoBox .tableNearestInfo td.TD_ResortName span {
                display: inline-block;
                width: 30px;
                margin-right: 5px;
            }

            #modal_ItemList_DEPARTURE .SelectItemList .modalItemInfoBox .tableNearestInfo td.TD_PortName {
                text-align: right;
            }

    /*個別：出港日*/
    #modal_ItemList_DEPDATE .SelectItemList .ReservationDateRange {
        font-size: 12px;
    }

    /*個別：泊数*/
    #modal_ItemList_NIGHTS .SelectItemList .NightsFilter {
        margin: 20px 0;
        gap: 10px 5px;
    }

        #modal_ItemList_NIGHTS .SelectItemList .NightsFilter .btn-light {
            font-size: 14px;
            min-width: 80px;
        }

    /*個別：その他*/
    #modal_ItemList_OTHER .SelectItemList .colItem {
        padding: 10px 10px 30px;
    }
    /*個別：人数*/
    #modal_ItemList_PAX .SelectItemList .colItem {
        padding: 20px 0 20px;
    }

    /*おすすめ検索一覧*/
    #modal_SearchPresetList .modal-body {
        padding: 1rem;
    }

        #modal_SearchPresetList .modal-body .SearchPresetList .PresetItem {
            display: block;
            margin: 0 0 15px 0;
            padding: 10px 15px;
            font-size: 14px;
            word-break: break-all;
        }

    /*表示アイテム説明モーダル*/
    #modal_CruiseItemDetail .modal-body {
        padding: 1rem;
        font-size: 12px;
    }

        #modal_CruiseItemDetail .modal-body .Contents {
            padding: 10px 0 15px;
        }

            #modal_CruiseItemDetail .modal-body .Contents .tableIconInfo td {
                padding: 5px 5px 1px 0;
            }

                #modal_CruiseItemDetail .modal-body .Contents .tableIconInfo td .caption {
                    font-size: 14px;
                }

                #modal_CruiseItemDetail .modal-body .Contents .tableIconInfo td .content {
                    font-size: 10px;
                    padding-left: 10px;
                }

                #modal_CruiseItemDetail .modal-body .Contents .tableIconInfo td.TD_ICON {
                    padding: 2px 2px;
                }

    #modal_SearchPresetList .modal-footer {
    }

        #modal_SearchPresetList .modal-footer .btn-primary {
            width: 100%;
            padding: 6px 0;
            white-space: nowrap;
            font-size: 15px;
        }

        #modal_SearchPresetList .modal-footer .btn-secondary {
            padding: 5px 5px;
            white-space: nowrap;
        }

    /*個別：クルーズカレンダーモーダル*/
    #modal_CruiseCalendar .modal-body {
        padding: 10px 10px 50px;
    }

    #modal_CruiseCalendar #CruiseCalendarBox .CruiseCalendarMonth .SubTitle {
        font-size: 20px;
    }

        #modal_CruiseCalendar #CruiseCalendarBox .CruiseCalendarMonth .SubTitle .DispMonth {
            padding: 5px 5px 5px 18px;
        }

            #modal_CruiseCalendar #CruiseCalendarBox .CruiseCalendarMonth .SubTitle .DispMonth .DispMonthUnit {
                font-size: 14px;
                margin: 0 10px 0 5px;
            }

    #modal_CruiseCalendar #CruiseCalendarBox .CruiseCalendarMonth .tableTicketCalendar td.day {
        padding: 2px 1px;
    }

    #modal_CruiseCalendar #CruiseCalendarBox .CruiseCalendarMonth .tableTicketCalendar td .DispDay {
        font-size: 16px;
        margin-bottom: 2px;
        gap: 2px;
        align-items: stretch;
        flex-direction: column;
    }

        #modal_CruiseCalendar #CruiseCalendarBox .CruiseCalendarMonth .tableTicketCalendar td .DispDay .Holiday {
            border-radius: 2px;
        }

    #modal_CruiseCalendar #CruiseCalendarBox .CruiseCalendarMonth .tableTicketCalendar td .CourseCalItemBox,
    #modal_CruiseCalendar #CruiseCalendarBox .CruiseCalendarMonth .tableTicketCalendar td .CourseCalItemBox .Theme {
        font-size: 8px;
    }

    /*####################################################################################################*/
    /* お知らせエリア */
    /*####################################################################################################*/
    #ContentPlaceHolder1_CruiseNewsBox {
        margin: 10px auto 10px;
        padding: 0 10px;
    }

        #ContentPlaceHolder1_CruiseNewsBox .MsgBox {
            padding: 10px;
            border-radius: 12px;
            font-size: 12px;
        }

            #ContentPlaceHolder1_CruiseNewsBox .MsgBox #ContentPlaceHolder1_Label_CruiseNews {
            }

    /*####################################################################################################*/
    /* 検索フォーム */
    /*####################################################################################################*/
    #SearchBox {
        padding: 10px 10px 30px;
        border-radius: 0;
    }

        #SearchBox #WorldMapBox #WorldMap {
            height: 200px;
        }

        #SearchBox #WorldMapBox #MapTitle {
            top: 2px;
            left: -3px;
        }

        #SearchBox #SearchForm .btnBox .rowBtn .btnItem .btnTitle {
            font-size: 13px;
        }

        #SearchBox #SearchForm .btnBox .rowBtn .btnItem .btnBadge {
            font-size: 10px;
        }

        #SearchBox #SearchForm #SearchPresetBtnBox {
            margin: 20px 0;
        }

        #SearchBox #SearchForm #ContentPlaceHolder1_ViewDetailHistoryBox {
            margin-top: 40px;
            scrollbar-width: none;
        }

        #SearchBox #SearchForm #SearchFormSubmitBtnBox {
            margin-top: 20px;
        }

            #SearchBox #SearchForm #SearchFormSubmitBtnBox .btn {
                padding: 10px 40px;
                border-radius: 50px;
                font-size: 16px;
            }

        #SearchBox #SearchForm #CruiseViewDetailHistoryBox {
        }

            #SearchBox #SearchForm #CruiseViewDetailHistoryBox .HistoryListBox .HistoryItemCard {
                min-width: 140px;
                max-width: 140px;
                font-size: 9px;
            }

    /*####################################################################################################*/
    /* 検索結果 */
    /*####################################################################################################*/
    #SearchResultBox {
        padding: 0 10px;
    }

        /*サマリーエリア*/
        #SearchResultBox #SummaryBox {
            padding: 10px;
            border-radius: 6px;
        }

            #SearchResultBox #SummaryBox .NothingMSG {
                padding: 30px 10px;
            }

            #SearchResultBox #SummaryBox .SummaryTitle {
                margin-bottom: 10px;
                font-size: 20px;
            }

            #SearchResultBox #SummaryBox .SummaryPortList {
                padding: 0;
            }

                #SearchResultBox #SummaryBox .SummaryPortList .PortNameJP {
                    font-size: 12px;
                    margin: 0 5px 5px 0;
                }

            #SearchResultBox #SummaryBox .SummaryCountList {
                padding: 0;
            }

                #SearchResultBox #SummaryBox .SummaryCountList .CountItem {
                    font-size: 12px;
                    margin: 0 5px 5px 0;
                }

                    #SearchResultBox #SummaryBox .SummaryCountList .CountItem .ShipCountName {
                        display: none;
                    }

            #SearchResultBox #SummaryBox .SummaryMinRate {
                padding: 0;
                overflow-y: auto;
            }

                #SearchResultBox #SummaryBox .SummaryMinRate .tableMinRate {
                    font-size: 10px;
                }

                    #SearchResultBox #SummaryBox .SummaryMinRate .tableMinRate th,
                    #SearchResultBox #SummaryBox .SummaryMinRate .tableMinRate td {
                        white-space: nowrap;
                    }

                        #SearchResultBox #SummaryBox .SummaryMinRate .tableMinRate th span {
                            font-size: 10px;
                        }

                    #SearchResultBox #SummaryBox .SummaryMinRate .tableMinRate tbody td {
                        padding: 1px 5px;
                    }

                        #SearchResultBox #SummaryBox .SummaryMinRate .tableMinRate tbody td.TD_RoomType span {
                            display: block;
                            font-size: 10px;
                        }

                        #SearchResultBox #SummaryBox .SummaryMinRate .tableMinRate tbody td.TD_Rate .USD {
                            font-size: 12px;
                        }

                        #SearchResultBox #SummaryBox .SummaryMinRate .tableMinRate tbody td.TD_Info {
                            font-size: 10px;
                        }

                        #SearchResultBox #SummaryBox .SummaryMinRate .tableMinRate tbody td.TD_minRatePort .MinRatePortNameJP {
                            white-space: normal;
                            display: block;
                        }

            #SearchResultBox #SummaryBox .SummarySubTitle {
                font-size: 16px;
                margin-top: 10px;
            }

                #SearchResultBox #SummaryBox .SummarySubTitle .Arrow {
                    font-size: 14px;
                }

            #SearchResultBox #SummaryBox .MinRatePortList {
                padding: 0;
            }

                #SearchResultBox #SummaryBox .MinRatePortList .MinRatePort_Name span {
                    display: block;
                }

                #SearchResultBox #SummaryBox .MinRatePortList .MinRatePort_Name a {
                    margin: 0;
                }

                #SearchResultBox #SummaryBox .MinRatePortList .MinRatePort_Body {
                    flex-direction: column;
                }

                    #SearchResultBox #SummaryBox .MinRatePortList .MinRatePort_Body .PortImage {
                        width: 100%;
                    }

                        #SearchResultBox #SummaryBox .MinRatePortList .MinRatePort_Body .PortImage .ImageBox img {
                            border-radius: 6px;
                        }

                    #SearchResultBox #SummaryBox .MinRatePortList .MinRatePort_Body .PortInfo {
                        width: 100%;
                    }

        /*ソートメニュー*/
        #SearchResultBox #SortMenuBox {
            flex-direction: column;
            align-items: flex-end;
            gap: 10px;
        }

            #SearchResultBox #SortMenuBox .CruiseCalendarBtn {
                padding: 0;
            }

                #SearchResultBox #SortMenuBox .CruiseCalendarBtn .btn-link {
                    font-size: 14px;
                }

            #SearchResultBox #SortMenuBox .ItemDescriptionBtn {
                padding-bottom: 5px;
            }

                #SearchResultBox #SortMenuBox .ItemDescriptionBtn .btn-link {
                    font-size: 14px;
                }

            #SearchResultBox #SortMenuBox .SortMenu #selectCourseSort {
                width: auto;
            }

        #SearchResultBox #DetailBox #FilterBox {
            position: fixed;
            top: 0;
            left: -300px;
            bottom: 0;
            width: 300px;
            padding: 0;
            border-radius: 0;
            overflow-y: auto;
            box-shadow: 0 1px 3px 0 #25201f4d;
            transition: all .5s;
        }

            #SearchResultBox #DetailBox #FilterBox.open {
                left: 0;
                transition: all .5s;
            }

            #SearchResultBox #DetailBox #FilterBox .Header {
                border-radius: 0;
                position: sticky;
                top: 0;
                z-index: 3;
            }

            #SearchResultBox #DetailBox #FilterBox .ItemBody {
                padding: 5px 15px 100px 10px;
            }

                #SearchResultBox #DetailBox #FilterBox .ItemBody .filterItems label {
                    padding: 5px 0;
                }

                #SearchResultBox #DetailBox #FilterBox .ItemBody #minRateRangeBox {
                    padding: 0 50px 0 15px;
                }

        #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem {
            box-shadow: 0 1px 3px 0 #25201f4d;
            word-break: break-all;
        }

            #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseHeader {
                width: 70px;
            }

                #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseHeader .Nights {
                    padding: 10px 0;
                }

                #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseHeader .CourseDate {
                    margin-top: 45px;
                }

                #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseHeader .ThemeMark {
                    padding: 5px 0 6px;
                }

            #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseBody {
                flex-direction: column;
                font-size: 12px;
                padding: 3px 5px 5px;
            }

                #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseBody .CourseDetail .tableCourseDetail td.TD_Icon {
                    width: 16px;
                    display: none;
                }

                #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseBody .CourseDetail .tableCourseDetail td.TD_Content {
                    padding: 0;
                }

                #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseBody .CourseRate {
                    width: 100%;
                    margin-top: -20px;
                }

                    #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseBody .CourseRate .RateAndBtnBox {
                        display: flex;
                        gap: 10px;
                        align-items: flex-end;
                    }

                        #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseBody .CourseRate .RateAndBtnBox .CourseMinRate {
                            flex: 1;
                            position: relative;
                        }

                            #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseBody .CourseRate .RateAndBtnBox .CourseMinRate .SailID {
                                position: absolute;
                                bottom: 0;
                                left: 0;
                                padding: 0;
                            }

                    #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseBody .CourseRate .DetailBTN {
                        width: 70px;
                        margin: 0;
                    }

                        #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseBody .CourseRate .DetailBTN .btn {
                            padding: 5px 2px 5px 6px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            font-size: 14px;
                            line-height: 1.2;
                            gap: 5px;
                        }

                            #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseBody .CourseRate .DetailBTN .btn .fa-ship {
                                display: none;
                            }

                            #SearchResultBox #DetailBox #CruiseCourseBox .CourseItem .CourseBody .CourseRate .DetailBTN .btn .fa-angle-double-right {
                                font-size: 20px;
                            }
    /*####################################################################################################*/
    /* 詳細料金ページ */
    /*####################################################################################################*/
    /*乗船人数変更モーダル*/
    #modal_PaxChange {
    }

        #modal_PaxChange .modal-body {
            padding: 16px;
        }

            #modal_PaxChange .modal-body .CruiseTitle {
                gap: 10px;
            }

                #modal_PaxChange .modal-body .CruiseTitle .fa {
                    font-size: 30px;
                }

                #modal_PaxChange .modal-body .CruiseTitle .TitleCourseName {
                    font-size: 16px;
                }

            #modal_PaxChange .modal-body .PaxFormBox .PaxTitle {
                font-size: 14px;
                width: 150px;
                text-align: center;
            }

                #modal_PaxChange .modal-body .PaxFormBox .PaxTitle .paxLogo {
                    display: block;
                    margin: 0;
                }

            #modal_PaxChange .modal-body #PaxStatus .ErrMSG {
                font-size: 14px;
            }

    /*カテゴリー画像モーダル*/
    #modal_RoomImage {
    }

        #modal_RoomImage .modal-header .modal_RoomImage_CategoryCode {
            padding: 5px 0 5px;
        }

            #modal_RoomImage .modal-header .modal_RoomImage_CategoryCode .CategoryCodeBox {
                width: auto;
            }

                #modal_RoomImage .modal-header .modal_RoomImage_CategoryCode .CategoryCodeBox .CategoryCode {
                    height: auto;
                    font-size: 24px;
                }

            #modal_RoomImage .modal-header .modal_RoomImage_CategoryCode .CategoryTitle {
                font-size: 16px;
            }

        #modal_RoomImage .modal-body {
            padding: 10px;
        }

        #modal_RoomImage .CategoryInfoBox .modal_RoomImage_Description {
            font-size: 11px;
        }

        #modal_RoomImage .CategoryInfoBox .modal_RoomImage_StateRoomImage .footerInfo1 {
            font-size: 10px;
        }

        #modal_RoomImage .CategoryInfoBox .modal_RoomImage_StateRoomImage .footerInfo2 {
            text-align: left;
            margin: 10px 0 10px;
        }

    /*航路詳細*/
    #CoursePage #CruiseCourseInfoBox #CourseDetailsBox #FloatingTitle .TitleBox {
        gap: 10px;
    }

        #CoursePage #CruiseCourseInfoBox #CourseDetailsBox #FloatingTitle .TitleBox .Icon {
            font-size: 18px;
        }

        #CoursePage #CruiseCourseInfoBox #CourseDetailsBox #FloatingTitle .TitleBox .Title .Date {
            font-size: 12px;
        }

        #CoursePage #CruiseCourseInfoBox #CourseDetailsBox #FloatingTitle .TitleBox .Title .Course {
            font-size: 14px;
        }

    #CoursePage #CruiseCourseInfoBox #CourseDetailsBox {
        padding: 0 10px 30px;
        border-radius: 0;
    }

        #CoursePage #CruiseCourseInfoBox #CourseDetailsBox .DepPortImgBox {
            height: 200px;
            margin: 0 -10px;
        }

            #CoursePage #CruiseCourseInfoBox #CourseDetailsBox .DepPortImgBox img {
                object-fit: cover;
                width: 100%;
                height: 100%;
                border-radius: 0;
            }

        #CoursePage #CruiseCourseInfoBox #CourseDetailsBox h2 {
            gap: 10px;
            margin: 20px 0;
        }

            #CoursePage #CruiseCourseInfoBox #CourseDetailsBox h2 .TitleDate {
                font-size: 14px;
            }

            #CoursePage #CruiseCourseInfoBox #CourseDetailsBox h2 .TitleCourseName {
                font-size: 24px;
            }

        #CoursePage #CruiseCourseInfoBox #CourseDetailsBox .CourseInfoBox {
            flex-direction: column;
        }

            #CoursePage #CruiseCourseInfoBox #CourseDetailsBox .CourseInfoBox .ShipImgBox {
                width: 100%;
            }

                #CoursePage #CruiseCourseInfoBox #CourseDetailsBox .CourseInfoBox .ShipImgBox .ShipImage img {
                    width: 100%;
                }

                #CoursePage #CruiseCourseInfoBox #CourseDetailsBox .CourseInfoBox .ShipImgBox .ThemeImage img {
                    width: 100%;
                }

        #CoursePage #CruiseCourseInfoBox #CourseDetailsBox .PortofCallInfoBox {
            flex-direction: column;
        }

            #CoursePage #CruiseCourseInfoBox #CourseDetailsBox .PortofCallInfoBox .CourseImgBox {
                width: 100%;
            }

                #CoursePage #CruiseCourseInfoBox #CourseDetailsBox .PortofCallInfoBox .CourseImgBox img {
                    width: 100%;
                }

            #CoursePage #CruiseCourseInfoBox #CourseDetailsBox .PortofCallInfoBox .PortofCallInfo {
                width: 100%;
            }

    #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox {
        padding: 20px 10px 30px;
        border-radius: 0;
    }

        #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox .PaxChange,
        #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox .DispRateType,
        #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox .DispCategory {
            flex-direction: column;
            align-items: flex-start;
            gap: 5px;
        }

            #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox .PaxChange #BtnSetPaxChangeForm,
            #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox .DispRateType .ExchangeRate,
            #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox .DispCategory .CategorySelectBtn {
                width: 100%;
                text-align: right;
            }

        #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #PaxInfoBox {
            flex-direction: column;
            gap: 0;
            padding: 0 10px;
        }

            #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #PaxInfoBox .PaxItem {
                flex-direction: row;
                justify-content: space-between;
            }

                #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #PaxInfoBox .PaxItem .PaxTitle {
                    white-space: nowrap;
                    padding-right: 10px;
                }

                #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #PaxInfoBox .PaxItem .PaxAge {
                    flex: 1;
                    text-align: right;
                    margin-right: 10px;
                    background: repeating-linear-gradient( to bottom, transparent 0 calc(50% - 0.5px), #dddddd calc(50% - 0.5px) calc(50% + 0.5px), transparent calc(50% + 0.5px) 100% );
                }

                    #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #PaxInfoBox .PaxItem .PaxAge span {
                        background: #ffffff;
                        padding-left: 10px;
                    }

                #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #PaxInfoBox .PaxItem .PaxCountBox {
                    white-space: nowrap;
                }

                    #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #PaxInfoBox .PaxItem .PaxCountBox .PaxCount {
                        font-size: 24px;
                    }

        #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #FareTypeListBox {
            gap: 5px;
        }

            #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #FareTypeListBox .btn-light {
                min-width: 150px;
                max-width: 150px;
                height: 120px;
            }

                #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #FareTypeListBox .btn-light .FareTitle {
                    font-size: 12px;
                    height: 45px;
                    white-space: normal;
                }

                #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #FareTypeListBox .btn-light.selected {
                    height: 150px;
                }

        #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox #SummaryBox #RoomTypeFilterBox {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

            #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox #SummaryBox #RoomTypeFilterBox .RoomType label {
                padding: 7px 10px;
            }

        /*GTYアナウンス*/
        #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .RoomImportantInfoBox {
            padding: 5px;
        }

            #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .RoomImportantInfoBox .InfoCaption {
                font-size: 12px;
            }

                #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .RoomImportantInfoBox .InfoCaption span {
                    padding: 0 7px 0;
                    margin-right: 5px;
                }

            #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .RoomImportantInfoBox ul {
                padding-left: 20px;
            }

        /*カテゴリー詳細*/
        #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryBody {
            flex-direction: column;
        }

        #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryHeader {
            padding: 5px 5px 8px;
            gap: 10px;
        }

            #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryHeader .CategoryCodeBox {
                width: auto;
            }

                #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryHeader .CategoryCodeBox .CategoryCode {
                    height: auto;
                    font-size: 24px;
                }

            #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryHeader .CategoryTitle {
                font-size: 16px;
            }

        #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryBody .CategoryImages {
            width: 100%;
            padding: 0;
        }

            #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryBody .CategoryImages .Room {
                height: 200px;
            }

                #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryBody .CategoryImages .Room img {
                    border-radius: 0;
                    border-left: none;
                    border-right: none;
                    object-fit: cover;
                    height: 100%;
                    width: 100%;
                }

            #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryBody .CategoryImages .ViewDeckPlanBox {
                flex-direction: row;
                justify-content: space-between;
                padding: 0 5px;
            }

        #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryBody .CategoryDescription {
            padding: 0;
        }

            #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryBody .CategoryDescription .Description {
                padding: 5px 5px;
                font-size: 11px;
            }

                #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryBody .CategoryDescription .Description .DescriptionDispBtn {
                    display: block;
                }

                    #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryBody .CategoryDescription .Description .DescriptionDispBtn .btn-link {
                        font-size: 12px;
                    }

                #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryBody .CategoryDescription .Description .DescriptionMSG {
                    display: none;
                }

        #CoursePage #CruiseCourseInfoBox #CruiseCategoryRateListBox #CategoryRateListBox .CategoryItemBox .CategoryBody .CategoryRateInfo {
            width: 100%;
            padding: 0 5px 5px;
        }

    /*デッキプランモーダル*/
    #modal_DeckPlan {
    }

        #modal_DeckPlan .modal-body {
            padding: 0 10px 100px;
        }

        #modal_DeckPlan #DeckPlanBox {
            display: flex;
            flex-direction: column;
        }

            #modal_DeckPlan #DeckPlanBox .DeckNoListBox {
                width: 100%;
            }

                #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_SearchForm {
                    padding: 0;
                    border: none;
                    margin: 0;
                }

                    #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_SearchForm .input-group {
                        margin: 5px 0;
                    }

                    #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_SearchForm #DeckNoList_SearchForm_Status {
                        font-size: 13px;
                        border-bottom: solid 1px var(--DCL-COLOR);
                        padding-bottom: 10px;
                    }

                        #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_SearchForm #DeckNoList_SearchForm_Status .CategoryTitleJP {
                            display: flex;
                            align-items: center;
                            gap: 5px;
                            border-left: solid 5px #aaaaaa;
                            margin-bottom: 5px;
                        }

                            #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_SearchForm #DeckNoList_SearchForm_Status .CategoryTitleJP .CategoryCode {
                                white-space: nowrap;
                                font-size: 12px;
                                line-height: 1.2;
                            }

                        #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_SearchForm #DeckNoList_SearchForm_Status .SearchCategoryCode_DeckNo {
                            font-size: 12px;
                            margin: 5px 0;
                        }

                        #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_SearchForm #DeckNoList_SearchForm_Status .CabinNoListBox {
                            white-space: nowrap;
                            overflow-x: auto;
                        }

                #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_DeckList {
                    display: flex;
                    flex-direction: column;
                    gap: 0;
                }

                    #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_DeckList .DeckList_No {
                        white-space: nowrap;
                        overflow-y: auto;
                        width: 100%;
                        padding: 10px 0;
                        display: flex;
                        justify-content: flex-start;
                        align-items: stretch;
                    }

                        #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_DeckList .DeckList_No .DeckNoBox {
                            flex-direction: column;
                            justify-content: flex-start;
                            margin: 0 3px 0 0;
                            transition: none;
                            padding: 2px 5px;
                            border: none;
                            gap: 0;
                            font-size: 12px;
                        }

                            #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_DeckList .DeckList_No .DeckNoBox:hover {
                                transform: translate(0, -5px);
                            }

                            #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_DeckList .DeckList_No .DeckNoBox.Active {
                                transform: translate(0, -5px);
                            }

                            #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_DeckList .DeckList_No .DeckNoBox .CabinCount {
                                margin-top: -3px;
                            }

                    #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_DeckList .DeckList_CabinItems {
                        width: 100%;
                    }

                        #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_DeckList .DeckList_CabinItems .Deck_CabinList {
                        }

                            #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_DeckList .DeckList_CabinItems .Deck_CabinList .CabinNoListTitle {
                                display: flex;
                                align-items: center;
                                gap: 5px;
                                border-left: solid 5px #aaaaaa;
                            }

                                #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_DeckList .DeckList_CabinItems .Deck_CabinList .CabinNoListTitle .CategoryCode {
                                    white-space: nowrap;
                                    font-size: 12px;
                                    line-height: 1.2;
                                }

                            #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_DeckList .DeckList_CabinItems .Deck_CabinList .CabinNoListBox {
                                white-space: nowrap;
                                overflow-x: auto;
                            }

                                #modal_DeckPlan #DeckPlanBox .DeckNoListBox .DeckNoList_DeckList .DeckList_CabinItems .Deck_CabinList .CabinNoListBox .btnCabin {
                                    margin: 0 3px 0 0;
                                }

            #modal_DeckPlan #DeckPlanBox .DeckImageBox {
                margin: 0 auto;
                width: auto;
            }

        #modal_DeckPlan .modal-footer #LinkDeckPlanURL {
            font-size: 12px;
        }

    /*####################################################################################################*/
    /*予約カートモーダル*/
    /*####################################################################################################*/

    /*予約カート：ヘッダー*/
    #modal_Cart .modal-header .modal_Title .TitleDate {
        font-size: 12px;
    }

    #modal_Cart .modal-header .modal_Title .TitleCourseName {
        font-size: 16px;
    }

    #modal_Cart .modal-header .modal_Title .TitleShipName {
        font-size: 12px;
    }

    #modal_Cart .modal-body {
        padding: 0 10px 300px;
    }

    /*予約カート：共通*/
    #modal_Cart #CruiseCartBox .CruiseCartGUID {
        padding-right: 0px;
    }

    #modal_Cart #CruiseCartBox .CartArrowDown {
        margin: 5px 0;
    }

    #modal_Cart #CruiseCartBox .CartNextBtnBox {
        margin-top: 10px;
    }

        #modal_Cart #CruiseCartBox .CartNextBtnBox hr {
            margin: 20px 0 20px;
        }

    #modal_Cart #CruiseCartBox .CartItemBox .CartContent {
        font-size: 13px;
    }

    #modal_Cart #CruiseCartBox .CartNextBtnBox .CartBtn {
        gap: 5px;
    }

        #modal_Cart #CruiseCartBox .CartNextBtnBox .CartBtn .btn {
            width: 150px;
            padding: 10px 0px;
        }

    /*予約カート：選択アイテム*/
    #modal_Cart #SelectedItemBox .SelectedCategory {
        padding: 10px;
    }

        #modal_Cart #SelectedItemBox .SelectedCategory .PaxInfoBox {
            gap: 10px;
        }

            #modal_Cart #SelectedItemBox .SelectedCategory .PaxInfoBox .PaxBox {
                flex-direction: column;
                gap: 0;
            }

                #modal_Cart #SelectedItemBox .SelectedCategory .PaxInfoBox .PaxBox .PaxName {
                    font-size: 12px;
                }

                #modal_Cart #SelectedItemBox .SelectedCategory .PaxInfoBox .PaxBox .PaxCount {
                    font-size: 24px;
                }

    #modal_Cart #SelectedItemBox hr {
        margin: 5px 0 10px;
    }

    #modal_Cart #SelectedItemBox .SelectedCategory .CategoryInfo {
        gap: 10px;
    }

        #modal_Cart #SelectedItemBox .SelectedCategory .CategoryInfo .CategoryImageBox {
            display: none;
        }

        #modal_Cart #SelectedItemBox .SelectedCategory .CategoryInfo .CategoryCodeBox .Caption {
            padding: 1px 5px;
        }

        #modal_Cart #SelectedItemBox .SelectedCategory .CategoryInfo .CategoryCodeBox .CategoryCode {
            height: auto;
        }

        #modal_Cart #SelectedItemBox .SelectedCategory .CategoryInfo .CategoryTitleJP {
            font-size: 14px;
            line-height: 1.4;
        }

            #modal_Cart #SelectedItemBox .SelectedCategory .CategoryInfo .CategoryTitleJP .CabinType {
                font-size: 12px;
            }

            #modal_Cart #SelectedItemBox .SelectedCategory .CategoryInfo .CategoryTitleJP .Note {
                font-size: 12px;
            }

    #modal_Cart #SelectedItemBox .UpGradeTitle {
        font-size: 14px;
    }

        #modal_Cart #SelectedItemBox .UpGradeTitle .TitleMSG {
            display: block;
            padding: 10px 10px;
            text-align: center;
            border-radius: 6px;
        }

            #modal_Cart #SelectedItemBox .UpGradeTitle .TitleMSG .UpMinRate {
                display: block;
                font-size: 20px;
            }

    #modal_Cart #SelectedItemBox .UpGradeInfo .btn-light .UpCategoryTitle {
        width: 120px;
    }

    /*カート：準備情報*/
    #modal_Cart #SelectedItemBox .CartInformationMSGBox .msgBox {
        padding: 10px 10px;
        width: 100%;
    }

        #modal_Cart #SelectedItemBox .CartInformationMSGBox .msgBox .tableCartInformationMSG th {
            font-size: 14px;
        }

    /*カート：申込み者情報確認*/
    #modal_Cart #CustInfoCheckBox .tableCustInfo th {
        padding: 0 10px 0 0;
        font-size: 12px;
    }

    /*カート：乗船メンバー設定*/
    #modal_Cart #MemberSelectBox .CruiseMemberInfo {
        padding: 5px 5px;
    }

        #modal_Cart #MemberSelectBox .CruiseMemberInfo ul li .Pickup {
            font-size: 13px;
        }

    #modal_Cart #MemberSelectBox .SelectedMemberBox .subTitle {
        font-size: 14px;
    }

    #modal_Cart #CruiseMemberNothingMSG {
        padding: 20px 5px;
        font-size: 13px;
    }

    #modal_Cart #MemberSelectBox .SelectMemberBox .SelectMemberHeader {
        font-size: 14px;
    }

    #modal_Cart #Cart_MemberSelect .SelectedMemberBox .btn-danger,
    #modal_Cart #MemberSelectBox .SelectMemberBox .btn-warning {
        font-size: 13px !important;
        padding: 2px 5px;
    }

    #modal_Cart #MemberSelectBox .SelectMemberBox .MemberFilter {
        padding: 0 5px;
    }

    #modal_Cart #MemberSelectBox #CruiseMemberSelectBox {
        padding: 0 5px 10px;
    }

    #modal_Cart #Cart_MemberSelect .CustomerMembersListBox .MemberItem .MemberInfoBox {
        line-height: 1.3;
    }

        #modal_Cart #Cart_MemberSelect .CustomerMembersListBox .MemberItem .MemberInfoBox .PaxMark {
            margin-right: 5px;
        }

        #modal_Cart #Cart_MemberSelect .CustomerMembersListBox .MemberItem .MemberInfoBox .Caption {
            font-size: 12px;
            display: none;
        }

            #modal_Cart #Cart_MemberSelect .CustomerMembersListBox .MemberItem .MemberInfoBox .Caption.CastawayClubID {
                display: inline;
                color: #009CEF;
            }

    /*カート：キャスタウェイクラブID設定*/
    #modal_Cart #CastawayClubIDInputBox #CastawayClubIDMemberBoxInfo {
        padding: 5px 5px;
    }

        #modal_Cart #CastawayClubIDInputBox #CastawayClubIDMemberBoxInfo ul li .Pickup {
            font-size: 13px;
        }

    #modal_Cart #CastawayClubIDInputBox #CastawayClubIDMemberBox .MemberItem {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        padding: 5px;
    }

        #modal_Cart #CastawayClubIDInputBox #CastawayClubIDMemberBox .MemberItem:first-child {
            padding-top: 10px;
        }

        #modal_Cart #CastawayClubIDInputBox #CastawayClubIDMemberBox .MemberItem .input-group {
            width: 100%;
        }

        #modal_Cart #CastawayClubIDInputBox #CastawayClubIDMemberBox .MemberItem .MemberNameBox .LeadGuestMark {
            top: -20px;
            left: -10px;
        }

    /*カート：ステートルーム選択*/
    #modal_Cart #CabinSelectBox #AvailableCabinBox {
        gap: 50px;
        flex-direction: column;
    }

        #modal_Cart #CabinSelectBox #AvailableCabinBox .AvailableDeckImageList {
            margin: 0 auto;
            width: auto;
        }

        #modal_Cart #CabinSelectBox #AvailableCabinBox .AvailableCabinList .Cabins label {
            font-size: 14px;
        }

    #modal_Cart #CabinSelectBox #AvailableCabinTTCHoldBox .HoldInfoBox {
        padding: 15px 5px 5px;
    }

        #modal_Cart #CabinSelectBox #AvailableCabinTTCHoldBox .HoldInfoBox ul li .Pickup {
            font-size: 13px;
        }

    #modal_Cart #CabinSelectBox #AvailableCabinTTCHoldBox .HoldConfirmationBox .HoldCabin .tableHoldConfirmation tr {
        line-height: 1;
    }

    #modal_Cart #CabinSelectBox #AvailableCabinTTCHoldBox .HoldConfirmationBox .HoldCabin .tableHoldConfirmation th {
        display: block;
        text-align: left;
        padding: 10px 0 5px;
    }

    #modal_Cart #CabinSelectBox #AvailableCabinTTCHoldBox .HoldConfirmationBox .HoldCabin .tableHoldConfirmation td {
        display: block;
        padding: 0 0 0 50px;
    }

        #modal_Cart #CabinSelectBox #AvailableCabinTTCHoldBox .HoldConfirmationBox .HoldCabin .tableHoldConfirmation td #btnBackCabinSelect {
            font-size: 14px;
        }

    #modal_Cart #CabinSelectBox #AvailableCabinTTCHoldBox .HoldConfirmationBox #HoldCabinStatus .SuccessMSG .StatusMSG {
        font-size: 14px;
    }

    #modal_Cart #CabinSelectBox #AvailableCabinTTCHoldBox .HoldConfirmationBox #HoldCabinStatus .ErrMSG .StatusMSG {
        text-align: left;
    }

    /*カート：ダイニング時間選択*/
    #modal_Cart #DiningSelectBox #Cart_DiningSelect .DiningSelectInfo1 {
        padding: 5px 5px;
    }

    #modal_Cart #DiningSelectBox #Cart_DiningSelect .DiningSelectInfo2 {
        font-size: 14px;
    }

    #modal_Cart #DiningSelectBox #Cart_DiningSelect .DiningSelectForm .input-group-text {
        font-size: 13px;
    }

    #modal_Cart #DiningSelectBox #Cart_DiningSelect .DiningSelectForm #selectDiningTime {
        /*font-size: 13px;*/
        padding: 10px;
    }

    /*カート：住所入力*/
    #modal_Cart #AddressInputBox #Cart_AddressInput .AddressInputInfo1 {
        padding: 5px;
    }

        #modal_Cart #AddressInputBox #Cart_AddressInput .AddressInputInfo1 ul li .Pickup {
            font-size: 13px;
        }

    #modal_Cart #AddressInputBox #Cart_AddressInput .AddressInputInfo2 {
        padding: 10px;
        font-size: 12px;
    }

    #modal_Cart #AddressInputBox #Cart_AddressInput .form-control,
    #modal_Cart #AddressInputBox #Cart_AddressInput .form-select {
        /*font-size: 13px;*/
    }

    #modal_Cart #AddressInputBox #Cart_AddressInput .input-group-text {
        font-size: 13px;
        padding: 3px 5px;
    }

    #modal_Cart #AddressInputBox #Cart_AddressInput .AddressInputFormBox .input-group-text {
        width: 55px;
    }

    #modal_Cart #AddressInputBox #Cart_AddressInput .AddressInputFormBox .StateZipCountryBox {
        flex-direction: column;
        gap: 0;
    }

    #modal_Cart #AddressInputBox #Cart_AddressInput .AddressInputFormBox .AddressInputCompletedBox label {
        font-size: 14px;
    }

    /*カート：クルーズ保険確認*/
    #modal_Cart #InsuranceSelectBox #Cart_InsuranceSelect .CruiseInsuranceInfoBox1 {
        padding: 5px;
    }

        #modal_Cart #InsuranceSelectBox #Cart_InsuranceSelect .CruiseInsuranceInfoBox1 ul li .Pickup {
            font-size: 13px;
        }

    #modal_Cart #InsuranceSelectBox #Cart_InsuranceSelect .CruiseInsuranceInfoBox2 {
        font-size: 14px;
    }

    #modal_Cart #InsuranceSelectBox #Cart_InsuranceSelect .CruiseInsuranceSelectForm .input-group-text {
        font-size: 13px;
    }

    #modal_Cart #InsuranceSelectBox #Cart_InsuranceSelect .CruiseInsuranceSelectForm #selectCruiseInsurance {
        /*font-size: 13px;*/
        padding: 10px;
    }

    /*カート：最終確認*/
    #modal_Cart #ConfirmationBox #Cart_Confirmation .CruiseCartConfirmationBox .ConfirmationSubTitle {
        font-size: 14px;
    }

        #modal_Cart #ConfirmationBox #Cart_Confirmation .CruiseCartConfirmationBox .ConfirmationSubTitle .MemoInfo {
            display: block;
        }

    #modal_Cart #ConfirmationBox #Cart_Confirmation .CruiseCartConfirmationBox .ConfirmationInfo {
        padding: 0 5px;
        margin: 10px 0;
    }

        #modal_Cart #ConfirmationBox #Cart_Confirmation .CruiseCartConfirmationBox .ConfirmationInfo table th {
            padding: 0 10px 0 0;
        }

            #modal_Cart #ConfirmationBox #Cart_Confirmation .CruiseCartConfirmationBox .ConfirmationInfo table th .Caption {
                width: auto;
                font-size: 12px;
            }

        #modal_Cart #ConfirmationBox #Cart_Confirmation .CruiseCartConfirmationBox .ConfirmationInfo .tableConfMember th {
            padding: 0 5px 0 0;
        }

    #modal_Cart #ConfirmationBox #Cart_Confirmation .GTRoomRemarksBox {
        margin: 20px 0 0;
        padding: 10px;
    }

        #modal_Cart #ConfirmationBox #Cart_Confirmation .GTRoomRemarksBox .GTRoomConsentBox label {
            font-size: 14px;
        }

    #modal_Cart #ConfirmationBox #Cart_Confirmation .ConfirmationAgreeBox {
        margin: 20px auto 0;
    }

        #modal_Cart #ConfirmationBox #Cart_Confirmation .ConfirmationAgreeBox div {
            font-size: 14px;
            padding: 20px 20px;
        }

    /*カート：お支払い*/
    #modal_Cart #PaymentBox #Cart_Payment .CruiseRateInfoBox {
        padding: 5px;
    }

        #modal_Cart #PaymentBox #Cart_Payment .CruiseRateInfoBox table td {
            padding: 1px 5px;
        }

            #modal_Cart #PaymentBox #Cart_Payment .CruiseRateInfoBox table td.TD_Caption {
                font-size: 12px;
                white-space: nowrap;
            }

                #modal_Cart #PaymentBox #Cart_Payment .CruiseRateInfoBox table td.TD_Caption.TotalRate {
                    font-size: 16px;
                }

            #modal_Cart #PaymentBox #Cart_Payment .CruiseRateInfoBox table td.TD_Rate {
                font-size: 16px;
            }

                #modal_Cart #PaymentBox #Cart_Payment .CruiseRateInfoBox table td.TD_Rate .NoInsuranceMSG {
                    font-size: 12px;
                }

            #modal_Cart #PaymentBox #Cart_Payment .CruiseRateInfoBox table td.TD_Date {
                font-size: 12px;
            }

    #modal_Cart #PaymentBox #Cart_Payment .PaymentInfoBox {
        /*padding: 5px;*/
    }

    #modal_Cart #PaymentBox #Cart_Payment .CreditCardInputFormBox .PaymentRateSelectBox {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

        #modal_Cart #PaymentBox #Cart_Payment .CreditCardInputFormBox .PaymentRateSelectBox .subTitle {
            font-size: 16px;
            padding: 0;
        }

        #modal_Cart #PaymentBox #Cart_Payment .CreditCardInputFormBox .PaymentRateSelectBox .RadioBox div {
            padding-left: 10px;
        }

            #modal_Cart #PaymentBox #Cart_Payment .CreditCardInputFormBox .PaymentRateSelectBox .RadioBox div input {
                transform: scale(1.5);
            }

            #modal_Cart #PaymentBox #Cart_Payment .CreditCardInputFormBox .PaymentRateSelectBox .RadioBox div label {
                font-size: 20px;
                margin: 5px 0;
            }

    #modal_Cart #PaymentBox #Cart_Payment .CreditCardInputFormBox .form-control,
    #modal_Cart #PaymentBox #Cart_Payment .CreditCardInputFormBox .form-select {
        /*font-size: 13px;*/
    }

    #modal_Cart #PaymentBox #Cart_Payment .CreditCardInputFormBox .input-group-text {
        font-size: 13px;
        padding: 3px 5px;
    }

    #modal_Cart #PaymentBox #Cart_Payment .CreditCardInputFormBox #selectPaymentAmount option {
        font-size: 16px;
    }

    #modal_Cart #PaymentBox #Cart_Payment .CreditCardInputFormBox .CardMonthYearCVV {
        flex-direction: column;
        gap: 0;
    }

        #modal_Cart #PaymentBox #Cart_Payment .CreditCardInputFormBox .CardMonthYearCVV #selectCardMonth,
        #modal_Cart #PaymentBox #Cart_Payment .CreditCardInputFormBox .CardMonthYearCVV #selectCardYear {
            width: 100%;
        }

    /*カート：完了画面*/
    #modal_Cart #ReservationStatus .SuccessMSG {
        font-size: 18px;
    }

        #modal_Cart #ReservationStatus .SuccessMSG table {
            font-size: 16px;
        }

        #modal_Cart #ReservationStatus .SuccessMSG .PaymentPageLink {
            font-size: 14px;
            text-align: left;
        }

            #modal_Cart #ReservationStatus .SuccessMSG .PaymentPageLink a {
                display: block;
                text-align: center;
            }

    /*####################################################################################################*/
    /* お支払い専用ページ */
    /*####################################################################################################*/
    #PaymentPage {
        font-size: 13px;
    }

        #PaymentPage #ContentPlaceHolder1_ReservationDetailsBox {
            padding: 30px 10px 40px;
            border-radius: 0;
        }

            #PaymentPage #ContentPlaceHolder1_ReservationDetailsBox .TourID {
                right: 5px;
            }

        #PaymentPage .subTitle {
            font-size: 18px;
        }

            #PaymentPage .subTitle .PaymentDueDate {
                display: block;
                margin: 0;
            }

        #PaymentPage .tableCruiseReservation th {
            padding: 0 10px 0 5px;
            text-align: right;
        }

            #PaymentPage .tableCruiseReservation th.TH_Section {
                text-align: left;
            }

        #PaymentPage #PaymentAmountSelectBox div {
            margin: 10px 0;
        }

            #PaymentPage #PaymentAmountSelectBox div label {
                font-size: 20px;
            }

        #PaymentPage #ContentPlaceHolder1_PaymentFormBox {
            padding: 20px 10px 30px;
            border-radius: 0;
        }

            #PaymentPage #ContentPlaceHolder1_PaymentFormBox .CancelInfoBox {
                font-size: 12px;
                margin-bottom: 10px;
            }

            #PaymentPage #ContentPlaceHolder1_PaymentFormBox .CCInputForm .input-group-text {
                font-size: 13px;
                padding: 3px 5px;
            }

            #PaymentPage #ContentPlaceHolder1_PaymentFormBox .CCInputForm #selectPaymentAmount option {
                font-size: 16px;
            }

            #PaymentPage #ContentPlaceHolder1_PaymentFormBox .CCInputForm .CardMonthYearCVV {
                flex-direction: column;
                gap: 0;
            }

                #PaymentPage #ContentPlaceHolder1_PaymentFormBox .CCInputForm .CardMonthYearCVV #selectCardMonth,
                #PaymentPage #ContentPlaceHolder1_PaymentFormBox .CCInputForm .CardMonthYearCVV #ContentPlaceHolder1_selectCardYear {
                    width: 100%;
                }

        #PaymentPage #CCPaymentStatus {
            font-size: 14px;
        }




    /*終わり*/
}