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

/*####################################################################################################*/
/* トップバーPC */
/*####################################################################################################*/
#B2BPageTopbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: var(--SIDEBAR-COLOR);
    background: linear-gradient(90deg,var(--SIDEBAR-COLOR),var(--SIDEBAR-COLOR),#006e85) !important;
    padding: 0 10px;
    height: 30px;
    text-align: right;
    color: #ffffff;
    font-size: 14px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 100;
    transition: all 400ms;
}

    #B2BPageTopbar a {
        color: #ffd800;
        transition: all 400ms;
    }

    #B2BPageTopbar .MCreditCaption {
        margin-right: 10px;
    }

    #B2BPageTopbar #MCreditBalance_TOP {
        font-weight: bold;
    }

    #B2BPageTopbar .MCreditUnit {
        font-size: 10px;
        margin-left: 2px;
        font-weight: bold;
    }

    #B2BPageTopbar .MCreditHistory {
        font-size: 12px;
    }

    #B2BPageTopbar #Label_TopbarCustomerNo {
        margin-left: 5px;
    }

    #B2BPageTopbar #Label_LinkAccountEdit {
        font-size: 12px;
        margin-right: 10px;
    }

    #B2BPageTopbar #Label_LinkSetting {
        font-size: 12px;
    }

        #B2BPageTopbar #Label_LinkSetting a {
            margin-left: 10px;
        }

    #B2BPageTopbar .btn-secondary {
        color: #ffffff;
        font-size: 12px;
        padding: 0 10px;
        margin-left: 20px;
        border-radius: 4px;
        transition: all 400ms;
    }

        #B2BPageTopbar .btn-secondary .fa {
            vertical-align: -10%;
        }

/*トップバーコーナー*/
#B2BPageTopbarCorner {
    position: fixed;
    top: 30px;
    left: 200px;
    background: var(--SIDEBAR-COLOR);
    transition: all 400ms;
    z-index: 100;
}

    #B2BPageTopbarCorner div {
        background: var(--MAIN-BACKGROUND-COLOR);
        border-radius: 15px 0 0 0;
        width: 10px;
        height: 10px;
    }

/*####################################################################################################*/
/* トップバーXS */
/*####################################################################################################*/
#B2BPageTopbarXS {
    position: fixed;
    top: -100px;
    left: 0;
    right: 0;
    background: var(--SIDEBAR-COLOR);
    z-index: 200;
    transition: all 400ms;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 0;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

    #B2BPageTopbarXS img {
        width: 50px;
    }

    #B2BPageTopbarXS .xs-btnMenu {
        position: fixed;
        top: -100px;
        left: 10px;
        width: 40px;
        height: 34px;
        z-index: 210;
        box-sizing: border-box;
        cursor: pointer;
        -webkit-transition: all 400ms;
        transition: all 400ms;
        border-radius: 4px;
    }


        #B2BPageTopbarXS .xs-btnMenu span {
            position: absolute;
            width: 30px;
            height: 4px;
            background: #f3f3f3;
            border-radius: 10px;
            -webkit-transition: all 400ms;
            transition: all 400ms;
        }

            #B2BPageTopbarXS .xs-btnMenu span:nth-child(1) {
                top: 5px;
                left: 5px;
            }

            #B2BPageTopbarXS .xs-btnMenu span:nth-child(2) {
                top: 15px;
                left: 5px;
            }

            #B2BPageTopbarXS .xs-btnMenu span:nth-child(3) {
                top: 25px;
                left: 5px;
            }

        #B2BPageTopbarXS .xs-btnMenu.open {
        }

            #B2BPageTopbarXS .xs-btnMenu.open span {
            }

                #B2BPageTopbarXS .xs-btnMenu.open span:nth-child(1) {
                    top: 15px;
                    transform: rotate(45deg);
                    box-shadow: none;
                }

                #B2BPageTopbarXS .xs-btnMenu.open span:nth-child(2) {
                    background-color: rgba(255, 255, 255, 0);
                    box-shadow: none;
                }

                #B2BPageTopbarXS .xs-btnMenu.open span:nth-child(3) {
                    top: 15px;
                    transform: rotate(-45deg);
                    box-shadow: none;
                }

#xs-Screen {
    display: none;
}

/*####################################################################################################*/
/* サイドバー */
/*####################################################################################################*/
#B2BPageSidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    background: var(--SIDEBAR-COLOR);
    color: #ffffff;
    width: 200px;
    z-index: 100;
    transition: all 400ms;
    /*overflow-y: hidden;*/
}

    #B2BPageSidebar #mickeynetLogo {
        margin: 15px 0 10px;
        text-align: center;
    }

        #B2BPageSidebar #mickeynetLogo img {
            max-width: 100px;
        }

    #B2BPageSidebar #SidebarTitle {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: bold;
    }

        #B2BPageSidebar #SidebarTitle a,
        #B2BPageSidebar #SidebarTitle a:hover
        #B2BPageSidebar #SidebarTitle a:visited {
            color: #ffffff;
            text-decoration: none;
        }

        #B2BPageSidebar #SidebarTitle #SidebarTitlCName {
            font-size: 10px;
            text-align: center;
            line-height: 1;
        }

        #B2BPageSidebar #SidebarTitle #SidebarTitlSysName {
            line-height: 1;
        }

    #B2BPageSidebar .SidebarMenu {
        margin-top: 10px;
    }

        #B2BPageSidebar .SidebarMenu.Main {
            margin-top: 20px;
        }

            #B2BPageSidebar .SidebarMenu.Main #NewsMark {
                color: var(--B2B-SYSTEM-RED);
                margin-left: 3px;
                text-shadow: 0 0 5px #ffffff;
            }

                #B2BPageSidebar .SidebarMenu.Main #NewsMark #NewsCount {
                    font-size: 10px;
                    font-weight: bold;
                    margin-left: -3px;
                }

        #B2BPageSidebar .SidebarMenu.Location {
            padding: 5px 0;
        }

            #B2BPageSidebar .SidebarMenu.Location.WDW {
                border-left: solid 7px var(--WDW-COLOR);
                margin-left: 5px;
            }

                #B2BPageSidebar .SidebarMenu.Location.WDW:hover {
                    background: #D14CE055;
                }

            #B2BPageSidebar .SidebarMenu.Location.DLR {
                border-left: solid 7px var(--DLR-COLOR);
                margin-left: 5px;
            }

                #B2BPageSidebar .SidebarMenu.Location.DLR:hover {
                    background: #F6904755;
                }

            #B2BPageSidebar .SidebarMenu.Location.AUL {
                border-left: solid 7px var(--AUL-COLOR);
                margin-left: 5px;
            }

                #B2BPageSidebar .SidebarMenu.Location.AUL:hover {
                    background: #BB7F3555;
                }

        #B2BPageSidebar .SidebarMenu .LocationCode {
            padding: 0px 5px 0;
            font-size: 10px;
            font-weight: bold;
        }

            #B2BPageSidebar .SidebarMenu .LocationCode:hover {
                cursor: default;
            }

            #B2BPageSidebar .SidebarMenu .LocationCode .Code {
                padding: 0 5px 0px 0;
                margin-right: 3px;
                margin-left: 5px;
                display: inline-block;
            }

                #B2BPageSidebar .SidebarMenu .LocationCode .Code.WDW {
                    /*background: #D14CE0;*/
                    /*border-left: solid 6px #D14CE0;*/
                }

                #B2BPageSidebar .SidebarMenu .LocationCode .Code.DLR {
                    /*background: #F69047;*/
                    /*border-left: solid 6px #F69047;*/
                }

                #B2BPageSidebar .SidebarMenu .LocationCode .Code.AUL {
                    /*background: #BB7F35;*/
                    /*border-left: solid 6px #BB7F35;*/
                }

        #B2BPageSidebar .SidebarMenu .LocationName {
            padding: 0 8px 5px;
            font-size: 11px;
            font-weight: bold;
            line-height: 1;
        }

            #B2BPageSidebar .SidebarMenu .LocationName:hover {
                cursor: default;
            }

        #B2BPageSidebar .SidebarMenu.Other {
            margin-top: 30px;
        }

    #B2BPageSidebar ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #B2BPageSidebar ul li {
            margin: 0;
            padding: 0;
        }

            #B2BPageSidebar ul li a.Active {
                color: #ffd800;
                background: #06768d;
                border-radius: 0;
            }

            #B2BPageSidebar ul li a {
                color: #ffffff;
                text-decoration: none;
                padding: 4px 15px;
                margin: 1px 0;
                display: inline-block;
                width: 100%;
                transition: all .2s;
                border-radius: 6px;
            }

                #B2BPageSidebar ul li a .fa {
                    margin-right: 5px;
                }

                #B2BPageSidebar ul li a:hover {
                    background: #F4A22E;
                    transform: translate(10px,0);
                    transition: all .2s;
                    color: #ffffff;
                    border-radius: 6px;
                }

                #B2BPageSidebar ul li a #MessageUnreadCount {
                    background: var(--B2B-SYSTEM-RED);
                    font-size: 10px;
                    font-weight: bold;
                    padding: 0 10px 1px;
                    border-radius: 50px;
                    margin-left: 10px;
                }

    #B2BPageSidebar #LogoutBox {
        padding: 0 10px;
    }

        #B2BPageSidebar #LogoutBox hr {
            margin: 10px 0;
        }

        #B2BPageSidebar #LogoutBox #SidebarCustomerNo {
            font-size: 12px;
            display: flex;
        }

        #B2BPageSidebar #LogoutBox .MCreditSidebar {
            margin-bottom: 5px;
        }

            #B2BPageSidebar #LogoutBox .MCreditSidebar .MCredit {
                font-size: 14px;
                font-weight: bold;
            }

                #B2BPageSidebar #LogoutBox .MCreditSidebar .MCredit .MCreditUnit {
                    font-size: 10px;
                    margin-left: 2px;
                }

                #B2BPageSidebar #LogoutBox .MCreditSidebar .MCredit a {
                    font-size: 12px;
                    margin-left: 5px;
                    font-weight: normal;
                }

        #B2BPageSidebar #LogoutBox #SidebarCustomerNo span {
            word-break: break-all;
        }

        #B2BPageSidebar #LogoutBox #SidebarCustomerNo .fa {
            margin-right: 3px;
        }

        #B2BPageSidebar #LogoutBox #SidebarCustomerNo a {
            color: #fff5bc;
            text-decoration: none;
        }

            #B2BPageSidebar #LogoutBox #SidebarCustomerNo a:hover {
                color: #F4A22E;
            }

        #B2BPageSidebar #LogoutBox #SidebarBtnLogOut {
            margin: 30px 0;
            text-align: center;
        }

            #B2BPageSidebar #LogoutBox #SidebarBtnLogOut .btn {
                padding: 5px 15px 6px 20px;
                font-size: 12px;
                color: #ffffff;
                text-decoration: none;
            }

                #B2BPageSidebar #LogoutBox #SidebarBtnLogOut .btn:hover {
                    background: #F4A22E;
                }

/*####################################################################################################*/
/* サイドカレンダー */
/*####################################################################################################*/
#B2BPageSideCalendar {
    position: fixed;
    top: 40px;
    right: 0;
    bottom: 0;
    padding: 0;
    max-width: 350px;
    width: 100%;
    overflow-y: scroll; /*スクロールバー非表示（IE・Edge）*/
    -ms-overflow-style: none; /*スクロールバー非表示（Firefox）*/
    scrollbar-width: none;
    transition: all .5s;
}

    #B2BPageSideCalendar #SideCalendarBtn {
        position: fixed;
        top: 30px;
        right: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--MAIN-BACKGROUND-COLOR);
        border-radius: 6px;
        transition: all .5s;
    }

        #B2BPageSideCalendar #SideCalendarBtn .btn {
            color: var(--SIDEBAR-COLOR);
            margin: 0 5px;
            padding: 5px;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            #B2BPageSideCalendar #SideCalendarBtn .btn:hover {
                background: #fff5bc;
            }

    #B2BPageSideCalendar #Label_SideCalendar {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        font-size: 12px;
        margin-top: 20px;
        padding: 10px;
        padding-right: 10px;
        padding-bottom: 100px;
    }

        #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox {
            /*background: #ffffff55;*/
            background: var(--MAIN-BACKGROUND-COLOR);
            padding: 5px 10px;
            margin: 5px 5px;
            border-radius: 6px;
            box-shadow: 0 12px 14px #0000000a;
        }

            #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .SideCalendarMonth {
                text-align: center;
            }

            #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar {
            }

                #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar:hover {
                    cursor: default;
                }

                #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar th {
                    text-align: center;
                    font-size: 10px;
                }

                    #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar th.TH_Sun {
                        color: #C11A33;
                    }

                    #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar th.TH_Sat {
                        color: #06768d;
                    }

                #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar tbody td {
                    text-align: center;
                    padding: 0 2px;
                    transition: all .2s;
                }

                    #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar tbody td.TD_0 {
                        color: #C11A33;
                    }

                    #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar tbody td.TD_6 {
                        color: #06768d;
                    }

                    #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar tbody td.day:hover {
                        background-color: #fff5bc;
                        border-radius: 15px;
                    }

                    #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar tbody td.TD_TODAY {
                        font-weight: bold;
                        background-color: #ffd800;
                        border-radius: 15px;
                    }

                    #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar tbody td.Holiday {
                        font-weight: bold;
                        background-color: #fb8f9f;
                        color: #ffffff;
                        border-radius: 15px;
                        transition: all .2s;
                    }

                        #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar tbody td.Holiday:hover {
                            background-color: #C11A33;
                            color: #ffffff;
                        }

                    #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar tbody td.TD_TODAY.Holiday {
                        font-weight: bold;
                        background-color: #ffd800;
                        border-radius: 15px;
                        color: #fb8f9f;
                    }

                    #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar tbody td.ResortStart {
                        background: #00A3C4;
                        color: #ffffff;
                        font-weight: bold;
                        border-radius: 4px 0 0 4px;
                    }

                    #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar tbody td.ResortStay {
                        background: #00A3C4;
                        color: #ffffff;
                        font-weight: bold;
                        border-radius: 0;
                    }

                    #B2BPageSideCalendar #Label_SideCalendar .SideCalendarBox .tableSideCalendar tbody td.ResortEnd {
                        background: #00A3C4;
                        color: #ffffff;
                        font-weight: bold;
                        border-radius: 0 4px 4px 0;
                    }

/*####################################################################################################*/
/* ページフッター */
/*####################################################################################################*/
#B2BPageFooter {
    margin: 0 !important;
    padding: 50px 30px 500px 240px !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 1300px;
}

    #B2BPageFooter hr {
        border-top: solid 1px #dddddd;
        opacity: 1;
    }

    #B2BPageFooter .mickeynetLogo {
        text-align: center;
        margin-top: 50px;
    }

        #B2BPageFooter .mickeynetLogo img {
            max-width: 200px;
        }

/*####################################################################################################*/
/* DSメンテナンス情報 */
/*####################################################################################################*/
#DSMaintenanceInfo {
    padding: 60px 30px 0 240px;
    max-width: 1300px;
    width: 100%;
    margin-bottom: -20px;
}

    #DSMaintenanceInfo #Label_DSMaintenanceInfo {
        display: block;
        background: #ffe450;
        border: solid 3px #f0ad4e;
        border-radius: 6px;
        padding: 10px 15px;
        box-shadow: 0 12px 14px #0000000a;
    }

        #DSMaintenanceInfo #Label_DSMaintenanceInfo .InfoTitle {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        #DSMaintenanceInfo #Label_DSMaintenanceInfo #tableMaintenanceScheduleList {
            font-size: 13px;
            font-weight: bold;
        }

            #DSMaintenanceInfo #Label_DSMaintenanceInfo #tableMaintenanceScheduleList th {
                text-align: center;
            }

                #DSMaintenanceInfo #Label_DSMaintenanceInfo #tableMaintenanceScheduleList th span {
                    display: inline-block;
                    background: #f0ad4e;
                    border-radius: 50px;
                    font-size: 12px;
                    font-weight: bold;
                    padding: 1px 20px;
                    color: #ffffff;
                }

            #DSMaintenanceInfo #Label_DSMaintenanceInfo #tableMaintenanceScheduleList td {
                padding: 5px 10px;
                vertical-align: top;
                border-bottom: dotted 1px #F4A22E;
            }

                #DSMaintenanceInfo #Label_DSMaintenanceInfo #tableMaintenanceScheduleList td.TD_Count {
                    white-space: nowrap;
                }

                #DSMaintenanceInfo #Label_DSMaintenanceInfo #tableMaintenanceScheduleList td.TD_System {
                    white-space: nowrap;
                }

                #DSMaintenanceInfo #Label_DSMaintenanceInfo #tableMaintenanceScheduleList td.TD_Date {
                }

                    #DSMaintenanceInfo #Label_DSMaintenanceInfo #tableMaintenanceScheduleList td.TD_Date .TimeZone {
                        display: inline-block;
                        width: 50px;
                        text-align: center;
                    }

                #DSMaintenanceInfo #Label_DSMaintenanceInfo #tableMaintenanceScheduleList td.TD_MaintenanceMark {
                    white-space: nowrap;
                    vertical-align: middle;
                }

                    #DSMaintenanceInfo #Label_DSMaintenanceInfo #tableMaintenanceScheduleList td.TD_MaintenanceMark .MaintenanceMark {
                        display: inline-block;
                        background: var(--B2B-SYSTEM-RED);
                        color: #ffffff;
                        font-size: 11px;
                        padding: 3px 20px;
                        border-radius: 4px;
                    }

        #DSMaintenanceInfo #Label_DSMaintenanceInfo .InfoContent {
            font-size: 13px;
            font-weight: bold;
            margin-top: 10px;
            padding: 0 5px;
        }

/*####################################################################################################*/
/* ログインページ */
/*####################################################################################################*/
#B2BLoginPage {
    min-height: 100vh;
    display: grid;
    place-items: center;
    background: #0DCAF0;
    /*background: linear-gradient(#284E55, #284e55aa, #284E55) fixed;*/
    background: linear-gradient(#008fac,#92edff, #008fac) fixed;
    position: relative;
}

    /*背景ロゴ*/
    #B2BLoginPage #BackgroundLogo {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
    }

        #B2BLoginPage #BackgroundLogo img {
            width: 300px;
            opacity: .2;
        }

    /*ログインボックス*/
    #B2BLoginPage #LoginBox {
        margin-top: -100px;
        padding: 40px 60px 30px;
        border-radius: 20px;
        max-width: 500px;
        width: 100%;
        /*background: rgb(0 0 0 / 0.8);*/
        background: rgb(0 0 0 / 0.4);
        box-shadow: 0 15px 25px rgb(0 0 0 / 0.5);
        word-break: break-all;
        z-index: 10;
    }

        #B2BLoginPage #LoginBox.Active {
            backdrop-filter: blur(4px);
        }

        #B2BLoginPage #LoginBox #LoginTitle {
            text-align: center;
            color: #ffffff;
            font-size: 36px;
            font-weight: bold;
        }

        #B2BLoginPage #LoginBox #LoginSubTitle {
            text-align: center;
            color: #ffffff;
            font-size: 16px;
            padding-bottom: 40px;
        }

        #B2BLoginPage #LoginBox #InputForm {
        }

            #B2BLoginPage #LoginBox #InputForm .InputBox {
                position: relative;
            }

                #B2BLoginPage #LoginBox #InputForm .InputBox input {
                    width: 100%;
                    padding: 10px;
                    font-size: 14px;
                    color: #ffffff;
                    letter-spacing: 1px;
                    margin-bottom: 50px;
                    border: none;
                    border-radius: 0;
                    border-bottom: solid 2px #ffffff88;
                    outline: none;
                    background: transparent;
                }

                    #B2BLoginPage #LoginBox #InputForm .InputBox input:-webkit-autofill {
                        -webkit-border-radius: 6px;
                    }

                #B2BLoginPage #LoginBox #InputForm .InputBox label {
                    position: absolute;
                    top: 0;
                    left: 0;
                    letter-spacing: 1px;
                    padding: 10px 0;
                    color: #ffffff;
                    pointer-events: none;
                    transition: 0.5s;
                    font-size: 14px;
                }

                #B2BLoginPage #LoginBox #InputForm .InputBox input:focus ~ label,
                #B2BLoginPage #LoginBox #InputForm .InputBox input:valid ~ label {
                    top: -30px;
                    left: 0;
                    color: #05fbff;
                    font-size: 12px;
                }

            #B2BLoginPage #LoginBox #InputForm .BtnBox {
                display: flex;
                align-items: flex-start;
                justify-content: space-between;
            }

                #B2BLoginPage #LoginBox #InputForm .BtnBox .btn-link {
                    /*color: #05fbff;*/
                    color: #ffffff99;
                    text-decoration: none;
                    font-size: 12px;
                    padding: 0 5px;
                }

                    #B2BLoginPage #LoginBox #InputForm .BtnBox .btn-link:hover {
                        text-decoration: underline;
                    }

                #B2BLoginPage #LoginBox #InputForm .BtnBox .btn-info {
                    font-size: 14px;
                    padding: 10px 5px;
                    width: 150px;
                }

            #B2BLoginPage #LoginBox #InputForm #ContentPlaceHolder1_Label_LoginStatus {
                margin-top: 20px;
                display: inline-block;
                color: #ffd800;
            }

        #B2BLoginPage #LoginBox #B2BLoginAgentMSG {
            margin-top: 5px;
            background: #16bdb12f;
            color: #ffffff98;
            font-size: 12px;
            font-weight: bold;
            padding: 3px 10px 5px;
            border-radius: 6px;
        }

            #B2BLoginPage #LoginBox #B2BLoginAgentMSG .btn-link {
                color: #ffffff99;
                text-decoration: none;
                font-size: 12px;
                padding: 0;
            }

                #B2BLoginPage #LoginBox #B2BLoginAgentMSG .btn-link:hover {
                    color: #ffd800;
                }

/*####################################################################################################*/
/* ダッシュボード */
/*####################################################################################################*/
#B2BDashboardPage #MainContents {
}

    /*ニュース*/
    #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox {
        margin-bottom: 40px;
    }

        #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox #NewsContentListArea {
            padding: 10px;
        }

            #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox #NewsContentListArea #NewsContentList {
                background: #ffffff;
                box-shadow: 0 12px 14px #0000000a;
                border-radius: 6px;
                padding: 10px;
            }

                #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox #NewsContentListArea #NewsContentList .NewsContent {
                    margin: 0 5px;
                    padding: 5px 0;
                    border-bottom: dotted 1px #dddddd;
                }

                    #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox #NewsContentListArea #NewsContentList .NewsContent:last-child {
                        border: none;
                    }

                    #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox #NewsContentListArea #NewsContentList .NewsContent .NewsTitle {
                        font-size: 15px;
                        font-weight: bold;
                        padding: 5px 10px;
                        border-radius: 4px;
                        display: flex;
                        align-items: center;
                        gap: 5px;
                        color: var(--SIDEBAR-COLOR);
                    }

                        #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox #NewsContentListArea #NewsContentList .NewsContent .NewsTitle .TitleIcon {
                            white-space: nowrap;
                        }

                        #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox #NewsContentListArea #NewsContentList .NewsContent .NewsTitle .TitleArrow {
                            flex: 1;
                            text-align: right;
                        }

                        #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox #NewsContentListArea #NewsContentList .NewsContent .NewsTitle:hover {
                            cursor: pointer;
                            background: var(--ITEM-HOVER-COLOR);
                        }

                            #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox #NewsContentListArea #NewsContentList .NewsContent .NewsTitle:hover .TitleIcon .fa {
                                transform: scale(1.5);
                                transition: all .2s;
                            }

                        #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox #NewsContentListArea #NewsContentList .NewsContent .NewsTitle .TitleArrow .fa {
                            transition: all .2s;
                        }

                    #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox #NewsContentListArea #NewsContentList .NewsContent.Open .NewsTitle .TitleArrow .fa {
                        transform: rotate(180deg);
                        transition: all .5s;
                        transition-property: transform;
                    }

                    #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox #NewsContentListArea #NewsContentList .NewsContent .NewsTitle .TitleMSG {
                        /*background: linear-gradient(transparent 50%, #ffff87 40%);*/
                        background: linear-gradient(to bottom, transparent 30%, #ffff87);
                        padding: 0 5px;
                    }

                    #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox #NewsContentListArea #NewsContentList .NewsContent .NewsTitle:hover .TitleMSG {
                        background: transparent;
                    }

                    #B2BDashboardPage #MainContents #ContentPlaceHolder1_NEWSBox #NewsContentListArea #NewsContentList .NewsContent .NewsBody {
                        padding: 5px 5px 5px 10px;
                        font-size: 13px;
                        border-left: solid 3px var(--SIDEBAR-COLOR);
                        margin: 5px 0 5px 17px;
                    }




    /*共通メニュー*/
    #B2BDashboardPage #MainContents .LinkBox {
        margin: 0 0 30px;
        padding: 0;
        /*max-width: 1000px;*/
        /*width: 100%;*/
    }

        #B2BDashboardPage #MainContents .LinkBox .colItem {
            padding: 10px;
            transition: all .2s;
        }

            #B2BDashboardPage #MainContents .LinkBox .colItem a {
                display: flex;
                justify-content: space-between;
                border-radius: 6px;
                background: #ffffff;
                box-shadow: 0 12px 14px #0000000a;
                height: 110px;
                padding: 10px 15px;
                text-decoration: none;
                color: #00A3C4;
                font-weight: bold;
                transition: all .2s;
            }

                #B2BDashboardPage #MainContents .LinkBox .colItem a.Location {
                    border-left: solid 10px #eeeeee;
                }

                #B2BDashboardPage #MainContents .LinkBox .colItem a.WDW {
                    border-color: var(--WDW-COLOR);
                }

                #B2BDashboardPage #MainContents .LinkBox .colItem a.DLR {
                    border-color: var(--DLR-COLOR);
                }

                #B2BDashboardPage #MainContents .LinkBox .colItem a.AUL {
                    border-color: var(--AUL-COLOR);
                }

                #B2BDashboardPage #MainContents .LinkBox .colItem a .LinkTitle {
                    font-size: 16px;
                }

                    #B2BDashboardPage #MainContents .LinkBox .colItem a .LinkTitle #LinkTitle-MessageUnreadCount {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 40px;
                        height: 40px;
                        background: var(--B2B-SYSTEM-RED);
                        color: #ffffff;
                        font-size: 14px;
                        font-weight: bold;
                        border-radius: 100%;
                        margin-top: 5px;
                        margin-left: 10px;
                    }

                #B2BDashboardPage #MainContents .LinkBox .colItem a .LinkIcon {
                    margin-top: auto;
                    font-size: 30px;
                    transition: all .2s;
                }

                #B2BDashboardPage #MainContents .LinkBox .colItem a:hover {
                    transform: translate(0,-5px);
                    transition: all .2s;
                    background: var(--ITEM-HOVER-COLOR);
                }

                    #B2BDashboardPage #MainContents .LinkBox .colItem a:hover .LinkIcon {
                        font-size: 40px;
                        transition: all .2s;
                    }

/*####################################################################################################*/
/* メッセージ ページ */
/*####################################################################################################*/
#B2BMessagePage {
}
    /*モーダル*/
    #B2BMessagePage .modal .modal-body .formSection .formCaption {
        width: 100px;
    }

    #B2BMessagePage .modal .modal-body .formSection .AttachFileTypeInfo {
        display: inline-block;
        font-size: 12px;
        vertical-align: middle;
        margin-left: 10px;
    }

    #B2BMessagePage .modal .modal-body .formSection #AttachFileFormPage {
        width: 100%;
        height: 140px;
        border: solid 1px #dee2e6;
        border-radius: 0.375rem;
    }

    #B2BMessagePage .modal .modal-body .formSubmit {
        text-align: center;
    }

        #B2BMessagePage .modal .modal-body .formSubmit .btn-success {
            width: 300px;
            padding: 15px 5px;
            border-radius: 50px;
            font-size: 20px;
        }

    /*ページ内コンテンツ*/
    #B2BMessagePage #MainContents {
    }

        #B2BMessagePage #MainContents #CommMessageCreate {
            margin-bottom: 30px;
        }

            #B2BMessagePage #MainContents #CommMessageCreate .btn {
                padding: 10px 30px 12px 30px;
                font-weight: bold;
            }

        /*メッセージ表示対象選択フォーム*/
        #B2BMessagePage #MainContents #CommMessageSelectForm {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 10px;
        }

            #B2BMessagePage #MainContents #CommMessageSelectForm #ContentPlaceHolder1_ddlCommMessageAgentList {
                min-width: 400px;
            }

            #B2BMessagePage #MainContents #CommMessageSelectForm .form-check-input {
                transform: scale(1.5,1.5);
                margin-right: 10px;
            }

            #B2BMessagePage #MainContents #CommMessageSelectForm label {
                margin-right: 20px;
            }

                #B2BMessagePage #MainContents #CommMessageSelectForm input:hover,
                #B2BMessagePage #MainContents #CommMessageSelectForm label:hover {
                    cursor: pointer;
                    color: var(--B2B-SYSTEM-RED);
                    font-weight: bold;
                }

        /*メッセージ検索フォーム*/
        #B2BMessagePage #MainContents #CommMessageSearchForm {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 10px;
        }

            #B2BMessagePage #MainContents #CommMessageSearchForm #CommMessageInputBox {
                display: flex;
                align-items: center;
            }

                #B2BMessagePage #MainContents #CommMessageSearchForm #CommMessageInputBox #txtCommMessageSearch {
                    min-width: 400px;
                    padding-right: 40px;
                }

                #B2BMessagePage #MainContents #CommMessageSearchForm #CommMessageInputBox span {
                    margin-left: -35px;
                }

                    #B2BMessagePage #MainContents #CommMessageSearchForm #CommMessageInputBox span .fa {
                        transition: all .2s;
                    }

                    #B2BMessagePage #MainContents #CommMessageSearchForm #CommMessageInputBox span:hover {
                        cursor: pointer;
                        color: var(--B2B-SYSTEM-RED);
                    }

                        #B2BMessagePage #MainContents #CommMessageSearchForm #CommMessageInputBox span:hover .fa {
                            transform: scale(1.5,1.5);
                            transition: all .2s;
                        }

            #B2BMessagePage #MainContents #CommMessageSearchForm .form-check-input {
                transform: scale(1.5,1.5);
                margin-right: 10px;
            }

            #B2BMessagePage #MainContents #CommMessageSearchForm label {
                margin-right: 20px;
            }

                #B2BMessagePage #MainContents #CommMessageSearchForm .form-check-input:hover,
                #B2BMessagePage #MainContents #CommMessageSearchForm label:hover {
                    cursor: pointer;
                    color: var(--B2B-SYSTEM-RED);
                    font-weight: bold;
                }

        /*メッセージ一覧*/
        #B2BMessagePage #MainContents #CommMessageList {
            /*max-width: 1000px;*/
            /*width: 100%;*/
        }

            /*サマリー*/
            #B2BMessagePage #MainContents #CommMessageList #SearchCommMessageSummary {
                display: flex;
                align-items: flex-end;
                font-size: 18px;
                font-weight: bold;
                margin-bottom: 20px;
                padding-left: 10px;
            }

                #B2BMessagePage #MainContents #CommMessageList #SearchCommMessageSummary .btn-link {
                    font-size: 12px;
                    margin-left: 10px;
                    margin-bottom: 1px;
                }

            #B2BMessagePage #MainContents #CommMessageList .MessageNextBtn {
                margin-top: 20px;
                padding-left: 5px;
            }

            #B2BMessagePage #MainContents #CommMessageList .CommMessageItem {
                background: #ffffff;
                margin: 5px 0;
                border-radius: 6px;
                box-shadow: 0 12px 14px #0000000a;
                transition: all .5s;
            }

                /*メッセージ件名*/
                #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageSubject {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    padding: 10px 15px;
                    transition: all .5s;
                }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageSubject:hover {
                        /*transform: translate(0,-2px);*/
                        /*transition: all .2s;*/
                        /*background: #ffee9e;*/
                        background: var(--ITEM-HOVER-COLOR);
                        border-radius: 6px;
                        cursor: pointer;
                    }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageSubject.UnRead {
                        /*background: var(--ITEM-HOVER-COLOR);*/
                        background: #FEFCB6;
                        color: #f0ad4e;
                        font-weight: bold;
                        border-radius: 6px;
                    }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageSubject .fa {
                        transition: all .2s;
                    }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageSubject:hover .fa {
                        transform: scale(1.3,1.3);
                        transition: all .2s;
                    }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageSubject .SendAgent {
                        white-space: nowrap;
                        text-align: center;
                        width: 30px;
                    }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageSubject .SendAgent .fa-paper-plane,
                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageSubject .SendAgent .fa-paper-plane-o {
                            color: #00a99d;
                            font-size: 22px;
                        }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageSubject .SendAgent .fa-envelope {
                            color: #f0ad4e;
                            font-size: 24px;
                        }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageSubject .SendAgent .fa-envelope-open-o {
                            font-size: 24px;
                        }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageSubject .Subject {
                        width: 100%;
                        display: flex;
                        align-items: center;
                    }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageSubject .Subject .UnReadMark {
                            font-size: 10px;
                            background: #f0ad4e;
                            color: #ffffff;
                            display: inline-block;
                            text-align: center;
                            padding: 1px 5px 2px;
                            border-radius: 4px;
                            margin-right: 5px;
                            white-space: nowrap;
                        }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageSubject .Subject .Important {
                            margin-right: 5px;
                            color: var(--B2B-SYSTEM-RED);
                        }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageSubject .ModifyDate {
                        white-space: nowrap;
                        text-align: right;
                        font-size: 10px;
                        width: 80px;
                    }

                #B2BMessagePage #MainContents #CommMessageList .CommMessageItem.Open {
                    margin: 0 0 30px;
                    box-shadow: 0 12px 14px #00000055;
                    transition: all .5s;
                }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem.Open .CommMessageSubject {
                        background: #00A3C4;
                        color: #ffffff;
                        font-weight: bold;
                        border-radius: 6px 6px 0 0;
                        /*padding: 10px 15px;*/
                        /*font-size: 16px;*/
                        transition: all .5s;
                    }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem.Open .CommMessageSubject .fa {
                            color: #ffffff;
                        }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem.Open .CommMessageSubject.UnRead,
                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem.Open .CommMessageSubject.UnRead .fa {
                            color: #f0ad4e;
                        }

                /*メッセージ本文*/
                #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody {
                    padding: 20px 20px;
                    font-size: 14px;
                    border: solid 3px #00A3C4;
                    border-top: none;
                    border-radius: 0 0 6px 6px;
                }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody.UnRead {
                        background: var(--ITEM-HOVER-COLOR);
                    }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody:hover {
                        cursor: default;
                    }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .CommMessageHeader {
                        background: #eeeeee;
                        font-size: 12px;
                        padding: 10px 15px;
                        border-radius: 6px;
                        margin-bottom: 20px;
                        display: flex;
                        justify-content: space-between;
                    }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .CommMessageHeader .HeaderInfo {
                            display: flex;
                            gap: 20px;
                        }

                            #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .CommMessageHeader .HeaderInfo .AgentIcon {
                                font-size: 35px;
                                color: #00A3C4;
                            }

                            #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .CommMessageHeader .HeaderInfo .AgentImage {
                                overflow: hidden;
                                width: 60px;
                                height: 60px;
                                position: relative;
                                display: inline-block;
                                border-radius: 100%;
                                border: solid 3px #cccccc;
                                background: #ffffff;
                            }

                                #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .CommMessageHeader .HeaderInfo .AgentImage img {
                                    position: absolute;
                                    top: 60%;
                                    left: 50%;
                                    -webkit-transform: translate(-50%, -50%);
                                    -ms-transform: translate(-50%, -50%);
                                    transform: translate(-50%, -50%);
                                    width: 100%;
                                    height: auto;
                                }

                            #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .CommMessageHeader .HeaderInfo .CommDate:hover {
                                color: var(--B2B-SYSTEM-RED);
                            }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .CommMessageHeader .HeaderReplyBtn {
                            margin-top: auto;
                        }

                    /*コム本文中内にある専用タグ*/
                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .CommMessageBodySubTitle {
                        font-weight: bold;
                        background-color: #efefef !important;
                        margin: 1px 5px 1px 0;
                        padding: 1px 5px;
                        display: inline-block;
                        border-radius: 5px;
                    }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .IMGPreview {
                        width: 200px;
                        display: inline-block;
                        border: solid 2px #438EB9;
                        margin-top: 5px;
                        margin-left: 10px;
                    }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .fa-file-pdf-o {
                        font-size: 30px;
                        margin-top: 5px;
                        margin-left: 20px;
                    }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .spanPDFmark {
                        background-color: #438EB9;
                        color: #ffffff;
                        font-size: 11px;
                        margin-left: 3px;
                        padding: 1px 5px;
                        border-radius: 0px;
                    }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody ul.leaders {
                        padding: 0;
                        overflow-x: hidden;
                        list-style: none;
                    }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody ul.leaders li:before {
                            float: left;
                            width: 0;
                            white-space: nowrap;
                            content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・";
                            color: #cccccc;
                        }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody ul.leaders span:first-child {
                            padding-right: 1em;
                            background: #ffffff;
                        }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody ul.leaders span + span {
                            float: right;
                            padding-left: 1em;
                            background: #ffffff;
                        }

                    /*FAQカテゴリー貼付*/
                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .FAQCategoryCommEmbed .divFAQCategoryName {
                        font-weight: bold;
                        border-left: solid 5px #00a99d;
                        padding-left: 5px;
                        margin: 20px 0 0px;
                        font-size: 15px;
                    }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .FAQCategoryCommEmbed .divFAQCategoryInfo {
                        text-align: right;
                        font-size: 10px;
                        margin: -3px 0;
                    }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .FAQCategoryCommEmbed .divFAQCategoryInfo .pickup {
                            color: #df0f2e;
                            font-weight: bold;
                            font-size: 12px;
                        }

                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .FAQCategoryCommEmbed .divFAQCategoryBody_Title {
                        border: solid 2px #00a99d;
                        background: #00a99d30;
                        border-radius: 4px;
                        padding: 3px 5px;
                        font-weight: bold;
                        margin: 5px 0;
                    }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .FAQCategoryCommEmbed .divFAQCategoryBody_Title.Active {
                            background: #00a99d;
                            color: #ffffff;
                        }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .FAQCategoryCommEmbed .divFAQCategoryBody_Title:hover {
                            cursor: pointer;
                        }


                    #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .FAQCategoryCommEmbed .divFAQCategoryBody_Answer {
                        padding: 5px;
                        word-break: break-all;
                    }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .FAQCategoryCommEmbed .divFAQCategoryBody_Answer ol {
                            padding-left: 20px;
                        }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .FAQCategoryCommEmbed .divFAQCategoryBody_Answer iframe {
                            width: 100% !important;
                            height: 400px !important;
                        }

                        #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .FAQCategoryCommEmbed .divFAQCategoryBody_Answer table {
                            width: 100% !important;
                        }

                            #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .FAQCategoryCommEmbed .divFAQCategoryBody_Answer table th {
                                padding: 10px 10px !important;
                            }

                            #B2BMessagePage #MainContents #CommMessageList .CommMessageItem .CommMessageBody .FAQCategoryCommEmbed .divFAQCategoryBody_Answer table td {
                                padding: 10px 10px !important;
                                border: solid 1px #dddddd !important;
                            }

/*####################################################################################################*/
/* 予約一覧 ページ */
/*####################################################################################################*/
#B2BReservationListPage {
}
    /*ホテルリクエストモーダル*/
    #B2BReservationListPage #modal_HotelRequest {
    }

        #B2BReservationListPage #modal_HotelRequest .modal-body {
            padding-bottom: 30px;
        }

        #B2BReservationListPage #modal_HotelRequest #HotelRequestTourInfo {
            text-align: right;
            font-size: 12px;
            color: #aaaaaa;
            margin-top: -15px;
        }

        #B2BReservationListPage #modal_HotelRequest #HotelRequestHotelName {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 10px;
        }

        #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestInfo {
            font-size: 12px;
        }

            #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestInfo ol {
                padding: 0 15px 0 25px;
            }

                #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestInfo ol li {
                    /*color: var(--B2B-SYSTEM-RED);*/
                }

                    #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestInfo ol li.Pickup {
                        font-weight: bold;
                        color: var(--B2B-SYSTEM-RED);
                    }

                    #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestInfo ol li .Alert {
                        background: var(--B2B-SYSTEM-RED);
                        color: #ffffff;
                        font-size: 12px;
                        font-weight: bold;
                        padding: 0 10px;
                        display: inline-block;
                        border-radius: 6px;
                        margin-right: 5px;
                    }

        #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestSelect {
        }

            #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestSelect #RequestedComment {
                border: solid 2px #fb8f9f;
                border-radius: 6px;
                padding: 30px 20px 15px;
                position: relative;
                margin-top: 30px;
                background: #ffe4e8;
            }

                #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestSelect #RequestedComment .Title {
                    position: absolute;
                    width: 200px;
                    top: -20px;
                    left: 10px;
                    background: #fb8f9f;
                    color: #ffffff;
                    font-size: 14px;
                    font-weight: bold;
                    padding: 5px 15px;
                    display: inline-block;
                    margin-bottom: 5px;
                    border-radius: 4px;
                    text-align: center;
                }

                #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestSelect #RequestedComment .RequestComment {
                    padding: 2px 20px 3px;
                    border-radius: 15px;
                    display: inline-block;
                    background: #fb8f9f;
                    margin-right: 5px;
                    margin-bottom: 5px;
                    color: #ffffff;
                    font-weight: bold;
                }

                    #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestSelect #RequestedComment .RequestComment.REQ {
                    }

                    #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestSelect #RequestedComment .RequestComment.NONE {
                        background: #aaaaaa;
                    }

            #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestSelect #RequestedSelectBox {
                border: solid 2px var(--SIDEBAR-COLOR);
                border-radius: 6px;
                padding: 25px 20px 10px;
                position: relative;
                margin-top: 40px;
            }

                #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestSelect #RequestedSelectBox .Title {
                    position: absolute;
                    width: 200px;
                    top: -20px;
                    left: 10px;
                    background: var(--SIDEBAR-COLOR);
                    color: #ffffff;
                    font-size: 14px;
                    font-weight: bold;
                    padding: 5px 15px;
                    display: inline-block;
                    margin-bottom: 5px;
                    border-radius: 4px;
                    text-align: center;
                }

                #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestSelect #RequestedSelectBox .Caption {
                    width: 140px;
                    background: #eeeeee;
                    /*background: var(--SIDEBAR-COLOR);*/
                    /*color: #ffffff;*/
                    font-size: 14px;
                    font-weight: bold;
                    padding: 2px 5px;
                    display: inline-block;
                    margin-bottom: 5px;
                    border-radius: 15px;
                    text-align: center;
                }

                #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestSelect #RequestedSelectBox select {
                    margin-bottom: 10px;
                }

                    #B2BReservationListPage #modal_HotelRequest #HotelRequestSelectBox #RequestSelect #RequestedSelectBox select:last-child {
                        margin-bottom: 10px;
                    }

        #B2BReservationListPage #modal_HotelRequest #SaveHotelRequestBTN {
            margin-top: 30px;
            text-align: center;
        }

            #B2BReservationListPage #modal_HotelRequest #SaveHotelRequestBTN #btnSaveHotelRequest {
                width: 300px;
                padding: 15px 5px;
                border-radius: 50px;
                font-size: 20px;
            }

        #B2BReservationListPage #modal_HotelRequest #RequestStatus {
            margin-top: 20px;
            text-align: center;
            color: var(--B2B-SYSTEM-RED);
            font-weight: bold;
        }

            #B2BReservationListPage #modal_HotelRequest #RequestStatus .reservationlistReload {
                font-size: inherit;
                padding: 0;
                border: none;
                vertical-align: inherit;
                margin: 0 2px;
            }

    /*領収書作成モーダル*/
    #B2BReservationListPage #modal_CreateReceipt {
        --bs-modal-width: 500px;
    }

        #B2BReservationListPage #modal_CreateReceipt .caption {
        }

            #B2BReservationListPage #modal_CreateReceipt .caption span:first-child {
                width: 100px;
                background: #eeeeee;
                font-size: 14px;
                padding: 2px 15px;
                display: inline-block;
                margin-bottom: 5px;
                border-radius: 4px;
                text-align: center;
            }

            #B2BReservationListPage #modal_CreateReceipt .caption span.btn-link {
                font-size: 14px;
                margin-left: 10px;
            }

        #B2BReservationListPage #modal_CreateReceipt #CreateReceiptBtn {
            margin: 20px 0 10px;
            text-align: center;
        }

            #B2BReservationListPage #modal_CreateReceipt #CreateReceiptBtn .btn-success {
                width: 300px;
                padding: 10px 5px;
                border-radius: 50px;
                font-size: 20px;
            }

                #B2BReservationListPage #modal_CreateReceipt #CreateReceiptBtn .btn-success .fa-external-link {
                    font-size: 14px;
                }

    /*予約一覧*/
    #B2BReservationListPage #MainContents {
        /*max-width: 1000px;*/
        /*width: 100%;*/
    }

        /*ツアー表示対象選択フォーム*/
        #B2BReservationListPage #MainContents #ReservationListSelectForm {
            display: flex;
            gap: 10px;
            margin-bottom: 10px;
        }

            #B2BReservationListPage #MainContents #ReservationListSelectForm div {
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
            }

            #B2BReservationListPage #MainContents #ReservationListSelectForm .formCaption {
                font-size: 12px;
                margin-left: 5px;
                font-weight: bold;
            }

                #B2BReservationListPage #MainContents #ReservationListSelectForm .formCaption .btn-link {
                    font-size: 12px;
                    padding: 0;
                    margin-left: 5px;
                    margin-top: -2px;
                }

                #B2BReservationListPage #MainContents #ReservationListSelectForm .formCaption #ContentPlaceHolder1_btnStartDateInit,
                #B2BReservationListPage #MainContents #ReservationListSelectForm .formCaption #ContentPlaceHolder1_btnEndDateInit {
                    margin-left: 0;
                    font-weight: bold;
                }

            #B2BReservationListPage #MainContents #ReservationListSelectForm #ContentPlaceHolder1_ddlTourListAgentList {
            }

            #B2BReservationListPage #MainContents #ReservationListSelectForm .DateSelect {
                text-align: center;
                width: 150px;
            }

                #B2BReservationListPage #MainContents #ReservationListSelectForm .DateSelect:hover {
                    cursor: pointer;
                }

        #B2BReservationListPage #MainContents #ReservationListSearchForm {
            display: flex;
            align-items: center;
        }

            #B2BReservationListPage #MainContents #ReservationListSearchForm #txtReservationSearch {
                min-width: 420px;
                padding-right: 40px;
            }

            #B2BReservationListPage #MainContents #ReservationListSearchForm span {
                margin-left: -35px;
            }

                #B2BReservationListPage #MainContents #ReservationListSearchForm span .fa {
                    transition: all .2s;
                }

                #B2BReservationListPage #MainContents #ReservationListSearchForm span:hover {
                    cursor: pointer;
                    color: var(--B2B-SYSTEM-RED);
                }

                    #B2BReservationListPage #MainContents #ReservationListSearchForm span:hover .fa {
                        transform: scale(1.5,1.5);
                        transition: all .2s;
                    }

        #B2BReservationListPage #MainContents #ReservationListFilter {
            margin: 10px 0 15px;
            border: solid 1px #dddddd;
            border-radius: 6px;
            padding: 5px 10px;
        }

            #B2BReservationListPage #MainContents #ReservationListFilter .FilterCategory {
                margin: 5px 0;
            }

                #B2BReservationListPage #MainContents #ReservationListFilter .FilterCategory .SubTitle {
                    width: 150px;
                    display: inline-block;
                }

                #B2BReservationListPage #MainContents #ReservationListFilter .FilterCategory .FilterItem {
                    margin-right: 10px;
                }

                    #B2BReservationListPage #MainContents #ReservationListFilter .FilterCategory .FilterItem input {
                        transform: scale(1.5, 1.5);
                        margin-right: 5px;
                    }

                    #B2BReservationListPage #MainContents #ReservationListFilter .FilterCategory .FilterItem label {
                        width: 90px;
                    }

                        #B2BReservationListPage #MainContents #ReservationListFilter .FilterCategory .FilterItem input:hover,
                        #B2BReservationListPage #MainContents #ReservationListFilter .FilterCategory .FilterItem label:hover {
                            cursor: pointer;
                        }

                #B2BReservationListPage #MainContents #ReservationListFilter .FilterCategory #btnFilterClear {
                    font-size: 14px;
                    display: flex;
                    align-items: center;
                }

                    #B2BReservationListPage #MainContents #ReservationListFilter .FilterCategory #btnFilterClear .fa {
                        line-height: initial;
                    }

        /*予約一覧*/
        #B2BReservationListPage #MainContents #ReservationList {
            margin-top: 10px;
        }
            /*サマリー*/
            #B2BReservationListPage #MainContents #ReservationList #SearchCommMessageSummary {
                display: flex;
                align-items: flex-end;
                font-size: 18px;
                font-weight: bold;
                margin-bottom: 20px;
                padding-left: 10px;
            }

                #B2BReservationListPage #MainContents #ReservationList #SearchCommMessageSummary .btn-link {
                    font-size: 12px;
                    margin-left: 10px;
                    margin-bottom: 1px;
                }

            #B2BReservationListPage #MainContents #ReservationList .SegmentItem {
                border: solid 3px #aaaaaa;
                border-radius: 6px;
                background: #ffffff;
                box-shadow: 0 12px 14px #0000000a;
                margin-bottom: 15px;
            }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.WDW {
                    border-color: var(--WDW-COLOR);
                }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.DLR {
                    border-color: var(--DLR-COLOR);
                }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.AUL {
                    border-color: var(--AUL-COLOR);
                }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.CRUISE {
                    border-color: var(--DCL-COLOR);
                }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.OTHER {
                    border-color: var(--OTHER-COLOR);
                }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segHeader {
                    display: flex;
                    align-items: center;
                    padding: 5px 0;
                    position: relative;
                }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segHeader .SegmentPaymentStatusMSG {
                        position: absolute;
                        top: -13px;
                        right: 5px;
                        display: inline-block;
                        background: #eeeeee;
                        font-size: 10px;
                        font-weight: bold;
                        padding: 1px 10px 2px;
                        border-radius: 4px;
                        border: solid 2px #555555;
                    }

                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segHeader .SegmentPaymentStatusMSG.Paid {
                            background: #79ff79;
                        }

                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segHeader .SegmentPaymentStatusMSG.Unpaid {
                            background: var(--B2B-SYSTEM-RED);
                            border-color: var(--B2B-SYSTEM-RED);
                            color: #ffffff;
                        }

                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segHeader .SegmentPaymentStatusMSG.OverPaid {
                            background: #e9bf47;
                            border-color: #8f7018;
                        }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segHeader .segIcon {
                        white-space: nowrap;
                        width: 80px;
                        text-align: center;
                    }

                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segHeader .segIcon .fa {
                            font-size: 34px;
                            transition: all .2s;
                        }

                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segHeader .segIcon .segLocation {
                            font-size: 12px;
                            font-weight: bold;
                            background: #eeeeee;
                            color: #ffffff;
                            padding: 0 5px 1px;
                            border-radius: 4px;
                            display: inline-block;
                            margin-top: 3px;
                        }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.WDW .segHeader {
                    background: var(--WDW-COLOR-LIGHT);
                    border-radius: 2px;
                }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem.WDW .segHeader .segIcon .segLocation {
                        background: var(--WDW-COLOR);
                    }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.DLR .segHeader {
                    background: var(--DLR-COLOR-LIGHT);
                    border-radius: 2px;
                }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem.DLR .segHeader .segIcon .segLocation {
                        background: var(--DLR-COLOR);
                    }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem.WDW .segHeader.TICKET,
                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem.DLR .segHeader.TICKET {
                        background: #FFDE80;
                    }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.AUL .segHeader {
                    background: var(--AUL-COLOR-LIGHT);
                    border-radius: 2px;
                }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem.AUL .segHeader .segIcon .segLocation {
                        background: var(--AUL-COLOR);
                    }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.CRUISE .segHeader {
                    background: var(--DCL-COLOR-LIGHT);
                    border-radius: 2px;
                }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem.CRUISE .segHeader .segIcon .segLocation {
                        background: var(--DCL-COLOR);
                    }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.OTHER .segHeader {
                    background: var(--OTHER-COLOR-LIGHT);
                    border-radius: 2px;
                }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segHeader .segContent {
                    padding-right: 10px;
                    width: 100%;
                }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segHeader .segContent .segTitle {
                        font-size: 16px;
                        font-weight: bold;
                    }

                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segHeader .segContent .segTitle .SegmentTitleJPLocationName {
                            font-size: 12px;
                            line-height: 1;
                        }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.WDW .segHeader .segContent .PackageItem {
                    background: var(--WDW-COLOR);
                    color: #ffffff;
                    font-size: 10px;
                    font-weight: bold;
                    display: inline-block;
                    padding: 0 10px 2px 7px;
                    border-radius: 4px;
                    margin: 0 2px;
                }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.DLR .segHeader .segContent .PackageItem {
                }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.AUL .segHeader .segContent .PackageItem {
                }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.CRUISE .segHeader .segContent .PackageItem {
                    background: var(--DCL-COLOR);
                    color: #ffffff;
                    font-size: 10px;
                    font-weight: bold;
                    display: inline-block;
                    padding: 0 10px 2px 7px;
                    border-radius: 4px;
                    margin: 0 2px;
                }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segHeader .segContent .segDate {
                }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segHeader .segContent .segMembersList {
                }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segHeader .segContent .segMembersList .segMember {
                        display: inline-block;
                        margin: 0 5px;
                    }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem:hover {
                    cursor: pointer;
                    box-shadow: 0 12px 14px #00000055;
                }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem:hover .segIcon .fa {
                        transform: translateY(-5px);
                        transition: all .2s;
                    }

                #B2BReservationListPage #MainContents #ReservationList .SegmentItem.Open {
                    margin-bottom: 30px;
                    box-shadow: 0 12px 14px #00000055;
                    transition: all .5s;
                }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem.Open .segHeader {
                        border-radius: 2px 2px 0 0;
                    }

                /*予約詳細*/
                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail {
                    padding: 10px 15px 15px;
                }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail:hover {
                        cursor: default;
                    }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationSegName {
                        margin-bottom: 10px;
                    }

                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationSegName .NameJP {
                            font-size: 18px;
                            font-weight: bold;
                        }

                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationSegName .NameEN {
                            font-size: 12px;
                            font-weight: bold;
                        }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails {
                        display: flex;
                        flex-direction: column;
                    }

                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem {
                            display: flex;
                            gap: 10px;
                            margin: 1px 0;
                        }

                            #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .Caption {
                                width: 120px;
                                text-align: right;
                                white-space: nowrap;
                            }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .Caption span {
                                    font-size: 12px;
                                    font-weight: bold;
                                    background: #eeeeee;
                                    padding: 0 5px;
                                    display: inline-block;
                                    border-radius: 4px;
                                }

                                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .Caption span.paymentInfo {
                                        background: #198754;
                                        color: #ffffff;
                                    }

                            #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData {
                                flex: 1;
                            }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .ReservationStatus {
                                    font-weight: bold;
                                    color: #ffffff;
                                    padding: 0 10px;
                                    border-radius: 4px;
                                }

                                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .ReservationStatus.ACT {
                                        background: #0DCAF0;
                                    }

                                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .ReservationStatus.EST {
                                        background: #FFC107;
                                    }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .DateUnit {
                                    font-size: 12px;
                                    font-weight: bold;
                                    display: inline-block;
                                    margin-right: 5px;
                                }

                                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .DateUnit:last-child {
                                        margin-left: 10px;
                                    }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .LinkDeckPlan {
                                    font-size: 12px;
                                    font-weight: bold;
                                    margin-left: 10px;
                                }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .paxUnit {
                                    font-size: 11px;
                                    display: inline-block;
                                    margin-left: 2px;
                                }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .tableMembers td {
                                    padding: 0 10px 0 0;
                                }

                                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .tableMembers td.TD_AgeRemarks {
                                        font-size: 10px;
                                    }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .resExtConfirmationNo1 {
                                    font-size: 12px;
                                    font-weight: bold;
                                    margin-right: 5px;
                                    display: inline-block;
                                }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .resExtConfirmationNo2 {
                                    font-size: 12px;
                                    font-weight: bold;
                                    margin-left: 20px;
                                    margin-right: 5px;
                                    display: inline-block;
                                }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .CreateDateTooltip:hover {
                                    background: var(--ITEM-HOVER-COLOR);
                                    border-radius: 4px;
                                    cursor: help;
                                }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData.paymentInfo {
                                    color: #198754;
                                    font-weight: bold;
                                }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .ESTinfo {
                                    font-size: 11px;
                                    margin-left: 5px;
                                }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .OtherRemarks {
                                    font-size: 10px;
                                    font-weight: bold;
                                }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData.CancelMsg {
                                    text-align: right;
                                }

                                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData.CancelMsg .btn {
                                        font-size: 13px;
                                    }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData.CancelBtn {
                                    margin-top: 10px;
                                }

                                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData.CancelBtn table {
                                        margin-left: auto;
                                        font-size: 13px;
                                        font-weight: bold;
                                    }

                                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData.CancelBtn table td {
                                        }

                                            #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData.CancelBtn table td input {
                                                transform: scale(1.5);
                                                margin-right: 10px;
                                            }

                                            #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData.CancelBtn table td label {
                                                /*color: var(--B2B-SYSTEM-RED);*/
                                            }

                                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData.CancelBtn table td input:hover,
                                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData.CancelBtn table td label:hover {
                                                    cursor: pointer;
                                                    background: var(--ITEM-HOVER-COLOR);
                                                }

                                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData.CancelBtn td.TD_CHK {
                                    }

                                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData.CancelBtn td.TD_CHK:hover {
                                            /*background: var(--ITEM-HOVER-COLOR);*/
                                        }

                                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData.CancelBtn td.TD_BTN {
                                        padding-top: 20px;
                                        text-align: right;
                                    }

                                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData.CancelBtn td.TD_BTN .btn {
                                            font-size: 14px;
                                            padding: 5px 20px 7px;
                                        }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .CancelStatus {
                                    font-size: 13px;
                                    text-align: right;
                                    margin-top: 10px;
                                    color: var(--B2B-SYSTEM-RED);
                                    font-weight: bold;
                                }

                                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .CancelStatus .ErrorMSG {
                                        text-align: left;
                                    }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .Requested {
                                    border: solid 1px #dddddd;
                                    font-size: 12px;
                                    padding: 0 10px 1px;
                                    border-radius: 15px;
                                    display: inline-block;
                                    background: #eeeeee;
                                    margin-right: 5px;
                                    margin-bottom: 2px;
                                }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .btnRequest {
                                    font-size: 13px;
                                    padding: 0;
                                }

                                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .btnRequest.ban:hover {
                                        cursor: help;
                                        background: var(--ITEM-HOVER-COLOR);
                                    }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationDetails .resItem .segData .RequestRemarks {
                                    font-size: 10px;
                                }

                    /*お支払い履歴*/
                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail hr {
                        margin: 20px 0 15px;
                    }

                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment {
                    }

                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .title {
                            font-size: 16px;
                            font-weight: bold;
                            margin-bottom: 10px;
                            padding-left: 10px;
                        }

                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .TicketPaymentRemarks {
                            text-align: right;
                            font-size: 10px;
                            font-weight: bold;
                            margin-bottom: 5px;
                        }

                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .tablePaymentList {
                            width: 100%;
                        }

                            #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .tablePaymentList th {
                                font-size: 12px;
                                background: #eeeeee;
                                text-align: center;
                            }

                            #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .tablePaymentList td {
                                padding: 1px 5px;
                                border-bottom: solid 1px #eeeeee;
                            }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .tablePaymentList td.TD_PaymentDate {
                                    text-align: center;
                                    white-space: nowrap;
                                    font-size: 12px;
                                }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .tablePaymentList td.TD_Comment {
                                    width: 100%;
                                    font-size: 12px;
                                }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .tablePaymentList td.TD_Amount {
                                    white-space: nowrap;
                                    text-align: right;
                                }

                                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .tablePaymentList td.TD_Amount.Amount {
                                        color: var(--B2B-SYSTEM-RED);
                                        font-weight: bold;
                                    }

                                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .tablePaymentList td.TD_Amount.Pay {
                                        color: #00a99d;
                                        font-weight: bold;
                                    }

                                #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .tablePaymentList td.TD_TotalAmount {
                                    border-bottom: none;
                                    text-align: right;
                                    font-size: 18px;
                                    font-weight: bold;
                                }

                                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .tablePaymentList td.TD_TotalAmount .TotalAmountMSG {
                                        display: inline-block;
                                        font-size: 12px;
                                        background: #eeeeee;
                                        padding: 1px 10px 2px;
                                        border-radius: 6px;
                                        margin-right: 10px;
                                        vertical-align: text-bottom;
                                        color: #ffffff;
                                    }

                                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .tablePaymentList td.TD_TotalAmount .TotalAmountMSG.Paid {
                                            background: #00a99d;
                                        }

                                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .tablePaymentList td.TD_TotalAmount .TotalAmountMSG.Unpaid {
                                            background: var(--B2B-SYSTEM-RED);
                                        }

                                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationPayment .tablePaymentList td.TD_TotalAmount .TotalAmountMSG.OverPaid {
                                            background: #e9bf47;
                                        }

                    /*ツールバー*/
                    #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationAction {
                        margin-top: 20px;
                        text-align: right;
                    }

                        #B2BReservationListPage #MainContents #ReservationList .SegmentItem .segDetail .ReservationAction .btn {
                            padding: 5px 20px 7px;
                            font-size: 14px;
                        }

/*####################################################################################################*/
/* 日付確認システム ページ */
/*####################################################################################################*/
#B2BDateCheckPage {
}

    #B2BDateCheckPage #MainContents {
        /*max-width: 1000px;*/
        /*width: 100%;*/
    }

        #B2BDateCheckPage #MainContents h2 #DispDateTime_Select {
        }

            #B2BDateCheckPage #MainContents h2 #DispDateTime_Select #DispDateTime_SelectCaption {
                background: #f0ad4e;
                padding-left: 15px;
                padding-right: 15px;
                border-radius: 6px;
            }

            #B2BDateCheckPage #MainContents h2 #DispDateTime_Select .btn {
                margin-left: 10px;
            }

        /*現在時刻*/
        #B2BDateCheckPage #MainContents .DateTimeBox {
            margin: 0 0 20px;
            padding: 0;
        }

            #B2BDateCheckPage #MainContents .DateTimeBox .colItem {
                padding: 10px;
            }

                #B2BDateCheckPage #MainContents .DateTimeBox .colItem:hover {
                    /*cursor: default;*/
                }

                #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    border-radius: 6px;
                    background: #ffffff;
                    box-shadow: 0 12px 14px #0000000a;
                    height: 110px;
                    padding: 10px 15px;
                    position: relative;
                    border-left: solid 7px var(--SIDEBAR-COLOR);
                    transition: all .2s;
                }

                    #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo.JPN {
                    }

                    #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo.WDW {
                        border-color: var(--WDW-COLOR);
                    }

                    #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo.DLR {
                        border-color: var(--DLR-COLOR);
                    }

                    #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo.AUL {
                        border-color: var(--AUL-COLOR);
                    }

                    #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo.SetDateTime {
                        color: var(--B2B-SYSTEM-RED);
                    }

                    #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo:hover {
                        cursor: pointer;
                        /*background: var(--ITEM-HOVER-COLOR);*/
                        opacity: .8;
                        transform: translate(0,-5px);
                        transition: all .2s;
                    }

                    #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo .LocationTitle {
                        font-size: 16px;
                        font-weight: bold;
                    }

                        #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo .LocationTitle .WDW {
                            /*color: var(--WDW-COLOR);*/
                        }

                        #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo .LocationTitle .DLR {
                            /*color: var(--DLR-COLOR);*/
                        }

                        #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo .LocationTitle .AUL {
                            /*color: var(--AUL-COLOR);*/
                        }

                    #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo .DateTime {
                        text-align: right;
                    }

                        #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo .DateTime .SummerTime {
                            position: absolute;
                            top: 5px;
                            right: 5px;
                            font-size: 11px;
                            font-weight: bold;
                            background: #0DCAF0;
                            color: #ffffff;
                            padding: 0 10px 2px;
                            border-radius: 4px;
                        }

                        #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo .DateTime .ConvertDate {
                            font-size: 16px;
                            font-weight: bold;
                        }

                        #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo .DateTime .ConvertTime {
                            font-size: 30px;
                            font-weight: bold;
                            line-height: 1;
                        }

                    #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo .TimeZoneRemarks {
                        position: absolute;
                        top: 5px;
                        right: 5px;
                        font-size: 11px;
                        font-weight: bold;
                        padding: 0 10px 2px;
                    }

                    #B2BDateCheckPage #MainContents .DateTimeBox .colItem .TimeZoneInfo.DarkMode {
                        background: #808080;
                        color: #ffffff;
                    }

                #B2BDateCheckPage #MainContents .DateTimeBox .colItem .input-group {
                    margin-top: 10px;
                }

                    #B2BDateCheckPage #MainContents .DateTimeBox .colItem .input-group .form-control {
                        text-align: center;
                    }

        /*サマータイム期間情報*/
        #B2BDateCheckPage #MainContents .SummerTimeInfoBox {
            margin: 0 0 30px;
            padding: 0 20px;
        }

            #B2BDateCheckPage #MainContents .SummerTimeInfoBox .SummerTimeItem {
                font-size: 16px;
            }

                #B2BDateCheckPage #MainContents .SummerTimeInfoBox .SummerTimeItem .SummerTimeInfoTitle {
                }

                #B2BDateCheckPage #MainContents .SummerTimeInfoBox .SummerTimeItem #ContentPlaceHolder1_Label_SummerTimeInfo {
                }

                    #B2BDateCheckPage #MainContents .SummerTimeInfoBox .SummerTimeItem #ContentPlaceHolder1_Label_SummerTimeInfo div {
                        padding-left: 20px;
                    }

                        #B2BDateCheckPage #MainContents .SummerTimeInfoBox .SummerTimeItem #ContentPlaceHolder1_Label_SummerTimeInfo div span {
                            display: inline-block;
                            background: #eeeeee;
                            padding: 8px 30px 10px;
                            margin: 5px 5px;
                            border-radius: 6px;
                        }

        /*日付確認フォーム*/
        #B2BDateCheckPage #MainContents #DateCheckForm {
            /*display: flex;*/
            /*justify-content: flex-start;*/
        }

            #B2BDateCheckPage #MainContents #DateCheckForm .colItem {
                display: flex;
                gap: 5px;
                padding: 5px 5px;
            }

                #B2BDateCheckPage #MainContents #DateCheckForm .colItem div {
                    width: 100%;
                }

                    #B2BDateCheckPage #MainContents #DateCheckForm .colItem div .btn-light {
                    }

                #B2BDateCheckPage #MainContents #DateCheckForm .colItem .Caption {
                    display: inline-block;
                    background: #eeeeee;
                    padding: 2px 10px 2px 9px;
                    margin: 0 0 3px;
                    border-radius: 4px;
                    font-size: 12px;
                    font-weight: bold;
                }

        #B2BDateCheckPage #MainContents #DateCheckResult {
            margin: 10px 0;
            margin-bottom: 50px;
        }

            #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckInfo {
                font-size: 16px;
                font-weight: bold;
                margin: 10px 0;
                padding: 10px;
            }

                #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckInfo .Caption {
                    display: inline-block;
                    background: var(--B2B-SYSTEM-RED);
                    color: #ffffff;
                    padding: 8px 30px 10px;
                    border-radius: 6px;
                    margin-right: 10px;
                    font-size: 14px;
                }

            #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox {
                /*display: flex;*/
                /*gap: 10px;*/
                padding: 5px;
            }

                #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList {
                    padding: 5px 5px;
                }

                    #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList .LocationName {
                        background: var(--SIDEBAR-COLOR);
                        color: #ffffff;
                        padding: 8px 30px 10px;
                        border-radius: 6px;
                        text-align: center;
                        font-weight: bold;
                        margin-bottom: 10px;
                    }

                        #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList .LocationName.selected {
                            background: var(--B2B-SYSTEM-RED);
                        }

                    #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList table {
                        width: 100%;
                        background: #ffffff;
                        border: 3px solid var(--SIDEBAR-COLOR);
                        border-collapse: separate;
                        border-spacing: 0;
                        border-radius: 6px;
                        overflow: hidden;
                    }

                        #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList table tr:nth-child(odd) {
                            background: #eeeeee99;
                        }

                        #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList table tr:hover {
                            background: var(--ITEM-HOVER-COLOR);
                            cursor: default;
                        }

                        #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList table td {
                            padding: 10px 2px;
                            white-space: nowrap;
                        }

                            #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList table td.TD_Offset {
                                text-align: right;
                                color: #008fac;
                                font-weight: bold;
                                padding-left: 10px;
                            }

                        #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList table.selected td.TD_Offset {
                            /*color: var(--B2B-SYSTEM-RED);*/
                        }

                        #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList table tr:last-child {
                            background: #fff5bc;
                            font-weight: bold;
                        }

                        #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList table.selected tr:last-child {
                            background: var(--B2B-SYSTEM-RED);
                            color: #ffffff;
                        }

                            #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList table.selected tr:last-child .TD_Offset {
                                color: #ffffff;
                            }

                        #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList table tr:last-child .TD_Offset .BaseDate {
                            display: none;
                        }

                        #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList table tr:last-child .TD_Offset .BaseDateIcon {
                            display: block;
                        }

                        #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList table.selected tr:last-child .TD_Offset .BaseDate {
                            display: block;
                        }

                        #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList table.selected tr:last-child .TD_Offset .BaseDateIcon {
                            display: none;
                        }

                        #B2BDateCheckPage #MainContents #DateCheckResult #DateCheckBox .DateList table td.TD_Date {
                            text-align: right;
                            width: 100%;
                            padding-right: 10px;
                        }

        #B2BDateCheckPage #MainContents #DateCheckInfoBox {
            display: flex;
            flex-direction: column;
            margin-top: 10px;
        }

            #B2BDateCheckPage #MainContents #DateCheckInfoBox .DateCheckInfo {
                display: flex;
                align-items: stretch;
                gap: 10px;
                background: #ffffff;
                box-shadow: 0 12px 14px #0000000a;
                margin: 5px 0;
                border-radius: 6px;
                padding: 10px;
            }

                #B2BDateCheckPage #MainContents #DateCheckInfoBox .DateCheckInfo .Days {
                    width: 150px;
                    text-align: right;
                    font-weight: bold;
                    font-size: 16px;
                    background: #eeeeee;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 6px;
                }

                #B2BDateCheckPage #MainContents #DateCheckInfoBox .DateCheckInfo .Description {
                    width: 100%;
                }

                    #B2BDateCheckPage #MainContents #DateCheckInfoBox .DateCheckInfo .Description .InfoItem {
                        /*background: #cdf7ff;*/
                        padding: 10px;
                        border-radius: 6px;
                        margin-bottom: 10px;
                        border: solid 1px #eeeeee;
                    }

                        #B2BDateCheckPage #MainContents #DateCheckInfoBox .DateCheckInfo .Description .InfoItem:last-child {
                            margin: 0;
                        }

                        #B2BDateCheckPage #MainContents #DateCheckInfoBox .DateCheckInfo .Description .InfoItem .LocationCode {
                            display: inline-block;
                            width: 50px;
                            text-align: center;
                            font-size: 12px;
                            font-weight: bold;
                            color: #ffffff;
                            margin-right: 5px;
                            border-radius: 4px;
                        }

                            #B2BDateCheckPage #MainContents #DateCheckInfoBox .DateCheckInfo .Description .InfoItem .LocationCode.WDW {
                                background: var(--WDW-COLOR);
                            }

                            #B2BDateCheckPage #MainContents #DateCheckInfoBox .DateCheckInfo .Description .InfoItem .LocationCode.DLR {
                                background: var(--DLR-COLOR);
                            }

                            #B2BDateCheckPage #MainContents #DateCheckInfoBox .DateCheckInfo .Description .InfoItem .LocationCode.AUL {
                                background: var(--AUL-COLOR);
                            }

                        #B2BDateCheckPage #MainContents #DateCheckInfoBox .DateCheckInfo .Description .InfoItem .LocationName {
                            font-weight: bold;
                        }

                        #B2BDateCheckPage #MainContents #DateCheckInfoBox .DateCheckInfo .Description .InfoItem .CategoryName {
                            margin-top: 10px;
                        }

                        #B2BDateCheckPage #MainContents #DateCheckInfoBox .DateCheckInfo .Description .InfoItem .Remarks {
                            font-size: 12px;
                        }

                            #B2BDateCheckPage #MainContents #DateCheckInfoBox .DateCheckInfo .Description .InfoItem .Remarks:before {
                                content: "・ ";
                            }

/*####################################################################################################*/
/* 利用設定 ページ */
/*####################################################################################################*/
#B2BSettingPage {
}

    #B2BSettingPage h1 .SettingPageInfo {
        font-size: 12px;
        margin-left: 20px;
        color: var(--B2B-SYSTEM-RED);
    }

    #B2BSettingPage #btnOpenMemberAddModal {
        font-size: 12px;
        font-weight: normal;
        margin-left: 20px;
        padding: 1px 20px 2px;
        border-radius: 15px;
    }

    /*所属メンバー権限設定*/
    #B2BSettingPage #CompanyMemberListBox {
        margin-bottom: 30px;
    }

        #B2BSettingPage #CompanyMemberListBox #tableCompanyMemberList {
            background: #ffffff;
            border: 5px solid #ffffff;
            border-collapse: separate;
            border-spacing: 0;
            border-radius: 6px;
            overflow: hidden;
            width: 100%;
            box-shadow: 0 12px 14px #0000000a;
        }

            #B2BSettingPage #CompanyMemberListBox #tableCompanyMemberList tr:hover {
                background: var(--ITEM-HOVER-COLOR);
                cursor: default;
            }

            #B2BSettingPage #CompanyMemberListBox #tableCompanyMemberList tr:last-child td {
                border-bottom: none;
            }

            #B2BSettingPage #CompanyMemberListBox #tableCompanyMemberList tr.None {
                background: #eeeeee;
            }

            #B2BSettingPage #CompanyMemberListBox #tableCompanyMemberList td {
                padding: 5px 10px;
                border-bottom: dotted 1px #eeeeee;
            }

                #B2BSettingPage #CompanyMemberListBox #tableCompanyMemberList td.TD_Count {
                    padding-left: 15px;
                }

                #B2BSettingPage #CompanyMemberListBox #tableCompanyMemberList td.TD_Info .AccessMark {
                    color: #ffffff;
                    font-size: 10px;
                    font-weight: bold;
                    display: inline-block;
                    padding: 0 10px 1px;
                    border-radius: 4px;
                    white-space: nowrap;
                }

                    #B2BSettingPage #CompanyMemberListBox #tableCompanyMemberList td.TD_Info .AccessMark.Admin {
                        background: #00a99d;
                    }

                    #B2BSettingPage #CompanyMemberListBox #tableCompanyMemberList td.TD_Info .AccessMark.None {
                        background: #aaaaaa;
                    }

                #B2BSettingPage #CompanyMemberListBox #tableCompanyMemberList td.TD_Name .fa-user {
                    color: #f0ad4e;
                }

                #B2BSettingPage #CompanyMemberListBox #tableCompanyMemberList td.TD_AccessLevel .selectAccessLevel {
                    min-width: 200px;
                }

                #B2BSettingPage #CompanyMemberListBox #tableCompanyMemberList td.TD_Btn .btn {
                    padding: 6px 15px 6px 10px;
                }

                #B2BSettingPage #CompanyMemberListBox #tableCompanyMemberList td.TD_Remarks {
                    font-size: 12px;
                    text-align: right;
                }

            #B2BSettingPage #CompanyMemberListBox #tableCompanyMemberList tr:hover td.TD_Remarks {
                background: #ffffff;
            }

        #B2BSettingPage #CompanyMemberListBox #CompanyMemberListStatus {
            margin-top: 5px;
            padding: 0 10px;
            color: var(--B2B-SYSTEM-RED);
            font-weight: bold;
        }

            #B2BSettingPage #CompanyMemberListBox #CompanyMemberListStatus .msgOK {
                color: var(--B2B-SYSTEM-OK);
            }

    /*所属メンバー追加モーダル*/
    #B2BSettingPage #modal_MemberAdd {
    }

        #B2BSettingPage #modal_MemberAdd #AddMemberRemarks {
            margin: 10px 0 15px;
        }

        #B2BSettingPage #modal_MemberAdd #btnAddMemberEmailClear {
            border-color: #dee2e6;
        }

        #B2BSettingPage #modal_MemberAdd #AddMemberInfo {
        }

            #B2BSettingPage #modal_MemberAdd #AddMemberInfo #MemberInfo {
                font-size: 16px;
                border: solid 1px #dee2e6;
                border-radius: 6px;
                padding: 10px;
            }

                #B2BSettingPage #modal_MemberAdd #AddMemberInfo #MemberInfo .Caption {
                    font-size: 13px;
                    font-weight: bold;
                    padding: 2px 2px;
                    display: inline-block;
                    margin-bottom: 5px;
                    border-radius: 4px;
                    text-align: right;
                    width: 120px;
                    margin-right: 10px;
                }

            #B2BSettingPage #modal_MemberAdd #AddMemberInfo .formSubmit {
                text-align: center;
            }

                #B2BSettingPage #modal_MemberAdd #AddMemberInfo .formSubmit #tableAddMember {
                    margin: 0 auto 20px;
                }

                    #B2BSettingPage #modal_MemberAdd #AddMemberInfo .formSubmit #tableAddMember td {
                        padding: 5px 5px;
                        text-align: left;
                    }

                    #B2BSettingPage #modal_MemberAdd #AddMemberInfo .formSubmit #tableAddMember input {
                        transform: scale(1.5);
                    }

                        #B2BSettingPage #modal_MemberAdd #AddMemberInfo .formSubmit #tableAddMember input:hover,
                        #B2BSettingPage #modal_MemberAdd #AddMemberInfo .formSubmit #tableAddMember label:hover {
                            cursor: pointer;
                            background: var(--ITEM-HOVER-COLOR);
                        }

                #B2BSettingPage #modal_MemberAdd #AddMemberInfo .formSubmit #btnMemberAdd {
                    width: 300px;
                    padding: 15px 5px;
                    border-radius: 50px;
                    font-size: 20px;
                }

            #B2BSettingPage #modal_MemberAdd #AddMemberInfo .ErrMSG {
                color: var(--B2B-SYSTEM-RED);
                font-weight: bold;
            }

    /*会社情報編集*/
    #B2BSettingPage #CompanyInfoEditBox {
        max-width: 800px;
    }

        #B2BSettingPage #CompanyInfoEditBox .Caption {
            display: inline-block;
            background: #eeeeee;
            padding: 2px 15px;
            margin: 15px 0 3px;
            border-radius: 4px;
            font-size: 12px;
        }

        #B2BSettingPage #CompanyInfoEditBox .FormRequire {
            font-size: 10px;
            color: #ff0000;
            margin-left: 5px;
        }

        #B2BSettingPage #CompanyInfoEditBox .colItem2 {
            margin-top: 20px;
        }

            #B2BSettingPage #CompanyInfoEditBox .colItem2 .btn {
                padding: 15px 80px 15px 70px;
            }

        #B2BSettingPage #CompanyInfoEditBox #SaveCompanyInfoStatus {
            margin-top: 10px;
            color: var(--B2B-SYSTEM-RED);
            font-weight: bold;
        }

/*####################################################################################################*/
/* B2B利用マニュアル */
/*####################################################################################################*/
#B2BManualPage {
}

    #B2BManualPage #B2BFAQCategory {
        padding-top: 20px;
    }

    #B2BManualPage .FAQTitle {
        font-size: 16px;
        font-weight: bold;
    }

        #B2BManualPage .FAQTitle .btnFAQSubtitle {
            color: var(--SIDEBAR-COLOR);
        }

            #B2BManualPage .FAQTitle .btnFAQSubtitle.Open {
                color: var(--B2B-SYSTEM-RED);
            }

            #B2BManualPage .FAQTitle .btnFAQSubtitle:hover {
                cursor: pointer;
                color: var(--B2B-SYSTEM-RED);
            }

            #B2BManualPage .FAQTitle .btnFAQSubtitle .fa-angle-double-down {
                transition: all .5s;
                transition-property: transform;
            }

                #B2BManualPage .FAQTitle .btnFAQSubtitle .fa-angle-double-down.Open {
                    transform: rotate(180deg);
                    transition: all .5s;
                    transition-property: transform;
                }

    #B2BManualPage .FAQAnswer {
        padding: 20px;
    }

        #B2BManualPage .FAQAnswer .FAQContent {
            background: #ffffff;
            padding: 20px;
            box-shadow: 0 12px 14px #0000000a;
            font-size: 14px;
            border-radius: 6px;
            position: relative;
        }

            #B2BManualPage .FAQAnswer .FAQContent .btnFAQEdit {
                position: absolute;
                top: -12px;
                right: 10px;
                font-size: 12px;
                padding: 2px 10px;
                border-radius: 50px;
            }

    #B2BManualPage .FAQSeparator {
        margin: 10px 0;
        border-top: solid 1px #aaaaaa;
    }

        #B2BManualPage .FAQSeparator:last-child {
            border: none;
        }

/*####################################################################################################*/
/* クリエイティブ承認申請 */
/*####################################################################################################*/
#B2BCreativeRequestPage {
}

    /*申請案内*/
    #B2BCreativeRequestPage #RequestInfo {
        border: solid 3px var(--SIDEBAR-COLOR);
        background: #cdf7ff;
        padding: 10px 15px;
        border-radius: 6px;
    }

    /*申請フォーム*/
    #B2BCreativeRequestPage #RequestForm {
        margin-top: 30px;
        background: #ffffff;
        box-shadow: 0 12px 14px #0000000a;
        padding: 10px 20px 20px;
        border-radius: 6px;
        position: relative;
    }

        #B2BCreativeRequestPage #RequestForm #RequestNo {
            position: absolute;
            top: 3px;
            right: 10px;
            font-size: 12px;
        }

        #B2BCreativeRequestPage #RequestForm .Caption {
            display: inline-block;
            background: #eeeeee;
            padding: 2px 10px 2px 9px;
            margin: 15px 0 3px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: bold;
        }

        #B2BCreativeRequestPage #RequestForm #FileAttach {
        }

            #B2BCreativeRequestPage #RequestForm #FileAttach #FileAttachRemarks ul {
                margin: 0;
                font-size: 12px;
            }

            #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadBox {
            }

                #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadBox #ContentPlaceHolder1_FileUploadForm {
                    margin: 5px 0;
                }

                    #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadBox #ContentPlaceHolder1_FileUploadForm input {
                        width: 100%;
                        padding: 30px 30px;
                        border: dotted 3px #eeeeee;
                        border-radius: 6px;
                    }

                        #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadBox #ContentPlaceHolder1_FileUploadForm input:hover {
                            cursor: pointer;
                        }

                    #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadBox #ContentPlaceHolder1_FileUploadForm.Active input {
                        border-color: var(--SIDEBAR-COLOR);
                    }

            #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadStatusBox {
                margin: 10px 0;
            }

                #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadStatusBox .AttachmentStatus {
                }

                #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadStatusBox .AttachmentStatusErr {
                    font-weight: bold;
                    color: var(--B2B-SYSTEM-RED);
                }

                #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadStatusBox .IMGPreview {
                    max-width: 300px;
                    width: 100%;
                    border: solid 3px var(--SIDEBAR-COLOR);
                    border-radius: 4px;
                }

                    #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadStatusBox .IMGPreview:hover {
                        border-color: var(--B2B-SYSTEM-RED);
                    }

                #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadStatusBox .PDFUploadMSG {
                    font-size: 16px;
                    display: block;
                    margin: 20px 10px 10px;
                }

                    #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadStatusBox .PDFUploadMSG .fa {
                        font-size: 30px;
                    }

                #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadStatusBox #ContentPlaceHolder1_btnClearAttachmentFile {
                    font-size: 13px;
                }

            #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadBox #FileUploadBtn {
                margin-top: 5px;
            }

                #B2BCreativeRequestPage #RequestForm #FileAttach #FileUploadBox #FileUploadBtn .btn {
                    padding: 5px 30px;
                }

    #B2BCreativeRequestPage #RequestFormBtn {
        margin-top: 70px;
        text-align: center;
    }

        #B2BCreativeRequestPage #RequestFormBtn .btn {
            width: 300px;
            padding: 15px 5px;
            border-radius: 50px;
        }

        #B2BCreativeRequestPage #RequestFormBtn #RequestStatus {
            margin-top: 30px;
            font-weight: bold;
            color: var(--B2B-SYSTEM-RED);
        }

/*####################################################################################################*/
/* クリエイティブ申請履歴 */
/*####################################################################################################*/
#B2BCreativeHistoryPage {
}

    #B2BCreativeHistoryPage #HistoryMonthSelect {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        #B2BCreativeHistoryPage #HistoryMonthSelect select {
            width: 200px;
        }

    #B2BCreativeHistoryPage #CreativeHistory {
    }

        #B2BCreativeHistoryPage #CreativeHistory .HistoryNothing {
            margin-top: 20px;
        }

        #B2BCreativeHistoryPage #CreativeHistory #HistoryDate {
            margin-top: 20px;
            padding: 0 4px;
            font-weight: bold;
        }

        #B2BCreativeHistoryPage #CreativeHistory #HistoryFilter {
            margin-top: 10px;
            margin-bottom: -10px;
            padding: 0 10px;
        }

            #B2BCreativeHistoryPage #CreativeHistory #HistoryFilter span {
                display: inline-block;
            }

                #B2BCreativeHistoryPage #CreativeHistory #HistoryFilter span input {
                    transform: scale(1.5);
                    margin-right: 10px;
                }

                #B2BCreativeHistoryPage #CreativeHistory #HistoryFilter span label {
                    margin-right: 30px;
                    font-weight: bold;
                    font-size: 16px;
                }

                    #B2BCreativeHistoryPage #CreativeHistory #HistoryFilter span input:hover,
                    #B2BCreativeHistoryPage #CreativeHistory #HistoryFilter span label:hover {
                        cursor: pointer;
                    }

        #B2BCreativeHistoryPage #CreativeHistory .RequestHistory {
            margin-top: 30px;
            background: #ffffff;
            box-shadow: 0 12px 14px #0000000a;
            border-radius: 0 0 6px 6px;
        }

            #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Header {
                display: flex;
                gap: 10px;
                padding: 10px 10px;
                background: var(--SIDEBAR-COLOR);
                border-radius: 6px 6px 0 0;
                color: #ffffff;
                font-size: 16px;
                font-weight: bold;
            }

                #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Header .Caption {
                    font-size: 11px;
                    font-weight: bold;
                    margin-right: 3px;
                }

                #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Header .Stauts {
                    background: #000000;
                    padding: 1px 0 1px;
                    border-radius: 100px;
                    margin: 0 10px 0 5px;
                    display: inline-block;
                    width: 100px;
                    text-align: center;
                    font-size: 16px;
                    font-weight: bold;
                }

                    #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Header .Stauts.Requested {
                        background: #ffffff;
                        color: #555555;
                    }

                    #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Header .Stauts.Approved {
                        background: #1ad312;
                    }

                    #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Header .Stauts.Denied {
                        background: #C11A33;
                    }

                    #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Header .Stauts.Pending {
                        background: #555555;
                    }

            /*申請内容*/
            #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body {
                padding: 10px 15px;
                border-radius: 0 0 6px 6px;
            }

                #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body.Denied {
                    background: #cccccc;
                }

                #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body .Request {
                    display: flex;
                    gap: 10px;
                }

                    #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body .Request .ReqData {
                        flex: 1;
                    }

                        #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body .Request .ReqData .Caption {
                            display: inline-block;
                            font-size: 12px;
                            font-weight: bold;
                            background: #eeeeee;
                            width: 100px;
                            padding: 1px 0;
                            text-align: center;
                            margin: 10px 0 5px;
                            border-radius: 4px;
                        }

                        #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body .Request .ReqData div:first-child .Caption {
                            margin-top: 0;
                        }

                    #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body .Request .ReqAttachment {
                        width: 300px;
                    }

                        #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body .Request .ReqAttachment .ImageUploadMSG,
                        #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body .Request .ReqAttachment .PDFUploadMSG {
                            display: inline-block;
                            margin-bottom: 5px;
                        }

                            #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body .Request .ReqAttachment .ImageUploadMSG .fa-external-link,
                            #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body .Request .ReqAttachment .PDFUploadMSG .fa-external-link {
                                vertical-align: middle;
                            }

                    #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body .Request .IMGPreview {
                        max-width: 300px;
                        border: solid 3px var(--SIDEBAR-COLOR);
                        border-radius: 4px;
                    }

                /*返答内容*/
                #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body .Response {
                }

                    #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body .Response hr {
                        margin: 10px 0 5px;
                        border-top: solid 1px #aaaaaa;
                    }

                    #B2BCreativeHistoryPage #CreativeHistory .RequestHistory .Body .Response .Caption {
                        display: inline-block;
                        font-size: 12px;
                        font-weight: bold;
                        background: #eeeeee;
                        width: 100px;
                        padding: 1px 0;
                        text-align: center;
                        margin: 10px 10px 5px 0;
                        border-radius: 4px;
                    }

/*####################################################################################################*/
/* Ｍクレジット履歴 */
/*####################################################################################################*/
#B2BMCreditHistoryPage {
}

    #B2BMCreditHistoryPage #btnOpenAddMCreditModal {
        padding: 10px 30px 12px 30px;
        font-weight: bold;
        margin-bottom: 30px;
    }

    #B2BMCreditHistoryPage #MCreditHistory {
        margin-top: 10px;
    }

        #B2BMCreditHistoryPage #MCreditHistory #MCreditSummary {
            font-size: 30px;
            font-weight: bold;
            display: flex;
        }

            #B2BMCreditHistoryPage #MCreditHistory #MCreditSummary span:nth-child(2) {
                margin-right: 30px;
            }

            #B2BMCreditHistoryPage #MCreditHistory #MCreditSummary .Caption {
                font-size: 14px;
                margin-right: 5px;
            }

            #B2BMCreditHistoryPage #MCreditHistory #MCreditSummary .USDUnit {
                font-size: 14px;
                margin-left: 2px;
            }

        /*フィルター*/
        #B2BMCreditHistoryPage #MCreditHistory #MCreditFilter {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-top: 10px;
        }

            #B2BMCreditHistoryPage #MCreditHistory #MCreditFilter .FilterRadio {
            }

                #B2BMCreditHistoryPage #MCreditHistory #MCreditFilter .FilterRadio input {
                    transform: scale(1.5);
                    margin-right: 5px;
                }

                #B2BMCreditHistoryPage #MCreditHistory #MCreditFilter .FilterRadio label {
                    font-weight: bold;
                    font-size: 16px;
                    margin-right: 15px;
                }

                    #B2BMCreditHistoryPage #MCreditHistory #MCreditFilter .FilterRadio input:hover,
                    #B2BMCreditHistoryPage #MCreditHistory #MCreditFilter .FilterRadio label:hover {
                        cursor: pointer;
                    }

            #B2BMCreditHistoryPage #MCreditHistory #MCreditFilter .btn-link {
                margin-left: 10px;
            }

        /*履歴テーブル*/
        #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory {
            margin-top: 10px;
            width: 100%;
            background: #ffffff;
            border: 5px solid var(--SIDEBAR-COLOR);
            border-collapse: separate;
            border-spacing: 0;
            border-radius: 6px;
            overflow: hidden;
            box-shadow: 0 12px 14px #0000000a;
        }

            #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory th {
                background: var(--SIDEBAR-COLOR);
                color: #ffffff;
                font-size: 16px;
                font-weight: bold;
                text-align: center;
                white-space: nowrap;
                padding: 0 10px 6px;
            }

            #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory tbody tr.Deposit {
                color: #00950b;
                /*font-weight: bold;*/
            }

            #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory tbody tr.Use {
                color: var(--B2B-SYSTEM-RED);
            }

            #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory tbody tr:nth-child(odd) td {
                background: #eeeeee;
            }

            #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory tbody tr:hover td {
                background: var(--ITEM-HOVER-COLOR);
                cursor: default;
            }

            #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td {
                padding: 2px 7px;
            }

                #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_Count {
                    text-align: center;
                    white-space: nowrap;
                }

                #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_ID {
                    text-align: center;
                    white-space: nowrap;
                }

                #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_Date {
                    text-align: center;
                    white-space: nowrap;
                }

                #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_Cust {
                    white-space: nowrap;
                }

                    #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_Cust .Unit {
                        font-size: 12px;
                        margin-left: 2px;
                    }

                #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_Amount {
                    text-align: right;
                    white-space: nowrap;
                }

                #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_AmountMark {
                    text-align: center;
                    white-space: nowrap;
                }

                    #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_AmountMark .AmountMark {
                        font-size: 10px;
                        background: #dddddd;
                        padding: 0 5px 1px;
                        display: inline-block;
                        border-radius: 4px;
                        color: #ffffff;
                    }

                        #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_AmountMark .AmountMark.Deposit {
                            background: #00950b;
                        }

                        #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_AmountMark .AmountMark.Use {
                            background: var(--B2B-SYSTEM-RED);
                        }

                #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_Detail {
                    width: 100%;
                }

                #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_IsRefundable {
                    text-align: center;
                    white-space: nowrap;
                }

                    #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_IsRefundable .Refundable {
                        font-size: 10px;
                        padding: 0 3px 1px;
                        display: inline-block;
                        border-radius: 4px;
                        color: #ffffff;
                        background: #dddddd;
                    }

                        #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_IsRefundable .Refundable.True {
                            background: #F4A22E;
                        }

                        #B2BMCreditHistoryPage #MCreditHistory #tableMCreditHistory td.TD_IsRefundable .Refundable .fa {
                            vertical-align: -10%;
                        }

    /*Ｍクレジット入金モーダル*/
    #B2BMCreditHistoryPage #modal_AddMCredit {
    }

        #B2BMCreditHistoryPage #modal_AddMCredit .modal-dialog {
            max-width: 600px;
        }

        #B2BMCreditHistoryPage #modal_AddMCredit .modal-body {
            padding-top: 40px !important;
        }

            #B2BMCreditHistoryPage #modal_AddMCredit .modal-body .formCaptionInfo {
                font-size: 12px;
                margin-left: 15px;
            }

            #B2BMCreditHistoryPage #modal_AddMCredit .modal-body .JPYInput {
                display: flex;
                gap: 10px;
            }

                #B2BMCreditHistoryPage #modal_AddMCredit .modal-body .JPYInput #txtInvoiceJPY {
                    text-align: right;
                    font-size: 20px;
                }

                    #B2BMCreditHistoryPage #modal_AddMCredit .modal-body .JPYInput #txtInvoiceJPY:disabled {
                        background: var(--ITEM-HOVER-COLOR);
                    }

                #B2BMCreditHistoryPage #modal_AddMCredit .modal-body .JPYInput .input-group-text {
                    padding-left: 30px;
                    padding-right: 30px;
                    font-size: 20px;
                }

            #B2BMCreditHistoryPage #modal_AddMCredit .modal-body .AddJPYBtn {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-top: 5px;
            }

                #B2BMCreditHistoryPage #modal_AddMCredit .modal-body .AddJPYBtn .btn-info {
                    font-size: 13px;
                    padding: 2px 5px;
                    margin-right: 1px;
                    border-radius: 4px;
                }

                    #B2BMCreditHistoryPage #modal_AddMCredit .modal-body .AddJPYBtn .btn-info:hover {
                        color: var(--B2B-SYSTEM-RED) !important;
                    }

                #B2BMCreditHistoryPage #modal_AddMCredit .modal-body .AddJPYBtn .btn-link {
                    font-size: 12px;
                    padding: 2px 2px;
                }

            #B2BMCreditHistoryPage #modal_AddMCredit .modal-body #ExchangeInfo {
                border: solid 5px #dddddd;
                padding: 10px 15px 15px 10px;
                border-radius: 6px;
                position: relative;
            }

                #B2BMCreditHistoryPage #modal_AddMCredit .modal-body #ExchangeInfo #LoadIcon {
                    position: absolute;
                    right: 50px;
                    bottom: 10px;
                    font-size: 10px;
                    font-weight: bold;
                }

                #B2BMCreditHistoryPage #modal_AddMCredit .modal-body #ExchangeInfo table {
                    width: 100%;
                }

                    #B2BMCreditHistoryPage #modal_AddMCredit .modal-body #ExchangeInfo table td {
                        padding: 2px 5px;
                    }

                        #B2BMCreditHistoryPage #modal_AddMCredit .modal-body #ExchangeInfo table td.TD_Caption {
                            white-space: nowrap;
                            text-align: center;
                        }

                            #B2BMCreditHistoryPage #modal_AddMCredit .modal-body #ExchangeInfo table td.TD_Caption .RateCaption {
                                background: #eeeeee;
                                display: inline-block;
                                width: 150px;
                                text-align: center;
                                font-weight: bold;
                                border-radius: 4px;
                                padding: 2px 0;
                            }

                                #B2BMCreditHistoryPage #modal_AddMCredit .modal-body #ExchangeInfo table td.TD_Caption .RateCaption span {
                                    display: block;
                                    font-size: 10px;
                                    margin: -3px 0 1px;
                                }

                                #B2BMCreditHistoryPage #modal_AddMCredit .modal-body #ExchangeInfo table td.TD_Caption .RateCaption.Select {
                                    background: #ffcccc;
                                }

                        #B2BMCreditHistoryPage #modal_AddMCredit .modal-body #ExchangeInfo table td.TD_HR {
                            width: 100%;
                        }

                            #B2BMCreditHistoryPage #modal_AddMCredit .modal-body #ExchangeInfo table td.TD_HR hr {
                                border-top: dotted 3px #aaaaaa;
                            }

                        #B2BMCreditHistoryPage #modal_AddMCredit .modal-body #ExchangeInfo table td.TD_Value {
                            white-space: nowrap;
                            font-size: 30px;
                            font-weight: bold;
                            text-align: right;
                        }

                            #B2BMCreditHistoryPage #modal_AddMCredit .modal-body #ExchangeInfo table td.TD_Value .OneDollar {
                                font-size: 18px;
                                font-weight: bold;
                                margin-right: 2px;
                            }

                            #B2BMCreditHistoryPage #modal_AddMCredit .modal-body #ExchangeInfo table td.TD_Value .Unit {
                                font-size: 16px;
                                font-weight: bold;
                                margin-left: 2px;
                                display: inline-block;
                                width: 30px;
                                text-align: left;
                            }

            #B2BMCreditHistoryPage #modal_AddMCredit .modal-body .formSubmit {
                text-align: center;
            }

                #B2BMCreditHistoryPage #modal_AddMCredit .modal-body .formSubmit #btnMCreditInvoicIssue {
                    width: 300px;
                    padding: 15px 5px;
                    border-radius: 50px;
                    font-size: 20px;
                }

/*####################################################################################################*/
/* リゾート検索ページ */
/*####################################################################################################*/
#B2BsearchHOTELPage {
}

    #B2BsearchHOTELPage #ContentPlaceHolder1_LocationCode + #SearchFormBox {
        border-left: solid 7px #aaaaaa;
    }

    #B2BsearchHOTELPage #ContentPlaceHolder1_LocationCode.WDW + #SearchFormBox {
        border-color: var(--WDW-COLOR);
    }

    #B2BsearchHOTELPage #ContentPlaceHolder1_LocationCode.DLR + #SearchFormBox {
        border-color: var(--DLR-COLOR);
    }

    #B2BsearchHOTELPage #ContentPlaceHolder1_LocationCode.AUL + #SearchFormBox {
        border-color: var(--AUL-COLOR);
    }

    /*検索フォーム*/
    #B2BsearchHOTELPage #SearchFormBox {
        background: #ffffff;
        box-shadow: 0 12px 14px #0000000a;
        padding: 10px 20px 25px;
        border-radius: 2px 6px 6px 2px;
        position: relative;
    }

        #B2BsearchHOTELPage #SearchFormBox #ContentPlaceHolder1_Label_LinkPromotionCalendar {
            position: absolute;
            top: 2px;
            right: 10px;
        }

            #B2BsearchHOTELPage #SearchFormBox #ContentPlaceHolder1_Label_LinkPromotionCalendar .btn-link {
                padding: 0;
                font-size: 14px;
            }

        #B2BsearchHOTELPage #SearchFormBox .Caption {
            display: inline-block;
            background: #eeeeee;
            padding: 2px 10px 2px 9px;
            margin: 15px 0 3px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: bold;
        }

        #B2BsearchHOTELPage #SearchFormBox .CaptionRemarks {
            display: inline-block;
            margin-left: 5px;
            font-size: 12px;
        }

        #B2BsearchHOTELPage #SearchFormBox .PaxCaption {
            font-size: 12px;
            font-weight: bold;
        }

        #B2BsearchHOTELPage #SearchFormBox #ContentPlaceHolder1_txtStartDate {
            text-align: center;
        }

            #B2BsearchHOTELPage #SearchFormBox #ContentPlaceHolder1_txtStartDate:hover {
                cursor: pointer;
            }

        #B2BsearchHOTELPage #SearchFormBox #ContentPlaceHolder1_ddl_Stay {
        }

        #B2BsearchHOTELPage #SearchFormBox #ContentPlaceHolder1_txtEndDate {
            text-align: center;
            background: none;
        }

            #B2BsearchHOTELPage #SearchFormBox #ContentPlaceHolder1_txtEndDate:hover {
                cursor: no-drop;
            }

        #B2BsearchHOTELPage #SearchFormBox .SelectADARoom {
            margin-top: 10px;
            padding-left: 10px;
        }

            #B2BsearchHOTELPage #SearchFormBox .SelectADARoom input {
                transform: scale(1.5,1.5);
                margin-right: 10px;
            }

                #B2BsearchHOTELPage #SearchFormBox .SelectADARoom input:hover,
                #B2BsearchHOTELPage #SearchFormBox .SelectADARoom label:hover {
                    cursor: pointer;
                    border-color: var(--SIDEBAR-COLOR);
                }

            #B2BsearchHOTELPage #SearchFormBox .SelectADARoom .ADARemarks {
                font-size: 12px;
                margin-left: 5px;
            }

        #B2BsearchHOTELPage #SearchFormBox #ContentPlaceHolder1_txtTicketStartDate {
            text-align: center;
        }

            #B2BsearchHOTELPage #SearchFormBox #ContentPlaceHolder1_txtTicketStartDate:hover {
                cursor: pointer;
            }

        #B2BsearchHOTELPage #SearchFormBox #TicketUsageInfo {
            margin: 5px 0 0 5px;
            font-weight: bold;
            color: var(--B2B-SYSTEM-RED);
        }

        #B2BsearchHOTELPage #SearchFormBox #btnSearchResort {
            margin-top: 20px;
            padding: 15px 80px 15px 75px;
            border-radius: 50px;
        }

        #B2BsearchHOTELPage #SearchFormBox #ResortNoticeStatus {
            vertical-align: bottom;
            margin-left: 10px;
            display: inline-block;
        }

        #B2BsearchHOTELPage #SearchFormBox .colFormClear {
            display: flex;
            align-items: flex-end;
            justify-content: flex-end;
        }

            #B2BsearchHOTELPage #SearchFormBox .colFormClear .btn-link {
                font-size: 14px;
            }

        /*リゾートお知らせ*/
        #B2BsearchHOTELPage #SearchFormBox #ResortNotice {
            border: solid 2px var(--B2B-SYSTEM-RED);
            border-radius: 6px;
            margin-top: 20px;
            padding: 10px;
            background: var(--B2B-SYSTEM-ALERT-BG);
        }

            #B2BsearchHOTELPage #SearchFormBox #ResortNotice ul {
                padding-left: 20px;
                margin: 0;
            }

                #B2BsearchHOTELPage #SearchFormBox #ResortNotice ul li {
                }

                    #B2BsearchHOTELPage #SearchFormBox #ResortNotice ul li .NewsTitle {
                        font-size: 14px;
                        font-weight: bold;
                        color: var(--B2B-SYSTEM-RED);
                    }

                    #B2BsearchHOTELPage #SearchFormBox #ResortNotice ul li .NewsBody {
                        font-size: 12px;
                        margin-bottom: 5px;
                    }

                    #B2BsearchHOTELPage #SearchFormBox #ResortNotice ul li:last-child .NewsBody {
                        margin-bottom: 0;
                    }

    /*ホテル＆部屋画像ギャラリー*/
    #B2BsearchHOTELPage #ImageGalleryWindow {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000000aa;
        z-index: 100;
    }

        #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            background: #000000;
            color: #ffffff;
            padding: 40px 30px;
            border-radius: 6px;
            max-width: 700px;
            width: 100%;
            position: relative;
        }

            #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #btnImageGalleryClose {
                position: absolute;
                top: 5px;
                right: 10px;
                font-size: 20px;
            }

                #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #btnImageGalleryClose:hover {
                    color: #e2eb00;
                    cursor: pointer;
                }

            #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Title {
                font-size: 20px;
                font-weight: bold;
                margin-bottom: 20px;
            }

                #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Title .ImageGallery_RoomName {
                    font-size: 18px;
                    font-weight: bold;
                }

            #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image {
            }

                #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image #ImageGalleryLoading {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 300px;
                }

                    #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image #ImageGalleryLoading .spinner-border {
                        width: 70px;
                        height: 70px;
                        color: #ffffff55;
                    }

                #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider:hover {
                    cursor: grab;
                }

                #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider:active {
                    cursor: grabbing;
                }

                #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider .ImgBoxMain {
                    position: relative;
                }

                    #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider .ImgBoxMain img {
                        border-radius: 6px;
                        /*width: 100%;*/
                    }

                    #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider .ImgBoxMain .ImageCopyright {
                        position: absolute;
                        right: 10px;
                        bottom: 5px;
                        font-size: 12px;
                        font-weight: bold;
                    }

                #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider .ImgBoxMain2 {
                }

                    #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider .ImgBoxMain2 img {
                        border-radius: 6px;
                        max-height: 550px;
                        margin: auto;
                    }

                    #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider .ImgBoxMain2:hover,
                    #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider .ImgBoxMain2:active {
                        cursor: default;
                    }

                #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider .slick-prev {
                    left: -25px !important;
                    z-index: 10 !important;
                    width: auto !important;
                    height: auto !important;
                    text-align: left !important;
                }

                #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider .slick-next {
                    right: -25px !important;
                    z-index: 10 !important;
                    width: auto !important;
                    height: auto !important;
                    text-align: right !important;
                }

                    #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider .slick-prev:before,
                    #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider .slick-next:before {
                        font-size: 50px !important;
                    }

                #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider_Thumbnail {
                    margin: 10px 0;
                }

                    #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider_Thumbnail img {
                        border-radius: 6px;
                        margin: 0 3px;
                    }

                        #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSlider_Thumbnail img:hover {
                            cursor: zoom-in;
                        }

                #B2BsearchHOTELPage #ImageGalleryWindow #ImageGallery #ImageGallery_Image .ImageSliderRemarks {
                    font-size: 10px;
                }

    /*検索内容*/
    #B2BsearchHOTELPage #SearchResult {
        margin-top: 20px;
    }

        #B2BsearchHOTELPage #SearchResult #divSearchDetails {
            position: sticky;
            top: 40px;
            margin-bottom: 20px;
            background: #ffffff;
            padding: 10px 15px;
            border-radius: 6px;
            border: solid 3px var(--SIDEBAR-COLOR);
            background: #cdf7ff;
            z-index: 1;
        }

            #B2BsearchHOTELPage #SearchResult #divSearchDetails #ElapsedTimeMSG {
                position: absolute;
                top: 0;
                right: 0;
                font-size: 10px;
                font-weight: bold;
                background: var(--SIDEBAR-COLOR);
                color: #ffffff;
                padding: 0 2px 3px 6px;
                border-radius: 0 2px 0 4px;
            }

            #B2BsearchHOTELPage #SearchResult #divSearchDetails .Content {
                margin: 2px 0;
                display: flex;
                align-items: center;
            }

                #B2BsearchHOTELPage #SearchResult #divSearchDetails .Content .Caption {
                    font-size: 12px;
                    font-weight: bold;
                    background: #ffffff;
                    padding: 2px 5px;
                    display: inline-block;
                    border-radius: 4px;
                    width: 80px;
                    text-align: center;
                    margin-right: 10px;
                }

                #B2BsearchHOTELPage #SearchResult #divSearchDetails .Content .Value {
                }

                    #B2BsearchHOTELPage #SearchResult #divSearchDetails .Content .Value .LocationCode {
                        font-size: 12px;
                        font-weight: bold;
                        background: #eeeeee;
                        color: #ffffff;
                        padding: 1px 5px;
                        display: inline-block;
                        border-radius: 4px;
                        text-align: center;
                        margin-right: 5px;
                    }

                        #B2BsearchHOTELPage #SearchResult #divSearchDetails .Content .Value .LocationCode.WDW {
                            background: var(--WDW-COLOR);
                        }

                        #B2BsearchHOTELPage #SearchResult #divSearchDetails .Content .Value .LocationCode.DLR {
                            background: var(--DLR-COLOR);
                        }

                        #B2BsearchHOTELPage #SearchResult #divSearchDetails .Content .Value .LocationCode.AUL {
                            background: var(--AUL-COLOR);
                        }

                    #B2BsearchHOTELPage #SearchResult #divSearchDetails .Content .Value .PaxUnit {
                        font-size: 11px;
                        display: inline-block;
                        margin-left: 2px;
                    }

        /*ホテル最安値リスト*/
        #B2BsearchHOTELPage #SearchResult #HotelMinRateList {
            margin-bottom: 20px;
        }

            #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName {
                margin: 5px 0;
                padding: 5px 10px 5px 0;
                border-left: solid 7px #aaaaaa;
                border-radius: 2px 6px 6px 2px;
                background: #ffffff;
                box-shadow: 0 12px 14px #0000000a;
            }

                #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName:hover {
                    cursor: pointer;
                    opacity: .5;
                }

                #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName.WDW {
                    border-color: var(--WDW-COLOR);
                }

                #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName.DLR {
                    border-color: var(--DLR-COLOR);
                }

                #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName.AUL {
                    border-color: var(--AUL-COLOR);
                }

                #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName .tableHotelMinRate {
                    width: 100%;
                }

                    #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName .tableHotelMinRate td {
                        padding: 0 2px;
                    }

                        #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName .tableHotelMinRate td.TD_Count {
                            white-space: nowrap;
                        }

                            #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName .tableHotelMinRate td.TD_Count .Count {
                                display: inline-block;
                                width: 30px;
                                text-align: center;
                            }

                        #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName .tableHotelMinRate td.TD_Name {
                            width: 100%;
                        }

                            #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName .tableHotelMinRate td.TD_Name span {
                                vertical-align: middle;
                            }

                            #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName .tableHotelMinRate td.TD_Name .Available {
                                font-size: 10px;
                                font-weight: bold;
                                padding: 0 5px 1px;
                                border-radius: 4px;
                                margin-left: 5px;
                            }

                            #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName .tableHotelMinRate td.TD_Name .NotAvailable {
                                font-size: 10px;
                                font-weight: bold;
                                padding: 0 5px 1px;
                                border-radius: 4px;
                                margin-left: 5px;
                            }

                        #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName .tableHotelMinRate td.TD_USD {
                            white-space: nowrap;
                        }

                        #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName .tableHotelMinRate td.TD_JPY {
                            white-space: nowrap;
                        }

                        #B2BsearchHOTELPage #SearchResult #HotelMinRateList .HotelName .tableHotelMinRate td .USDMark {
                            font-size: 10px;
                            margin-left: 1px;
                        }






        /*検索結果*/
        #B2BsearchHOTELPage #SearchResult #HotelList {
        }

            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData {
                background: #ffffff;
                box-shadow: 0 12px 14px #0000000a;
                border-radius: 6px;
                margin-bottom: 30px;
            }

                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo {
                }

                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelName {
                        padding: 10px;
                        border-top: solid 10px #aaaaaa;
                        border-radius: 6px 6px 0 0;
                    }

                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelName.WDW {
                            border-top: solid 10px var(--WDW-COLOR);
                        }

                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelName.DLR {
                            border-top: solid 10px var(--DLR-COLOR);
                        }

                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelName.AUL {
                            border-top: solid 10px var(--AUL-COLOR);
                        }

                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelName .JP {
                            font-size: 24px;
                            font-weight: bold;
                        }

                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelName .EN {
                            font-weight: bold;
                        }

                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails {
                    }

                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colImage {
                        }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colImage .HotelImage {
                                position: relative;
                            }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colImage .HotelImage img {
                                    border-radius: 6px;
                                }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colImage .HotelImage img:hover {
                                        cursor: zoom-in;
                                        opacity: .5;
                                    }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colImage .HotelImage .ImageCopyright {
                                    position: absolute;
                                    right: 10px;
                                    bottom: 5px;
                                    font-size: 10px;
                                    font-weight: bold;
                                    color: #ffffff;
                                }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colImage .btnOpenResortLocationImageModal {
                                font-size: 12px;
                                display: block;
                                text-align: right;
                                padding-right: 3px;
                            }

                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colDetails {
                            font-size: 13px;
                        }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colDetails .tableHotelDetails {
                                width: 100%;
                            }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colDetails .tableHotelDetails .TD_Caption {
                                    white-space: nowrap;
                                    vertical-align: top;
                                }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colDetails .tableHotelDetails .TD_Caption .Caption {
                                        display: inline-block;
                                        background: #eeeeee;
                                        padding: 1px 1px;
                                        margin: 1px 5px 1px 0;
                                        border-radius: 4px;
                                        font-weight: bold;
                                        width: 110px;
                                        text-align: center;
                                        font-size: 12px;
                                        white-space: nowrap;
                                    }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colDetails .tableHotelDetails .TD_Data {
                                    width: 100%;
                                    vertical-align: top;
                                }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colDetails .tableHotelDetails .TD_Data .CategoryName {
                                        background: #dddddd;
                                        padding: 0;
                                        border-right: solid 1px #ffffff;
                                        color: #ffffff;
                                        width: 19%;
                                        text-align: center;
                                        display: inline-block;
                                        white-space: nowrap;
                                        font-size: 12px;
                                    }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colDetails .tableHotelDetails .TD_Data .CategoryName.Active {
                                            background: var(--WDW-COLOR);
                                            font-weight: bold;
                                        }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colDetails .tableHotelDetails .TD_Data .CategoryName:first-child {
                                            border-radius: 4px 0 0 4px;
                                        }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colDetails .tableHotelDetails .TD_Data .CategoryName:last-child {
                                            border-color: initial;
                                            border-radius: 0 4px 4px 0;
                                        }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colDetails .tableHotelDetails .TD_Data .OfficialURLIcon {
                                        width: 14px;
                                        margin-right: 5px;
                                    }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colDetails .tableHotelDetails .TD_Data iframe {
                                        max-width: 500px !important;
                                        width: 100% !important;
                                        margin-top: 10px;
                                        border-radius: 6px;
                                        aspect-ratio: 16/9 !important;
                                    }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colDetails .tableHotelDetails .TD_Data .btnStaffComment {
                                        font-size: 13px;
                                        vertical-align: top;
                                        font-weight: bold;
                                    }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colDetails .tableHotelDetails .TD_Data .btnStaffComment .fa-angle-double-down {
                                            transition: all .5s;
                                            transition-property: transform;
                                        }

                                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colDetails .tableHotelDetails .TD_Data .btnStaffComment .fa-angle-double-down.Open {
                                                transform: rotate(180deg);
                                                transition: all .5s;
                                                transition-property: transform;
                                            }

                        /*スタッフコメント*/
                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colStaffComment {
                        }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colStaffComment .HotelStaffComment {
                            }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colStaffComment .HotelStaffComment .StaffCommentList {
                                    display: flex;
                                    align-items: flex-start;
                                    gap: 10px;
                                    margin: 5px 0;
                                    background: #eeeeee;
                                    border-radius: 6px;
                                    padding: 5px 10px;
                                }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colStaffComment .HotelStaffComment .StaffCommentList .Agent {
                                        overflow: hidden;
                                        width: 60px;
                                        height: 60px;
                                        position: relative;
                                        display: inline-block;
                                        border-radius: 100%;
                                        border: solid 3px #dddddd;
                                    }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colStaffComment .HotelStaffComment .StaffCommentList .Agent img {
                                            position: absolute;
                                            top: 60%;
                                            left: 50%;
                                            -webkit-transform: translate(-50%, -50%);
                                            -ms-transform: translate(-50%, -50%);
                                            transform: translate(-50%, -50%);
                                            width: 100%;
                                            height: auto;
                                        }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colStaffComment .HotelStaffComment .StaffCommentList .Content {
                                        flex: 1;
                                        font-size: 12px;
                                    }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colStaffComment .HotelStaffComment .StaffCommentList .Content .fa-star {
                                            color: #f0ad4e;
                                        }

                        /*ホテルアナウンス*/
                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colAnnouncement {
                        }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colAnnouncement .HotelAnnouncements {
                                border: solid 2px var(--B2B-SYSTEM-RED);
                                border-radius: 6px;
                                margin-top: 20px;
                                padding: 10px;
                                background: var(--B2B-SYSTEM-ALERT-BG);
                            }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colAnnouncement .HotelAnnouncements ul {
                                    padding-left: 20px;
                                    margin: 0;
                                }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colAnnouncement .HotelAnnouncements ul li {
                                    }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colAnnouncement .HotelAnnouncements ul li .Title {
                                            font-size: 14px;
                                            font-weight: bold;
                                            color: var(--B2B-SYSTEM-RED);
                                        }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .HotelInfo .HotelDetails .colAnnouncement .HotelAnnouncements ul li .Body {
                                            font-size: 12px;
                                            margin-bottom: 5px;
                                        }
                /*部屋一覧*/
                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .AllRoomList {
                    margin-top: 20px;
                    padding: 0 10px;
                }

                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .AllRoomList .RoomNameJP {
                        display: inline-block;
                        font-size: 12px;
                        margin: 2px 2px;
                        padding: 2px 15px;
                        border-radius: 15px;
                        background: #eeeeee;
                        color: #aaaaaa;
                    }

                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .AllRoomList .RoomNameJP.Available {
                            font-weight: bold;
                            opacity: 1;
                            color: #ffffff;
                        }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .AllRoomList .RoomNameJP.Available.WDW {
                                background: var(--WDW-COLOR);
                            }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .AllRoomList .RoomNameJP.Available.DLR {
                                background: var(--DLR-COLOR);
                            }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .AllRoomList .RoomNameJP.Available.AUL {
                                background: var(--AUL-COLOR);
                            }

                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .AllRoomList .RoomNameJP:hover {
                            cursor: pointer;
                            opacity: .8;
                        }

                /*----------------------------------------------------------------------------------------------------*/
                /*各部屋の情報*/
                /*----------------------------------------------------------------------------------------------------*/
                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList {
                    padding: 10px;
                }

                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomHR {
                        margin: 5px 0 30px;
                        opacity: .5;
                        border-top: dashed 1px;
                    }

                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomHR.WDW {
                            border-color: var(--WDW-COLOR);
                        }

                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomHR.DLR {
                            border-color: var(--DLR-COLOR);
                        }

                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomHR.AUL {
                            border-color: var(--AUL-COLOR);
                        }

                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo {
                        /*margin: 10px 0 50px;*/
                    }

                        /*部屋名*/
                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomName {
                            border-left: solid 7px #aaaaaa;
                            padding-left: 5px;
                        }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomName.WDW {
                                border-color: var(--WDW-COLOR);
                            }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomName.DLR {
                                border-color: var(--DLR-COLOR);
                            }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomName.AUL {
                                border-color: var(--AUL-COLOR);
                            }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomName .HotelName {
                                font-size: 11px;
                                font-weight: bold;
                            }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomName .JP {
                                font-size: 18px;
                                font-weight: bold;
                            }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomName .JP .ADAMark {
                                    background: #e2eb00;
                                    font-size: 12px;
                                    font-weight: bold;
                                    padding: 0 10px 1px;
                                    border-radius: 15px;
                                    margin-left: 10px;
                                }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomName .EN {
                                font-size: 12px;
                                font-weight: bold;
                            }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomName .EN .btn-link {
                                    font-size: 12px;
                                    font-weight: bold;
                                    vertical-align: initial;
                                }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomName .EN .btn-link .fa-angle-double-down {
                                        transition: all .5s;
                                        transition-property: transform;
                                    }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomName .EN .btn-link .fa-angle-double-down.Open {
                                            transform: rotate(180deg);
                                            transition: all .5s;
                                            transition-property: transform;
                                        }

                        /*部屋の詳細内容*/
                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails {
                            font-size: 13px;
                            padding: 0 5px;
                        }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview {
                                display: flex;
                                background: #eeeeee;
                                border-radius: 6px;
                                padding: 10px 10px;
                                margin: 5px 0;
                                gap: 10px;
                            }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview .RoomImage {
                                }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview .RoomImage img {
                                        max-width: 200px;
                                        width: 100%;
                                        border-radius: 6px;
                                    }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview .RoomImage img:hover {
                                            cursor: zoom-in;
                                            opacity: .5;
                                        }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview .RoomImage .Image {
                                        position: relative;
                                    }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview .RoomImage .Image .ImageCopyright {
                                            position: absolute;
                                            right: 10px;
                                            bottom: 5px;
                                            font-size: 10px;
                                            font-weight: bold;
                                            color: #ffffff;
                                        }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview .FloorPlanImage {
                                }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview .FloorPlanImage img {
                                        max-width: 100px;
                                        width: 100%;
                                        max-height: 150px;
                                    }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview .RoomOverview {
                                    flex: 1;
                                }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview .RoomOverview .tableRoomOverview {
                                        width: 100%;
                                    }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview .RoomOverview .tableRoomOverview td {
                                        }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview .RoomOverview .tableRoomOverview .TD_Caption {
                                            white-space: nowrap;
                                            vertical-align: top;
                                        }

                                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview .RoomOverview .tableRoomOverview .TD_Caption .Caption {
                                                display: inline-block;
                                                background: #ffffff;
                                                padding: 1px 1px;
                                                margin: 1px 5px 1px 0;
                                                border-radius: 4px;
                                                font-weight: bold;
                                                width: 110px;
                                                text-align: center;
                                                font-size: 12px;
                                                white-space: nowrap;
                                            }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview .RoomOverview .tableRoomOverview .TD_Data {
                                            width: 100%;
                                            vertical-align: top;
                                        }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomDetails .Overview .RoomOverview .tableRoomOverview .TD_Remarks {
                                            font-size: 11px;
                                            padding-top: 10px;
                                        }

                        /*部屋の料金（プロモ）リスト*/
                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList {
                            display: flex;
                            flex-direction: row;
                            flex-wrap: wrap;
                            align-items: stretch;
                        }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRateItem {
                                width: 33.33%;
                                padding: 5px;
                            }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate {
                                display: flex;
                                flex-direction: column;
                                justify-content: space-between;
                                padding: 5px;
                                border: solid 3px #dddddd;
                                border-radius: 6px;
                                font-size: 13px;
                                height: 100%;
                            }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate.WDW {
                                    border-color: var(--WDW-COLOR);
                                }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate.DLR {
                                    border-color: var(--DLR-COLOR);
                                }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate.AUL {
                                    border-color: var(--AUL-COLOR);
                                }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate.Available {
                                    background: #ffffff;
                                }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate.Request {
                                    display: none !important;
                                }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate.NotAvailable {
                                    display: none !important;
                                    background: #dddddd;
                                    color: #aaaaaa;
                                }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate.NotAvailable a {
                                        opacity: .5;
                                    }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .PromoCode {
                                    height: 50px;
                                    display: flex;
                                    flex-direction: column;
                                    justify-content: center;
                                    align-items: center;
                                    border-radius: 4px;
                                    background: #eeeeee;
                                    font-weight: bold;
                                    font-size: 16px;
                                    position: relative;
                                }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .PromoCode.WDW {
                                        color: var(--WDW-COLOR);
                                    }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .PromoCode.DLR {
                                        color: var(--DLR-COLOR);
                                    }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .PromoCode.AUL {
                                        color: var(--AUL-COLOR);
                                    }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .PromoCode .ExtPlan {
                                        font-size: 11px;
                                    }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .PromoCode .PromoInfoMark {
                                        position: absolute;
                                        top: 0;
                                        right: 5px;
                                    }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .TotalRateUSD {
                                    text-align: right;
                                    font-size: 26px;
                                    font-weight: bold;
                                }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .TotalRateUSD .incTax {
                                        font-size: 10px;
                                        font-weight: bold;
                                        display: inline-block;
                                        margin-right: 5px;
                                        line-height: 1.1;
                                    }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .TotalRateUSD .USDMark {
                                        font-size: 10px;
                                        font-weight: bold;
                                        margin-left: 1px;
                                    }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .TotalRateUSD .TotalRateJPY {
                                        font-size: 12px;
                                        text-align: right;
                                        line-height: 1;
                                    }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .TotalRateUSD .TotalRateJPY .RatePlanCode {
                                            font-size: 10px;
                                            color: #cccccc;
                                            font-weight: normal;
                                        }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .TotalRateUSD .TotalRateJPYMickeynetRate {
                                        font-size: 14px;
                                        text-align: right;
                                        margin: 10px 0;
                                    }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .TotalRateUSD .TotalRateJPYMickeynetRate .MickeynetRate {
                                            background: #F3FCFB;
                                            border: solid 1px #16bdb1;
                                            padding: 0 10px 1px;
                                            border-radius: 4px;
                                        }

                                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .TotalRateUSD .TotalRateJPYMickeynetRate .MickeynetRate:hover {
                                                cursor: default;
                                            }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .tableHotelRate {
                                    margin-left: auto;
                                    margin-top: 10px;
                                }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .tableHotelRate td {
                                        padding: 0 5px;
                                        font-size: 12px;
                                        line-height: 1.2;
                                    }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .tableHotelRate td.SubTitle {
                                        }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .tableHotelRate td.Rate {
                                            text-align: right;
                                        }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .tableHotelRate td .USDMark {
                                            font-size: 10px;
                                            margin-left: 1px;
                                        }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate hr {
                                    margin: 15px 0;
                                    border-top: solid 1px #aaaaaa;
                                }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .PlanIncluded {
                                    font-size: 11px;
                                }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .PlanIncluded .SubTitle {
                                        font-weight: bold;
                                        font-size: 12px;
                                    }

                                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .PlanIncluded ul {
                                        padding-left: 20px;
                                    }

                                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .PlanIncluded ul li {
                                        }

                                #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .RoomRateList .RoomRate .btnReservation {
                                    width: 100%;
                                    padding: 10px 0;
                                    border-radius: 6px;
                                }

                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .NotAvailableMSG {
                            margin: 20px 0 10px;
                        }

                            #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .RoomInfo .NotAvailableMSG span {
                                display: inline-block;
                                background: #cccccc;
                                padding: 10px 50px;
                                border-radius: 6px;
                            }

                    #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .BackToHotel {
                        text-align: right;
                        margin-top: 30px;
                    }

                        #B2BsearchHOTELPage #SearchResult #HotelList .HotelData .RoomList .BackToHotel .btn-link {
                            font-size: 12px;
                        }

    /*ホテル予約モーダル*/
    #B2BsearchHOTELPage #modal_Reservation {
    }

        #B2BsearchHOTELPage #modal_Reservation .modal-body {
            position: relative;
        }

            #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_CheckID {
                position: absolute;
                top: 0;
                right: 5px;
                color: #cccccc;
                font-size: 12px;
            }

            #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_SearchReq {
            }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_SearchReq div {
                    margin: 3px 0;
                }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_SearchReq .Caption {
                    font-size: 12px;
                    font-weight: bold;
                    background: #eeeeee;
                    padding: 2px 5px;
                    display: inline-block;
                    border-radius: 4px;
                    width: 80px;
                    text-align: center;
                    margin-right: 10px;
                }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_SearchReq .Value {
                }

                    #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_SearchReq .Value .LocationCode {
                        font-size: 12px;
                        font-weight: bold;
                        background: #eeeeee;
                        color: #ffffff;
                        padding: 1px 5px;
                        display: inline-block;
                        border-radius: 4px;
                        text-align: center;
                        margin-right: 5px;
                    }

                        #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_SearchReq .Value .LocationCode.WDW {
                            background: var(--WDW-COLOR);
                        }

                        #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_SearchReq .Value .LocationCode.DLR {
                            background: var(--DLR-COLOR);
                        }

                        #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_SearchReq .Value .LocationCode.AUL {
                            background: var(--AUL-COLOR);
                        }

            #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_HotelName {
                margin: 10px 0;
                text-align: center;
            }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_HotelName #Res_HotelName {
                    font-size: 18px;
                    font-weight: bold;
                }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_HotelName #Res_RoomName {
                    font-size: 18px;
                    font-weight: bold;
                }

            #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_PromoCodeName {
                font-weight: bold;
                text-align: center;
                font-size: 18px;
            }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_PromoCodeName .PromoInfoMark {
                    display: none;
                }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_PromoCodeName .ExtPlan {
                    font-size: 12px;
                }

            #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_RoomRate {
                font-size: 26px;
                font-weight: bold;
                text-align: center;
            }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_RoomRate .RatePlanCode {
                    display: none;
                }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_RoomRate .incTax {
                    font-size: 10px;
                    font-weight: bold;
                    display: inline-block;
                    margin-right: 5px;
                    line-height: 1.1;
                }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_RoomRate .USDMark {
                    font-size: 10px;
                    font-weight: bold;
                    margin-left: 1px;
                }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_RoomRate .TotalRateJPY {
                    font-size: 12px;
                    line-height: 1;
                }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_RoomRate .TotalRateJPYMickeynetRate {
                    font-size: 14px;
                    margin: 10px 0;
                }

                    #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_RoomRate .TotalRateJPYMickeynetRate .MickeynetRate {
                        background: #F3FCFB;
                        border: solid 1px #16bdb1;
                        padding: 0 10px 1px;
                        border-radius: 4px;
                    }

                        #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_RoomRate .TotalRateJPYMickeynetRate .MickeynetRate:hover {
                            cursor: default;
                        }

            #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListRemarksTitle {
                margin-top: 20px;
            }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListRemarksTitle .btn-link {
                    font-size: 14px;
                }

            #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListRemarks {
                margin-top: 30px;
                font-size: 12px;
                background: var(--B2B-SYSTEM-ALERT-BG);
                padding: 10px;
                border: solid 2px var(--B2B-SYSTEM-RED);
                border-radius: 6px;
                margin: 5px 0;
            }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListRemarks ul {
                    padding-left: 20px;
                    margin: 0;
                }

                    #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListRemarks ul li {
                    }

                        #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListRemarks ul li .Remarks {
                            margin-left: 10px;
                        }

                        #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListRemarks ul li .Important {
                            background: var(--B2B-SYSTEM-RED);
                            color: #ffffff;
                            font-size: 10px;
                            font-weight: bold;
                            padding: 0 7px 1px;
                            border-radius: 4px;
                            margin-right: 5px;
                            display: inline-block;
                        }

            #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_MemberList {
                margin-top: 5px;
            }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_MemberList table {
                }

                    #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_MemberList table td {
                        padding: 2px 5px;
                    }

                        #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_MemberList table td .paxType {
                            font-size: 14px;
                            font-weight: bold;
                            background: #eeeeee;
                            display: inline-block;
                            width: 110px;
                            text-align: center;
                            padding: 2px 0;
                            border-radius: 6px;
                            white-space: nowrap;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_MemberList table td .paxCount {
                            padding-left: 6px;
                        }

                        #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_MemberList table td .paxType .btn-link {
                            font-size: 14px;
                            padding-right: 5px;
                        }

                        #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_MemberList table td .LastName,
                        #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_MemberList table td .FirstName {
                            width: 190px;
                        }

                        #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_MemberList table td .Gender {
                            width: 100%;
                        }

                        #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_Reservation_MemberList table td .form-control.Err {
                            background: var(--B2B-SYSTEM-RED);
                            color: #ffffff;
                        }

            #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListConfirm {
                text-align: center;
                margin-top: 20px;
            }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListConfirm #chkMemberListConfirm {
                    transform: scale(1.5);
                    margin-right: 10px;
                }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListConfirm label {
                    font-size: 16px;
                    font-weight: bold;
                }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListConfirm #chkMemberListConfirm:disabled + label {
                    opacity: .3;
                }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListConfirm #chkMemberListConfirm:hover,
                #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListConfirm label:hover {
                    cursor: pointer;
                }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListConfirm span {
                    padding: 10px 15px;
                    border-radius: 6px;
                }

                    #B2BsearchHOTELPage #modal_Reservation .modal-body #Reservation_MemberListConfirm span:hover {
                        background: #FFF9D7;
                        border-color: #86b7fe;
                        outline: 0;
                        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
                    }

            #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_ReservationBtn {
                margin: 30px 0 10px;
                text-align: center;
            }

                #B2BsearchHOTELPage #modal_Reservation .modal-body #modal_ReservationBtn .btn {
                    width: 300px;
                    padding: 15px 5px;
                    border-radius: 50px;
                }

        #B2BsearchHOTELPage #modal_Reservation .modal-footer {
            justify-content: flex-start !important;
        }

            #B2BsearchHOTELPage #modal_Reservation .modal-footer #ReservationStatus {
                text-align: left;
                color: var(--B2B-SYSTEM-RED);
                width: 100%;
            }

                #B2BsearchHOTELPage #modal_Reservation .modal-footer #ReservationStatus #SuccessMSG {
                    color: #198754;
                    font-weight: bold;
                    font-size: 16px;
                }

                    #B2BsearchHOTELPage #modal_Reservation .modal-footer #ReservationStatus #SuccessMSG .ConfirmationNo {
                        font-size: 13px;
                        margin-left: 15px;
                        margin-right: 5px;
                    }

                #B2BsearchHOTELPage #modal_Reservation .modal-footer #ReservationStatus #LinkReservationList {
                    text-align: right;
                    font-size: 14px;
                    font-weight: normal;
                    margin-top: 10px;
                }

                #B2BsearchHOTELPage #modal_Reservation .modal-footer #ReservationStatus .ErrorMSG:nth-child(2) {
                    margin-top: 20px;
                }

    #B2BsearchHOTELPage #TimeOutWindow {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000000aa;
        z-index: 100000;
    }

        #B2BsearchHOTELPage #TimeOutWindow #TimeOutWindowMSGBox {
            position: absolute;
            top: 40%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            background: #ffffff;
            padding: 30px 30px;
            border-radius: 16px;
            max-width: 400px;
            width: 100%;
        }

            #B2BsearchHOTELPage #TimeOutWindow #TimeOutWindowMSGBox .TimeOutWindowMSG {
                text-align: center;
                font-size: 20px;
                font-weight: bold;
            }

                #B2BsearchHOTELPage #TimeOutWindow #TimeOutWindowMSGBox .TimeOutWindowMSG div {
                    margin: 10px 0;
                }

                #B2BsearchHOTELPage #TimeOutWindow #TimeOutWindowMSGBox .TimeOutWindowMSG .fa {
                    color: var(--B2B-SYSTEM-RED);
                    font-size: 40px;
                }

            #B2BsearchHOTELPage #TimeOutWindow #TimeOutWindowMSGBox .TimeOutWindowBtn {
                text-align: center;
            }

                #B2BsearchHOTELPage #TimeOutWindow #TimeOutWindowMSGBox .TimeOutWindowBtn div {
                    margin: 20px 0;
                }

                #B2BsearchHOTELPage #TimeOutWindow #TimeOutWindowMSGBox .TimeOutWindowBtn .btn {
                    width: 100%;
                    padding: 15px 0;
                    border-radius: 50px;
                }

/*####################################################################################################*/
/* チケット検索ページ */
/*####################################################################################################*/
#B2BsearchTICKETPage {
}

    #B2BsearchTICKETPage #ContentPlaceHolder1_LocationCode + #SearchFormBox {
        border-left: solid 7px #aaaaaa;
    }

    #B2BsearchTICKETPage #ContentPlaceHolder1_LocationCode.WDW + #SearchFormBox {
        border-color: var(--WDW-COLOR);
    }

    #B2BsearchTICKETPage #ContentPlaceHolder1_LocationCode.DLR + #SearchFormBox {
        border-color: var(--DLR-COLOR);
    }

    #B2BsearchTICKETPage #ContentPlaceHolder1_LocationCode.AUL + #SearchFormBox {
        border-color: var(--AUL-COLOR);
    }

    /*検索フォーム*/
    #B2BsearchTICKETPage #SearchFormBox {
        background: #ffffff;
        box-shadow: 0 12px 14px #0000000a;
        padding: 10px 20px 25px;
        border-radius: 2px 6px 6px 2px;
        position: relative;
    }

        #B2BsearchTICKETPage #SearchFormBox .Caption {
            display: inline-block;
            background: #eeeeee;
            padding: 2px 10px 2px 9px;
            margin: 15px 0 3px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: bold;
        }

        #B2BsearchTICKETPage #SearchFormBox .CaptionRemarks {
            display: inline-block;
            margin-left: 5px;
            font-size: 12px;
        }

        #B2BsearchTICKETPage #SearchFormBox .PaxCaption {
            font-size: 12px;
            font-weight: bold;
        }

        #B2BsearchTICKETPage #SearchFormBox #ContentPlaceHolder1_ddl_INF {
            background: #ffffff !important;
        }

        #B2BsearchTICKETPage #SearchFormBox #ContentPlaceHolder1_txtStartDate {
            text-align: center;
        }

            #B2BsearchTICKETPage #SearchFormBox #ContentPlaceHolder1_txtStartDate:hover {
                cursor: pointer;
            }

        #B2BsearchTICKETPage #SearchFormBox .ticketOPInfo {
        }

            #B2BsearchTICKETPage #SearchFormBox .ticketOPInfo.WDW .Caption {
                background: var(--WDW-COLOR);
                color: #ffffff;
            }

            #B2BsearchTICKETPage #SearchFormBox .ticketOPInfo.DLR .Caption {
                background: var(--DLR-COLOR);
                color: #ffffff;
            }

            #B2BsearchTICKETPage #SearchFormBox .ticketOPInfo .ticketOPdetail {
                background: #eeeeee;
                font-size: 12px;
                padding: 10px 15px;
                border-radius: 4px;
            }

            #B2BsearchTICKETPage #SearchFormBox .ticketOPInfo.WDW .ticketOPdetail {
                background: #D14CE033;
            }

            #B2BsearchTICKETPage #SearchFormBox .ticketOPInfo.DLR .ticketOPdetail {
                background: #F6904733;
            }


        #B2BsearchTICKETPage #SearchFormBox .ParkTicketPromoCodeListBox {
        }

            #B2BsearchTICKETPage #SearchFormBox .ParkTicketPromoCodeListBox .Caption {
                display: inline-block;
                background: #ffe450;
                padding: 5px 3px 5px 9px;
                margin: 15px 0 0 10px;
                border-radius: 50px;
                font-size: 12px;
                font-weight: bold;
            }

            #B2BsearchTICKETPage #SearchFormBox .ParkTicketPromoCodeListBox .ParkTicketPromoCodeList {
                margin-top: -15px;
                border: solid 1px #dee2e6;
                border-radius: 6px;
                padding: 25px 20px 15px;
            }

                #B2BsearchTICKETPage #SearchFormBox .ParkTicketPromoCodeListBox .ParkTicketPromoCodeList .btn-info {
                    margin: 0 5px 5px 0;
                }

                #B2BsearchTICKETPage #SearchFormBox .ParkTicketPromoCodeListBox .ParkTicketPromoCodeList .ParkTicketPromoDetail {
                }

                #B2BsearchTICKETPage #SearchFormBox .ParkTicketPromoCodeListBox .ParkTicketPromoCodeList #ParkTicketPromoDetail .btn-link {
                    font-size: 14px;
                    margin: 0;
                    padding: 0;
                    border: none;
                    margin-left: 10px;
                    vertical-align: initial;
                }

                #B2BsearchTICKETPage #SearchFormBox .ParkTicketPromoCodeListBox .ParkTicketPromoCodeList #ParkTicketPromoDetail {
                }

                    #B2BsearchTICKETPage #SearchFormBox .ParkTicketPromoCodeListBox .ParkTicketPromoCodeList #ParkTicketPromoDetail hr {
                        border-color: #dee2e6;
                        opacity: 1;
                    }

                    #B2BsearchTICKETPage #SearchFormBox .ParkTicketPromoCodeListBox .ParkTicketPromoCodeList #ParkTicketPromoDetail .tableTicketPromoDetail {
                    }

                        #B2BsearchTICKETPage #SearchFormBox .ParkTicketPromoCodeListBox .ParkTicketPromoCodeList #ParkTicketPromoDetail .tableTicketPromoDetail th {
                            padding-right: 20px;
                        }

                        #B2BsearchTICKETPage #SearchFormBox .ParkTicketPromoCodeListBox .ParkTicketPromoCodeList #ParkTicketPromoDetail .tableTicketPromoDetail td .btn-link {
                            margin: 10px 0 0;
                            border: solid 1px;
                            padding: 5px 20px;
                        }

        #B2BsearchTICKETPage #SearchFormBox .SearchBtn {
            margin-top: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        #B2BsearchTICKETPage #SearchFormBox #btnSearchResort {
            padding: 15px 80px 15px 75px;
            border-radius: 50px;
        }

        #B2BsearchTICKETPage #SearchFormBox #ParkTicketPromoCodeBox {
        }

            #B2BsearchTICKETPage #SearchFormBox #ParkTicketPromoCodeBox .PromoCaption {
                font-weight: bold;
            }

            #B2BsearchTICKETPage #SearchFormBox #ParkTicketPromoCodeBox #ParkTicketPromoCode {
                color: #00950b;
                font-size: 20px;
                font-weight: bold;
            }

            #B2BsearchTICKETPage #SearchFormBox #ParkTicketPromoCodeBox #btnResetParkTicketPromoCode {
                font-size: 14px;
                vertical-align: initial;
                margin-left: 10px;
            }

        #B2BsearchTICKETPage #SearchFormBox .colFormClear {
            display: flex;
            align-items: flex-end;
            justify-content: flex-end;
        }

            #B2BsearchTICKETPage #SearchFormBox .colFormClear .btn-link {
                font-size: 14px;
            }

    /*検索結果フィルター*/
    #B2BsearchTICKETPage #TicketFilter {
        /*position: sticky;*/
        /*top: 10px;*/
        /*z-index: 1;*/
        margin: 20px 0;
        padding: 10px 15px;
        border-radius: 6px;
        border: solid 3px var(--SIDEBAR-COLOR);
        background: #cdf7ff;
    }

        #B2BsearchTICKETPage #TicketFilter .FilterItem {
            display: inline-block;
            padding: 2px 15px;
            margin: 2px 0;
        }

            #B2BsearchTICKETPage #TicketFilter .FilterItem input {
                transform: scale(2);
                margin-right: 15px;
            }

            #B2BsearchTICKETPage #TicketFilter .FilterItem label {
                font-size: 16px;
                font-weight: bold;
            }

                #B2BsearchTICKETPage #TicketFilter .FilterItem input:hover,
                #B2BsearchTICKETPage #TicketFilter .FilterItem label:hover {
                    cursor: pointer;
                }

        #B2BsearchTICKETPage #TicketFilter .FilterItem2 .btn {
            font-size: 14px;
            vertical-align: middle;
        }

        #B2BsearchTICKETPage #TicketFilter .FilterItem2 .btnSeparator {
            font-size: 14px;
            vertical-align: middle;
        }


    /*検索結果*/
    #B2BsearchTICKETPage #SearchResult {
        margin-top: 50px;
        overflow-x: auto;
    }

        #B2BsearchTICKETPage #SearchResult #ParkTicketTitleList {
            margin-bottom: 30px;
        }

            #B2BsearchTICKETPage #SearchResult #ParkTicketTitleList .TicketTypeName {
                display: inline-block;
                font-size: 12px;
                margin: 4px 5px;
                padding: 2px 15px;
                border-radius: 15px;
                background: #eeeeee;
                font-weight: bold;
                color: #ffffff;
            }

                #B2BsearchTICKETPage #SearchResult #ParkTicketTitleList .TicketTypeName.WDW {
                    background: var(--WDW-COLOR);
                }

                #B2BsearchTICKETPage #SearchResult #ParkTicketTitleList .TicketTypeName.DLR {
                    background: var(--DLR-COLOR);
                }

                #B2BsearchTICKETPage #SearchResult #ParkTicketTitleList .TicketTypeName:hover {
                    cursor: pointer;
                    opacity: .8;
                }

        #B2BsearchTICKETPage #SearchResult .TicketItemBox {
            background: #ffffff;
            box-shadow: 0 12px 14px #0000000a;
            border-radius: 6px;
            margin-bottom: 30px;
            border-top: solid 10px #eeeeee;
            padding: 10px;
        }

            #B2BsearchTICKETPage #SearchResult .TicketItemBox.WDW {
                border-color: var(--WDW-COLOR);
            }

            #B2BsearchTICKETPage #SearchResult .TicketItemBox.DLR {
                border-color: var(--DLR-COLOR);
            }

        #B2BsearchTICKETPage #SearchResult .ParkTicketTitle {
            font-size: 24px;
            font-weight: bold;
        }

        #B2BsearchTICKETPage #SearchResult .TicketDescription {
            font-size: 12px;
            /*border: solid 1px #aaaaaa;*/
            border-radius: 6px;
            padding: 10px 15px;
            margin: 10px 5px;
            background: #eeeeee;
        }

            #B2BsearchTICKETPage #SearchResult .TicketDescription.WDW {
                /*border-color: var(--WDW-COLOR);*/
                /*background: #fdecff;*/
            }

            #B2BsearchTICKETPage #SearchResult .TicketDescription.DLR {
                /*border-color: var(--DLR-COLOR);*/
                /*background: #ffeee1;*/
            }

        #B2BsearchTICKETPage #SearchResult .ParkTicketList {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: stretch;
        }

            #B2BsearchTICKETPage #SearchResult .ParkTicketList .TicketItem {
                width: 25%;
                padding: 5px;
            }

            #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket {
                padding: 5px;
                border-radius: 6px;
                background: #ffffff;
                border: solid 3px #aaaaaa;
            }

                #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket.WDW {
                    border-color: var(--WDW-COLOR);
                }

                #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket.DLR {
                    border-color: var(--DLR-COLOR);
                }

                #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketLengthName {
                    font-size: 18px;
                    font-weight: bold;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    border-radius: 4px;
                    background: #eeeeee;
                    height: 50px;
                }

                    #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketLengthName.WDW {
                        color: var(--WDW-COLOR);
                    }

                    #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketLengthName.DLR {
                        color: var(--DLR-COLOR);
                    }

                #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo {
                    margin: 10px 0 20px;
                    font-size: 13px;
                }

                    #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate {
                        width: 100%;
                        line-height: 1.3;
                    }

                        #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td {
                            padding: 0 5px;
                        }

                            #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td.TD_Caption {
                                white-space: nowrap;
                            }

                                #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td.TD_Caption .PaxMark {
                                    white-space: nowrap;
                                    font-size: 10px;
                                    margin-left: 1px;
                                }

                            #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td.TD_Caption2 {
                                white-space: nowrap;
                                font-size: 11px;
                            }

                            #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td.TD_HR {
                                white-space: nowrap;
                            }

                                #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td.TD_HR hr {
                                    margin: 10px 0;
                                    border-top: solid 1px #aaaaaa;
                                }

                            #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td.TD_UseInfo {
                                white-space: nowrap;
                                text-align: right;
                                font-size: 11px;
                            }

                            #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td.TD_Rate {
                                white-space: nowrap;
                                width: 100%;
                                text-align: right;
                            }

                            #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td.TD_RateTotal {
                                white-space: nowrap;
                                font-size: 26px;
                                font-weight: bold;
                                vertical-align: bottom;
                                text-align: right;
                            }

                                #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td.TD_RateTotal .incTax {
                                    font-size: 10px;
                                    font-weight: bold;
                                    display: inline-block;
                                    margin-right: 5px;
                                    line-height: 1.1;
                                }

                            #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td.TD_TotalJPY {
                                white-space: nowrap;
                                font-size: 12px;
                                font-weight: bold;
                                text-align: right;
                            }

                            #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td.TD_MDiscount {
                                white-space: nowrap;
                                text-align: right;
                                padding: 5px 0 10px;
                            }

                                #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td.TD_MDiscount .MickeynetRate {
                                    white-space: nowrap;
                                    background: #F3FCFB;
                                    border: solid 1px #16bdb1;
                                    padding: 0 10px 1px;
                                    border-radius: 4px;
                                    line-height: initial;
                                    font-size: 14px;
                                    font-weight: bold;
                                }

                                    #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td.TD_MDiscount .MickeynetRate:hover {
                                        cursor: default;
                                    }

                            #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketRateInfo .tableTicketRate td .USDMark {
                                white-space: nowrap;
                                font-size: 10px;
                                font-weight: bold;
                                margin-left: 1px;
                            }

                #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketBuyBtn {
                }

                    #B2BsearchTICKETPage #SearchResult .ParkTicketList .ParkTicket .TicketBuyBtn .btn {
                        width: 100%;
                        padding: 10px 0;
                        border-radius: 6px;
                    }

            #B2BsearchTICKETPage #SearchResult .ParkTicketList .TicketNothing {
                margin: 20px 0 10px;
            }

                #B2BsearchTICKETPage #SearchResult .ParkTicketList .TicketNothing span {
                    display: inline-block;
                    background: #cccccc;
                    padding: 10px 50px;
                    border-radius: 6px;
                }

        /*チケットカレンダーリスト*/
        #B2BsearchTICKETPage #SearchResult #TicketUsageRemarks {
            background: #eeeeee;
            padding: 15px 20px;
            border-radius: 6px;
            font-size: 12px;
        }

            #B2BsearchTICKETPage #SearchResult #TicketUsageRemarks .RemarksTitle {
                font-size: 14px;
                font-weight: bold;
                margin-bottom: 5px;
            }

        #B2BsearchTICKETPage #SearchResult #TicketPriceInfo {
            background: #eeeeee;
            margin-top: 20px;
            padding: 10px 10px 7px;
            border-radius: 6px 6px 0 0;
            font-size: 20px;
            color: #ffffff;
            font-weight: bold;
        }

            #B2BsearchTICKETPage #SearchResult #TicketPriceInfo.WDW {
                background: var(--WDW-COLOR);
            }

            #B2BsearchTICKETPage #SearchResult #TicketPriceInfo.DLR {
                background: var(--DLR-COLOR);
            }

        #B2BsearchTICKETPage #SearchResult #tableTicketPriceList {
            width: 100%;
            background: #ffffff;
            border: 3px solid #eeeeee;
            border-collapse: separate;
            border-spacing: 0;
            border-radius: 0 0 6px 6px;
            /*overflow: hidden;*/
        }

            #B2BsearchTICKETPage #SearchResult #tableTicketPriceList.WDW {
                border-color: var(--WDW-COLOR);
            }

            #B2BsearchTICKETPage #SearchResult #tableTicketPriceList.DLR {
                border-color: var(--DLR-COLOR);
            }

            #B2BsearchTICKETPage #SearchResult #tableTicketPriceList th {
                padding: 5px 10px;
                text-align: center;
                background: #eeeeee;
                white-space: nowrap;
            }

            #B2BsearchTICKETPage #SearchResult #tableTicketPriceList.WDW th {
                background: var(--WDW-COLOR-LIGHT);
            }

            #B2BsearchTICKETPage #SearchResult #tableTicketPriceList.DLR th {
                background: var(--DLR-COLOR-LIGHT);
                white-space: nowrap;
            }


            #B2BsearchTICKETPage #SearchResult #tableTicketPriceList th .TotalJPY {
                font-size: 10px;
                white-space: nowrap;
                margin-top: -3px;
            }

            #B2BsearchTICKETPage #SearchResult #tableTicketPriceList tbody tr:nth-child(even) td {
                background: #eeeeee;
            }

            #B2BsearchTICKETPage #SearchResult #tableTicketPriceList tbody tr:hover td {
                background: var(--ITEM-HOVER-COLOR);
                cursor: default;
            }

            #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td {
                padding: 5px 10px;
                white-space: nowrap;
            }

                #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td .USDMark {
                    font-size: 10px;
                    margin-left: 2px;
                }

                #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_UseDate {
                    text-align: center;
                    font-weight: bold;
                }

                    #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_UseDate .UseDateYear {
                        text-align: center;
                        font-size: 11px;
                    }

                #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_ExpireDate {
                    text-align: center;
                }

                    #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_ExpireDate .UseDateYear {
                        text-align: center;
                        font-size: 11px;
                    }

                #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_GrossRate .PaxRate {
                    display: flex;
                    justify-content: space-between;
                    font-weight: bold;
                }

                    #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_GrossRate .PaxRate.ADT_0,
                    #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_GrossRate .PaxRate.CHD_0 {
                        color: #cccccc;
                        font-weight: normal;
                    }

                    #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_GrossRate .PaxRate .PaxMark {
                        font-size: 10px;
                        margin-left: 2px;
                    }

                #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_SubTotal {
                    text-align: right;
                }

                #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_TaxTotal {
                    text-align: right;
                }

                #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_GrossRateTotal {
                    text-align: right;
                }

                    #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_GrossRateTotal .TotalUSD {
                        font-size: 20px;
                        font-weight: bold;
                    }

                    #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_GrossRateTotal .TotalJPY {
                        font-weight: bold;
                        font-size: 12px;
                        margin-top: -5px;
                    }

                #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_MDiscount {
                    font-size: 16px;
                    font-weight: bold;
                }

                    #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_MDiscount div {
                        background: #F3FCFB;
                        border: solid 1px #16bdb1;
                        padding: 3px 15px 5px;
                        border-radius: 4px;
                        text-align: center;
                    }

                #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_Btn {
                    width: 100%;
                }

                    #B2BsearchTICKETPage #SearchResult #tableTicketPriceList td.TD_Btn .btn {
                        /*width: 170px;*/
                        width: 100%;
                    }


    /*チケット購入モーダル*/
    #B2BsearchTICKETPage #modal_BuyTicket {
    }

        #B2BsearchTICKETPage #modal_BuyTicket .modal-body {
            position: relative;
        }

            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_CheckID {
                position: absolute;
                top: 0;
                right: 5px;
                color: #cccccc;
                font-size: 12px;
            }

            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketName {
                font-size: 18px;
                font-weight: bold;
                text-align: center;
                margin-top: 10px;
            }

            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo {
                margin-top: 20px;
            }

                #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo .tableTicketRate {
                    margin: auto;
                    max-width: 200px;
                    font-size: 13px;
                }

                    #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo .tableTicketRate td {
                        padding: 0 10px;
                        white-space: nowrap;
                    }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo .tableTicketRate td .USDMark {
                            white-space: nowrap;
                            font-size: 10px;
                            font-weight: bold;
                            margin-left: 1px;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo .tableTicketRate td.TD_RateTotal {
                            white-space: nowrap;
                            font-size: 26px;
                            font-weight: bold;
                            vertical-align: bottom;
                            text-align: right;
                        }

                            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo .tableTicketRate td.TD_RateTotal .incTax {
                                font-size: 10px;
                                font-weight: bold;
                                display: inline-block;
                                margin-right: 5px;
                                line-height: 1.1;
                            }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo .tableTicketRate td.TD_TotalJPY {
                            white-space: nowrap;
                            font-size: 12px;
                            font-weight: bold;
                            text-align: right;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo .tableTicketRate td.TD_MDiscount {
                            white-space: nowrap;
                            text-align: right;
                            padding: 5px 0 10px;
                        }

                            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo .tableTicketRate td.TD_MDiscount .MickeynetRate {
                                white-space: nowrap;
                                background: #F3FCFB;
                                border: solid 1px #16bdb1;
                                padding: 0 10px 1px;
                                border-radius: 4px;
                                line-height: initial;
                                font-size: 14px;
                                font-weight: bold;
                            }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo .tableTicketRate td.TD_Caption {
                            white-space: nowrap;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo .tableTicketRate td.TD_Rate {
                            white-space: nowrap;
                            width: 100%;
                            text-align: right;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo .tableTicketRate td.TD_HR {
                            white-space: nowrap;
                        }

                            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo .tableTicketRate td.TD_HR hr {
                                margin: 10px 0;
                                border-top: solid 1px #aaaaaa;
                            }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo .tableTicketRate td.TD_Caption2 {
                            white-space: nowrap;
                            font-size: 11px;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo .tableTicketRate td.TD_UseInfo {
                            white-space: nowrap;
                            text-align: right;
                            font-size: 11px;
                        }

                #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo {
                    margin: auto;
                }

                    #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo .USDMark {
                        font-size: 12px;
                        margin-left: 2px;
                    }

                    #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td {
                        padding: 2px 10px;
                        font-size: 12px;
                        white-space: nowrap;
                    }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.subtitle {
                            font-size: 12px;
                            font-weight: bold;
                            text-align: right;
                        }

                            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.subtitle div {
                                font-size: 10px;
                                margin-top: -3px;
                                margin-right: -10px;
                            }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.GrossRateTotal .TotalUSD {
                            font-size: 26px;
                            font-weight: bold;
                            text-align: right;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.GrossRateTotal .TotalJPY {
                            font-size: 12px;
                            font-weight: bold;
                            text-align: right;
                            margin-top: -5px;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.MDiscount {
                            font-size: 18px;
                            font-weight: bold;
                        }

                            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.MDiscount div {
                                background: #F3FCFB;
                                border: solid 1px #16bdb1;
                                padding: 1px 10px 3px;
                                border-radius: 4px;
                                display: block;
                                text-align: right;
                            }

                            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.MDiscount > span .USDMark {
                                font-size: 14px;
                                margin-left: 2px
                            }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.UseDate div,
                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.ExpireDate div {
                            display: inline;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.GrossRate {
                        }

                            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.GrossRate .PaxRate {
                                display: flex;
                                justify-content: space-between;
                                font-weight: bold;
                            }

                                #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.GrossRate .PaxRate.ADT_0,
                                #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.GrossRate .PaxRate.CHD_0 {
                                    color: #cccccc;
                                    font-weight: normal;
                                }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.SubTotal,
                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.TaxTotal {
                            text-align: right;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.hr {
                            padding: 0;
                        }

                            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_TicketRateInfo #tableTicketRateInfo td.hr hr {
                                margin: 5px 0;
                                border-top: solid 1px #aaaaaa;
                            }





            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListRemarksTitle {
                margin-top: 20px;
            }

                #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListRemarksTitle .btn-link {
                    font-size: 14px;
                }

            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListRemarks {
                margin-top: 30px;
                font-size: 12px;
                background: var(--B2B-SYSTEM-ALERT-BG);
                padding: 10px;
                border: solid 2px var(--B2B-SYSTEM-RED);
                border-radius: 6px;
                margin: 5px 0;
            }

                #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListRemarks ul {
                    padding-left: 20px;
                    margin: 0;
                }

                    #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListRemarks ul li {
                    }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListRemarks ul li .Remarks {
                            margin-left: 10px;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListRemarks ul li .Important {
                            background: var(--B2B-SYSTEM-RED);
                            color: #ffffff;
                            font-size: 10px;
                            font-weight: bold;
                            padding: 0 7px 1px;
                            border-radius: 4px;
                            margin-right: 5px;
                            display: inline-block;
                        }


            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_BuyTicket_MemberList {
                margin-top: 5px;
            }

                #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_BuyTicket_MemberList table {
                }

                    #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_BuyTicket_MemberList table td {
                        padding: 2px 5px;
                    }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_BuyTicket_MemberList table td .paxType {
                            font-size: 14px;
                            font-weight: bold;
                            background: #eeeeee;
                            display: inline-block;
                            width: 110px;
                            text-align: center;
                            padding: 2px 0;
                            border-radius: 6px;
                            white-space: nowrap;
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_BuyTicket_MemberList table td .paxCount {
                            padding-left: 6px;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_BuyTicket_MemberList table td .paxType .btn-link {
                            font-size: 14px;
                            padding-right: 5px;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_BuyTicket_MemberList table td .LastName,
                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_BuyTicket_MemberList table td .FirstName {
                            width: 190px;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_BuyTicket_MemberList table td .Gender {
                            width: 100%;
                        }

                        #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_BuyTicket_MemberList table td .form-control.Err {
                            background: var(--B2B-SYSTEM-RED);
                            color: #ffffff;
                        }


            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListConfirm {
                text-align: center;
                margin-top: 20px;
            }

                #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListConfirm #chkMemberListConfirm {
                    transform: scale(1.5);
                    margin-right: 10px;
                }

                #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListConfirm label {
                    font-size: 16px;
                    font-weight: bold;
                }

                #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListConfirm #chkMemberListConfirm:disabled + label {
                    opacity: .3;
                }

                #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListConfirm #chkMemberListConfirm:hover,
                #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListConfirm label:hover {
                    cursor: pointer;
                }

                #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListConfirm span {
                    padding: 10px 15px;
                    border-radius: 6px;
                }

                    #B2BsearchTICKETPage #modal_BuyTicket .modal-body #BuyTicket_MemberListConfirm span:hover {
                        background: #FFF9D7;
                        border-color: #86b7fe;
                        outline: 0;
                        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
                    }

            #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_BuyTicketBtn {
                margin: 30px 0 10px;
                text-align: center;
            }

                #B2BsearchTICKETPage #modal_BuyTicket .modal-body #modal_BuyTicketBtn .btn {
                    width: 300px;
                    padding: 15px 5px;
                    border-radius: 50px;
                }

        #B2BsearchTICKETPage #modal_BuyTicket .modal-footer {
            justify-content: flex-start !important;
        }

            #B2BsearchTICKETPage #modal_BuyTicket .modal-footer #BuyTicketStatus {
                text-align: left;
                color: var(--B2B-SYSTEM-RED);
                width: 100%;
            }

                #B2BsearchTICKETPage #modal_BuyTicket .modal-footer #BuyTicketStatus #SuccessMSG {
                    color: #198754;
                    font-weight: bold;
                    font-size: 16px;
                }

                    #B2BsearchTICKETPage #modal_BuyTicket .modal-footer #BuyTicketStatus #SuccessMSG .ConfirmationNo {
                        font-size: 13px;
                        margin-left: 15px;
                        margin-right: 5px;
                    }

                #B2BsearchTICKETPage #modal_BuyTicket .modal-footer #BuyTicketStatus #LinkReservationList {
                    text-align: right;
                    font-size: 14px;
                    font-weight: normal;
                    margin-top: 10px;
                }

                #B2BsearchTICKETPage #modal_BuyTicket .modal-footer #BuyTicketStatus .ErrorMSG:nth-child(2) {
                    margin-top: 20px;
                }