@charset "UTF-8";

/*----------------------------------------------------------
 popupheader
------------------------------------------------------------*/
.headerWrapper {
    border-bottom: 3px solid #5cb3de;
    padding-bottom: 10px;
    width: 100%;
}

    .headerWrapper .btnHeaderLogout {
        border: 1px solid #0070ee !important;
        display: inline-block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        text-align: center;
        line-height: 1em;
        text-decoration: none;
        font-weight: bold;
        cursor: pointer;
        margin-left: 5px;
        padding: 4px 6px;
        background: #0066CC;
        color: #fff !important;
        background: -webkit-gradient( linear, left top, left bottom, from(#59b2de), to(#067cc6) );
        background: -moz-linear-gradient( top, #59b2de, #067cc6 );
        /* IE 8+ */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#59b2de', endColorstr='#067cc6', GradientType=0)";
        /* IE 10 */
        background: linear-gradient(to bottom, #59b2de, #067cc6);
        text-decoration: none !important;
    }
/*----------------------------------------------------------
 icon
------------------------------------------------------------*/
@font-face {
    font-family: "FontAwesome";
    src: url("https://www.ozmall.co.jp/Content/fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("https://www.ozmall.co.jp/Content/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("https://www.ozmall.co.jp/Content/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://www.ozmall.co.jp/Content/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://www.ozmall.co.jp/Content/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://www.ozmall.co.jp/Content/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* 注意文 */
.attentionSmall {
    display: inline-block;
    padding: 0 0 0 25px;
    white-space-collapse: inherit;
    text-align: left;
    position: relative;
}

    .attentionSmall::before {
        content: "\f071";
        display: inline-block;
        width: 25px;
        font: normal normal normal 20px/1 FontAwesome;
        position: absolute;
        top: 0;
        left: 0;
    }

/* 注意文アイコンなし */
.attentionSmall-noicon {
    display: inline-block;
    padding: 0;
    white-space-collapse: inherit;
    text-align: left;
    color: #ff6c00;
}

/* パスワード表示・非表示 */
.loginForm button {
    display: inline-block;
    width: 34px;
    height: 34px;
    padding: 0 0 0 34px;
    border: none;
    background: transparent;
    position: relative;
}

    .loginForm button.pass-hide::before {
        content: "\f070";
        display: block;
        width: 25px;
        height: 25px;
        margin: auto;
        font: normal normal normal 20px/1 FontAwesome;
        color: #666;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .loginForm button.pass-show::before {
        content: "\f06e";
        display: block;
        width: 25px;
        height: 25px;
        margin: auto;
        font: normal normal normal 20px/1 FontAwesome;
        color: #666;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

/*----------------------------------------------------------
select tab
------------------------------------------------------------*/
.tabRow {
    position: relative;
    list-style: none;
    margin-left: 5px;
}

    .tabRow li {
        position: relative;
        margin: 0 5px;
        height: 40px;
        border: 1px solid #bab9b9;
        background-color: #f6f6f6;
        display: inline-block;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        z-index: 0;
        vertical-align: bottom;
    }

        .tabRow li.selected {
            color: #666;
            background-color: #FFF;
            z-index: 2;
            border-bottom-color: #FFF;
            padding: 0 16px;
            font-size: 12px;
        }

.tabTtlDouble {
    padding-top: 4px !important;
    text-align: center;
}

.tabTtlSingle {
    line-height: 40px;
}

.tabRow:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #bab9b9;
    z-index: 1;
}

.tabRow:before {
    z-index: 1;
}

.tabRow a {
    display: block;
    padding: 0 16px;
}

/*----------------------------------------------------------
Page link
------------------------------------------------------------*/
.buttonRow li {
    display: inline-block;
    margin: 4px 10px 0 0;
}

.buttonRow a {
    display: inline-block;
    padding: 7px 13px;
    background: #f3f8ff;
    border: 1px solid #c1d7f4;
    border-radius: 3px;
    text-decoration: none;
}

    .buttonRow a.icon_TriangleDownBlue {
        background: #f3f8ff url(/restaurantweb_client/common_resource/images/sprite.png) no-repeat 8px -1586px;
        padding-left: 20px;
    }

        .buttonRow a.icon_TriangleDownBlue:hover {
            background: #f3f8ff url(/restaurantweb_client/common_resource/images/sprite.png) no-repeat 8px -1686px;
        }
/*----------------------------------------------------------
filter
------------------------------------------------------------*/
.filter {
    display: block;
    margin: 20px 0;
}

    .filter::after {
        content: "";
        display: block;
        clear: both;
    }

    .filter dt {
        margin-right: 10px;
        font-weight: bold;
        line-height: 28px;
    }

    .filter dt,
    .filter dd {
        float: left;
        margin-left: 10px;
    }

    .filter select {
        width: 135px;
        height: 28px;
        padding: 0 6px;
        line-height: 28px;
        border: 1px solid #ccc;
        border-radius: 5px;
        background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#E6E3E6) );
        background: -moz-linear-gradient( top, #ffffff, #E6E3E6 );
        /* IE 8+ */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E6E3E6', GradientType=0)";
        /* IE 10 */
        background: linear-gradient(to bottom, #ffffff, #E6E3E6);
    }

select.exceptEventcode {
    width: auto;
}

/*----------------------------------------------------------
 Gray Waku
------------------------------------------------------------*/
.boxGray {
    margin: 0 0 20px;
    padding: 16px;
    background-color: #f6f6f6;
    overflow: hidden;
}

    .boxGray dt {
        float: left;
        font-weight: bold;
        line-height: 20px;
    }

    .boxGray dd {
        padding-left: 20px;
        line-height: 20px;
        overflow: hidden;
    }

/*----------------------------------------------------------
 list
------------------------------------------------------------*/

.normalList {
    margin: 0 0 5px;
    list-style-type: square;
    padding-left: 2em;
}

.inlineList {
    overflow: hidden;
}

ul.inlineList li {
    float: left;
    padding: 0 20px 0 0px;
}

ul.inlineListR li {
    display: inline;
    border-right: 1px solid #CCC;
    padding: 0 10px 0 0px;
}

    ul.inlineListR li:last-child {
        border-right: none;
    }

ul li.rL {
    border-right: 1px solid #767777;
}

dt.rL {
    border-right: 1px solid #767777;
}

/*----------------------------------------------------------
 container
------------------------------------------------------------*/
.container {
    padding: 20px 0;
}

.section,
.inner {
    clear: both;
    overflow: hidden;
    zoom: 1;
}

/* heading Level
--------------------------------------------------*/
.headingLv1 {
    padding: 0 10px 3px;
    border-left: 7px solid #ff4482;
    border-bottom: 1px dotted #ff4482;
    font-size: 1.5em;
}

.headingLv2 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cecece;
    font-size: 24px;
    font-weight: normal;
    width: 100%;
}

    .headingLv2 a.shop_link {
        font-size: 12px;
        position: relative;
        padding-left: 12px;
    }

        .headingLv2 a.shop_link:before {
            content: "";
            width: 16px;
            height: 16px;
            background: url(/restaurantweb_client/common_resource/images/icon_link.png) no-repeat bottom right;
            background-size: 100%;
            display: inline-block;
            margin: 10px 6px -4px 0;
        }

.headingLv3 {
    padding: 6px 12px;
    border: 1px solid #bab9b9;
    background: #e7e9ea;
    font-size: 16px;
}

.ttlBold14 {
    padding: 30px 0 10px;
    font-size: 14px;
    font-weight: bold;
}

.ttlBold16 {
    margin: 30px 0 20px;
    font-size: 16px;
    font-weight: bold;
}

.ttlBgGray16 {
    background: #909090;
    font-size: 16px;
    color: #FFF;
    padding: 14px 15px;
}

.hosoku12 {
    font-size: 12px;
    color: #666;
    background: #f6f6f6;
}

.hosoku10 {
    font-size: 10px;
    color: #666;
    background: #f6f6f6;
}

.linkInHead {
    position: absolute;
    top: 8px;
    right: 8px;
}

    .linkInHead a {
        display: inline-block;
        padding: 3px 8px 3px 5px;
        background: #fff;
        border-radius: 5px;
    }

        .linkInHead a span {
            display: block;
            background-position: -23px 4px;
            padding-left: 18px;
        }

/*----------------------------------------------------------
 parts
------------------------------------------------------------*/

.navPagetop {
    margin: 10px 5px 0;
    text-align: right;
}

/* button input
--------------------------------------------------*/

button {
    cursor: pointer;
}

    button.sprite {
        margin: 0 5px 0 5px;
    }

.btnActionBlue,
.btnActionOrange,
.btnActionRed,
.btnNegativeGray,
.btnDisabledGray,
.btnWhite,
.btnPreview,
.btnPreview.btnActionBlue {
    display: inline-block;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    line-height: 1em;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

[class^="btn"]:hover {
    opacity: 0.6;
}

[class^="btn"]:active {
    opacity: 0.6;
}

a[class^="btn"]:link,
a[class^="btn"]:visited {
    text-decoration: none;
}

.btnActionBlue {
    border: 1px solid #0070ee !important;
    background: #0066CC;
    color: #fff !important;
    background: -webkit-gradient( linear, left top, left bottom, from(#59b2de), to(#067cc6) );
    background: -moz-linear-gradient( top, #59b2de, #067cc6 );
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#59b2de', endColorstr='#067cc6', GradientType=0)";
    /* IE 10 */
    background: linear-gradient(to bottom, #59b2de, #067cc6);
}

.btnActionOrange {
    border: 1px solid #e05f00 !important;
    background: #F93;
    color: #fff !important;
    background: -webkit-gradient( linear, left top, left bottom, from(#ebbf60), to(#dd6210) );
    background: -moz-linear-gradient( top, #ebbf60, #dd6210 );
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebbf60', endColorstr='#dd6210', GradientType=0)";
    /* IE 10 */
    background: linear-gradient(to bottom, #ebbf60, #dd6210);
}

.btnActionRed {
    border: 1px solid #cf734f;
    background: #d57651;
    color: #fff !important;
    background: -webkit-gradient( linear, left top, left bottom, from(#e2a187), to(#d0643a) );
    background: -moz-linear-gradient( top, #e2a187, #d0643a );
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2a187', endColorstr='#d0643a', GradientType=0)";
    /* IE 10 */
    background: linear-gradient(to bottom, #e2a187, #d0643a);
}

.btnNegativeGray {
    border: 1px solid #777 !important;
    background: #e6e6e6;
    background: -webkit-gradient( linear, left top, left bottom, from(#acaaab), to(#878787) );
    background: -moz-linear-gradient( top, #acaaab, #878787 );
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#acaaab', endColorstr='#878787', GradientType=0)";
    /* IE 10 */
    background: linear-gradient(to bottom, #acaaab, #878787);
    color: #fff !important;
}

.btnWhite {
    border: 1px solid #777 !important;
    background: #fff;
    color: #0481be !important;
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#dedede) );
    background: -moz-linear-gradient( top, #ffffff, #dedede );
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede', GradientType=0)";
    /* IE 10 */
    background: linear-gradient(to bottom, #ffffff, #dedede);
}

.btnPreview {
    width: 60px;
    margin-top: 10px;
    font-weight: normal;
    font-size: 10px;
    line-height: 18px;
    border: 1px solid #777;
    background: #fff;
    border: 1px solid #777 !important;
    background: #fff;
    color: #0481be !important;
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#dedede) );
    background: -moz-linear-gradient( top, #ffffff, #dedede );
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede', GradientType=0)";
    /* IE 10 */
    background: linear-gradient(to bottom, #ffffff, #dedede);
}

.btnCopy {
    width: 60px;
    margin-top: 10px;
    font-size: 10px;
    line-height: 18px;
}

.btnDisabledGray {
    border: 1px solid #b3b2b2;
    background: -webkit-gradient( linear, left top, left bottom, from(#d0d0d0), to(#cbc5c5) );
    background: -moz-linear-gradient( top, #d0d0d0, #cbc5c5 );
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#cbc5c5', GradientType=0)";
    /* IE 10 */
    background: linear-gradient(to bottom, #d0d0d0, #cbc5c5);
    color: #fff !important;
    cursor: default;
}

    .btnDisabledGray:hover {
        opacity: 1;
    }

.btnAction:link,
.btnAction:visited {
    color: #fff;
}

.btnNegative:link,
.btnNegative:visited {
    color: #555;
}

.wrapBtnRight {
    margin-top: 10px;
    text-align: right;
}

.wrapBtnCenter {
    margin-top: 30px;
    text-align: center;
    clear: both;
}

/* btn Level---------------------------*/

.lv0 {
    min-width: 200px;
    padding: 20px 30px;
    font-size: 20px;
    font-weight: bold;
}

.lv1 {
    min-width: 200px;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
}

.lv2 {
    padding: 8px 10px;
}

.lv3 {
    margin-left: 5px;
    padding: 4px 6px;
}

.topReserve {
    min-width: 230px;
    height: 80px;
    font-size: 16px;
    font-weight: bold;
}


/* Common Waku
--------------------------------------------------*/
.cellNotice {
    margin: 0 0 20px 0;
    padding: 17px 10px;
    border: 1px solid #ccc;
    word-break: break-all;
}

    .cellNotice p {
        font-size: 14px;
    }

.iconCell {
    padding-right: 10px;
    float: left;
}

.detailCell {
    overflow: auto;
}

/* Red Waku
--------------------------------------------------*/
.attention {
    background: #fadfdf;
    border: 1px solid #c32323;
    color: #c32323;
}

.attentionBig {
    background: #fadfdf url(/restaurantweb_client/common_resource/images/sprite.png) no-repeat 10px -3985px;
    padding-left: 60px;
    padding-top: 20px;
}


/* Yellow Waku
--------------------------------------------------*/
.confirm {
    background: #f9f3c9;
    border: 1px solid #f48404;
    color: #f48404;
}

.confirmBig {
    background: #f9f3c9 url(/restaurantweb_client/common_resource/images/sprite.png) no-repeat 10px -4180px;
    padding-left: 60px;
}

/* Blue Waku
--------------------------------------------------*/
.notice {
    background: #ebf8fb;
    border: 1px solid #0481be;
    color: #0481be;
}

.noticeBig {
    background: #ebf8fb url(/restaurantweb_client/common_resource/images/sprite.png) no-repeat 10px -5785px;
    padding-left: 60px;
}

/* Orange Waku 
--------------------------------------------------*/
.makesure {
    background: #fef2e7;
    border: 1px solid #ff6600;
    color: #ff6600;
    text-align: center;
    padding: 17px 10px;
    margin-bottom: 30px;
}

    .makesure p {
        white-space: pre-wrap;
        text-align:left;
    }

/*
tuuchi text
------------------------------------------------------------*/
.mTxtCenter,
.mTxtCenterNarrow {
    font-size: 14px;
    text-align: center;
}

.mTxtCenter {
    margin: 100px 0;
}

.mTxtCenterNarrow {
    margin: 50px 0;
}

/* table normal
--------------------------------------------------*/
td,
th {
    word-break: break-all;
}

.tableStyle {
    width: 100%;
    background: #fff;
}

    .tableStyle th,
    .tableStyle td {
        border: 1px solid #767777;
        border-collapse: collapse;
        text-align: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tableStyle th {
        padding: 6px;
        background: #f6f6f6;
        font-weight: bold;
    }

    .tableStyle td {
        padding: 15px 5px;
    }

.tablehover tbody tr:hover td {
    background-color: #f9f3c9;
}

.tableStyle.ac th,
.tableStyle.ac td {
    text-align: center;
}

.tableStyle input,
.tableStyle select,
.tableStyle textarea {
    border: 1px solid gray;
}

    .tableStyle input[type="checkbox"] {
        border: none;
    }

    .tableStyle input[type="radio"] {
        border: none;
    }

.tableStyle td:first-child,
.tableStyle td:last-child {
    vertical-align: middle;
}

.tableStyle select:disabled {
    border: 1px solid #ccc;
    color: #999;
    background-color: #f0f0f0;
}

.tableStyle td.ta_left {
    text-align: left;
}

/* Table edit 
--------------------*/
.tableEdit th, .tableEdit td {
    box-sizing: border-box;
}

.tableEdit th {
    width: 280px;
}

.tableEdit td {
    padding: 6px 5px;
}

.tableEdit tr td:first-child,
.tableEdit tr td:last-child {
    vertical-align: middle;
}

.tableEdit tr td .loginError {
    margin: 10px 0 5px;
    text-align: left;
}

/* TopPage table
--------------------------------------------------*/
.tableStyleTop {
    width: 100%;
}

    .tableStyleTop th,
    .tableStyleTop td {
        padding: 7px 4px;
        border: 1px solid #c6c6c6;
        border-collapse: collapse;
    }

    .tableStyleTop th {
        width: 150px;
        background: #e7e9ea;
        text-align: left;
        font-weight: normal;
    }

    .tableStyleTop td {
        text-align: center;
        background-color: #FFF;
    }

/* table
--------------------------------------------------*/
.satday {
    color: #09C;
}

.sunday {
    color: #c72321;
}

.low {
    color: #c32323;
    font-weight: bold;
}

.veryLow {
    color: #8e0606;
    font-weight: bold;
}

.bgCancel {
    background: #e7e9ea !important;
}

.bgPending {
    background: #fef2e7 !important;
}

.bgExpired {
    background: #ababab !important;
}

.bgError {
    background: #fbdee0 !important;
}

.bgAdded {
    background: #fbdee0 !important;
}

.tableStyle hr {
    width: 85%;
    border-bottom: 1px dashed #a37851;
}

/*text-right smallnumber textform */

input.txtBoxW100 {
    width: 100px;
    text-align: right;
    margin-right: 5px;
}

input.txtBoxW50 {
    width: 50px;
    text-align: right;
    margin-right: 5px;
}

.fullWidth {
    box-sizing: border-box;
    width: 100%;
}

.txtcount {
    font-weight: bold;
    margin: 0 2px;
}

.bdGray {
    border: 1px solid gray
}

/* search CSS
--------------------------------------------------*/
.searchConditions {
    margin: 0px 0px 20px 0px;
    padding: 0 15px;
    clear: both;
}

    .searchConditions dt {
        float: left;
        width: 60px;
    }

    .searchConditions dd {
        width: 860px;
    }

/*----------------------------------------------------------
pager*
------------------------------------------------------------*/

/* pagerList
--------------------------------------------------*/

.wrapPager {
    background: #eee;
    padding: 12px 10px;
}

.pagerTitle {
    float: left;
    margin: 0;
}

.pager {
    display: block;
    overflow: hidden;
    width: 100%;
}

    .pager li {
        float: left;
        border: solid 1px #999;
        margin: 0 5px 0 0;
        background-color: #fff;
    }

        .pager li.paging {
            border: none;
            padding-top: 6px;
        }

        .pager li a {
            display: block;
            padding: 5px 10px;
        }


    .pager .pager-nav {
        float: right
    }

        .pager .pager-nav li {
            float: left;
            overflow: hidden;
            margin: 0 0 0 5px;
            border: 1px solid #8e8d8d;
        }

            .pager .pager-nav li * {
                line-height: 2em;
            }

            .pager .pager-nav li a {
                display: block;
                padding: 5px 10px;
                background: #fff;
            }

            .pager .pager-nav li.pager-nav-inactive {
                padding: 5px 10px;
                background-color: #ececec;
            }

            .pager .pager-nav li.pager-nav-paging {
                padding-top: 6px;
                border: none;
            }

            .pager .pager-nav li .btnFirst::before {
                content: "\f100";
                font-size: 18px;
                font: normal normal normal 20px/1 FontAwesome;
                position: relative;
                top: 2px;
            }

            .pager .pager-nav li .btnPrev::before {
                content: "\f104";
                font-size: 18px;
                font: normal normal normal 20px/1 FontAwesome;
                position: relative;
                top: 2px;
            }

            .pager .pager-nav li .btnNext::after {
                content: "\f105";
                font-size: 18px;
                font: normal normal normal 20px/1 FontAwesome;
                position: relative;
                top: 2px;
            }

            .pager .pager-nav li .btnLast::after {
                content: "\f101";
                font-size: 18px;
                font: normal normal normal 20px/1 FontAwesome;
                position: relative;
                top: 2px;
            }

li.pagerInactive {
    padding: 5px 10px;
    background-color: #e7e9ea;
}

    li.pagerInactive.icon_TriangleLeftGray {
        width: 8px;
        background-position: -17px -1290px;
        text-indent: -9999px;
    }

    li.pagerInactive.icon_TriangleRightGray {
        width: 8px;
        background-position: 10px -990px;
        text-indent: -9999px;
    }

.pager li a.icon_TriangleRightBlue {
    width: 8px;
    background-position: 10px -790px;
    text-indent: -9999px;
}

    .pager li a.icon_TriangleRightBlue:hover {
        background-position: 10px -890px;
    }

.pager li a.icon_TriangleLeftBlue {
    width: 8px;
    background-position: -17px -1090px;
    text-indent: -9999px;
}

    .pager li a.icon_TriangleLeftBlue:hover {
        background-position: -17px -1190px;
    }
/*----------------------------------------------------------
stepFlow*
------------------------------------------------------------*/
.stepFlow {
    *zoom: 1;
    width: 100%;
    height: 50px;
    font-size: 14px;
    background-color: #bab9b9;
}

    .stepFlow li {
        float: left;
        height: 48px;
        background-color: #f6f6f6;
        margin-top: 1px;
        margin-bottom: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .stepFlow a {
        display: block;
        width: 100%;
        height: 50px;
    }

.stepFlowCol3 li {
    width: 33%;
}

    .stepFlowCol3 li:first-child {
        width: 34%;
    }

.stepFlowCol4 li {
    width: 25%;
}

.stepFlowCol5 li {
    width: 20%;
}

.stepFlowCol6 li {
    width: 16%;
}

.stepFlowCol7 li {
    width: 17%;
}

    .stepFlowCol7 li.w12p {
        width: 12%;
    }

.stepFlow p {
    line-height: 50px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    text-align: center;
}

.stepText {
    margin: 0 20px;
}

.stepFlowCol5 .stepText {
    margin: 0 16px;
}

.iconStep {
    float: left;
    width: 32px;
    top: 0;
}

li.stepCurrent {
    margin: 0;
    height: 50px;
    background-color: #5bb3de;
    color: #FFF;
}

.firstStep.stepCurrent {
    margin-right: -1px;
    border-left: none;
}

.firstStep {
    border-left: 1px solid #bab9b9;
}

.lastStep.stepCurrent {
    margin-right: -2px;
    border-right: none;
}

.inStep.stepCurrent {
    margin-right: -1px;
}

.icon_StepArrow {
    background-position: left -3300px;
}

.icon_StepArrowBlue {
    background-position: left -3400px;
}

/* 文字ラベル用CSS
--------------------------------------------------*/
.iconBox {
    width: 100%;
}

span.labelRequired {
    margin-left: 8px;
    padding: 2px 5px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: #FFF;
    background: #c22425;
    line-height: 22px;
    white-space: nowrap;
}

/*----------------------------------------------------------
日付入力フォーム
------------------------------------------------------------*/

ul.rangeDate li {
    float: left;
    padding: 0 10px 0 0;
    line-height: 13px;
}

input.boxDate {
    width: 140px;
    margin-right: 8px;
    padding: 6px;
}

    input.boxDate + .icon_Calendar {
        text-indent: -9999px;
        position: absolute;
        top: 7px;
        left: 126px;
        background-position: left -3800px;
        width: 35px;
    }


/*----------------------------------------------------------
 ログインページ
------------------------------------------------------------*/

.loginPanel {
    margin: 20px 0;
    padding: 55px 30px 30px 30px;
    background: #f6f6f6;
    border: 1px solid #767777;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.loginHeader {
    margin: 0 0 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.loginError {
    margin: 0 0 16px 0;
    color: #c32323;
    text-align: center;
    display: block;
}

.loginForm dl {
    width: 500px;
    margin: auto;
}

    .loginForm dl * {
        box-sizing: border-box;
    }

.loginForm dt {
    float: left;
    width: 140px;
    padding: 7px 10px 7px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.loginForm dd {
    float: left;
    width: 360px;
    margin-bottom: 25px;
}

    .loginForm dd .loginError {
        display: block;
        width: 300px;
        margin: 16px 0 0 0;
        text-align: left;
    }

.loginInput {
    width: 300px;
    height: 34px;
}

.systemReq {
    margin: 30px 0 0;
    background: #FFF;
    border: 1px solid #767777;
}

.osSystem {
    width: 415px;
    margin: 10px 0 20px;
}

.tableStyleLogin {
    width: 100%;
}

    .tableStyleLogin th,
    .tableStyleLogin td {
        padding: 6px 6px;
        border: 1px solid #767777;
        border-collapse: collapse;
    }

    .tableStyleLogin th {
        width: 120px;
        height: 50px;
        background: #f6f6f6;
        text-align: center;
    }

        .tableStyleLogin th.browser {
            height: 80px;
        }

    .tableStyleLogin td {
        background: #fff;
        text-align: left;
    }

/*----------------------------------------------------------
トップページ
------------------------------------------------------------*/
.mainContents {
    float: left;
    width: 660px;
}

.topConfirm dt:first-child {
    margin-top: 0;
}

.topConfirm dt {
    margin-top: 10px;
}

.topConfirm dt, .topConfirm dd {
    font-size: 12px;
}

.dayReserve {
    width: 290px;
    padding: 10px 15px 20px 15px;
    background: #f6f6f6;
}

.conditions {
    float: left;
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
}

.day {
    float: right;
    margin-top: 4px;
    margin: 4px 0 0;
}

.linkArrowBlue {
    background-position: left -795px;
    padding-left: 13px;
}

    .linkArrowBlue:hover {
        background-position: left -895px;
        padding-left: 13px;
    }

.infoBoxTitle {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

/*ショートカットリンク
--------------------------------------------------*/
.infoBox li a {
    display: block;
    float: left;
    width: 212px;
    min-height: 130px;
    border: 1px solid #c8c7c7;
    background-color: #f6f6f6;
    color: #333;
    line-height: 20px;
    margin: 0 8px 10px 0;
    padding: 13px 15px 10px 5px;
    text-decoration: none;
    box-sizing: border-box;
    background-position: 170px 40px;
}

    .infoBox li a:hover {
        display: block;
        background-color: #ebf8fb;
        background-position: 170px -60px;
    }

.infoboxTxt dt {
    color: #0481be;
    font-size: 14px;
    font-weight: bold;
    margin-left: 3px;
    padding: 3px 0 3px 35px;
}

.infoboxTxt dd {
    color: #333;
    margin-top: 8px;
}

.infoboxTxt dt.icon_reservation {
    background-position: left -1900px;
}

.infoboxTxt dt.icon_stock {
    background-position: left -2400px;
}

.infoboxTxt dt.icon_results {
    background-position: left -2000px;
}

.infoboxTxt dt.icon_review {
    background-position: left -2500px;
}

.infoboxTxt dt.icon_plan {
    background-position: left -2100px;
    padding: 0 0 6px 35px;
}

.infoboxTxt dt.icon_special {
    background-position: left -2600px;
    padding: 0 0 6px 35px;
}

.infoboxTxt dt.icon_menu {
    background-position: left -2200px;
    padding: 0 0 6px 35px;
}

.infoboxTxt dt.icon_request {
    background-position: left -2700px;
    padding: 0 0 6px 35px;
}

.infoboxTxt dt.icon_response {
    background-position: left -2300px;
    padding: 0 0 6px 35px;
}

.infoboxTxt dt.icon_information {
    background-position: left -5900px;
    padding: 0 0 6px 35px;
}

.infoboxTxt dt.icon_seat {
    background-position: left -6000px;
    padding: 0 0 6px 35px;
}

.infoboxTxt dt.icon_pic {
    background-position: left -6096px;
    padding: 0 0 6px 35px;
}

/*トップページお知らせ用CSS
--------------------------------------------------*/
.newsTopic {
    margin: 0 5px 20px;
}

section hr {
    width: 93%;
    margin: auto;
    border: 0;
    border-bottom: 1px dashed #ccc;
}

.newsHeader {
    position: relative;
}

.newsTime {
    margin: 0 0 3px 5px;
    font-size: 12px;
    color: #666;
}

.newsText {
    font-weight: normal;
}

.newsTopic .newsTopicTitle {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: bold;
}

    .newsTopic .newsTopicTitle img {
        margin: 0 0 4px;
    }

.icon_Pdf {
    background-position: 5px -3700px;
    padding: 2px 0 0 28px;
}

/*sidebar
--------------------------------------------------*/
.sidecontents {
    float: right;
    width: 300px;
    padding: 0 0 20px;
}

.sideInfo {
    margin: 0 0 20px;
    padding: 0 16px 10px;
    background: #f6f6f6;
    border: 1px solid #bab9b9;
}

.sidecontents hr {
    height: 1px;
    border-width: 1px 0px 0px;
    border-style: solid;
    border-color: #b9b9b9;
    width: 100%;
}

.sidebarTitle {
    background: #909090;
    color: #FFF;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: bold;
}

.sideSubTitle {
    margin: 15px 0 5px;
    font-size: 14px;
    font-weight: bold;
    clear: both;
}

.sidebarTitle time {
    float: right;
    margin: 2px 0 0;
}

.arrowR_blue {
    background-position: right 5px;
    padding-right: 18px;
}

    .arrowR_blue:hover {
        background-position: right -95px;
    }

.sideInfoReserve li {
    margin: 0 0 5px;
    padding: 6px;
    background: #FFF;
    font-size: 14px;
}

.sideInfoReserve a .sideInfoLeft {
    text-decoration: underline;
}

.sideInfoLeft {
    float: left;
    font-weight: bold;
}

.sideInfoReserve a {
    display: block;
    width: 252px;
    box-sizing: border-box;
    overflow: hidden;
}


.sideInfoRight {
    float: right;
    color: #333;
    text-decoration: none;
}

.rankingTitle {
    font-size: 14px;
    font-weight: bold;
    color: #0481be;
}

.tableStyleSide {
    width: 100%;
    margin-bottom: 3px;
}

    .tableStyleSide th,
    .tableStyleSide td {
        padding: 6px 10px;
        border: 1px solid #bab8bb;
        text-align: right;
    }

    .tableStyleSide th {
        width: 80px;
        background: #ebf9fc;
        text-align: left;
        font-weight: normal;
    }

    .tableStyleSide td {
        background: #fff;
    }

    .tableStyleSide.ac th,
    .tableStyleSide.ac td {
        text-align: center;
    }

tr.topRow th,
tr.topRow td {
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #f6f6f6;
    border: none;
}

    tr.topRow td.lastRow {
        color: #fff;
        background-color: #666;
        width: 60px;
        padding: 3px 6px;
        border: 1px solid #666;
    }

.ttlMonthly_01 {
    font-size: 12px;
    margin: 20px 0 -22px;
}

.ttlMonthly_02 {
    font-size: 12px;
    margin: 15px 0 2px;
}

.sideInfo a:hover .iconArrowRightBlue {
    background-position: -130px -160px;
}
/*aqua*/

ul.sideInfoLink li {
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0 0 0 16px;
}

/*----------------------------------------------------------
/shop/shopmenu/
------------------------------------------------------------*/

.tableMenu th {
    text-align: center;
    padding: 6px 5px;
}

.tableMenu tr td:first-child {
    text-align: center;
}

.icon_Trashbox {
    background-position: left -2800px;
    width: 25px;
    height: 30px;
    border: none !important;
    text-indent: -9999px;
    cursor: pointer;
}


/*----------------------------------------------------------
plan
------------------------------------------------------------*/
.tooltiptxt {
    color: #666;
    width: 650px;
    float: left;
    line-height: 1.3;
}

.ttlSort th {
    color: #0481be;
    vertical-align: bottom;
}

.ttlSort a {
    text-decoration: none;
}

    .ttlSort a .sortUp, .ttlSort a .sortDown {
        font-size: 7px;
        vertical-align: bottom;
    }
/*
.tablePlan td:first-child {
    vertical-align: bottom;
}
*/
.wrapBtnInTitle {
    margin: -40px 0 4px;
    text-align: right;
}

.wrapDetail {
    padding: 0 20px 20px;
    border: 1px solid #ccc;
}

.tableStock th {
    padding: 16px 6px;
}

.dragSpace {
    margin: 0px 2px 10px;
    border: 1px solid #bab9b9;
    text-align: center;
    line-height: 120px;
}

.requiredTxt {
    font-weight: normal;
    font-size: 11px;
    margin-top: 10px;
    display: block;
}

.pinkbox {
    background: #fbdee0;
    display: block;
    float: left;
    margin-right: 5px;
    text-indent: -9999px;
    width: 40px;
}

.tableOrangeinfo {
    color: #ff6600;
    margin: 5px 0 0 25px;
}

.btnDelete {
    position: absolute;
    left: 225px;
    top: -40px;
}

/*----------------------------------------------------------
shop/photogallery
------------------------------------------------------------*/
.wrapBtnOrder {
    display: table;
}

    .wrapBtnOrder li {
        display: table-cell;
        vertical-align: middle;
    }

    .wrapBtnOrder input {
        padding: 6px;
    }

.addNew {
    position: absolute;
    right: 0;
    top: -40px;
}

/*------------------------
select tab
--------------------------*/
.tabRow {
    position: relative;
    list-style: none;
    margin-left: 5px;
}

    .tabRow li {
        position: relative;
        margin: 0 5px;
        height: 40px;
        border: 1px solid #bab9b9;
        background-color: #f6f6f6;
        display: inline-block;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        z-index: 0;
        vertical-align: bottom;
    }

        .tabRow li.selected {
            color: #666;
            background-color: #FFF;
            z-index: 2;
            border-bottom-color: #FFF;
            padding: 0 16px;
            font-size: 12px;
        }

.tabTtlDouble {
    padding-top: 4px !important;
    text-align: center;
}

.tabTtlSingle {
    line-height: 40px;
}

.tabRow:after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #bab9b9;
    z-index: 1;
}

.tabRow:before {
    z-index: 1;
}

.tabRow a {
    display: block;
    padding: 0 16px;
}

/*----------------------------------------------------------
image upload
------------------------------------------------------------*/
.fileUploder {
    position: relative;
    width: 170px;
    height: 35px;
    overflow: hidden;
}

    .fileUploder .uploader {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
        width: 160px;
        height: 22px;
        /*	width:100%;
	height:100%;
	font-size:315px;*/
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "alpha(opacity=0)";
    }

.tableImageUp th {
    vertical-align: top;
    padding-top: 20px;
}

.dragImageArea {
    height: 200px;
    margin-bottom: 10px;
    border: 1px solid gray;
    text-align: center;
    line-height: 200px;
    color: gray;
    font-weight: bold;
    position: relative;
}

    .dragImageArea img {
        width: 180px;
        position: absolute;
        left: 10px;
        top: 10px;
    }

.radioArea {
    padding: 10px;
    border: 1px solid gray;
    border-radius: 5px;
    line-height: 20px;
    overflow: hidden;
}

.categoryTitle {
    font-weight: bold;
    float: left;
}

.categoryRadio input {
    margin-left: 10px;
}

.planImageListBox {
    float: left;
    width: 320px;
    margin: 10px 50px 10px 10px;
}

.wrapMainImg {
    margin: 5px 0 0 20px;
    width: 300px;
    height: 150px;
    overflow: hidden;
}

    .wrapMainImg img {
        width: 300px;
        height: auto;
        margin-top: -75px;
    }

.planImageListBox ul {
    margin: 5px 0 0 20px;
}

.planImageListBox li {
    float: left;
}

/*----------------------------------------------------------
partner
------------------------------------------------------------*/
.switchRadio input {
    display: none;
}

.switchRadio label {
    display: block;
    float: left;
    cursor: pointer;
    width: 60px;
    margin: 0;
    padding: 8px;
    background: -webkit-gradient( linear, left top, left bottom, from(#d0d0d0), to(#cbc5c5) );
    background: -moz-linear-gradient( top, #d0d0d0, #cbc5c5 );
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#cbc5c5', GradientType=0)";
    /* IE 10 */
    background: linear-gradient(to bottom, #d0d0d0, #cbc5c5);
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    transition: .2s;
    border: 1px solid #d0d0d0;
}

    .switchRadio label:first-of-type {
        border-radius: 3px 0 0 3px;
    }

    .switchRadio label:last-of-type {
        border-radius: 0 3px 3px 0;
    }

.switchRadio .checkedLabel {
    color: #0481be !important;
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#dedede) );
    background: -moz-linear-gradient( top, #ffffff, #dedede );
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede', GradientType=0)";
    /* IE 10 */
    background: linear-gradient(to bottom, #ffffff, #dedede);
}

.w440 {
    width: 440px;
}

.permissionBox {
    padding: 20px;
}

    .permissionBox li {
        padding-bottom: 10px;
        font-size: 14px;
    }

/*----------------------------------------------------------
review
------------------------------------------------------------*/
.lh26 {
    line-height: 26px;
}

.searchBox {
    padding: 16px 0;
    background-color: #f6f6f6;
}

.enqueteNum label {
    padding: 0 12px;
}

.wrapCheck {
    padding: 8px;
    border: 1px solid #bab9b9;
    border-radius: 8px;
}

.wrapAccord {
    width: 100%;
    background-color: #e7e9ea;
}

.btnRefine {
    display: block;
    width: 100%;
    padding: 6px 0;
}

.tableScore,
.tableSummary {
    table-layout: fixed;
    width: 800px;
}

    .tableScore td {
        text-align: right;
    }

    .tableScore tr td:last-child {
        background-color: #f9f8e3;
        font-weight: bold;
    }

table.tableReview {
    width: 100%;
    table-layout: fixed;
}

    table.tableReview .w10per {
        width: 10%;
    }

    table.tableReview .w55per {
        width: 55%;
    }

    table.tableReview .w25per {
        width: 25%;
    }

table.tableSummary th {
    text-align: center;
}

table.tableSummary td {
    text-align: right;
}

table.tableReview th {
    text-align: center;
}

table.tableReview td {
    padding: 5px;
}

.icon_Open {
    background-position: 540px -3097px;
}

.icon_Close {
    background-position: 540px -2997px;
}

.tableReviewDetail, .tableReviewDetail th, .tableReviewDetail td {
    box-sizing: border-box;
    table-layout: fixed;
}

dl.inlineList dt {
    font-weight: bold;
    float: left;
    margin-right: 10px;
    line-height: 30px;
}

dl.inlineList dd {
    float: left;
    padding-right: 30px;
    margin-bottom: 20px;
}

.reviewReplyBtn {
    position: absolute;
    top: 2px;
    right: 10px;
}

.reviewTxt dt {
    font-weight: bold;
}

.reviewTxt dd {
    margin-bottom: 10px;
    font-size: 13px;
}

.reply {
    border-bottom: 1px dashed #999;
    border-top: 1px dashed #999;
    padding: 5px 0;
}

.grayBtn {
    padding: 3px 5px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #777;
    border-radius: 3px;
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#dedede) );
    background: -moz-linear-gradient( top, #ffffff, #dedede );
    /* IE 8+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dedede', GradientType=0)";
    /* IE 10 */
    background: linear-gradient(to bottom, #ffffff, #dedede);
}

.grayBtnDisabled {
    padding: 3px 5px;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    background-color: #b9b9b9;
    cursor: default;
}

/*----------------------------------------------------------
priceEdit
------------------------------------------------------------*/
.plan {
    padding: 20px 30px 30px;
    /*background: #fafafa;*/
    margin-bottom: 30px;
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    border-left: 2px solid #5cb3de;
    border-top: 1px solid #ddd;
}

.progress {
    margin: 0 0 10px;
    text-align: right;
    font-size: 18px;
    font-weight: normal;
    color: #545454;
}

    .progress span {
        font-size: 23px;
        margin: 0 2px;
    }

        .progress span.red {
            color: #ff0002;
        }

.priceEdit th, .priceEdit td {
    padding: 14px;
    text-align: center;
    font-size: 14px;
}

.priceEdit th {
    font-weight: normal;
}

.priceEdit td {
    font-weight: bold;
}

.priceEdit .bgRequired {
    background: #ffe4b9;
    border: 2px dotted #e0711d;
}

    .priceEdit .bgRequired:after {
        content: "未設定";
        color: #f48000;
    }

p.subTtl {
    font-size: 18px;
    font-weight: bold;
    margin: 46px 0 20px;
    padding: 4px 10px;
    border-left: 4px double #5cb3de;
    color: #545454;
}

.priceEdit th.bgGrayCell {
    background: #dedede;
    font-weight: bold;
    min-width: 60px;
}

/*.atn td{
    border: 2px dotted #e0711d;
}*/

.planName {
    font-size: 15px;
    overflow: hidden;
    margin-bottom: 20px;
    vertical-align: middle;
    font-weight: bold;
    color: #545454;
}

.plan input {
    float: right;
    font-weight: normal;
}

.priceDetail {
    font-size: 12px;
    text-align: left;
    margin-top: 5px;
    font-weight: normal;
}

.planPrice .planName {
    border-left: 3px solid #5cb3de;
    padding: 0 10px 10px;
    font-size: 18px;
}

    .planPrice .planName span {
        font-size: 12px;
        font-weight: normal;
    }

.planPrice .priceEdit {
    margin-bottom: 20px;
    width: auto;
}

.planPrice .priceEditNor {
    width: 100%;
}

    .planPrice .priceEditNor .priceDetail {
        font-size: 13px;
        display: block;
        padding-top: 10px;
        border-top: 1px solid #d4d4d4;
    }

    .planPrice .priceEditNor li {
        margin: 0 0 5px 0;
    }

.total {
    text-align: right;
}

.planPrice .priceEdit .widthAuto, .planPrice .priceEdit .widthAuto {
    width: auto;
}


.planPrice .bgRequired:after {
    content: none;
}

.alert {
    color: #ff0002;
    font-weight: normal;
    margin-top: 5px;
}

.priceEdit .taL {
    text-align: left;
    padding: 20px;
}

.priceEdit input {
    font-weight: normal;
}

.fwN {
    font-weight: normal;
    padding: 0 10px;
}

.priceEdit.priceEditNor .priceSupplement, .priceEdit.supplement input {
    width: 100%;
    font-weight: normal;
    text-align: left;
    margin-top: 20px;
}

.planDetailList {
    margin-top: 40px;
    width: 100%;
}

    .planDetailList th, .planDetailList td {
        padding: 14px;
    }

    .planDetailList th {
        width: 164px;
        text-align: center;
        font-size: 14px;
        font-weight: normal;
    }

.priceEdit th, .priceEdit td {
    width: 220px;
}

    .priceEdit th.leftTh {
        min-width: 164px;
        width: 164px;
    }

.pd10 {
    padding: 0 0 7px 0;
    text-align: right;
    border-bottom: 1px solid #dfdfdf;
    color: #333d46;
    margin-top: 10px;
    display: inline-block;
}

.equal {
    font-size: 12px;
    padding-left: 13px;
}

.completeMessage {
    padding: 30px 0 0;
}

    .completeMessage p {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }

.information {
    color: #ff0002;
    font-size: 12px;
    margin: 20px auto 5px 5px;
    padding: 10px;
    background: #fff4ec;
    text-align: left;
    position: relative;
    font-weight: bold;
}

td .information::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff4ec transparent;
    top: -10px;
    left: calc(50% - 10px);
}

.priceEdit.supplement td {
    width: 100%;
    text-align: left;
}
/*----------------------------------------------------------
EditSalesSetting.html
------------------------------------------------------------*/
/*.table.admin{
	margin: 0;
}*/
.fullScreenWrap {
    margin: 20px;
}

.headingLv2.headingHull {
    width: 100%;
}

.refinePullDownBox {
    margin-bottom: 10px;
}

.refineTitle {
    margin-right: 10px;
    font-weight: bold;
}

.refinePullDownBox,
.refinePullDownBox ul,
.refinePullDownBox ul .refinePullDown,
.selectMonthBtnBox,
.selectMonthBtnBox .selectMonthBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .refinePullDownBox ul .refinePullDown,
    .selectMonthBtnBox .selectMonthBtn li {
        margin-right: 6px;
    }

        .refinePullDownBox ul .refinePullDown p {
            margin-right: 4px;
        }

.refinePanelBox {
    margin: 20px auto 0;
}

.refinePanel {
    margin-bottom: 10px;
}

    .refinePanel th {
        padding: 4px;
    }

    .refinePanel td {
        padding: 3px !important;
    }

    .refinePanel + p {
        margin-bottom: 10px;
    }

.errorMessage {
    display: inline-block;
    padding: 10px 30px;
    color: #c32323;
    border: 1px solid #c32323;
    background: #fadfdf url(/restaurantweb_client/common_resource/images/sprite.png)no-repeat 10px -3890px;
}

.refinePanel label {
    margin-right: 8px;
}
/*----------------------------------------------------------
カレンダー箇所記述
------------------------------------------------------------*/
.planSaleSettingWrap .filter {
    float: none;
    margin: 0;
}

    .planSaleSettingWrap .filter select {
        width: 145px;
    }

.calendarBoxSelecter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: none;
    margin: 20px 0 10px !important;
}

.configurationCalendarBox {
    clear: both;
}

    .configurationCalendarBox.CalendarBoxScroll {
        overflow-x: auto;
        overflow-y: auto;
        height: 600px;
    }

.configurationCalendar {
    margin: 0 auto;
    border-collapse: unset !important;
}

    .configurationCalendar .btnClosure.btnWhite,
    .configurationCalendar .btnClosure.btnActionOrange {
        padding: 4px;
    }

    .configurationCalendar th {
        padding: 4px !important;
    }

    .configurationCalendar td {
        padding: 3px !important;
    }

    .configurationCalendar .sat {
        background-color: #e6f5fe
    }

    .configurationCalendar .sun {
        background-color: #FFE6E6
    }

    .configurationCalendar .holiday {
        background-color: #FFE6E6
    }

    .configurationCalendar .bgStopsell {
        background-color: #e7e9ea
    }

.refinePanelBox .refinePanel {
    color: #333333;
}

    .refinePanelBox .refinePanel table,
    .refinePanelBox .refinePanel tbody {
        border-collapse: collapse !important;
    }

    .refinePanelBox .refinePanel tr {
        border-color: #c6c6c6;
        border-collapse: collapse;
    }
/*----------------------------------------------------------
受動喫煙対応
------------------------------------------------------------*/
.w10per {
    width: 10%;
}

.w7per {
    width: 7%;
}

.w24per {
    width: 24%;
}

.w35per {
    width: 35%;
}

.smokingSeatInner .smokingSelectArea {
    text-align: left;
}

    .smokingSeatInner .smokingSelectArea p {
        padding: 0 0 3px 3px;
        font-weight: bold;
    }

        .smokingSeatInner .smokingSelectArea p .smokingTxtRed {
            color: #c32323;
        }

.wrapBtnCenter.smokingSeatSelectBtn {
    position: fixed;
    z-index: 2;
    right: 0;
    left: 0;
    bottom: 0;
    margin-right: 0;
    margin-left: 0;
    background: #f6f6f6;
    padding: 20px;
}

.smokingEditInner .editSmokingBtnSecond {
    display: block;
    margin-top: 20px;
}

.smokingSeatInner .tablePlan td:first-child {
    vertical-align: middle;
}

.smokingEditInner　 .tableStyle th {
    padding: 10px;
}

.smokingEditInner .tableEdit td {
    padding: 15px 10px;
}

.smokingEditInner textarea {
    margin-top: 8px;
}

.smokingEditInner .smokingTextareaExample,
.smokingEditInner .tcounter_text {
    margin-top: 4px;
}

.smokingEditInner .smokingTextareaExample {
    margin-right: 190px;
}
/*----------------------------------------------------------
個人情報取り扱い
------------------------------------------------------------*/
.w15per {
    width: 15%;
}

.w20per {
    width: 20%;
}

.w80per {
    width: 80%;
}

.w85per {
    width: 85%;
}

.w90per {
    width: 90%;
}

/*----------------------------------------------------------
2022/09_RES_UX-6753_クライアントadmin改修
------------------------------------------------------------*/
/*.btnSmallOrange{
	width: 60px;
	margin-top: 5px;
	line-height: 18px;
	font-size: 10px;
}*/
.menuName {
    width: 570px;
    border-bottom: solid 1px #707070;
    padding-bottom: 5px;
}

.menuName-ttl {
    margin-right: 10px;
}

.planOption {
    display: flex;
    align-items: flex-end;
}

    .planOption li {
        margin-right: 5px;
    }

.bracketsLeft {
    padding-right: 5px;
    vertical-align: bottom;
}

.bracketsRight {
    padding-left: 5px;
    vertical-align: bottom;
}

.iconPlus {
    vertical-align: bottom;
}
/*アコーディオン*/
.setAccordion {
    border-left: 1px solid #767777;
    border-right: 1px solid #767777;
    border-bottom: 1px solid #767777;
    padding: 5px;
}

    .setAccordion span {
        text-decoration: underline;
        position: relative;
    }

    .setAccordion.close span::after {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-right: solid 2px #333333;
        border-bottom: solid 2px #333333;
        transform: rotate(45deg);
        top: 2px;
        right: -15px;
        margin: auto 0;
    }

    .setAccordion.open span::after {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-right: solid 2px #333333;
        border-bottom: solid 2px #333333;
        transform: rotate(-135deg);
        top: 6px;
        right: -15px;
        margin: auto 0;
    }

    .setAccordion a {
        cursor: pointer;
    }

        .setAccordion a:hover {
            color: #333333;
            opacity: 0.6;
        }

/*imput*/
input.txtBoxW190 {
    width: 190px;
    text-align: right;
    margin-right: 5px;
}

input.txtBoxW200 {
    width: 200px;
    text-align: right;
    margin-right: 5px;
}

/*----------------------------------------------------------
 help link
------------------------------------------------------------*/
a.helpLink {
    margin-left: 5px;
    padding-left: 16px;
    color: #b52412;
    position: relative;
    text-decoration: none !important;
}

    a.helpLink::before {
        content: "";
        display: block;
        position: absolute;
        width: 12px;
        height: 12px;
        background: url(/restaurantweb_client/common_resource/images/icon_question.png) no-repeat;
        background-size: 12px;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0;
    }

    a.helpLink:hover {
        cursor: pointer;
        text-decoration: underline !important;
    }

/*----------------------------------------------------------
 リクエスト予約アイコン
------------------------------------------------------------*/
.icon-request {
    background: #5cb3de;
    color: #ffffff;
    padding: 3px 3px;
    font-size: 11px;
    line-height: 2.0;
}

/*----------------------------------------------------------
search
------------------------------------------------------------*/

.searchCriteria {
    border: 1px solid #8c8a8a
}

    .searchCriteria .openlist-title {
        position: relative;
        width: auto;
        height: auto;
        padding: 10px;
        background: #a5a4a4;
        font-size: 16px
    }

    /*
.searchCriteria .openlist-title::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    height: 24px;
    margin: auto 0;
    padding: 10px;
    content: '';
    font-family: 'FontAwesome';
    font-size: 24px
}
.searchCriteria .openlist-title.is-close::after {
    content: ''
}
*/

    .searchCriteria .searchList {
        display: block;
        padding: 20px 10px;
        border-top: 1px solid #8c8a8a;
        background-color: #ececec;
    }

        .searchCriteria .searchList.searchList-show {
            display: none;
        }

        .searchCriteria .searchList .searchbtn {
            margin-top: 10px;
            clear: both;
        }

.searchList-column > li {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0 10px 20px;
    line-height: 1.3;
}

    .searchList-column > li .searchList-column-title {
        padding: 0 5px 5px 0;
        font-weight: bold;
    }

    .searchList-column > li.searchList-calendar {
        width: 100%;
    }

        .searchList-column > li.searchList-calendar .searchList-calendar-input {
            position: relative;
            display: inline-block;
            width: 26%;
        }

            .searchList-column > li .top-searchList-calendar-input button, .searchList-column > li.searchList-calendar .searchList-calendar-input button {
                position: absolute;
                top: 4px;
                right: 2px;
                height: 25px;
            }

                .searchList-column > li .top-searchList-calendar-input button::after, .searchList-column > li.searchList-calendar .searchList-calendar-input button::after {
                    padding: 6px;
                }

    .searchList-column > li .searchList-calendar-input .button {
        position: absolute;
        top: 4px;
        right: 2px;
        height: 25px
    }

    .searchList-column > li.searchList-calendar .searchList-calendar-input .button::after {
        padding: 6px
    }

    .searchList-column > li .time-hour {
        display: inline-block
    }

        .searchList-column > li .time-hour select {
            width: 60px;
            margin: 0 5px
        }

.searchList-row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
}

    .searchList-row * {
        box-sizing: border-box;
    }

    .searchList-row li {
        display: block;
        width: 50%;
        margin: 0;
        padding: 0 10px 20px;
        line-height: 1.3;
    }

    .searchList-row > li .searchList-row-title {
        display: inline-block;
        margin: 0;
        padding: 0 10px 0 0;
        font-weight: bold;
    }

    .searchList-row input {
        width: 100%;
    }

    .searchList-row .flexitem-full {
        padding: 0 10px 20px;
        flex: 1;
    }

        .searchList-row .flexitem-full input {
            width: 100%;
        }

.simpleSearch {
    margin: 15px 0 30px;
    padding: 15px;
    background-color: #ececec
}

    .simpleSearch dl dt {
        display: inline-block;
        margin-right: 20px;
        font-weight: bold
    }

    .simpleSearch dl dd {
        display: inline-block;
        margin-right: 20px
    }

.searchList-column input {
    width: 100%;
    box-sizing: border-box;
}

    .searchList-column input[name="performDateFrom"] {
        width: 180px;
        margin-right: 5px;
    }

    .searchList-column input[name="performDateTo"] {
        width: 180px;
        margin-left: 5px;
    }

.btn {
    padding: 6px 9px;
    cursor: pointer;
    color: #757474;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold
}

    .btn.big {
        min-width: 200px;
        padding: 12px 18px;
        font-size: 16px
    }

        .btn.big:hover {
            box-shadow: 0 0 30px rgba(255,255,255,.6) inset
        }

    .btn.silver {
        color: #263238;
        border: 1px solid #777676;
        background: #fff -webkit-linear-gradient(top,#fff,#dedede);
        background: #fff linear-gradient(to bottom,#fff,#dedede)
    }

/* モーダルウィンドウの背景 */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* モーダルウィンドウのボックス */
.modal-content {
    background-color: #fefefe;
    margin: 10%;
    padding: 20px;
    border: 1px solid #888;
}

/* クローズボタン */
.modal-close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* 汎用横並び用ボックス */
.flex-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex-box_item {
    display: block;
}

.flex-box_item--full {
    flex: 1;
}