@charset "UTF-8";
.hide {
    display: none
}

span.small {
    box-sizing: border-box;
    color: #555;
    display: block;
    font-size: 11px;
    line-height: 1.4;
    padding: 10px 0 0
}

span.bold {
    font-weight: 700
}

div.topspace {
    padding: 10px 0 0
}

.boxMes {
    line-height: 1.4;
    margin: 20px 0 0;
    text-align: center
}

a.invalid-btn {
    display: inline-block;
    line-height: 21px;
    margin: 0 10px 0 0;
    vertical-align: top
}

.infoLine__img {
    display: block;
    margin-bottom: 20px
}

.infoLine__headline {
    font-size: 14px
}

.infoLine__title {
    font-size: 12px;
    margin: 0 0 10px
}

.infoLine__data {
    font-size: 15px
}

.infoLine__error {
    padding: 10px 0 0
}

.infoLine:not(:last-child) {
    margin: 0 0 20px
}

.info--edit {
    display: none
}

.delLink {
    color: #e95f5b;
    font-size: 11px
}

.paymentOption {
    margin: 0 0 20px
}

.paymentOption label {
    line-height: 22px
}

.paymentInfo {
    margin: 10px 0 0
}

.paymentInfo__field {
    display: none
}

.payment__field {
    width: 300px
}

.payment__field--s {
    width: 50px
}

.paymentInfo .fieldCtl {
    cursor: pointer;
    display: inline-block;
    margin: 0 0 0 10px
}

.paymentInfo .paymentLabel__img {
    display: block;
    margin-bottom: 10px
}

div.btns.btnEdit {
    text-align: right
}

.editUserInfo {
    cursor: pointer
}

.btnSubmitSet {
    display: none;
    padding: 10px 0 40px;
    text-align: center
}

.btnSubmitSet .btnBase {
    width: 250px
}

.btnSubmitSet .btnBase:first-child {
    margin-right: 10px
}

.infoLine__field .formPadding {
    padding: 9px
}

.creditIcon {
    background: url(/img/payment/cb.png) left top no-repeat;
    background-size: 317px 30px;
    display: inline-block;
    height: 30px;
    overflow: hidden;
    vertical-align: -.4em;
    width: 50px
}

.creditIcon.visa {
    background-position: left top
}

.creditIcon.mastercard {
    background-position: -53px top
}

.creditIcon.americanexpress {
    background-position: -107px top
}

.creditIcon.dinersclub {
    background-position: -161px top
}

.creditIcon.jcb {
    background-position: -214px top
}

.creditIcon.discover {
    background-position: -268px top
}

.error-required {
    display: none
}

.error-required {
    display: none
}

#content-wrap {
    margin: 0 auto 90px;
    padding-top: 32px;
    position: relative;
    width: 950px
}

#content {
    margin: 0 auto 25px;
    position: relative;
    width: 950px
}

#content hgroup {
    position: relative;
    width: 100%
}

#content > .pageAction {
    position: absolute;
    right: 0;
    top: 0
}

#content.mesBox > .c {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.7;
    padding: 30px;
    position: relative;
    text-align: center
}

#content.mesBox > .c a.cover {
    background-color: #fff;
    bottom: 0;
    box-sizing: border-box;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

#content.mesBox > .c a.cover:hover {
    opacity: .3
}

#content.mesBox > .c .text {
    color: #696969;
    margin: 0 0 20px;
    text-decoration: none
}

#saveErrorMessage {
    background-color: #f2dede;
    border-radius: 4px;
    color: #b94a48;
    font-size: 14px;
    margin-top: 10px;
    padding: 8px 14px
}

#saveSuccessMessage {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border-radius: 4px;
    color: #468847;
    font-size: 14px;
    margin-top: 10px;
    padding: 8px 14px
}

.red {
    color: red
}

.centering {
    text-align: center
}

.righting {
    text-align: right
}

#content h1.pageTitle {
    color: #bbb;
    font-size: 150%;
    margin: 0 0 30px;
    text-align: left;
    text-shadow: 1px 1px 0 #fff
}

.info_hover {
    cursor: help;
    font-size: 13px;
    font-weight: 400;
    padding: 5px
}

.info_hover .info_link {
    color: #ccc;
    position: relative
}

.info_hover .info_link_white {
    color: #fff;
    position: relative
}

.info_hover .info_mes {
    display: none;
    position: absolute;
    z-index: 1
}

.info_hover:hover .info_mes {
    background-color: #666;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #eee;
    display: block;
    font-size: 13px;
    left: 0;
    line-height: 1.5;
    margin: 0 10px;
    padding: 10px;
    position: absolute;
    text-align: left;
    width: auto;
    z-index: 100
}

.m_overflowBox {
    border: 2px solid #e1e1e1;
    border-radius: 5px;
    height: 300px;
    line-height: 1.7;
    overflow-y: scroll;
    padding: 10px
}

.m_overflowBox .title {
    margin: 0 0 10px
}

.m_overflowBox dl {
    margin: 0 0 10px
}

.m_overflowBox dt {
    margin: 0 0 5px
}

.m_overflowBox dd {
    margin: 0 0 0 10px
}

.m_overflowBox .number {
    letter-spacing: 4px;
    margin-right: 5px
}

.w100p {
    width: 100%
}

.w100 {
    width: 100px
}

.w200 {
    width: 200px
}

.w250 {
    width: 250px
}

.w300 {
    width: 300px
}

.w400 {
    width: 400px
}

.warning {
    color: #c71e2f;
    font-weight: 700
}

.caution {
    color: #c7b61e;
    font-weight: 700
}

.hidden {
    display: none !important
}

#alertMesBox {
    margin: 30px 0 0
}

.newuser .detail .text {
    line-height: 1.8;
    margin: 10px 0 0 10px
}

#acceptCCApplicantAddressErrorMessage {
    display: none
}

#acceptCCApplicantAddressErrorMessage.display {
    display: block
}

#ConversionMessage.message {
    background-color: #bbb;
    color: #fff;
    font-weight: 700;
    padding: 12px 0;
    text-align: center
}

.conversion_submit {
    margin-top: 18px
}

.formPadding {
    padding: 9px
}

.cardPadding {
    padding: 12px 9px 4px
}

@font-face {
    font-family: baseicon;
    font-style: normal;
    font-weight: 400;
    src: url(/font/baseicon.eot?htu8ks);
    src: url(/font/baseicon.eot?htu8ks#iefix) format("embedded-opentype"), url(/font/baseicon.ttf?htu8ks) format("truetype"), url(/font/baseicon.woff?htu8ks) format("woff"), url(/font/baseicon.svg?htu8ks#baseicon) format("svg")
}

@font-face {
    font-family: baseappsicon;
    font-style: normal;
    font-weight: 400;
    src: url(/font/baseappsicon.eot?gce0lq);
    src: url(/font/baseappsicon.eot?gce0lq#iefix) format("embedded-opentype"), url(/font/baseappsicon.ttf?gce0lq) format("truetype"), url(/font/baseappsicon.woff?gce0lq) format("woff"), url(/font/baseappsicon.svg?gce0lq#baseappsicon) format("svg")
}

@font-face {
    font-family: baseappsicon;
    font-style: normal;
    font-weight: 400;
    src: url(/font/baseappsicon.eot?gce0lq);
    src: url(/font/baseappsicon.eot?gce0lq#iefix) format("embedded-opentype"), url(/font/baseappsicon.ttf?gce0lq) format("truetype"), url(/font/baseappsicon.woff?gce0lq) format("woff"), url(/font/baseappsicon.svg?gce0lq#baseappsicon) format("svg")
}

[class*=" i_app_"]:before, [class^=i_app_]:before {
    font-family: baseappsicon !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.i_app_AgeVerification:before {
    content: "\e900"
}

.i_app_BaseEraser:before {
    content: "\e901"
}

.i_app_Blog:before {
    content: "\e902"
}

.i_app_Chargeback:before {
    content: "\e903"
}

.i_app_ClubT:before {
    content: "\e904"
}

.i_app_Conversion:before {
    content: "\e905"
}

.i_app_Coupon:before {
    content: "\e906"
}

.i_app_CsvLite:before {
    content: "\e907"
}

.i_app_DeliveryNote:before {
    content: "\e908"
}

.i_app_Download:before {
    content: "\e909"
}

.i_app_GiftKit:before {
    content: "\e90a"
}

.i_app_GoogleAd:before {
    content: "\e90b"
}

.i_app_GoogleAdCoupon:before {
    content: "\e90c"
}

.i_app_GoogleAnalytics:before {
    content: "\e90d"
}

.i_app_I18n:before {
    content: "\e90e"
}

.i_app_Interview:before {
    content: "\e90f"
}

.i_app_ItemCategory:before {
    content: "\e910"
}

.i_app_ItemLabel:before {
    content: "\e911"
}

.i_app_ItemQuantityLimit:before {
    content: "\e912"
}

.i_app_Logo:before {
    content: "\e913"
}

.i_app_MailMagazine:before {
    content: "\e914"
}

.i_app_Meta:before {
    content: "\e915"
}

.i_app_MyDomain:before {
    content: "\e916"
}

.i_app_OfflinePayment:before {
    content: "\e917"
}

.i_app_Photo:before {
    content: "\e918"
}

.i_app_Review:before {
    content: "\e919"
}

.i_app_Sale:before {
    content: "\e91a"
}

.i_app_SavingsPlus:before {
    content: "\e91b"
}

.i_app_Search:before {
    content: "\e91c"
}

.i_app_SecretEc:before {
    content: "\e91d"
}

.i_app_ShippingFee:before {
    content: "\e91e"
}

.i_app_SpCase:before {
    content: "\e91f"
}

.i_app_Template:before {
    content: "\e920"
}

.i_app_YahooAd:before {
    content: "\e921"
}

.i_app_DeliveryDate:before {
    content: "\e922"
}

.i_app_Ezlogi:before {
    content: "\e923"
}

.i_app_Subscription:before {
    content: "\e926"
}

.i_app_BaseLive:before {
    content: "\e925"
}

.i_app_CoinFunding:before {
    content: "\e924"
}

.i_app_BulkDispatch:before {
    content: "\e927"
}

.i_app_BaseMessage:before {
    content: "\e928"
}

.i_app_YamatoDelivery:before {
    content: "\e929"
}

@font-face {
    font-family: baseicon;
    font-style: normal;
    font-weight: 400;
    src: url(/font/baseicon.eot?htu8ks);
    src: url(/font/baseicon.eot?htu8ks#iefix) format("embedded-opentype"), url(/font/baseicon.ttf?htu8ks) format("truetype"), url(/font/baseicon.woff?htu8ks) format("woff"), url(/font/baseicon.svg?htu8ks#baseicon) format("svg")
}

[class*=" i_"]:before, [class^=i_]:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.i_gear01:before {
    font-family: baseicon !important;
    content: "\e900"
}

.i_graph01:before {
    font-family: baseicon !important;
    content: "\e901"
}

.i_item01:before {
    font-family: baseicon !important;
    content: "\e902"
}

.i_list01:before {
    font-family: baseicon !important;
    content: "\e903"
}

.i_mobile01:before {
    font-family: baseicon !important;
    content: "\e904"
}

.i_money01:before {
    font-family: baseicon !important;
    content: "\e905"
}

.i_page01:before {
    font-family: baseicon !important;
    content: "\e906"
}

.i_tipi01:before {
    font-family: baseicon !important;
    content: "\e907"
}

.i_tool01:before {
    font-family: baseicon !important;
    content: "\e908"
}

.i_menu01:before {
    font-family: baseicon !important;
    content: "\e909"
}

.i_crown01:before {
    font-family: baseicon !important;
    content: "\e90a"
}

.i_shop01:before {
    font-family: baseicon !important;
    content: "\e90b"
}

.i_attention:before {
    font-family: baseicon !important;
    content: "\e918"
}

.i_caution:before {
    font-family: baseicon !important;
    content: "\e919"
}

.i_check-circle:before {
    font-family: baseicon !important;
    content: "\e91a"
}

.i_closs-circle:before {
    font-family: baseicon !important;
    content: "\e91b"
}

.i_information:before {
    font-family: baseicon !important;
    content: "\e91c"
}

.i_notification:before {
    font-family: baseicon !important;
    content: "\e91d"
}

.i_plus-circle:before {
    font-family: baseicon !important;
    content: "\e91e"
}

.i_question:before {
    font-family: baseicon !important;
    content: "\e91f"
}

.i_skip:before {
    font-family: baseicon !important;
    content: "\e920"
}

.i_sort:before {
    font-family: baseicon !important;
    content: "\e921"
}

.i_tipi:before {
    font-family: baseicon !important;
    content: "\e922"
}

.i_camera:before {
    font-family: baseicon !important;
    content: "\e90c"
}

.i_check:before {
    font-family: baseicon !important;
    content: "\e90d"
}

.i_clock:before {
    font-family: baseicon !important;
    content: "\e90e"
}

.i_cross:before {
    font-family: baseicon !important;
    content: "\e90f"
}

.i_drag:before {
    font-family: baseicon !important;
    content: "\e910"
}

.i_email:before {
    font-family: baseicon !important;
    content: "\e911"
}

.i_loupe:before {
    font-family: baseicon !important;
    content: "\e912"
}

.i_menu:before {
    font-family: baseicon !important;
    content: "\e913"
}

.i_pencil:before {
    font-family: baseicon !important;
    content: "\e914"
}

.i_plus:before {
    font-family: baseicon !important;
    content: "\e915"
}

.i_share:before {
    font-family: baseicon !important;
    content: "\e916"
}

.i_trash:before {
    font-family: baseicon !important;
    content: "\e917"
}

.i_logout:before {
    font-family: baseicon !important;
    content: "\e927"
}

.i_newtab:before {
    font-family: baseicon !important;
    content: "\e928"
}

.i_pin:before {
    font-family: baseicon !important;
    content: "\e92a"
}

.i_cart:before {
    font-family: baseicon !important;
    content: "\e929"
}

.i_page02:before {
    font-family: baseicon !important;
    content: "\e92b"
}

.i_signin01:before {
    font-family: baseicon !important;
    content: "\e930"
}

.i_pencil02:before {
    font-family: baseicon !important;
    content: "\e92f"
}

.i_page03:before {
    font-family: baseicon !important;
    content: "\e92e"
}

.i_login01:before {
    font-family: baseicon !important;
    content: "\e92d"
}

.i_book01:before {
    font-family: baseicon !important;
    content: "\e92c"
}

.i_logout02:before {
    font-family: baseicon !important;
    content: "\e931"
}

.i_arrow-down:before {
    font-family: baseicon !important;
    content: "\e923"
}

.i_arrow-left:before {
    font-family: baseicon !important;
    content: "\e924"
}

.i_arrow-right:before {
    font-family: baseicon !important;
    content: "\e925"
}

.i_arrow-up:before {
    font-family: baseicon !important;
    content: "\e926"
}

.i_attention-triangle:before {
    font-family: baseicon !important;
    content: "\e932"
}

.i_attention-circle:before {
    font-family: baseicon !important;
    content: "\e933"
}

.i_beginner:before {
    font-family: baseicon !important;
    content: "\e934"
}

.i_calendar:before {
    font-family: baseicon !important;
    content: "\e935"
}

.i_card:before {
    font-family: baseicon !important;
    content: "\e936"
}

.i_coins:before {
    font-family: baseicon !important;
    content: "\e938"
}

.i_cross-circle:before {
    font-family: baseicon !important;
    content: "\e939"
}

.i_edit:before {
    font-family: baseicon !important;
    content: "\e93a"
}

.i_file:before {
    font-family: baseicon !important;
    content: "\e93b"
}

.i_heart:before {
    font-family: baseicon !important;
    content: "\e93c"
}

.i_information-circle:before {
    font-family: baseicon !important;
    content: "\e93d"
}

.i_link-add:before {
    font-family: baseicon !important;
    content: "\e93e"
}

.i_link:before {
    font-family: baseicon !important;
    content: "\e93f"
}

.i_movie:before {
    font-family: baseicon !important;
    content: "\e940"
}

.i_question-circle:before {
    font-family: baseicon !important;
    content: "\e941"
}

.i_star:before {
    font-family: baseicon !important;
    content: "\e942"
}

.i_truck:before {
    font-family: baseicon !important;
    content: "\e943"
}

.i_yen-circle:before {
    font-family: baseicon !important;
    content: "\e944"
}

.i_bell:before {
    font-family: baseicon !important;
    content: "\e937"
}

.i_book:before {
    font-family: baseicon !important;
    content: "\e945"
}

.i_caret-down:before {
    font-family: baseicon !important;
    content: "\e946"
}

.i_caret-left:before {
    font-family: baseicon !important;
    content: "\e947"
}

.i_caret-right:before {
    font-family: baseicon !important;
    content: "\e948"
}

.i_caret-up:before {
    font-family: baseicon !important;
    content: "\e949"
}

.i_crown:before {
    font-family: baseicon !important;
    content: "\e94a"
}

.i_designmarket:before {
    font-family: baseicon !important;
    content: "\e94b"
}

.i_gear:before {
    font-family: baseicon !important;
    content: "\e94c"
}

.i_graph:before {
    font-family: baseicon !important;
    content: "\e94d"
}

.i_item:before {
    font-family: baseicon !important;
    content: "\e94e"
}

.i_list:before {
    font-family: baseicon !important;
    content: "\e94f"
}

.i_message:before {
    font-family: baseicon !important;
    content: "\e950"
}

.i_mobile:before {
    font-family: baseicon !important;
    content: "\e951"
}

.i_page:before {
    font-family: baseicon !important;
    content: "\e952"
}

.i_shop:before {
    font-family: baseicon !important;
    content: "\e953"
}

.i_shopbag:before {
    font-family: baseicon !important;
    content: "\e954"
}

.i_tipi-square:before {
    font-family: baseicon !important;
    content: "\e955"
}

.i_tool:before {
    font-family: baseicon !important;
    content: "\e956"
}

/*.i_angle-down:before {*/
/*    font-family: baseicon !important;*/
/*    content: "\e957"*/
/*}*/

.i_angle-left:before {
    font-family: baseicon !important;
    content: "\e958"
}

.i_angle-right:before {
    font-family: baseicon !important;
    content: "\e959"
}

.i_angle-up:before {
    font-family: baseicon !important;
    content: "\e95a"
}

.i_dropper:before {
    font-family: baseicon !important;
    content: "\e95b"
}

.i_ameba:before {
    font-family: baseicon !important;
    content: "\e95c"
}

.i_facebook-square:before {
    font-family: baseicon !important;
    content: "\e95d"
}

.i_facebook:before {
    font-family: baseicon !important;
    content: "\e95e"
}

.i_instagram:before {
    font-family: baseicon !important;
    content: "\e95f"
}

.i_line:before {
    font-family: baseicon !important;
    content: "\e960"
}

.i_twitter:before {
    font-family: baseicon !important;
    content: "\e961"
}

.i_angle-double-left:before {
    font-family: baseicon !important;
    content: "\e962"
}

.i_angle-double-right:before {
    font-family: baseicon !important;
    content: "\e963"
}

.i_asterisk:before {
    font-family: baseicon !important;
    content: "\e964"
}

.i_moon:before {
    font-family: baseicon !important;
    content: "\e965"
}

.i_sun:before {
    font-family: baseicon !important;
    content: "\e966"
}

.i_preview:before {
    font-family: baseicon !important;
    content: "\e967"
}

.i_image:before {
    font-family: baseicon !important;
    content: "\e968"
}

.i_phone:before {
    font-family: baseicon !important;
    content: "\e969"
}

.i_send:before {
    font-family: baseicon !important;
    content: "\e96a"
}

.i_like:before {
    font-family: baseicon !important;
    content: "\e96f"
}

.i_grid:before {
    font-family: baseicon !important;
    content: "\e96e"
}

.i_dislike:before {
    font-family: baseicon !important;
    content: "\e96d"
}

.i_copy:before {
    font-family: baseicon !important;
    content: "\e96c"
}

.i_checkbox:before {
    font-family: baseicon !important;
    content: "\e96b"
}

.i_minus:before {
    font-family: baseicon !important;
    content: "\e973"
}

.i_meatball:before {
    font-family: baseicon !important;
    content: "\e972"
}

.i_lock:before {
    font-family: baseicon !important;
    content: "\e971"
}

.i_mail:before {
    font-family: baseicon !important;
    content: "\e970"
}

.u_mLR15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.u_mT0 {
    margin-top: 0 !important
}

.u_mT05 {
    margin-top: 5px !important
}

.u_mT10 {
    margin-top: 10px !important
}

.u_mT15 {
    margin-top: 15px !important
}

.u_mT16 {
    margin-top: 16px !important
}

.u_mT20 {
    margin-top: 20px !important
}

.u_mT25 {
    margin-top: 25px !important
}

.u_mT30 {
    margin-top: 30px !important
}

.u_mT35 {
    margin-top: 35px !important
}

.u_mT40 {
    margin-top: 40px !important
}

.u_mT45 {
    margin-top: 45px !important
}

.u_mT50 {
    margin-top: 50px !important
}

.u_mR0 {
    margin-right: 0 !important
}

.u_mR05 {
    margin-right: 5px !important
}

.u_mR10 {
    margin-right: 10px !important
}

.u_mR15 {
    margin-right: 15px !important
}

.u_mR20 {
    margin-right: 20px !important
}

.u_mR25 {
    margin-right: 25px !important
}

.u_mR30 {
    margin-right: 30px !important
}

.u_mR35 {
    margin-right: 35px !important
}

.u_mR40 {
    margin-right: 40px !important
}

.u_mR45 {
    margin-right: 45px !important
}

.u_mR50 {
    margin-right: 50px !important
}

.u_mB0 {
    margin-bottom: 0 !important
}

.u_mB05 {
    margin-bottom: 5px !important
}

.u_mB08 {
    margin-bottom: 8px !important
}

.u_mB10 {
    margin-bottom: 10px !important
}

.u_mB12 {
    margin-bottom: 12px !important
}

.u_mB15 {
    margin-bottom: 15px !important
}

.u_mB16 {
    margin-bottom: 16px !important
}

.u_mB20 {
    margin-bottom: 20px !important
}

.u_mB24 {
    margin-bottom: 24px !important
}

.u_mB25 {
    margin-bottom: 25px !important
}

.u_mB30 {
    margin-bottom: 30px !important
}

.u_mB32 {
    margin-bottom: 32px !important
}

.u_mB35 {
    margin-bottom: 35px !important
}

.u_mB36 {
    margin-bottom: 36px !important
}

.u_mB40 {
    margin-bottom: 40px !important
}

.u_mB45 {
    margin-bottom: 45px !important
}

.u_mB50 {
    margin-bottom: 50px !important
}

.u_mL0 {
    margin-left: 0 !important
}

.u_mL05 {
    margin-left: 5px !important
}

.u_mL10 {
    margin-left: 10px !important
}

.u_mL15 {
    margin-left: 15px !important
}

.u_mL20 {
    margin-left: 20px !important
}

.u_mL25 {
    margin-left: 25px !important
}

.u_mL30 {
    margin-left: 30px !important
}

.u_mL35 {
    margin-left: 35px !important
}

.u_mL40 {
    margin-left: 40px !important
}

.u_mL45 {
    margin-left: 45px !important
}

.u_mL50 {
    margin-left: 50px !important
}

.u_pAL10 {
    padding: 10px !important
}

.u_pAL15 {
    padding: 15px !important
}

.u_pAL20 {
    padding: 20px !important
}

.u_pLR15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.u_pT0 {
    padding-top: 0 !important
}

.u_pT05 {
    padding-top: 5px !important
}

.u_pT10 {
    padding-top: 10px !important
}

.u_pT15 {
    padding-top: 15px !important
}

.u_pT16 {
    padding-top: 16px !important
}

.u_pT20 {
    padding-top: 20px !important
}

.u_pT24 {
    padding-top: 24px !important
}

.u_pT25 {
    padding-top: 25px !important
}

.u_pT30 {
    padding-top: 30px !important
}

.u_pT35 {
    padding-top: 35px !important
}

.u_pT40 {
    padding-top: 40px !important
}

.u_pT45 {
    padding-top: 45px !important
}

.u_pT50 {
    padding-top: 50px !important
}

.u_pR0 {
    padding-right: 0 !important
}

.u_pR05 {
    padding-right: 5px !important
}

.u_pR10 {
    padding-right: 10px !important
}

.u_pR15 {
    padding-right: 15px !important
}

.u_pR20 {
    padding-right: 20px !important
}

.u_pR25 {
    padding-right: 25px !important
}

.u_pR30 {
    padding-right: 30px !important
}

.u_pR35 {
    padding-right: 35px !important
}

.u_pR40 {
    padding-right: 40px !important
}

.u_pR45 {
    padding-right: 45px !important
}

.u_pR50 {
    padding-right: 50px !important
}

.u_pB0 {
    padding-bottom: 0 !important
}

.u_pB05 {
    padding-bottom: 5px !important
}

.u_pB10 {
    padding-bottom: 10px !important
}

.u_pB15 {
    padding-bottom: 15px !important
}

.u_pB20 {
    padding-bottom: 20px !important
}

.u_pB25 {
    padding-bottom: 25px !important
}

.u_pB30 {
    padding-bottom: 30px !important
}

.u_pB35 {
    padding-bottom: 35px !important
}

.u_pB40 {
    padding-bottom: 40px !important
}

.u_pB45 {
    padding-bottom: 45px !important
}

.u_pB50 {
    padding-bottom: 50px !important
}

.u_pL0 {
    padding-left: 0 !important
}

.u_pL05 {
    padding-left: 5px !important
}

.u_pL10 {
    padding-left: 10px !important
}

.u_pL15 {
    padding-left: 15px !important
}

.u_pL20 {
    padding-left: 20px !important
}

.u_pL25 {
    padding-left: 25px !important
}

.u_pL30 {
    padding-left: 30px !important
}

.u_pL35 {
    padding-left: 35px !important
}

.u_pL40 {
    padding-left: 40px !important
}

.u_pL45 {
    padding-left: 45px !important
}

.u_pL50 {
    padding-left: 50px !important
}

.u_taL {
    text-align: left !important
}

.u_taC {
    text-align: center !important
}

.u_taR {
    text-align: right !important
}

.u_fwB {
    font-weight: 700 !important
}

.u_fwN {
    font-weight: 400 !important
}

.u_floatR {
    float: right !important
}

.u_floatL {
    float: left !important
}

.u_fz10 {
    font-size: 10px !important
}

.u_fz11 {
    font-size: 11px !important
}

.u_fz12 {
    font-size: 12px !important
}

.u_fz13 {
    font-size: 13px !important
}

.u_fz14 {
    font-size: 14px !important
}

.u_fz15 {
    font-size: 15px !important
}

.u_fz16 {
    font-size: 16px !important
}

.u_fz17 {
    font-size: 17px !important
}

.u_fz18 {
    font-size: 18px !important
}

.u_fz19 {
    font-size: 19px !important
}

.u_fz20 {
    font-size: 20px !important
}

.btn--main {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px
}

.btn--main:active, .btn--main:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.btn--main.is_disabled, .btn--main:disabled {
    background-color: #ccc;
    cursor: default
}

.btn--payid {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #0063f0;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    vertical-align: middle
}

.btn--payid:active, .btn--payid:hover {
    text-decoration: none;
    background-color: #0e5ac7;
    color: #fff;
    transition: .2s;
    border: none
}

.btn--payid.is_disabled, .btn--payid:disabled {
    background-color: #ccc;
    cursor: default
}

.btn--payid__img {
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    width: auto
}

.btn--mainGray {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #666;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px
}

.btn--mainGray:active, .btn--mainGray:hover {
    text-decoration: none;
    background-color: #333;
    color: #fff;
    transition: .2s;
    border: none
}

.btn--mainGray.is_disabled, .btn--mainGray:disabled {
    background-color: #ccc;
    cursor: default
}

.btn--cancel {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #ccc;
    border-radius: 6px;
    box-sizing: border-box;
    color: #6c6c6c;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px
}

.btn--cancel:active, .btn--cancel:hover {
    text-decoration: none;
    background-color: #999;
    color: #6c6c6c;
    transition: .2s;
    border: none
}

.btn--cancel.is_disabled, .btn--cancel:disabled {
    background-color: #ccc;
    cursor: default
}

.btn--del {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f87e7e;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px
}

.btn--del:active, .btn--del:hover {
    text-decoration: none;
    background-color: #cc5754;
    color: #fff;
    transition: .2s;
    border: none
}

.btn--del.is_disabled, .btn--del:disabled {
    background-color: #ccc;
    cursor: default
}

.btn--ghost {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border-radius: 6px;
    box-sizing: border-box;
    color: #c80000;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: 2px solid #c80000;
    font-size: 16px;
    padding: 12px 18px
}

.btn--ghost:active, .btn--ghost:hover {
    text-decoration: none;
    opacity: .8;
    transition: .2s
}

.btn--ghost.is_disabled, .btn--ghost:disabled {
    background-color: #ccc;
    cursor: default
}

.btn--ghost:disabled {
    background: #fff;
    border-color: #c2c8d2;
    color: #c2c8d2;
    opacity: .5
}

.btn--ghostGray {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border-radius: 6px;
    box-sizing: border-box;
    color: #384359;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: 2px solid #384359;
    font-size: 16px;
    padding: 12px 18px
}

.btn--ghostGray:active, .btn--ghostGray:hover {
    text-decoration: none;
    opacity: .8;
    transition: .2s
}

.btn--ghostGray.is_disabled, .btn--ghostGray:disabled {
    background-color: #ccc;
    cursor: default
}

.btn--add:before {
    content: "\e915";
    font-family: baseicon;
    padding: 0 8px 0 0
}

.btn--wMax {
    width: 100%
}

.btn--small01 {
    font-size: 14px;
    line-height: 1.1;
    padding: 9px 12px
}

.btn--toApp {
    border: 1px solid #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #c80000;
    display: block;
    font-size: 14px;
    line-height: 50px;
    margin: 0 10px;
    position: relative;
    text-align: center;
    text-decoration: none
}

.btn--toApp:before {
    background: url(/theme/Smartphone/img/toapp/icon-app01.png) no-repeat left top;
    background-size: 36px;
    bottom: 0;
    content: "";
    display: block;
    height: 36px;
    left: 7px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 36px
}

.btn--add:before {
    content: "\e915";
    font-family: baseicon;
    padding: 0 8px 0 0
}

.shareBtn {
    letter-spacing: -.4em;
    width: 100%
}

.shareBtn__btn {
    border-radius: 6px;
    display: inline-block;
    letter-spacing: normal;
    margin-right: 2%;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 32%
}

.shareBtn__btn:last-child {
    margin-right: 0
}

.shareBtn__btn img {
    display: inline-block;
    height: auto;
    padding-right: 12px;
    vertical-align: middle;
    width: 24px
}

.shareBtn__btn p {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    vertical-align: middle
}

.shareBtn__btn .hide {
    display: none
}

.shareBtn__btnIcon {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    height: 24px;
    margin-right: 5px;
    vertical-align: middle
}

.shareBtn .twitter {
    background: #1da1f2;
    letter-spacing: 1.4px
}

.shareBtn .twitter:hover {
    background-color: #0c7abf
}

.shareBtn .facebook {
    background: #315096;
    letter-spacing: 1.4px
}

.shareBtn .facebook:hover {
    background-color: #263e70
}

.shareBtn .directLink {
    background: #c80000;
    letter-spacing: 1.4px
}

.shareBtn .directLink:hover {
    background-color: #0ea596;
    cursor: pointer
}

.shareBtn .shareBtn__wrp {
    background: #fff;
    border: 3px solid #ddd;
    border-radius: 4px;
    bottom: -84px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    box-sizing: border-box;
    color: #666;
    padding: 8px 10px;
    position: absolute;
    right: 0;
    width: 450px;
    z-index: 5
}

.shareBtn .shareBtn__wrp:hover {
    opacity: 2
}

.shareBtn .shareBtn__wrp:after {
    border: solid transparent;
    border-bottom-color: #ddd;
    border-width: 10px;
    bottom: 100%;
    content: "";
    height: 0;
    left: 0;
    left: 330px;
    pointer-events: none;
    position: absolute;
    width: 0
}

.shareBtn .shareBtn__wrp label {
    display: block;
    font-size: 14px;
    margin: 5px 0;
    text-align: left
}

.shareBtn .shareBtn__wrp input {
    box-sizing: border-box;
    cursor: pointer;
    padding: 3px;
    width: 100%
}

.flashMessage__error {
    background-color: #f2dede;
    box-sizing: border-box;
    color: #b94a48;
    font-size: 14px;
    line-height: 1.3;
    padding: 8px 14px
}

.flashMessage__success {
    background-color: #dff0d8;
    box-sizing: border-box;
    color: #468847;
    font-size: 14px;
    line-height: 1.3;
    padding: 8px 14px
}

.error-message {
    color: #f87e7e;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    margin: 5px auto
}

.flashMessage01 {
    left: 0;
    opacity: 1;
    padding: 15px 0;
    position: fixed;
    top: 72px;
    transition: .4s linear;
    width: 100%;
    z-index: 100
}

.flashMessage01__text {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    text-align: center
}

.flashMessage01--error {
    background-color: #fcdcdc;
    color: #384359
}

.flashMessage01--error .flashMessage01__text:before {
    content: "\e932";
    font-family: bbqicon;
    padding: 0 8px 0 0
}

.flashMessage01--success {
    background-color: #e6797b;
    color: #384359
}

.flashMessage01--success .flashMessage01__text:before {
    content: "\e91a";
    font-family: bbqicon;
    padding: 0 8px 0 0
}

.flashMessage01--hidden {
    opacity: 0;
    transition: .4s linear;
    z-index: -1
}

body.is_sp .flashMessage01 {
    top: 49px
}

.f_switch01 {
    border: solid 1px #ccc;
    border-radius: 20px;
    display: inline-block;
    font-size: 11px;
    height: 22px;
    overflow: hidden;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 80px
}

.f_switch01 input {
    display: none
}

.f_switch01 .label {
    cursor: pointer;
    display: block;
    transition: margin .1s;
    white-space: nowrap
}

.f_switch01 .off, .f_switch01 .on {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    text-align: center;
    vertical-align: top;
    width: 69px
}

.f_switch01 .on {
    background-color: #d61518;
    color: #fff;
    text-shadow: -1px -1px rgba(0, 0, 0, .3)
}

.f_switch01 .separator {
    background-color: #eee;
    border: solid 1px #999;
    border-radius: 50%;
    box-shadow: 1px 2px #fff inset, 1px 1px 5px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    display: inline-block;
    height: 22px;
    margin: 0 -11px;
    position: relative;
    vertical-align: top;
    width: 22px
}

.f_switch01 .off {
    background-color: #eee;
    color: #777;
    text-shadow: 1px 1px #fff
}

.f_switch02 {
    cursor: pointer;
    display: inline-block;
    vertical-align: top
}

.f_switch02 .switch__input {
    display: none
}

.f_switch02 .switch__input + .switch__container {
    background-color: #b2bcca;
    border: 2px solid #b2bcca;
    border-radius: 100px;
    box-sizing: border-box;
    height: 26px;
    overflow: hidden;
    position: relative;
    transition: .4s linear;
    width: 82px
}

.f_switch02 .switch__input + .switch__container .switch__label {
    border-radius: 100px;
    box-sizing: border-box;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    transition: right .2s ease-in;
    width: 136px
}

.f_switch02 .switch__input:checked + .switch__container {
    background-color: #c80000;
    border: 2px solid #c80000;
    transition: .4s linear
}

.f_switch02 .switch__input:checked + .switch__container .switch__label {
    right: -57px;
    transition: right .2s ease-in
}

.f_switch02 .switchLabel {
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding: 0 8px;
    vertical-align: top;
    width: 50%
}

.f_switch02 .switchLabel.switchLabel--on {
    text-align: left
}

.f_switch02 .switchLabel.switchLabel--on:after {
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 22px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px
}

.f_switch02 .switchLabel.switchLabel--off {
    text-align: right
}

.f_tabswitch01 {
    background-color: #ccc;
    border-radius: 4px;
    display: table;
    overflow: hidden
}

.f_tabswitch01 input[type=radio] {
    display: none
}

.f_tabswitch01 label {
    background-color: rgba(136, 136, 136, 0);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: table-cell;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    height: 36px;
    line-height: 1.1;
    padding: 0 10px;
    text-align: center;
    transition: background-color .2s ease-out;
    vertical-align: middle;
    width: 50%
}

.f_tabswitch01 label:not(:last-child) {
    border-right: 1px solid #fff
}

.f_tabswitch01 input[type=radio]:checked + label {
    background-color: #888;
    font-weight: 700;
    transition: background-color .3s ease-out
}

.f_tabswitch01--h40 label {
    height: 40px
}

.f_tagSelect01 {
    display: none
}

.f_tagSelect01 + label {
    background-color: #ccc;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    text-align: center;
    transition: background-color .2s ease-out
}

.f_tagSelect01 + label:hover {
    background-color: #c80000;
    transition: background-color .2s ease-out
}

.f_tagSelect01:checked + label {
    background-color: #c80000
}

.label01 {
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 5px
}

.label01__requireIcon {
    color: #f87e7e;
    padding: 0 0 0 3px;
    vertical-align: top
}

.f_field {
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    min-height: 40px;
    padding: 5px
}

.f_field:focus {
    border: 1px solid #7cd8b7;
    box-shadow: 0 0 5px 0 #7cd8b7;
    outline: 0
}

.f_field--wMax {
    width: 100%
}

textarea.f_field {
    resize: vertical
}

.textField--count {
    display: block
}

.textField--count__field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    min-height: 40px;
    padding: 5px;
    width: 100%
}

.textField--count__number {
    font-size: 12px;
    padding: 8px 0 0;
    text-align: right
}

.f_text01 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box !important;
    font-size: 16px;
    min-height: 40px;
    padding: 5px
}

.f_text01:focus {
    border: 1px solid #7cd8b7;
    box-shadow: 0 0 5px 0 #7cd8b7;
    outline: 0
}

.f_text01--widthMax {
    width: 100%
}

textarea.f_text01 {
    resize: vertical
}

.f_text02 {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    display: table;
    font-size: 16px;
    line-height: 40px;
    min-height: 40px;
    padding: 0 10px
}

.f_text02__text01 {
    display: table-cell;
    font-size: 14px;
    vertical-align: middle
}

.f_text02__field {
    background: 0 0;
    border: none;
    box-sizing: border-box;
    display: table-cell;
    font-size: 16px;
    min-height: 40px;
    vertical-align: middle
}

.f_text02__field:focus {
    border: 1px solid #7cd8b7;
    box-shadow: 0 0 5px 0 #7cd8b7;
    outline: 0
}

.f_text02__field--taR {
    text-align: right
}

.f_text02--wMax {
    width: 100%
}

.f_text02.is_disabled {
    background: #ddd
}

.f_text03 {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 25px;
    box-sizing: border-box;
    display: inline-block;
    position: relative
}

.f_text03__field {
    background: #fff;
    border: none;
    border-radius: 25px;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 14px;
    outline: 0;
    padding: 11px 40px 11px 13px;
    width: 100%
}

.f_text03__btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: block;
    margin-top: -9px;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 50%
}

.f_text03__icon:before {
    font-size: 18px;
    line-height: 1.1;
    vertical-align: top
}

.f_text03--wMax {
    width: 100%
}

.f_checkbox {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none !important;
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    outline: 0;
    position: relative;
    vertical-align: middle;
    width: 25px
}

.f_checkbox:checked {
    background-color: #c80000;
    border: none
}

.f_checkbox:checked:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 14px;
    left: 7px;
    position: absolute;
    top: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px
}

.f_checkbox + label {
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    margin: 0;
    padding: 2px 0 0 5px;
    vertical-align: middle
}

.f_checkbox01 {
    display: none
}

.f_checkbox01 + label {
    cursor: pointer;
    font-size: 13px;
    padding-left: 33px;
    position: relative
}

.f_checkbox01 + label:before {
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    content: "";
    cursor: pointer;
    display: block;
    height: 25px;
    left: 0;
    outline: 0;
    position: absolute;
    top: 0;
    transition: background-color .2s linear;
    width: 25px
}

.f_checkbox01:checked + label:before {
    background-color: #c80000;
    border: none;
    transition: background-color .2s linear
}

.f_checkbox01:checked + label:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 14px;
    left: 7px;
    position: absolute;
    top: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px
}

.f_checkboxWrapper input[type=checkbox] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none !important;
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    outline: 0;
    position: relative;
    vertical-align: middle;
    width: 25px
}

.f_checkboxWrapper input[type=checkbox]:checked {
    background-color: #c80000;
    border: none
}

.f_checkboxWrapper input[type=checkbox]:checked:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 14px;
    left: 7px;
    position: absolute;
    top: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px
}

.f_checkboxWrapper input[type=checkbox] + label {
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    margin: 0;
    padding: 2px 0 0 5px;
    vertical-align: middle
}

.f_radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 100px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    outline: 0;
    position: relative;
    vertical-align: middle;
    width: 25px
}

.f_radio:checked {
    background-color: #c80000;
    border: none
}

.f_radio:checked:after {
    background-color: #fff;
    border-radius: 100px;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 7px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px
}

.f_radio01 {
    display: none
}

.f_radio01 + label {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 25px;
    padding-left: 33px;
    position: relative
}

.f_radio01 + label:before {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 100px;
    box-sizing: border-box;
    content: "";
    cursor: pointer;
    display: block;
    height: 25px;
    left: 0;
    outline: 0;
    position: absolute;
    top: 0;
    transition: background-color .2s linear;
    vertical-align: middle;
    width: 25px
}

.f_radio01:checked + label:before {
    background-color: #c80000;
    border: none;
    transition: background-color .2s linear
}

.f_radio01:checked + label:after {
    background-color: #fff;
    border-radius: 100px;
    box-sizing: border-box;
    content: "";
    height: 7px;
    left: 9px;
    position: absolute;
    top: 9px;
    width: 7px
}

.f_select01 {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block
}

.f_select01 select {
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    height: 38px;
    padding: 4px 8px
}

.f_select01--wMax {
    width: 100%
}

.f_select01--wMax select {
    width: 100%
}

.f_select01--w350 {
    width: 350px
}

.f_select01--w350 select {
    width: 100%
}

.f_select01__arrowDown {
    display: block;
    position: relative
}

.f_select01__arrowDown:before {
    border-right: 2px solid #cacaca;
    border-top: 2px solid #cacaca;
    bottom: 4px;
    content: "";
    height: 8px;
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: top;
    width: 8px
}

.f_select01__arrowDown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 35px
}

.f_select01__arrowDown select::-ms-expand {
    display: none
}

.f_range01 {
    -webkit-appearance: none;
    cursor: pointer;
    padding: 0;
    vertical-align: middle
}

.f_range01::-webkit-slider-runnable-track {
    background: #ddd;
    border: none;
    border-radius: 3px;
    height: 2px
}

.f_range01::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #c80000;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 20px;
    margin-top: -9px;
    width: 20px
}

.f_range01:focus {
    outline: 0
}

.f_range01:focus::-webkit-slider-runnable-track {
    background: #bbb
}

.f_range01::-moz-range-track {
    background: #ddd;
    border: none;
    border-radius: 3px;
    height: 2px
}

.f_range01::-moz-range-thumb {
    background-color: #c80000;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 20px;
    width: 20px
}

.f_range01:-moz-focusring {
    outline: 1px solid #fff;
    outline-offset: -1px
}

.f_range01:focus::-moz-range-track {
    background: #bbb
}

.f_range01::-ms-track {
    background: 0 0;
    border-color: transparent;
    border-width: 12px 0;
    color: transparent;
    height: 2px
}

.f_range01::-ms-fill-lower {
    background: #bbb;
    border-radius: 10px
}

.f_range01::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px
}

.f_range01::-ms-thumb {
    background: #c80000;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 20px;
    margin-top: -3px;
    width: 20px
}

.f_range01:focus::-ms-fill-lower {
    background: #bbb
}

.f_range01:focus::-ms-fill-upper {
    background: #ddd
}

.heading--title {
    background-color: #666;
    color: #fff;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    line-height: 1.2;
    margin: 10px 0 20px;
    padding: 7px 0;
    text-align: center
}

.heading--title__sub {
    font-size: 12px;
    margin-left: 10px
}

.title01 {
    font-size: 22px;
    margin: 0 0 30px
}

.title02 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6
}

.title03 {
    background: #f5f5f5;
    line-height: 34px;
    padding-left: 10px
}

.title04 {
    color: #444;
    font-size: 14px;
    font-weight: 700
}

.title05 {
    border-left: 5px solid #ddd;
    font-size: 14px;
    padding-left: 5px
}

.steps01 {
    overflow: hidden
}

.steps01__child {
    float: left;
    font-size: 12px;
    line-height: 29px;
    position: relative
}

.steps01__child:before {
    background: #d8d8d8;
    border-radius: 13px;
    content: "";
    display: inline-block;
    height: 26px;
    margin: -3px 10px 0 0;
    vertical-align: middle;
    width: 26px
}

.steps01__child + .steps01__child {
    margin: 0 0 0 20px;
    padding: 0 0 0 29px
}

.steps01__child + .steps01__child:after {
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    bottom: 0;
    content: "";
    height: 6px;
    left: 0;
    margin: auto 0;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px
}

.steps01--done:before {
    background-color: #c80000;
    color: #fff;
    content: "\e90d";
    font-family: baseicon !important;
    line-height: 26px;
    text-align: center
}

.steps01--now {
    color: #c80000;
    font-weight: 700
}

.steps01--now:before {
    background-color: #fff;
    border: 2px solid #c80000;
    box-sizing: border-box
}

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

.steps02__child {
    display: table-cell;
    font-size: 12px;
    padding: 0 0 30px;
    position: relative;
    text-align: center
}

.steps02__child:before {
    background: #d8d8d8;
    border-radius: 13px;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 26px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    vertical-align: middle;
    width: 26px;
    z-index: 20
}

.steps02__child + .steps02__child:after {
    border-top: 1px solid #ccc;
    bottom: 12px;
    content: "";
    height: 1px;
    left: -50%;
    margin: auto 0;
    position: absolute;
    width: 100%;
    z-index: 10
}

.steps02--done:before {
    background-color: #c80000;
    color: #fff;
    content: "\e90d";
    font-family: baseicon !important;
    line-height: 26px;
    text-align: center
}

.steps02--done:after {
    border-color: #c80000
}

.steps02--now {
    font-weight: 700
}

.steps02--now:before {
    background-color: #fff;
    border: 1px solid #c80000;
    box-sizing: border-box
}

.steps02--now:after {
    border-color: #c80000
}

.i_valid {
    background-color: #c80000;
    border-radius: 50px;
    display: inline-block;
    height: 26px;
    position: relative;
    width: 26px
}

.i_valid:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 14px;
    left: 8px;
    position: absolute;
    top: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px
}

.i_valid--L {
    background-color: #c80000;
    border-radius: 100px;
    display: inline-block;
    height: 60px;
    position: relative;
    width: 60px
}

.i_valid--L:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 28px;
    left: 20px;
    position: absolute;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px
}

.status01 {
    background: #a0a0a0;
    border-radius: 19px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 38px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.status01--check {
    padding-left: 45px
}

.status01--check:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    bottom: 5px;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 14px;
    left: 20px;
    margin: auto;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px
}

.status01--gray {
    background: #a0a0a0
}

.status01--green {
    background: #c80000
}

.status01--red {
    background: #f87e7e
}

.status01--redGhost {
    background: #fff1f1;
    color: #f87e7e
}

.status01--small01 {
    font-size: 12px;
    line-height: 26px;
    padding: 0 10px
}

.status01--wMax {
    display: block;
    padding: 0
}

.status02 {
    border: 1px solid #f6a623;
    border-radius: 3px;
    color: #f6a623;
    display: inline-block;
    font-size: 10px;
    line-height: 1.1;
    margin: 0 0 6px;
    padding: 3px 8px;
    text-align: center
}

.status02--orange {
    border-color: #f6a623;
    color: #f6a623
}

.status02--blue {
    border-color: #83adda;
    color: #83adda
}

.coverLayer {
    background: none repeat scroll 0 0 rgba(94, 94, 94, .6);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5999999
}

.text01 {
    line-height: 1.6
}

.text01 + .text01 {
    margin-top: 10px
}

.m_btnWrap01 {
    margin: 0 auto;
    width: 320px
}

.m_btnWrap01 [class^=btn--] {
    width: 100%
}

.m_btnWrap02 {
    display: table;
    width: 100%
}

.m_btnWrap02__child {
    display: table-cell;
    padding: 0 0 0 15px;
    vertical-align: top;
    width: 50%
}

.m_btnWrap02__child:first-child {
    padding: 0 15px 0 0
}

.m_btnWrap02__child a, .m_btnWrap02__child button {
    line-height: 1.4
}

.m_btnWrap02 [class^=btn--] {
    width: 100%
}

.m_checkboxWrapper01 label {
    display: inline-block;
    height: 25px;
    line-height: 25px
}

.m_radioWrapper01 label {
    display: inline-block;
    height: 25px;
    line-height: 25px
}

.m_radioWrapper01 + .m_radioWrapper01 {
    margin-top: 10px
}

.m_radioWrapper01--multiLine label {
    display: inline-block;
    height: auto;
    line-height: 1.5;
    padding: 4px 0 0 33px
}

.m_radioWrapper02 {
    overflow: hidden
}

.m_radioWrapper02 label {
    display: inline-block;
    height: 25px;
    line-height: 25px
}

.m_radioWrapper02__child {
    float: left;
    margin-right: 20px
}

.m_fieldWrapper01 {
    overflow: hidden
}

.m_fieldWrapper01 .f_field {
    float: left;
    margin-right: 10px
}

.m_fieldWrapper01__text {
    float: left;
    font-size: 14px;
    line-height: 40px;
    margin: 0
}

.m_fieldWrapper02 {
    overflow: hidden;
    width: 100%
}

.m_fieldWrapper02__child {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px
}

.m_fieldWrapper02--twoColumn .m_fieldWrapper02__child {
    box-sizing: border-box;
    margin-bottom: 6px;
    margin-right: 0;
    padding-right: 3px;
    width: 50%
}

.m_fieldWrapper02--twoColumn .m_fieldWrapper02__child:nth-child(2n) {
    padding-left: 3px;
    padding-right: 0
}

.m_errorMessage .error-message {
    color: #f87e7e;
    line-height: 1.4
}

.mediaList01 {
    background: #fff
}

.mediaList01__child {
    border-bottom: 1px solid #eee
}

.mediaList01__link {
    color: #1c1c1c;
    display: block;
    padding: 15px 30px 15px 15px;
    position: relative;
    text-decoration: none
}

.mediaList01__link:after, .mediaList01__link:before {
    bottom: 0;
    content: "";
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle
}

.mediaList01__link:before {
    border-right: 1px solid #979797;
    border-top: 1px solid #979797;
    height: 9px;
    right: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 9px
}

.mediaList01__inner {
    display: table;
    margin: 0
}

.mediaList01__imgWrap {
    display: table-cell;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    width: 80px
}

.mediaList01__img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.mediaList01__box {
    display: table-cell;
    padding: 0 0 0 10px;
    vertical-align: middle
}

.mediaList01__text01 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 14px;
    -webkit-line-clamp: 3;
    line-height: 1.6;
    overflow: hidden;
    word-break: break-word
}

.mediaList01__text02 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 2px
}

.mediaList01__subText01 {
    color: #999;
    font-size: 12px;
    line-height: 1.6
}

.mediaList01__labelWrap {
    margin: 0 0 5px
}

.mediaList01__label01 {
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    line-height: 1.6;
    margin-right: 5px;
    padding: 2px 10px
}

.mediaList01__labelGreen {
    background: #c80000
}

.mediaList01__labelGray {
    background: #a0a0a0
}

.mediaList01__labelRed {
    background: #f87e7e
}

.mediaList01--noArrow .mediaList01__link:after, .mediaList01--noArrow .mediaList01__link:before {
    border: none
}

.o_form__topinfo {
    background-color: #fcfcfd;
    border: 4px solid #f0f1f4;
    box-sizing: border-box;
    margin: 40px 0 0;
    padding: 24px
}

.o_form__row {
    border-bottom: 1px solid #f0f1f4;
    box-sizing: border-box;
    display: table;
    font-size: 14px;
    padding: 40px 0;
    width: 100%
}

.o_form__row--noborder {
    border-bottom: none
}

.o_form__header {
    display: table-cell;
    vertical-align: middle;
    width: 210px
}

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

.o_form__title {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px
}

.o_form__relatvie {
    height: 100%;
    position: relative;
    width: 100%
}

.o_form__notification {
    background-color: #f0f1f4;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 16px;
    padding: 20px
}

.o_form__btnBlock {
    padding-top: 32px;
    text-align: center
}

.o_form__contentBlock {
    padding: 32px 0;
    text-align: center
}

.o_form__separator {
    background-color: #f0f1f4;
    box-sizing: border-box;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 100px
}

.o_form__separator span {
    font-weight: 700
}

.o_form__inputBlock {
    margin-bottom: 16px
}

.o_form__inputLabel {
    margin-bottom: 8px
}

.o_form__inner {
    margin: 0 0 40px;
    padding: 0 100px
}

@media only screen and (max-width: 519px) {
    .o_form__topinfo {
        background-color: #fcfcfd;
        border: 4px solid #f0f1f4;
        box-sizing: border-box;
        font-size: 12px;
        margin: 20px 0 0;
        padding: 12px
    }

    .o_form__row {
        display: block;
        font-size: 14px;
        padding: 32px 0;
        width: 100%
    }

    .o_form__row.--noborder {
        border-bottom: none
    }

    .o_form__header {
        display: block;
        margin: 0 0 16px;
        width: 100%
    }

    .o_form__data {
        display: block
    }

    .o_form__notification {
        font-size: 12px;
        line-height: 1.4;
        margin-top: 16px;
        padding: 16px
    }
}

.pagerGroup {
    font-size: 12px;
    padding: 30px 10px 0
}

.pagerGroup--center {
    text-align: center
}

.pagerGroup__header {
    font-size: 13px
}

.pagerGroup__order {
    background: #fff;
    border-radius: 3px;
    display: inline-block;
    height: 36px;
    list-style: disc;
    margin-top: 10px;
    padding: 0;
    text-align: center
}

.pagerGroup--shadow .pagerGroup__order, .pagerGroup--shadow.pagerGroup__order {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}

.pagerGroup__list {
    display: inline
}

.pagerGroup__list a, .pagerGroup__list--active {
    color: #63c1ae;
    float: left;
    line-height: 34px;
    padding: 0 14px;
    text-decoration: none
}

.pagerGroup__list--active {
    color: #000;
    font-weight: 700
}

.tableStyle01 {
    width: 100%
}

.tableStyle01--borderTop {
    border-top: 1px solid #ddd
}

.tableStyle01--hoverTr:hover {
    background: #eaf6f3
}

.tableStyle01__th {
    font-size: 12px
}

.tableStyle01__td, .tableStyle01__th {
    border-bottom: 1px solid #ddd;
    line-height: 1.5;
    vertical-align: middle
}

.tableStyle01__th {
    background-color: #777;
    color: #fff;
    padding: 7px 10px
}

.tableStyle01__td {
    padding: 12px 0
}

.tableStyle01__imgContainer {
    height: 50px;
    text-align: center;
    width: 50px
}

.tableStyle01__img {
    max-height: 50px;
    max-width: 50px
}

.tableStyle01__taC {
    text-align: center
}

.tableStyle01__taL {
    padding-left: 10px;
    text-align: left
}

.tableStyle01__taR {
    padding-right: 10px;
    text-align: right
}

.tableStyle01__w40 {
    width: 40px
}

.tableStyle01__w50 {
    width: 50px
}

.tableStyle01__w60 {
    width: 60px
}

.tableStyle01__w80 {
    width: 80px
}

.tableStyle01__w90 {
    width: 90px
}

.tableStyle01__w100 {
    width: 100px
}

.tableStyle01__w120 {
    width: 120px
}

.tableStyle01__w130 {
    width: 130px
}

.tableStyle02--wMax {
    width: 100%
}

.tableStyle02__td, .tableStyle02__th {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    padding: 7px 0
}

.tableStyle02__th {
    background: #f5f5f5
}

.tableStyle02__w60 {
    width: 60px
}

.tableStyle02__w100 {
    width: 100px
}

.tableStyle02__w150 {
    width: 150px
}

.tableStyle02__taC {
    text-align: center
}

.tableStyle02__taL {
    padding-left: 10px;
    text-align: left
}

.tableStyle02__taR {
    padding-right: 10px;
    text-align: right
}

.hide {
    display: none !important
}

#saveErrorMessage, .message.error {
    background-color: #fcdcdc;
    color: #384359;
    font-size: 14px;
    font-weight: 700;
    line-height: 47px;
    text-align: center
}

#saveSuccessMessage, .message.save {
    background-color: #e6797b;
    color: #384359;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    padding: 16px 0;
    text-align: center
}

.dialogConfirm {
    display: none
}

.dialogConfirm__text {
    font-size: 13px;
    line-height: 1.4;
    position: absolute;
    text-align: center;
    top: 32px;
    width: 400px
}

.ui-widget-overlay {
    background: rgba(0, 0, 0, .5);
    height: 200%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.dialogConfirmWrap {
    background: #fff;
    border-radius: 5px;
    bottom: 0;
    display: block;
    height: 150px !important;
    left: 0 !important;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0 !important;
    width: 400px !important;
    z-index: 999
}

.dialogConfirmWrap .ui-dialog-buttonset {
    bottom: 0;
    position: absolute;
    width: 100%
}

.dialogConfirmWrap .ui-button {
    border-style: none;
    bottom: 0;
    font-size: 13pt;
    height: 50px;
    outline: 0;
    vertical-align: bottom;
    width: 50%
}

.dialogConfirmWrap .dialogBtn--cancel {
    background: #eee;
    border-radius: 0 0 0 5px;
    color: #777
}

.dialogConfirmWrap .dialogBtn--confirm {
    background: #e95f5b;
    border-radius: 0 0 5px;
    color: #fff;
    font-weight: 700
}

.dialogConfirmWrap button.ui-dialog-titlebar-close {
    display: none
}

.itemList01 {
    margin-bottom: 20px;
    overflow: hidden
}

.itemList01__itemListInner {
    border: 1px solid #dcdcdc;
    max-height: 530px;
    overflow-y: scroll;
    position: relative
}

.itemList01__itemListchild {
    position: relative
}

.itemList01__itemListchild + .itemList01__itemListchild {
    border-top: 1px solid #dcdcdc
}

.itemList01__itemRemove {
    background: #b2bcca;
    border-radius: 10px;
    bottom: 0;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: auto;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
    vertical-align: middle;
    width: 20px
}

.itemList01__itemRemove:after, .itemList01__itemRemove:before {
    border-top: 3px solid #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px
}

.itemList01__itemRemove:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.itemList01__itemRemove:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.itemList01__inputCheck {
    display: none
}

.itemList01__itemWrap {
    display: block;
    padding: 10px;
    position: relative
}

.itemList01__itemImg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 50px;
    vertical-align: middle;
    width: 50px
}

.itemList01__itemTitle {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 523px
}

.itemSelect01__btnAdd {
    margin: 0 auto 70px;
    width: 320px
}

.itemSelect01__modal {
    background: #fff;
    bottom: 80px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
    display: none;
    left: 0;
    margin: auto;
    max-height: 1000px;
    position: fixed;
    right: 0;
    top: 80px;
    width: 690px;
    z-index: 6000000
}

.itemSelect01__modal .itemSelect01__btns {
    background: #f5f5f5;
    padding: 20px
}

.itemSelect01__modalTitle {
    background: #666;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 42px;
    padding: 0 10px
}

.itemSelect01__modalSearch {
    background: #f5f5f5;
    display: table;
    height: 60px;
    width: 100%
}

.itemSelect01__allCheck {
    display: table-cell;
    padding: 18px 0 17px 20px;
    vertical-align: middle
}

.itemSelect01__allCheckLabel {
    font-size: 14px
}

.itemSelect01__allCheckInput {
    margin: 0 10px 0 0;
    vertical-align: -6px !important
}

.itemSelect01__totalNum {
    display: table-cell;
    font-size: 14px;
    padding: 0 0 0 15px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    width: 60px
}

.itemSelect01__changeView {
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    width: 70px
}

.itemSelect01__changeViewBtns {
    float: left;
    padding: 0 5px;
    width: 25px
}

.itemSelect01__changeViewColumn, .itemSelect01__changeViewList {
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    height: 25px;
    position: relative;
    width: 25px
}

.itemSelect01__changeViewColumn:focus, .itemSelect01__changeViewList:focus {
    outline: 0
}

.itemSelect01__changeViewList {
    background: #fff
}

.itemSelect01__changeViewList:after, .itemSelect01__changeViewList:before {
    border-bottom: 2px solid #d8d8d8;
    border-top: 2px solid #d8d8d8;
    content: "";
    height: 3px;
    left: 4px;
    position: absolute;
    right: 4px
}

.itemSelect01__changeViewList:before {
    top: 3px
}

.itemSelect01__changeViewList:after {
    bottom: 3px
}

.itemSelect01__changeViewList.is-active {
    background: #c80000;
    border-color: #c80000
}

.itemSelect01__changeViewList.is-active:after, .itemSelect01__changeViewList.is-active:before {
    border-color: #fff
}

.itemSelect01__changeViewColumn {
    background: #d8d8d8;
    box-shadow: inset 0 0 0 3px #fff
}

.itemSelect01__changeViewColumn:after, .itemSelect01__changeViewColumn:before {
    background: #fff;
    bottom: 3px;
    content: "";
    left: 3px;
    margin: auto;
    position: absolute;
    right: 3px;
    top: 3px
}

.itemSelect01__changeViewColumn:before {
    width: 3px
}

.itemSelect01__changeViewColumn:after {
    height: 3px
}

.itemSelect01__changeViewColumn.is-active {
    background: #fff;
    border-color: #c80000;
    box-shadow: inset 0 0 0 3px #c80000
}

.itemSelect01__changeViewColumn.is-active:after, .itemSelect01__changeViewColumn.is-active:before {
    background: #c80000
}

.itemSelect01__search {
    display: table-cell;
    letter-spacing: -.4em;
    padding: 10px 20px;
    vertical-align: middle;
    width: 266px
}

.itemSelect01__searchInput {
    border-radius: 4px 0 0 4px;
    letter-spacing: normal;
    vertical-align: top;
    width: 200px
}

.itemSelect01__searchButton {
    border-radius: 0 4px 4px 0;
    display: inline-block;
    height: 40px;
    letter-spacing: normal;
    line-height: 1;
    vertical-align: top;
    width: 66px
}

.itemSelect01__itemList {
    overflow: hidden
}

.itemSelect01__loading {
    background: url(/images/gif-load.gif) no-repeat center center;
    clear: both;
    display: none;
    height: 100px;
    width: 100%
}

.itemSelect01__itemListInner {
    bottom: 84px;
    box-sizing: border-box;
    left: 0;
    overflow-y: scroll;
    position: absolute;
    top: 106px;
    width: 100%
}

.itemSelect01__itemListInner.is-loading .itemSelect01__loading {
    display: block
}

.itemSelect01__itemListInner.is-listView .itemSelect01__itemListchild {
    border-bottom: 1px solid #ddd;
    position: relative
}

.itemSelect01__itemListInner.is-listView .itemSelect01__inputCheck {
    bottom: 0;
    left: 20px;
    margin: auto;
    position: absolute;
    top: 0
}

.itemSelect01__itemListInner.is-listView .itemSelect01__itemWrap {
    box-sizing: border-box;
    display: inline-block !important;
    line-height: 1 !important;
    padding: 20px 20px 20px 65px !important;
    width: 100%
}

.itemSelect01__itemListInner.is-listView .itemSelect01__itemImg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 50px;
    margin: 0 18px 0 0;
    vertical-align: middle;
    width: 50px
}

.itemSelect01__itemListInner.is-listView .itemSelect01__itemTitle {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    max-width: 518px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.itemSelect01__itemListInner.is-columnView {
    padding: 20px 0 0 20px;
    width: 690px
}

.itemSelect01__itemListInner.is-columnView .itemSelect01__itemListchild {
    float: left;
    height: 168px;
    margin: 0 10px 12px 0;
    position: relative;
    width: 120px
}

.itemSelect01__itemListInner.is-columnView .itemSelect01__inputCheck {
    display: none
}

.itemSelect01__itemListInner.is-columnView .itemSelect01__itemWrap {
    border: 1px solid #dcdcdc;
    display: block;
    height: 168px;
    padding: 0 !important
}

.itemSelect01__itemListInner.is-columnView .itemSelect01__inputCheck:checked + .itemSelect01__itemWrap {
    border: 2px solid #c80000;
    height: 164px;
    position: relative;
    width: 116px
}

.itemSelect01__itemListInner.is-columnView .itemSelect01__inputCheck:checked + .itemSelect01__itemWrap::before {
    border-bottom: 6px solid #c80000;
    border-left: 6px solid #c80000;
    content: "";
    display: block;
    height: 25px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 40px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 45px
}

.itemSelect01__itemListInner.is-columnView .itemSelect01__inputCheck:checked + .itemSelect01__itemWrap .itemSelect01__itemImg {
    margin: -1px 0 0 -1px;
    opacity: .3
}

.itemSelect01__itemListInner.is-columnView .itemSelect01__inputCheck:checked + .itemSelect01__itemWrap .itemSelect01__itemTitle {
    margin-left: 4px
}

.itemSelect01__itemListInner.is-columnView .itemSelect01__itemImg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 118px;
    width: 118px
}

.itemSelect01__itemListInner.is-columnView .itemSelect01__itemTitle {
    font-size: 12px;
    line-height: 1.3 !important;
    margin: 9px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.itemSelect01__itemListInner.is-columnView .itemSelect01__loading {
    width: 650px
}

.itemSelect01__btns {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    width: 650px
}

.itemSelect01__btnsChild {
    float: left;
    width: 315px
}

.itemSelect01__btnsChild:first-child {
    margin: 0 20px 0 0
}

.itemSelect01__btnsChildBtn {
    width: 313px
}

.tab01 {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 24px
}

.tab01__child {
    border-radius: 4px 4px 0 0;
    text-align: center;
    width: 33%;
    background-color: #fff;
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    font-weight: 700
}

.tab01__link {
    border-radius: 4px 4px 0 0;
    background-color: #d9dee6;
    color: inherit;
    display: block;
    font-weight: 400
}

.tab01__link.is-active {
    font-weight: 700;
    background-color: #fff
}

.coverFixed {
    background-color: rgba(255, 255, 255, .5);
    bottom: 0;
    left: 0;
    overflow: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999
}

.coverFixed--centering {
    display: table;
    height: 100%;
    width: 100%
}

.coverFixed--centering > .coverFixed__wrap {
    display: table-cell;
    padding: 30px;
    vertical-align: middle
}

.coverAb {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.popupAnnounce {
    -webkit-animation: popupAnnounceAnimate .2s ease .2s 1;
    animation: popupAnnounceAnimate .2s ease .2s 1;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(100, 100, 100, .3);
    margin: 100px auto 30px;
    max-width: 800px;
    min-width: 400px;
    overflow: hidden;
    position: relative
}

.popupAnnounce:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100px;
    content: "";
    display: block;
    height: 200px;
    width: 100%
}

.popupAnnounce--caveat:before {
    background-color: #edcf21;
    background-image: url(/img/common/ui/icon_caveat.png)
}

.popupAnnounce__content {
    padding: 60px
}

.popupAnnounce__close {
    cursor: pointer;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0
}

.popupAnnounce__title {
    font-size: 21px;
    line-height: 1.8em;
    margin-bottom: 40px;
    text-align: center
}

.popupAnnounce__text {
    line-height: 1.8em;
    margin-bottom: 40px
}

.popupAnnounce__btnArea {
    margin-top: 40px;
    text-align: center
}

.popupAnnounce__btnArea .btnBase {
    line-height: 30px;
    width: 320px
}

@-webkit-keyframes popupAnnounceAnimate {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    40% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
    70% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes popupAnnounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    40% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
    70% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes popupAnnounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    40% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
    70% {
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.btnBase {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #d61518;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.7;
    margin: 0;
    padding: 5px 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    vertical-align: middle
}

.btnBase.real {
    box-shadow: 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px #90e8d2
}

.btnBase.real.cancel {
    box-shadow: 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px #bebebe
}

.btnBase.cancel {
    background-color: #ccc;
    color: #6c6c6c
}

@media only screen and (max-width: 828px) {
    .btnBase {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .popupAnnounce {
        max-width: initial;
        min-width: initial;
        width: 92%
    }

    .popupAnnounce:before {
        height: 160px
    }

    .popupAnnounce__content {
        padding: 8%
    }

    .popupAnnounce__title {
        font-size: 18px;
        margin-bottom: 0
    }

    .popupAnnounce__text {
        font-size: 14px;
        margin-bottom: 0
    }

    .popupAnnounce__btnArea {
        margin-top: 0
    }

    .popupAnnounce__btnArea .btnBase {
        width: 100%
    }

    .popupAnnounce__btnArea .btnBase:nth-child(2) {
        margin-top: 15px
    }
}

.escrowFormBlock--category {
    border-bottom: 1px solid #dcdcdc
}

.shopCategory__select .selectWrapper {
    background: 0;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    font-size: 16px;
    font-size: 14px;
    height: 48px;
    line-height: 1.5;
    margin-bottom: 12px;
    max-width: 384px;
    padding: 0 16px;
    width: 100%;
    z-index: 2
}

.shopCategory__text {
    color: #5c666b;
    font-size: 12px;
    line-height: 1.2;
    text-align: left;
    width: 444px
}

body {
    background: #f0f1f4
}

#content-wrap {
    margin: 0 auto 90px;
    padding-top: 120px;
    position: relative;
    width: 950px
}

#content {
    margin: 0 auto 25px;
    position: relative;
    width: 950px
}

.apps .menuContentGroup {
    box-sizing: border-box;
    color: #384359;
    position: relative
}

.apps .menuContentGroup__menu {
    background-color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    height: auto;
    left: auto;
    margin-left: 0;
    padding: 0;
    position: fixed;
    top: 114px;
    width: 210px
}

.apps .menuContentGroup__content {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    margin: 0 0 0 auto;
    min-height: 400px;
    width: 712px
}

.appsMenu {
    border: 1px solid #e7e7e7
}

.appsMenu__heading {
    padding: 20px 0;
    text-align: center
}

.appsMenu__logo {
    display: block;
    margin: 0 0 20px
}

.appsMenu__title {
    font-size: 13px;
    font-weight: 700
}

.appsMenu__item {
    border-top: 1px solid #e7e7e7;
    height: 50px
}

.appsMenu__item > a {
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 13px;
    height: 100%;
    line-height: 50px;
    padding: 0 0 0 10px;
    text-decoration: none;
    width: 100%
}

.appsMenu__item > a:hover {
    background-color: #dce0e7;
    text-decoration: none
}

.appsMenu__item .is_active {
    font-weight: 700
}

.blockTitle {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e7e7e7;
    font-size: 18px;
    padding: 20px
}

.blockTitle__sub {
    font-size: 12px;
    margin-left: 10px
}

.blockWrapper {
    padding: 35px
}

.block__txt {
    font-size: 14px;
    line-height: 1.7
}

.block__txt:not(:last-child) {
    margin-bottom: 25px
}

.block__notice {
    background-color: #f5f5f5;
    font-size: 12px;
    line-height: 1.6;
    padding: 10px
}

.notice__list:not(:last-child) {
    margin-bottom: 8px
}

.supportBlock:not(:last-child) {
    margin-bottom: 10px
}

.supportBlock__intro {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 30px
}

.supportContent {
    font-size: 14px
}

.supportContent:not(:last-child) {
    margin-bottom: 30px
}

.supportContent__title {
    border-bottom: 1px solid #979797;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 8px
}

.supportContent__content {
    line-height: 24px
}

.supportContent__figure {
    margin: 10px 0 20px
}

.supportContent__img {
    border: 3px solid #eee;
    box-sizing: border-box;
    width: 100%
}

.appCancelBlock__title {
    font-size: 18px;
    margin-bottom: 30px
}

.appCancelBlock__block {
    font-size: 14px;
    line-height: 24px
}

.appCancelBlock .passwd {
    border-top: 1px solid #efefef;
    margin-top: 50px;
    padding-top: 50px
}

.appCancelBlock .passwd__form {
    display: table;
    width: 100%
}

.appCancelBlock .passwd__label {
    display: table-cell;
    color: #384359;
    font-size: 14px;
    margin-bottom: 8px
}

.appCancelBlock .passwd__field {
    display: table-cell;
    width: 60%
}

.appCancelBlock .passwd__field input {
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    min-height: 40px;
    padding: 5px;
    width: 100%
}

.appCancelBlock .passwd__field input:focus {
    border: 1px solid #7cd8b7;
    box-shadow: 0 0 5px 0 #7cd8b7;
    outline: 0
}

.appCancelBlock__btn {
    margin-top: 40px;
    text-align: center
}

.appCancelBlock__btn .appcancelBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f87e7e;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    margin: 0 auto;
    width: 290px
}

.appCancelBlock__btn .appcancelBtn:active, .appCancelBlock__btn .appcancelBtn:hover {
    text-decoration: none;
    background-color: #cc5754;
    color: #fff;
    transition: .2s;
    border: none
}

.appCancelBlock__btn .appcancelBtn.is_disabled, .appCancelBlock__btn .appcancelBtn:disabled {
    background-color: #ccc;
    cursor: default
}

.controls textarea {
    height: auto
}

.d_lineNav {
    background-color: #fcfcfc;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #e7e7e7;
    border-radius: 5px;
    border-radius: 5px;
    border-right: 1px solid #e7e7e7;
    border-top: 1px solid #eee
}

.d_lineNav.row {
    width: 100%
}

.d_lineNav.row > ul {
    position: relative
}

.d_lineNav.row > ul > li {
    border-right: 1px solid #dbdbdb;
    float: left;
    position: relative;
    text-align: center
}

.d_lineNav.row > ul > li.right {
    border-left: 1px solid #dbdbdb;
    border-right: none;
    float: right
}

.d_lineNav.row > ul > li > a {
    color: #545454;
    display: inline-block;
    font-size: 11px;
    line-height: 42px;
    position: relative;
    text-decoration: none;
    width: 130px
}

.d_lineNav.row > ul > li a.active, .d_lineNav.row > ul > li a.selected {
    font-weight: 700
}

.d_lineNav.row > ul > li > .c.nest {
    background-color: #fcfcfc;
    border-bottom: 1px solid #cacaca;
    border-left: 1px solid #e2e2e2;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #e2e2e2;
    border-top: none;
    left: -1px;
    position: absolute;
    right: -1px;
    top: 39px;
    z-index: 1
}

body.baseapps .left-column .flashMes {
    line-height: 18px;
    width: 100%
}

body.baseapps .left-column .flashMes > .message {
    color: #fff;
    padding: 5px 20px
}

body.baseapps .left-column .flashMes > .message.invalid {
    background-color: #ec7063;
    font-weight: 700
}

body.baseapps .content {
    background-color: #fff;
    padding: 20px
}

body.baseapps ul.tab {
    margin: 0 0 0 10px
}

body.baseapps ul.tab li {
    background-color: #c1c1c1;
    border-radius: 5px 5px 0 0;
    float: left;
    margin: 0 10px 0 0
}

body.baseapps ul.tab li a {
    display: block;
    font-weight: 600;
    padding: 10px
}

body.baseapps ul.tab li.active {
    background-color: #d61518
}

body.baseapps ul.tab li a {
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px
}

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

table.tableParanemic tr {
    border-bottom: 1px solid #e1e1e1;
    font-size: 13px;
    line-height: 18px
}

table.tableParanemic tr:first-child {
    border-bottom: 2px solid #e1e1e1;
    line-height: 18px
}

table.tableParanemic tr:first-child th {
    font-size: 11px;
    font-weight: 600;
    padding: 0 5px;
    vertical-align: bottom
}

table.tableParanemic tr td {
    padding: 7px 5px;
    vertical-align: middle
}

#pageNav + .c {
    float: none
}

body.baseapps .caption {
    background-color: #f1f1f1;
    border-left: 5px solid #444;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 20px;
    padding: 5px 5px 5px 10px;
    text-align: left
}

body.baseapps .innerContent {
    margin: 0 0 30px
}

body.baseapps p.text.small {
    font-size: 11px
}

body.baseapps .l_annotate {
    border-top: 1px solid #e1e1e1;
    margin: 60px 0 0;
    padding: 30px 0 0
}

body.baseapps .l_annotate .title {
    font-weight: 700
}

body.baseapps .l_annotate .column {
    font-size: 12px;
    margin: 0 0 15px
}

body.baseapps .l_annotate .column .caption {
    background-color: inherit;
    border-left: inherit;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 5px;
    text-align: left
}

body.baseapps .l_annotate .column .text {
    font-size: 13px;
    margin: 0 5px 10px
}

body.baseapps .title {
    font-size: 21px
}

body.baseapps .subTitle {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 10px 0 15px;
    text-align: center
}

body.baseapps .sentence {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 10px
}

body.baseapps .subsentence {
    font-size: 11px;
    line-height: 14px
}

.baseapps input.textBox {
    border: 1px solid #999;
    border-radius: 3px;
    box-shadow: none;
    font-size: 13px;
    line-height: 24px;
    padding: 0 0 0 5px
}

.baseapps input.textBox.long {
    width: 400px
}

.baseapps .contentBox {
    background: #fff;
    border-radius: 0 0 5px 5px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
    display: block;
    line-height: 18px;
    padding: 20px
}

.baseapps .colorBox .logo-color {
    border: 3px solid #eee;
    box-sizing: border-box
}

.baseapps .controls .colorBox .logo-color.selected {
    border: 3px solid #191919
}

.baseapps #giftKit.groupParallel .control-radio .controls {
    margin: 0 20px 20px;
    padding: 0 0 30px;
    position: relative
}

.baseapps #giftKit.groupParallel .control-radio input {
    bottom: 1px;
    left: 65px;
    position: absolute
}

.baseapps .control-radio .control-group {
    margin: 40px 0 0;
    overflow: hidden
}

.baseapps .control-radio .controls {
    margin: 0 10px 0 0;
    overflow: hidden
}

.baseapps #apps-meta .controls {
    margin: 0 0 0 10px;
    overflow: hidden
}

.baseapps #apps-meta .control-group .text input {
    margin: 0 0 10px 10px;
    max-width: 515px
}

.baseapps .app-form .form-normal {
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 11px 0;
    width: 100px
}

.baseapps .app-form .save-btn {
    display: inline-block
}

.baseapps .app-form a.invalid-btn {
    display: inline-block;
    line-height: 21px;
    margin: 0 10px 0 0;
    vertical-align: top
}

.baseapps div.columnWrap {
    overflow: hidden
}

.baseapps div.columnWrap .navStepTrigger {
    cursor: pointer;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0 0 10px;
    padding: 0 0 0 20px
}

.baseapps div.columnWrap div.areaWrap {
    margin: 0 0 15px;
    padding: 15px 0 0
}

.baseapps div.columnWrap div.areaWrap:first-child {
    padding: 0
}

.baseapps div.columnWrap section.settingSection {
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    margin: 0 0 30px;
    overflow: hidden
}

.baseapps div.columnWrap section.settingSection header {
    background-color: #e9e9e9;
    border-bottom: 1px solid #c3c3c3;
    padding: 15px 15px 0;
    position: relative
}

.baseapps div.columnWrap section.settingSection header #selectedTab {
    bottom: -1px;
    left: 110px;
    position: absolute
}

.baseapps div.columnWrap section.settingSection header h1 {
    color: #4e4e4e;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 15px
}

.baseapps div.columnWrap section.settingSection .boxContent {
    padding: 20px
}

.baseapps div.columnWrap section.settingSection header ul {
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0 0 15px
}

.baseapps div.columnWrap section.settingSection header ul li {
    float: left;
    height: 54px
}

.baseapps div.columnWrap section.settingSection header ul li:first-child {
    border-right: 1px solid #c3c3c3;
    margin: 0 60px 0 10px;
    padding: 0 60px 0 0
}

.baseapps div.columnWrap .form-legend .pref {
    overflow: hidden
}

.baseapps div.columnWrap .form-legend .control-group {
    float: left
}

.baseapps div.columnWrap .form-legend .area {
    float: none
}

.baseapps div.columnWrap .form-legend .area .controls {
    font-size: 12px;
    margin: 0;
    text-align: right;
    width: 100%
}

.baseapps div.columnWrap .form-legend .controls {
    margin: 3px 5px 0 55px;
    text-align: right;
    width: 110px
}

.baseapps div.columnWrap .form-legend .controls input {
    margin: 0 5px;
    padding: 1px;
    text-align: right;
    width: 70px
}

.baseapps div.columnWrap .controls input {
    text-align: right
}

.baseapps div.columnWrap .form-legend .control-label {
    background-color: #515151;
    color: #fff;
    float: left;
    margin: 0 0 0 5px;
    padding: 3px 5px;
    text-shadow: none
}

.baseapps div.columnWrap .form-legend .area .control-label {
    background-color: transparent;
    color: #515151;
    padding: 2px 0 0
}

.baseapps div.columnWrap .message {
    background-color: #eee;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    color: #333;
    margin: 0 0 10px;
    padding: 10px
}

.baseapps div.columnWrap .message.save {
    background-color: #4cae4c;
    border-color: #449d44;
    color: #fff
}

.baseapps div.columnWrap .message.error {
    background-color: #d43f3a;
    border-color: #c9302c;
    color: #fff
}

body.baseapps .title-bar {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e9e9e9;
    border-radius: 5px 5px 0 0;
    color: #666;
    font-weight: 700;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: middle
}

body.baseapps #top-slider-wrapper {
    border-radius: 0 0 5px 5px;
    height: 220px;
    width: 950px
}

body.baseapps #top-slider-wrapper img {
    z-index: 200
}

body.baseapps .shadowbox {
    background-color: #fff;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #e7e7e7;
    border-radius: 5px;
    border-right: 1px solid #e7e7e7;
    border-top: 1px solid #eee;
    margin: 0 0 25px;
    overflow: hidden
}

body.baseapps .centering {
    margin: 0 auto 25px;
    overflow: hidden;
    position: relative
}

body.baseapps ul.tags {
    overflow: hidden
}

body.baseapps ul.tags li {
    float: left;
    margin: 0 10px 8px 0;
    position: relative
}

body.baseapps ul.tags li a {
    background-color: #e5e5e5;
    color: #999;
    font-size: 10px;
    line-height: 20px;
    margin: 0 0 0 11px;
    padding: 4px 10px;
    position: relative;
    text-shadow: 1px 1px 0 #fff
}

body.baseapps ul.tags li a:before {
    border: solid transparent;
    border-right-color: #e5e5e5;
    border-width: 10px;
    content: "";
    height: 0;
    position: absolute;
    right: 100%;
    top: 0;
    width: 0
}

body.baseapps ul.tags li a:after {
    border: 3px solid #fff;
    border-radius: 50%;
    content: "";
    left: -2px;
    position: absolute;
    top: 7px
}

body.baseapps ul.tags li a:hover {
    background-color: #00b29e;
    color: #fff;
    text-shadow: none
}

body.baseapps ul.tags li a:hover:before {
    border-right-color: #00b29e
}

.baseapps div.columnWrap .boxContent {
    line-height: 24px;
    position: relative
}

.baseapps div.columnWrap #navStep1Trigger div.input {
    background: url(/css/img/methodPrefecture.png) no-repeat 0 0
}

.baseapps div.columnWrap #navStep2Trigger div.input {
    background: url(/css/img/methodItem.png) no-repeat
}

.baseapps div.columnWrap #navStep2 .control-label {
    margin: 0 10px 5px 0
}

.baseapps div.columnWrap #navStep2 .control-group {
    border-top: 1px solid #1e1e1e;
    float: none
}

.baseapps div.columnWrap #navStep2 .controls {
    line-height: 24px;
    margin: 20px 0 0;
    width: auto
}

.baseapps div.columnWrap #appRadioMenu div.input {
    cursor: pointer;
    float: left;
    line-height: 54px;
    padding: 0 0 0 60px
}

.baseapps div.columnWrap #appRadioMenu label {
    font-size: 14px;
    letter-spacing: 1px
}

html[data-scope-action=home_dashboard] .allClear {
    display: none;
    margin: 30px auto 0;
    text-align: center;
    width: 66%
}

html[data-scope-action=home_dashboard] .allClear__title {
    font-size: 22px;
    margin-bottom: 12px
}

html[data-scope-action=home_dashboard] .allClear__image {
    height: auto;
    margin: 42px 0;
    text-align: center;
    width: 100%
}

html[data-scope-action=home_dashboard] .allClear__text {
    font-size: 14px;
    line-height: 1.5
}

@media only screen and (max-width: 828px) {
    html[data-scope-action=home_dashboard] .allClear {
        padding-bottom: 0;
        width: 92%
    }

    html[data-scope-action=home_dashboard] .allClear__image {
        text-align: center
    }

    html[data-scope-action=home_dashboard] .allClear__image img {
        width: 164px
    }
}

html[data-scope-action=home_dashboard] #mainContent {
    transition: .3s
}

html[data-scope-action=home_dashboard] #mainContent .main {
    background: #f0f1f4;
    width: 100%
}

html[data-scope-action=home_dashboard] #mainContent .main .cardArea {
    padding: 0 3%;
    width: 94%
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper {
    margin: 0 auto;
    max-width: 1050px;
    padding: 20px 0 30px
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCardList {
    margin: 0 auto;
    opacity: 0;
    width: 1000px
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCardList.show {
    opacity: 1;
    transition: .3s linear
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 4px 0 rgba(56, 67, 89, .05);
    box-sizing: border-box;
    margin: 0 0 20px
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__card:hover {
    box-shadow: 0 0 8px 0 rgba(56, 67, 89, .15);
    transition: .2s linear
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__card .dCard__content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: .2s ease-in
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__card .dCard__toggle {
    bottom: 0;
    color: #dce0e7;
    display: block;
    font-size: 20px;
    height: 20px;
    margin: auto;
    position: absolute;
    right: 24px;
    top: 0;
    transition: .2s linear;
    width: 20px
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__card.open {
    box-shadow: 0 0 8px 0 rgba(56, 67, 89, .15)
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__card.open .dCard__content {
    max-height: 6000px;
    opacity: 1;
    transition: .4s linear
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__card.open .dCard__toggle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: .2s linear
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__heading {
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 16px 16px 16px 100px;
    position: relative
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__heading.loading .dCard__loading {
    opacity: 1
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__badge:after {
    content: '';
    background-color: #f87e7e;
    border-radius: 100px;
    height: 16px;
    position: absolute;
    top: -4px;
    right: -4px;
    width: 16px
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__loading {
    bottom: 0;
    height: 24px;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 58px;
    top: 0;
    width: 24px
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__icon {
    background-size: contain;
    bottom: 0;
    display: block;
    height: 48px;
    left: 24px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 48px
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__icon.icon--base_information {
    background-image: url(/img/admin/dashboard/icon_other.png)
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__icon.icon--base_caution {
    background-image: url(/img/admin/dashboard/icon_other.png)
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__icon.icon--order {
    background-image: url(/img/admin/dashboard/icon_order.png)
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__icon.icon--shop_information {
    background-image: url(/img/admin/dashboard/icon_register.png)
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__icon.icon--shop_tips {
    background-image: url(/common/img/base/icon_register.png)
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__icon.icon--shop_tutorial {
    background-image: url(/common/img/base/icon_register.png)
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__icon.icon--inquiry {
    background-image: url(/common/img/base/icon_contact.png)
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__label {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 12px
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__label.label--base_information {
    background-color: #c80000
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__label.label--shop_information {
    background-color: #c80000
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__label.label--base_caution {
    background-color: #f87e7e
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__label.label--order {
    background-color: #ffcf58
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__label.label--inquiry {
    background-color: #7664bd
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__label.label--shop_tips {
    background-color: #51a8e0
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__label.label--shop_tutorial {
    background-color: #384359
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__title {
    padding-right: 40px
}

html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__titleTxt {
    color: #384359;
    font-size: 16px;
    margin: 8px 0 0
}

@media only screen and (max-width: 1000px) {
    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCardList {
        box-sizing: border-box;
        padding: 0 16px;
        width: 100%
    }
}

@media only screen and (max-width: 519px) {
    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCardList {
        box-sizing: border-box;
        padding: 0 16px;
        width: 100%
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__card {
        margin: 0 0 10px
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__card .dCard__toggle {
        display: none
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__icon {
        left: 16px
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__heading {
        height: auto;
        padding: 16px 0 16px 72px
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__title {
        padding-right: 12px
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__titleTxt {
        font-size: 14px;
        line-height: 1.4
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__loading {
        bottom: auto;
        height: 20px;
        margin: auto;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 20px
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .dCard__loading img {
        width: 20px
    }
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper {
    margin: 0 auto;
    max-width: 1000px;
    padding: 60px 0;
    width: 100%
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper:after, html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper:before {
    content: " ";
    display: table
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper:after {
    clear: both
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps {
    background: #fff;
    border: solid 1px #ddd;
    width: 100%;
    border-radius: 2px
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__title {
    border-bottom: solid 1px #ddd;
    width: 100%
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__title h4 {
    color: #384359;
    font-size: 18px;
    font-weight: 400;
    padding: 12px
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content {
    margin: 3%;
    position: static;
    text-align: left
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content:after, html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content:before {
    content: " ";
    display: table
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content:after {
    clear: both
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content .items {
    display: inline-block;
    position: relative;
    margin: 2% 1.1%
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content .items__link {
    display: block;
    height: auto;
    width: 48px
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content .items__link img {
    height: auto;
    width: 48px
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content .items__tooltip {
    cursor: default
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content .items__name {
    bottom: 64px;
    left: 24px;
    min-width: 200px;
    text-align: center
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content .items:hover .items__name {
    opacity: 1;
    visibility: visible
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content .items:nth-child(13n-12) .items__name {
    left: 64px
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content .items:nth-child(13n-12) .items__name:after {
    left: 30%
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content .items:nth-child(13n) .items__name {
    left: -16px
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content .items:nth-child(13n) .items__name:after {
    left: 70%
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__default {
    font-size: 14px;
    padding: 10px 20px
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps .default__txt {
    line-height: 1.5;
    margin: 0 0 20px;
    text-align: center
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps .default__noapp {
    display: block;
    margin: 10px auto 30px
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps .default__link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    padding: 10px 0;
    width: 100%;
    max-width: 320px;
    margin: 0 auto
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps .default__link:active, html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps .default__link:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps .default__link.is_disabled, html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps .default__link:disabled {
    background-color: #ccc;
    cursor: default
}

@media only screen and (max-width: 519px) {
    html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps .apps__default {
        font-size: 14px;
        padding: 10px
    }

    html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps .default__link {
        padding: 8px 0
    }
}

html[data-scope-action=home_dashboard] #mainContent .dCardsContainer {
    min-height: 84px
}

html[data-scope-action=home_dashboard] #mainContent .dCardLoading {
    text-align: center
}

html[data-scope-action=home_dashboard] #mainContent .skipMessage {
    display: none;
    font-size: 14px;
    margin: 0 0 20px;
    text-align: center;
    width: 100%
}

html[data-scope-action=home_dashboard] #mainContent .skipMessage.show {
    display: block
}

html[data-scope-action=home_dashboard] #mainContent .skipMessage__undo {
    color: #c80000;
    margin: 0 0 0 10px;
    text-decoration: none
}

@media only screen and (max-width: 1152px) {
    html[data-scope-action=home_dashboard] #mainContent .main .infoArea {
        overflow: hidden
    }

    html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content .items__name {
        width: 38.2%
    }
}

@media only screen and (max-width: 828px) {
    html[data-scope-action=home_dashboard] #mainContent .main .cardArea {
        padding: 4%;
        width: 92%
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper {
        padding: 18px 0 0
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .card {
        margin: 0 auto 18px;
        width: 100%
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardFace {
        width: 100%
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardFaceWrapper {
        padding: 8px 0
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardFaceWrapper__icon {
        padding-left: 2px;
        padding-right: 2%
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardFaceWrapper__title {
        padding: 0
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardFaceWrapper__title h3 {
        font-size: 18px;
        line-height: 1.4
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardFaceWrapper__toggle {
        display: none
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardBodyWrapper {
        margin: 36px auto 0
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardOpen {
        box-shadow: 0 5px 8px #c4c4c4;
        display: block;
        margin: 0 auto 36px;
        max-width: 1050px;
        width: 100%
    }

    html[data-scope-action=home_dashboard] #mainContent .main .infoArea {
        padding: 0 16px;
        overflow: hidden
    }

    html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper {
        padding: 36px 0
    }

    html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps {
        display: block
    }

    html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__title h4 {
        font-size: 18px;
        font-weight: 700;
        padding: 14px 12px 12px
    }

    html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content {
        margin: 2%;
        text-align: center
    }

    html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__content .items:hover .items__name {
        display: none
    }

    html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__contentItem {
        margin: 1%
    }

    html[data-scope-action=home_dashboard] #mainContent .main .infoAreaWrapper .apps__contentItem .items__name {
        display: none
    }

    html[data-scope-action=home_dashboard] #mainContent .space {
        margin-top: -12px !important
    }

    html[data-scope-action=home_dashboard] #mainContent .cardOpen {
        margin: 30px auto !important
    }

    html[data-scope-action=home_dashboard] #mainContent .firstCardOpen {
        margin: 0 auto 30px !important
    }
}

@media only screen and (max-width: 519px) {
    html[data-scope-action=home_dashboard] #mainContent .base {
        height: auto
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardFaceWrapper {
        padding: 6px 0
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardFaceWrapper__title {
        padding: 0 1% 0 2%
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardFaceWrapper__title h3 {
        font-size: 16px
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardBodyWrapper {
        margin: 36px auto 0
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardBody .menuBtnContent__wrap {
        width: 48%
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardBody .menuBtnContent__wrap + .menuBtnContent__wrap {
        margin-left: 4%
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardBody .menuBtnContent__doLater, html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardBody .menuBtnContent__skip {
        padding: 10px 0
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardBody .menuBtnContent__icon {
        width: 14px
    }

    html[data-scope-action=home_dashboard] #mainContent .main .cardAreaWrapper .cardOpen {
        box-shadow: 0 5px 8px #c4c4c4;
        display: block;
        margin: 0 auto 36px;
        max-width: 1050px;
        width: 100%
    }

    html[data-scope-action=home_dashboard] #mainContent .space {
        margin-top: 0 !important
    }

    html[data-scope-action=home_dashboard] #mainContent .cardOpen {
        margin: 0 auto 30px !important
    }

    html[data-scope-action=home_dashboard] #mainContent .firstCardOpen {
        margin: 0 auto 30px !important
    }
}

.dashboardCard {
    border-top: solid 1px #f0f1f4;
    padding: 32px 0;
    width: 100%
}

.dashboardCardMain {
    color: #384359;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 auto;
    width: 80%
}

.dashboardCardMain__section {
    margin: 0 0 32px;
    padding: 0
}

.dashboardCardMain__section:last-child {
    margin: 0
}

.dashboardCardMain__title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 16px
}

.dashboardCardMain__text {
    -webkit-justify-content: distribute-all-lines;
    justify-content: distribute-all-lines;
    margin: 0 0 20px;
    text-align: justify
}

.dashboardCardMain__text--notes {
    color: #c2c8d2;
    font-size: 12px
}

.informationBox {
    color: #384359;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 auto;
    width: 80%
}

.informationBox__heroImg {
    margin: 0 0 20px;
    padding: 0;
    width: 100%
}

.informationBox__imgbox {
    margin: 0 auto 20px;
    width: 80%
}

.informationBox__insertImg {
    background-color: #f0f1f4;
    padding: 10px
}

.informationBox__insertImg img {
    border: solid 1px #c2c8d2;
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.informationBox__caption {
    color: #c2c8d2;
    font-size: 12px;
    line-height: 1.2;
    margin: 12px 0 0;
    text-align: center
}

.informationBox section {
    margin: 0 0 40px;
    padding: 0
}

.informationBox section:last-child {
    margin: 0
}

.informationBox h2 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 20px
}

.informationBox p {
    -webkit-justify-content: distribute-all-lines;
    justify-content: distribute-all-lines;
    margin: 0 0 20px;
    text-align: justify
}

.informationBox p span {
    font-weight: 700
}

.informationBox ul {
    margin: 20px 0
}

.informationBox ul li {
    list-style: disc;
    margin: 0 0 0 20px
}

.informationBox ol {
    margin: 20px 0
}

.informationBox ol li {
    list-style-type: decimal;
    margin: 0 0 0 20px
}

.informationBox__attentionBox {
    background-color: #f0f1f4;
    border-radius: 3px;
    font-size: 12px;
    padding: 20px
}

.btnBox {
    margin: 0 auto;
    width: 500px
}

.btnBox--small {
    width: 50%
}

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

.btnBox--flex .btnBox__smallBtn {
    margin: 0
}

.btnBox__largeBtn {
    width: 100%
}

.btnBox__smallBtn {
    margin: 0 auto;
    width: 48%
}

.btnBox__smallBtn--appDownload img {
    display: block;
    width: 100%
}

.dCard__card .listBottomWrapper__btn {
    margin-bottom: 32px
}

.functionsBox {
    border-top: solid 1px #f0f1f4;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 32px auto -12px;
    padding: 20px 20px 0;
    width: 100%
}

.skipBox__btn {
    width: 200px
}

.evaluationBox {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.evaluationBox__text {
    font-size: 14px
}

.evaluationBox__btnBox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.evaluationBox__btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: solid 2px #c2c8d2;
    border-radius: 8px;
    box-sizing: border-box;
    color: #c2c8d2;
    cursor: pointer;
    display: block;
    font-size: 22px;
    height: 48px;
    line-height: 48px;
    margin-left: 16px;
    outline: 0;
    text-align: center;
    text-decoration: none;
    transition: .15s linear;
    vertical-align: middle;
    width: 50px
}

.evaluationBox__btn--like:hover {
    color: #c80000
}

.evaluationBox__btn--like.is_evaluated, .evaluationBox__btn--like:active {
    background-color: #c80000;
    border: none;
    color: #fff
}

.evaluationBox__btn--dislike:hover {
    color: #f87e7e
}

.evaluationBox__btn--dislike.is_evaluated, .evaluationBox__btn--dislike:active {
    background-color: #f87e7e;
    border: none;
    color: #fff
}

.evaluationBox__btn.is_disabled {
    border: solid 2px #f0f1f4;
    color: #f0f1f4;
    cursor: not-allowed;
    pointer-events: none
}

.dbc-flatBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    outline: 0;
    text-align: center;
    text-decoration: none;
    transition: .15s linear;
    border: none;
    color: #c80000
}

.dbc-flatBtn:hover {
    background-color: #e6797b
}

.dbc-flatBtn.is-disabled, .dbc-flatBtn:disabled {
    background-color: initial;
    color: #e6797b;
    cursor: not-allowed
}

.dbc-btn--small {
    padding: 0 16px
}

@media screen and (max-width: 700px) {
    .dashboardCard {
        padding: 32px 0;
        width: 100%
    }

    .dashboardCardMain, .informationBox {
        box-sizing: border-box;
        padding: 0 16px;
        width: 100%
    }

    .informationBox section {
        margin: 0 0 32px
    }

    .informationBox__imgbox {
        margin: 0 auto 20px;
        width: 90%
    }

    .informationBox__caption {
        margin: 5px 0 0
    }

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

    .btnBox--flex {
        padding: 0;
        width: 100%
    }

    .btnBox--flex .btnBox__smallBtn {
        margin: 0;
        width: 48%
    }

    .btnBox--flex .btnBox__smallBtn--appDownload {
        margin: 0 auto 15px;
        padding: 0 10px;
        width: 180px
    }

    .btnBox--small {
        width: 70%
    }

    .btnBox__smallBtn {
        width: 70%
    }

    .btnBox .btn--main {
        font-size: 14px
    }

    .btnBox .btn--ghost {
        font-size: 14px
    }

    .btnBox .is_ios .btnBox__smallBtn--android {
        display: none
    }

    .btnBox .is_android .btnBox__smallBtn--ios {
        display: none
    }

    .functionsBox {
        -webkit-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        padding: 20px 0 0
    }

    .skipBox + .evaluationBox {
        border-bottom: solid 1px #f0f1f4;
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .skipBox {
        box-sizing: border-box;
        margin: 0 auto;
        width: 100%
    }

    .skipBox__btn {
        font-size: 14px;
        margin: 0 auto;
        width: 200px
    }

    .evaluationBox {
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 0 auto;
        padding: 0 15px;
        width: 100%
    }

    .evaluationBox__text {
        font-size: 12px
    }

    .evaluationBox__btn {
        margin-left: 12px;
        width: 48px
    }
}

.newItemPushNotification {
    margin: 0 auto;
    width: 100%
}

.newItemPushNotification .list:after, .newItemPushNotification .list:before {
    content: " ";
    display: table
}

.newItemPushNotification .list:after {
    clear: both
}

.newItemPushNotification .listContent {
    border-bottom: solid 1px #ddd;
    padding: 22px 0
}

.newItemPushNotification .listContentWrapper {
    display: table;
    margin: 0 auto;
    width: 92%
}

.newItemPushNotification .listContentWrapper__item {
    color: #384359;
    display: table-cell;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    padding-right: 24px;
    vertical-align: middle
}

.newItemPushNotification .listContentWrapper__item a {
    color: #63c1ae;
    text-decoration: none
}

.newItemPushNotification .listContentWrapper__item a:hover {
    color: #219d92
}

.newItemPushNotification .listContentWrapper__stock {
    color: #384359;
    display: table-cell;
    font-size: 14px;
    margin: 10px 0;
    text-align: right;
    vertical-align: middle;
    width: 140px
}

.newItemPushNotification .listContentWrapper__stock .stockAttention {
    color: #f87e7e;
    font-size: 16px
}

.newItemPushNotification .listContentWrapper__procedureBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background: #c80000;
    display: table-cell;
    float: right;
    font-size: 14px;
    padding: 10px 18px;
    text-align: center;
    vertical-align: middle;
    width: 96px
}

.newItemPushNotification .listContentWrapper__procedureBtn:active, .newItemPushNotification .listContentWrapper__procedureBtn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.newItemPushNotification .listContentWrapper__procedureBtn.is_disabled, .newItemPushNotification .listContentWrapper__procedureBtn:disabled {
    background-color: #ccc;
    cursor: default
}

.newItemPushNotification .listBottom {
    border-bottom: solid 1px #ddd;
    width: 100%
}

.newItemPushNotification .listBottomWrapper {
    display: table;
    margin: 0 auto;
    padding: 18px 0;
    width: 92%
}

.newItemPushNotification .listBottomWrapper__text {
    display: table-cell;
    font-size: 14px;
    vertical-align: middle
}

.newItemPushNotification .listBottomWrapper__text .stockAttention {
    font-size: 16px;
    font-weight: 700
}

.newItemPushNotification .listBottomWrapper__btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background-color: #c80000;
    display: table-cell;
    font-size: 14px;
    margin: 0;
    vertical-align: middle;
    width: 180px
}

.newItemPushNotification .listBottomWrapper__btn:active, .newItemPushNotification .listBottomWrapper__btn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.newItemPushNotification .listBottomWrapper__btn.is_disabled, .newItemPushNotification .listBottomWrapper__btn:disabled {
    background-color: #ccc;
    cursor: default
}

.newItemPushNotification .listContent:last-child {
    border: none
}

@media only screen and (max-width: 828px) {
    .newItemPushNotification .listContent {
        padding: 12px 0
    }

    .newItemPushNotification .listContentWrapper__item {
        display: block
    }

    .newItemPushNotification .listContentWrapper__stock {
        display: block
    }

    .newItemPushNotification .listBottomWrapper__text {
        display: block;
        margin-bottom: 18px;
        text-align: left
    }

    .newItemPushNotification .listBottomWrapper__btn {
        display: block;
        margin-bottom: 6px;
        padding: 12px 0;
        width: 60%
    }
}

@media only screen and (max-width: 519px) {
    .newItemPushNotification .listContent {
        padding: 12px 0 6px
    }

    .newItemPushNotification .listContentWrapper__item {
        display: block;
        font-size: 14px;
        margin: 0;
        width: 100%
    }

    .newItemPushNotification .listContentWrapper__stock {
        display: block;
        font-size: 12px;
        margin: 10px 0;
        width: 100%
    }

    .newItemPushNotification .listBottomWrapper__btn {
        width: 100%
    }
}

.itemList {
    border-bottom: solid 1px #f0f1f4;
    border-top: solid 1px #f0f1f4
}

.itemList__list + .itemList__list {
    border-top: solid 1px #f0f1f4
}

.itemList__link {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    color: #384359;
    display: -webkit-flex;
    display: flex;
    padding: 16px 0;
    text-decoration: none
}

.itemList__link:hover {
    background-color: #f8f9fa
}

.itemList__thumbnail {
    height: auto;
    width: 72px
}

.itemList__box {
    padding: 0 0 0 24px
}

.itemList__data {
    display: inline;
    font-weight: 700;
    margin: 0 0 0 8px
}

.itemList__title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    margin: 4px 0 0;
    overflow: hidden;
    word-break: break-word
}

.itemList__variation {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    margin: 0;
    overflow: hidden;
    word-break: break-word
}

.defaultLabel {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    padding: 0 8px
}

.defaultLabel--red {
    background-color: #f87e7e
}

.defaultLabel--yellow {
    background-color: #ffcf58
}

@media only screen and (max-width: 519px) {
    .itemList__left {
        margin-right: 16px
    }

    .itemList__thumbnail {
        width: 48px
    }

    .itemList__box {
        padding: 0 0 0 12px
    }

    .itemList__title {
        -webkit-line-clamp: 2;
        line-height: 1.4
    }

    .itemList__variation {
        margin-top: 4px
    }
}

.remindPaymentExpiration {
    margin: 0 auto;
    width: 100%
}

.remindPaymentExpiration .listContent {
    border-bottom: solid 1px #ddd;
    padding: 12px 0
}

.remindPaymentExpiration .listContentWrapper {
    display: table;
    margin: 0 auto;
    width: 92%
}

.remindPaymentExpiration .listContentWrapper__item {
    color: #f87e7e;
    display: table-cell;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin: 10px 0;
    padding-right: 24px;
    text-decoration: none;
    vertical-align: middle;
    width: 150px
}

.remindPaymentExpiration .listContentWrapper__item a {
    color: #63c1ae;
    text-decoration: none
}

.remindPaymentExpiration .listContentWrapper__item a:hover {
    color: #219d92
}

.remindPaymentExpiration .listContentWrapper__date {
    color: #384359;
    display: table-cell;
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0;
    padding-right: 24px;
    vertical-align: middle;
    width: 132px
}

.remindPaymentExpiration .listContentWrapper__name {
    color: #384359;
    display: table-cell;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    padding-right: 24px;
    vertical-align: middle
}

.remindPaymentExpiration .listContentWrapper__name a {
    color: #384359;
    text-decoration: none
}

.remindPaymentExpiration .listContentWrapper__procedureBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background: #c80000;
    box-sizing: content-box;
    display: table-cell;
    float: right;
    font-size: 14px;
    padding: 10px 18px;
    text-align: center;
    vertical-align: middle;
    width: 96px
}

.remindPaymentExpiration .listContentWrapper__procedureBtn:active, .remindPaymentExpiration .listContentWrapper__procedureBtn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.remindPaymentExpiration .listContentWrapper__procedureBtn.is_disabled, .remindPaymentExpiration .listContentWrapper__procedureBtn:disabled {
    background-color: #ccc;
    cursor: default
}

.remindPaymentExpiration .list .listContent:last-child {
    border: none
}

.remindPaymentExpiration .listBottomWrapper {
    margin: 0 auto;
    width: 92%
}

.remindPaymentExpiration .listBottomWrapper__text {
    margin: 30px 0;
    text-align: center
}

.remindPaymentExpiration .listBottomWrapper__btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background-color: #c80000;
    margin: 20px auto 30px;
    width: 264px
}

.remindPaymentExpiration .listBottomWrapper__btn:active, .remindPaymentExpiration .listBottomWrapper__btn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.remindPaymentExpiration .listBottomWrapper__btn.is_disabled, .remindPaymentExpiration .listBottomWrapper__btn:disabled {
    background-color: #ccc;
    cursor: default
}

@media only screen and (max-width: 519px) {
    .remindPaymentExpiration .listContentWrapper__date {
        display: block;
        margin: 0 0 6px;
        padding-right: 0;
        width: 100%
    }

    .remindPaymentExpiration .listContentWrapper__name {
        display: block;
        margin: 0 0 6px;
        padding-right: 0;
        width: 100%
    }

    .remindPaymentExpiration .listContentWrapper__item {
        display: block;
        margin: 12px 0;
        padding-right: 0;
        width: 100%
    }

    .remindPaymentExpiration .listContentWrapper__procedureBtn {
        display: block;
        margin-bottom: 6px;
        padding: 10px 0;
        width: 100%
    }

    .remindPaymentExpiration .listBottomWrapper__text {
        font-size: 14px
    }

    .remindPaymentExpiration .listBottomWrapper__btn {
        width: 100%
    }
}

.undispatchedAllOrders {
    margin: 0 auto;
    width: 100%
}

.undispatchedAllOrders .listContent {
    border-bottom: solid 1px #ddd;
    padding: 12px 0
}

.undispatchedAllOrders .listContentWrapper {
    display: table;
    margin: 0 auto;
    width: 92%
}

.undispatchedAllOrders .listContentWrapper__date {
    color: #384359;
    display: table-cell;
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0;
    padding-right: 24px;
    vertical-align: middle;
    width: 132px
}

.undispatchedAllOrders .listContentWrapper__name {
    color: #384359;
    display: table-cell;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin: 10px 0;
    padding-right: 24px;
    vertical-align: middle;
    width: 25%
}

.undispatchedAllOrders .listContentWrapper__name a {
    color: #384359;
    text-decoration: none
}

.undispatchedAllOrders .listContentWrapper__item {
    color: #384359;
    display: table-cell;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    padding-right: 24px;
    text-decoration: none;
    vertical-align: middle
}

.undispatchedAllOrders .listContentWrapper__item a {
    color: #63c1ae;
    text-decoration: none
}

.undispatchedAllOrders .listContentWrapper__item a:hover {
    color: #219d92
}

.undispatchedAllOrders .listContentWrapper__procedureBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background: #c80000;
    box-sizing: content-box;
    display: table-cell;
    float: right;
    font-size: 14px;
    padding: 10px 18px;
    text-align: center;
    vertical-align: middle;
    width: 96px
}

.undispatchedAllOrders .listContentWrapper__procedureBtn:active, .undispatchedAllOrders .listContentWrapper__procedureBtn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.undispatchedAllOrders .listContentWrapper__procedureBtn.is_disabled, .undispatchedAllOrders .listContentWrapper__procedureBtn:disabled {
    background-color: #ccc;
    cursor: default
}

.undispatchedAllOrders .listBottom {
    border-bottom: solid 1px #ddd;
    width: 100%
}

.undispatchedAllOrders .listBottomWrapper {
    display: table;
    margin: 0 auto;
    padding: 18px 0;
    width: 92%
}

.undispatchedAllOrders .listBottomWrapper__text {
    display: table-cell;
    vertical-align: middle
}

.undispatchedAllOrders .listBottomWrapper__text .stockAttention {
    color: #f87e7e;
    font-size: 16px
}

.undispatchedAllOrders .listBottomWrapper__btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background-color: #c80000;
    display: table-cell;
    margin: 0 auto;
    vertical-align: middle;
    width: 264px
}

.undispatchedAllOrders .listBottomWrapper__btn:active, .undispatchedAllOrders .listBottomWrapper__btn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.undispatchedAllOrders .listBottomWrapper__btn.is_disabled, .undispatchedAllOrders .listBottomWrapper__btn:disabled {
    background-color: #ccc;
    cursor: default
}

.undispatchedAllOrders .list .listContent:last-child {
    border: none
}

@media only screen and (max-width: 828px) {
    .undispatchedAllOrders .listBottomWrapper__text {
        display: block;
        margin-bottom: 18px;
        text-align: center
    }

    .undispatchedAllOrders .listBottomWrapper__btn {
        display: block;
        margin-bottom: 6px;
        padding: 12px 0;
        width: 60%
    }
}

@media only screen and (max-width: 519px) {
    .undispatchedAllOrders .listContentWrapper__date {
        display: block;
        margin: 0 0 6px;
        padding-right: 0;
        width: 100%
    }

    .undispatchedAllOrders .listContentWrapper__name {
        display: block;
        margin: 0 0 6px;
        padding-right: 0;
        width: 100%
    }

    .undispatchedAllOrders .listContentWrapper__item {
        display: block;
        margin: 12px 0;
        padding-right: 0;
        width: 100%
    }

    .undispatchedAllOrders .listContentWrapper__procedureBtn {
        display: block;
        margin-bottom: 6px;
        padding: 10px 0;
        width: 100%
    }

    .undispatchedAllOrders .listBottomWrapper__btn {
        width: 100%
    }
}

.undispatchedAndInquiry__section {
    -webkit-align-items: center;
    align-items: center;
    border-bottom: solid 1px #f0f1f4;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 32px
}

.undispatchedAndInquiry__section:last-child {
    border: none;
    padding-bottom: 0
}

.undispatchedAndInquiry__button {
    width: 240px
}

@media only screen and (max-width: 519px) {
    .undispatchedAndInquiry__section {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .undispatchedAndInquiry__text {
        margin-bottom: 24px;
        width: 100%
    }

    .undispatchedAndInquiry__button {
        width: 100%
    }
}

.undispatchedOrders {
    margin: 0 auto;
    width: 100%
}

.undispatchedOrders .listContent {
    border-bottom: solid 1px #ddd;
    padding: 12px 0
}

.undispatchedOrders .listContentWrapper {
    display: table;
    margin: 0 auto;
    width: 92%
}

.undispatchedOrders .listContentWrapper__date {
    color: #384359;
    display: table-cell;
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0;
    padding-right: 24px;
    vertical-align: middle;
    width: 132px
}

.undispatchedOrders .listContentWrapper__name {
    color: #384359;
    display: table-cell;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin: 10px 0;
    padding-right: 24px;
    vertical-align: middle;
    width: 25%
}

.undispatchedOrders .listContentWrapper__name a {
    color: #384359;
    text-decoration: none
}

.undispatchedOrders .listContentWrapper__item {
    color: #384359;
    display: table-cell;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    padding-right: 24px;
    text-decoration: none;
    vertical-align: middle
}

.undispatchedOrders .listContentWrapper__item a {
    color: #63c1ae;
    text-decoration: none
}

.undispatchedOrders .listContentWrapper__item a:hover {
    color: #219d92
}

.undispatchedOrders .listContentWrapper__procedureBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background: #c80000;
    box-sizing: content-box;
    display: table-cell;
    float: right;
    font-size: 14px;
    padding: 10px 18px;
    text-align: center;
    vertical-align: middle;
    width: 96px
}

.undispatchedOrders .listContentWrapper__procedureBtn:active, .undispatchedOrders .listContentWrapper__procedureBtn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.undispatchedOrders .listContentWrapper__procedureBtn.is_disabled, .undispatchedOrders .listContentWrapper__procedureBtn:disabled {
    background-color: #ccc;
    cursor: default
}

.undispatchedOrders .list .listContent:last-child {
    border: none
}

.undispatchedOrders .listBottomWrapper {
    margin: 0 auto;
    width: 92%
}

.undispatchedOrders .listBottomWrapper__text {
    margin: 30px 0;
    text-align: center
}

.undispatchedOrders .listBottomWrapper__btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background-color: #c80000;
    margin: 20px auto 0;
    width: 264px
}

.undispatchedOrders .listBottomWrapper__btn:active, .undispatchedOrders .listBottomWrapper__btn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.undispatchedOrders .listBottomWrapper__btn.is_disabled, .undispatchedOrders .listBottomWrapper__btn:disabled {
    background-color: #ccc;
    cursor: default
}

@media only screen and (max-width: 519px) {
    .undispatchedOrders .listContentWrapper__date {
        display: block;
        margin: 0 0 6px;
        padding-right: 0;
        width: 100%
    }

    .undispatchedOrders .listContentWrapper__name {
        display: block;
        margin: 0 0 6px;
        padding-right: 0;
        width: 100%
    }

    .undispatchedOrders .listContentWrapper__item {
        display: block;
        margin: 12px 0;
        padding-right: 0;
        width: 100%
    }

    .undispatchedOrders .listContentWrapper__procedureBtn {
        display: block;
        margin-bottom: 6px;
        padding: 10px 0;
        width: 100%
    }

    .undispatchedOrders .listBottomWrapper__text {
        font-size: 14px
    }

    .undispatchedOrders .listBottomWrapper__btn {
        width: 100%
    }
}

.baseImportantInformation {
    border-bottom: solid 1px #ddd;
    margin: 0 auto;
    padding: 42px 0;
    width: 100%
}

.baseImportantInformationWrapper {
    margin: 0 auto;
    width: 84%
}

.baseImportantInformationWrapper__time {
    font-size: 11px;
    padding-bottom: 6px
}

.baseImportantInformationWrapper__title {
    border-bottom: solid 1px #ddd;
    font-size: 22px;
    margin: 0 auto 48px;
    padding-bottom: 8px
}

.baseImportantInformationWrapper__image {
    display: block;
    height: auto;
    margin: 0 auto 36px;
    width: 600px
}

.baseImportantInformationWrapper__text {
    color: #384359;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 42px
}

.baseImportantInformationWrapper__btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background-color: #c80000;
    margin: 0 auto;
    width: 264px
}

.baseImportantInformationWrapper__btn:active, .baseImportantInformationWrapper__btn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.baseImportantInformationWrapper__btn.is_disabled, .baseImportantInformationWrapper__btn:disabled {
    background-color: #ccc;
    cursor: default
}

@media only screen and (max-width: 828px) {
    .baseImportantInformation {
        padding: 42px 0
    }

    .baseImportantInformationWrapper__image {
        width: 60%
    }

    .baseImportantInformationWrapper__text {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 519px) {
    .baseImportantInformation {
        padding: 30px 0
    }

    .baseImportantInformationWrapper__image {
        margin: 0 auto 24px;
        width: 100%
    }
}

.baseInformation {
    margin: 0 auto;
    width: 100%
}

.baseInformation .list:after, .baseInformation .list:before {
    content: " ";
    display: table
}

.baseInformation .list:after {
    clear: both
}

.baseInformation .listContent {
    border-bottom: solid 1px #ddd;
    padding: 22px 0
}

.baseInformation .listContentWrapper {
    display: table;
    margin: 0 auto;
    width: 92%
}

.baseInformation .listContentWrapper__tag {
    background: #f87e7e;
    border-radius: 8px;
    color: #fff;
    display: block;
    margin-right: 12px;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
    width: 124px
}

.baseInformation .listContentWrapper__tag a {
    color: #fff;
    text-decoration: none
}

.baseInformation .listContentWrapper__time {
    display: table-cell;
    vertical-align: middle;
    width: 88px
}

.baseInformation .listContentWrapper__information {
    color: #384359;
    display: table-cell;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    padding-left: 12px;
    padding-right: 24px;
    vertical-align: middle;
    width: 100%
}

.baseInformation .listContentWrapper__information a {
    color: #63c1ae;
    text-decoration: none
}

.baseInformation .listContentWrapper__information a:hover {
    color: #219d92
}

.baseInformation .list .listContent:last-child {
    border: none
}

.baseInformation__closeBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background-color: #c80000;
    margin: 30px auto 12px;
    width: 264px
}

.baseInformation__closeBtn:active, .baseInformation__closeBtn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.baseInformation__closeBtn.is_disabled, .baseInformation__closeBtn:disabled {
    background-color: #ccc;
    cursor: default
}

@media only screen and (max-width: 828px) {
    .baseInformation .listContent {
        padding: 12px 0 6px
    }

    .baseInformation .listContentWrapper {
        display: block
    }

    .baseInformation .listContentWrapper__tag {
        display: table-cell;
        padding: 7px 0 4px;
        vertical-align: middle
    }

    .baseInformation .listContentWrapper__information {
        display: block;
        margin: 18px 0;
        padding: 0
    }
}

html[data-scope-action=home_dashboard] .inquiry {
    margin: 0 auto;
    width: 100%
}

html[data-scope-action=home_dashboard] .inquiry .listContent {
    border-bottom: solid 1px #ddd;
    padding: 22px 0
}

html[data-scope-action=home_dashboard] .inquiry .listContentWrapper {
    display: table;
    margin: 0 auto;
    width: 92%
}

html[data-scope-action=home_dashboard] .inquiry .listContentWrapper__time {
    display: table-cell;
    vertical-align: middle;
    width: 110px
}

html[data-scope-action=home_dashboard] .inquiry .listContentWrapper__information {
    color: #384359;
    display: table-cell;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    padding-left: 12px;
    padding-right: 24px;
    vertical-align: middle;
    width: 85%
}

html[data-scope-action=home_dashboard] .inquiry .listContentWrapper__information a {
    text-decoration: none
}

html[data-scope-action=home_dashboard] .inquiry .listBottomWrapper__btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background-color: #c80000;
    margin: 20px auto 0;
    width: 264px
}

html[data-scope-action=home_dashboard] .inquiry .listBottomWrapper__btn:active, html[data-scope-action=home_dashboard] .inquiry .listBottomWrapper__btn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

html[data-scope-action=home_dashboard] .inquiry .listBottomWrapper__btn.is_disabled, html[data-scope-action=home_dashboard] .inquiry .listBottomWrapper__btn:disabled {
    background-color: #ccc;
    cursor: default
}

html[data-scope-action=home_dashboard] .inquiry .inquiryDetail {
    background-color: #f6f6f6;
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
    padding: 0 40px;
    transition: max-height, padding .1s
}

html[data-scope-action=home_dashboard] .inquiry .inquiryDetail.open {
    margin-bottom: -22px;
    margin-top: 20px;
    max-height: 1000px;
    padding: 40px;
    transition: max-height, padding .4s
}

html[data-scope-action=home_dashboard] .inquiry .cardInquiryBox {
    position: relative
}

html[data-scope-action=home_dashboard] .inquiry .cardInquiryBox__close {
    position: absolute;
    right: -10px;
    top: -10px
}

html[data-scope-action=home_dashboard] .inquiry .cardInquiryBox__close img {
    height: 20px;
    width: 20px
}

html[data-scope-action=home_dashboard] .inquiry .inquiryContent {
    background: #fff;
    border-radius: 8px;
    font-size: 14px;
    padding: 20px
}

html[data-scope-action=home_dashboard] .inquiry .inquiryContent__title {
    font-size: 16px;
    line-height: 1.4
}

html[data-scope-action=home_dashboard] .inquiry .inquiryContent__info {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    font-size: 12px;
    line-height: 1.6;
    margin: 10px 0;
    overflow: hidden;
    padding: 10px 0
}

html[data-scope-action=home_dashboard] .inquiry .inquiryContent__infoLabel {
    clear: both;
    float: left;
    width: 65px
}

html[data-scope-action=home_dashboard] .inquiry .inquiryContent__infoText {
    float: left
}

html[data-scope-action=home_dashboard] .inquiry .inquiryContent__content {
    line-height: 1.6;
    margin: 0 0 20px;
    max-height: 500px;
    overflow-y: scroll
}

html[data-scope-action=home_dashboard] .inquiry .inquiryContent__btn {
    margin: 0 auto;
    width: 264px
}

html[data-scope-action=home_dashboard] .inquiry .inquiryContent__loading {
    display: none;
    margin-top: 10px;
    text-align: center
}

html[data-scope-action=home_dashboard] .inquiry .inquiryContent__loading.is-loading {
    display: block
}

@media only screen and (max-width: 828px) {
    html[data-scope-action=home_dashboard] .inquiry .listContent {
        padding: 12px 0 6px
    }

    html[data-scope-action=home_dashboard] .inquiry .listContentWrapper {
        display: block
    }

    html[data-scope-action=home_dashboard] .inquiry .listContentWrapper__time {
        display: block;
        font-size: 14px;
        margin: 0 0 6px;
        padding-right: 0;
        width: 100%
    }

    html[data-scope-action=home_dashboard] .inquiry .listContentWrapper__information {
        display: block;
        margin: 18px 0;
        padding: 0;
        width: 100%
    }

    html[data-scope-action=home_dashboard] .inquiry .inquiryDetail {
        padding: 0 20px
    }

    html[data-scope-action=home_dashboard] .inquiry .inquiryDetail.open {
        margin-bottom: -5px;
        padding: 40px 20px
    }

    html[data-scope-action=home_dashboard] .inquiry .inquiryContent__label {
        width: 70px
    }
}

.newSaving {
    margin: 0 auto;
    width: 100%
}

.newSaving .list:after, .newSaving .list:before {
    content: " ";
    display: table
}

.newSaving .list:after {
    clear: both
}

.newSaving .listContent {
    border-bottom: solid 1px #ddd;
    padding: 22px 0
}

.newSaving .listContentWrapper {
    display: table;
    margin: 0 auto;
    width: 92%
}

.newSaving .listContentWrapper__time {
    display: table-cell;
    vertical-align: middle;
    width: 110px
}

.newSaving .listContentWrapper__information {
    color: #384359;
    display: table-cell;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    padding-left: 12px;
    padding-right: 24px;
    vertical-align: middle;
    width: 85%
}

.newSaving .listBottomWrapper__btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background-color: #c80000;
    margin: 20px auto 30px;
    width: 264px
}

.newSaving .listBottomWrapper__btn:active, .newSaving .listBottomWrapper__btn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.newSaving .listBottomWrapper__btn.is_disabled, .newSaving .listBottomWrapper__btn:disabled {
    background-color: #ccc;
    cursor: default
}

.newSaving .list .listContent:last-child {
    border: none
}

.newSaving__linkBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background-color: #c80000;
    margin: 30px auto 12px;
    width: 264px
}

.newSaving__linkBtn:active, .newSaving__linkBtn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.newSaving__linkBtn.is_disabled, .newSaving__linkBtn:disabled {
    background-color: #ccc;
    cursor: default
}

.newSaving__closeBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background-color: #c80000;
    margin: 30px auto 12px;
    width: 264px
}

.newSaving__closeBtn:active, .newSaving__closeBtn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.newSaving__closeBtn.is_disabled, .newSaving__closeBtn:disabled {
    background-color: #ccc;
    cursor: default
}

@media only screen and (max-width: 828px) {
    .newSaving .listContent {
        padding: 12px 0 6px
    }

    .newSaving .listContentWrapper {
        display: block
    }

    .newSaving .listContentWrapper__information {
        display: block;
        margin: 18px 0;
        padding: 0;
        width: 100%
    }
}

.shopInformation {
    margin: 0 auto;
    width: 100%
}

.shopInformation .list:after, .shopInformation .list:before {
    content: " ";
    display: table
}

.shopInformation .list:after {
    clear: both
}

.shopInformation .listContent {
    border-bottom: solid 1px #ddd;
    padding: 22px 0
}

.shopInformation .listContentWrapper {
    display: table;
    margin: 0 auto;
    width: 92%
}

.shopInformation .listContentWrapper__tag {
    background: #f87e7e;
    border-radius: 8px;
    color: #fff;
    display: block;
    margin-right: 12px;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
    width: 124px
}

.shopInformation .listContentWrapper__tag a {
    color: #fff;
    text-decoration: none
}

.shopInformation .listContentWrapper__time {
    display: table-cell;
    vertical-align: middle;
    width: 110px
}

.shopInformation .listContentWrapper__information {
    color: #384359;
    display: table-cell;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    padding-left: 12px;
    padding-right: 24px;
    vertical-align: middle;
    width: 74%
}

.shopInformation .listContentWrapper__information a {
    color: #63c1ae;
    text-decoration: none
}

.shopInformation .listContentWrapper__information a:hover {
    color: #219d92
}

.shopInformation .list .listContent:last-child {
    border: none
}

.shopInformation__closeBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    background-color: #c80000;
    margin: 30px auto 12px;
    width: 264px
}

.shopInformation__closeBtn:active, .shopInformation__closeBtn:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

.shopInformation__closeBtn.is_disabled, .shopInformation__closeBtn:disabled {
    background-color: #ccc;
    cursor: default
}

@media only screen and (max-width: 828px) {
    .shopInformation .listContent {
        padding: 12px 0 6px
    }

    .shopInformation .listContentWrapper {
        display: block
    }

    .shopInformation .listContentWrapper__tag {
        display: table-cell;
        padding: 7px 0 4px;
        vertical-align: middle
    }

    .shopInformation .listContentWrapper__time {
        padding-left: 24px
    }

    .shopInformation .listContentWrapper__information {
        display: block;
        margin: 18px 0;
        padding: 0;
        width: 100%
    }
}

html[data-scope-action=announces_index] body, html[data-scope-action=shopinquiries_index] body {
    background: #f0f1f4
}

html[data-scope-action=announces_index] #content, html[data-scope-action=shopinquiries_index] #content {
    margin: 0 auto 90px;
    padding-top: 32px;
    position: relative;
    width: 950px
}

html[data-scope-action=announces_index] #cboxOverlay, html[data-scope-action=shopinquiries_index] #cboxOverlay {
    background: none repeat scroll 0 0 rgba(94, 94, 94, .6);
    z-index: 9999999
}

html[data-scope-action=announces_index] #colorbox, html[data-scope-action=shopinquiries_index] #colorbox {
    z-index: 9999999
}

#archiveBox {
    background-color: #fff;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0 auto;
    overflow: hidden
}

#archiveBox .archiveBox__archiveText {
    color: #777;
    font-size: 12px
}

#archiveBox .archiveBox__archiveText:before {
    content: "-"
}

#archiveBox .archiveBox__ajax:hover {
    background-color: #eee
}

#archiveBox .archiveBox__ajax:hover .x_ajax {
    cursor: pointer
}

#archiveBox .tableStyle01 {
    table-layout: fixed
}

#archiveBox .tableStyle01 input {
    margin: 0
}

#archiveBox .tableStyle01__td {
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

#archiveBox .status01 {
    text-decoration: none
}

#archiveBox .status01--new-function {
    background-color: #e13748
}

#archiveBox .status01--new-campaign {
    background-color: #e17b37
}

#archiveBox .status01--new-order {
    background-color: #379de1
}

#archiveBox .status01--new-inquiry {
    background-color: #37e1d0
}

#archiveBox .status01--new-saving {
    background-color: #37e17b
}

.inquiryAllDone {
    margin: 30px auto 0
}

.mailModal {
    padding: 10px
}

.mailModal__header {
    margin: 0 0 20px;
    padding: 10px 0
}

.mailModal__subject {
    color: #000;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 20px
}

.mailModal__info {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    font-size: 12px;
    overflow: hidden;
    padding: 10px 0
}

.mailModal__infoLabel {
    clear: both;
    float: left;
    width: 80px
}

.mailModal__infoText {
    float: left;
    margin: 0 0 5px
}

.mailModal__content {
    font-size: 14px;
    line-height: 1.6
}

html[data-scope-controller=helps] body {
    background-color: #f0f1f4
}

html[data-scope-controller=helps] #content-wrap {
    margin: 0 auto 90px;
    position: relative;
    width: 950px
}

html[data-scope-controller=helps] #helpContainer {
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    margin: 0 auto;
    min-height: 920px;
    padding: 40px 20px;
    position: relative
}

html[data-scope-controller=helps] #helpContainer a {
    text-decoration: none
}

html[data-scope-controller=helps] #helpContainer a:hover {
    text-decoration: underline
}

html[data-scope-controller=helps] #l_left {
    background-color: #fafafa;
    box-sizing: border-box;
    left: 20px;
    padding: 25px 15px;
    position: absolute;
    top: 40px;
    width: 200px
}

html[data-scope-controller=helps] #l_left.fix {
    left: auto;
    position: fixed;
    top: 80px
}

html[data-scope-controller=helps] #l_right {
    box-sizing: border-box;
    margin-left: 230px;
    width: 670px
}

html[data-scope-controller=helps] .helpTOC {
    font-size: 14px
}

html[data-scope-controller=helps] .helpTOC li {
    padding-left: 10px
}

html[data-scope-controller=helps] .helpTOC li:not(:last-child) {
    margin-bottom: 15px
}

html[data-scope-controller=helps] .helpTOC li.current {
    border-left: 2px solid #00ae9f;
    font-weight: 700
}

html[data-scope-controller=helps] .helpBody {
    color: #000;
    display: none
}

html[data-scope-controller=helps] .helpBody.show {
    display: block
}

html[data-scope-controller=helps] body.default #content .helpBody h2.helpTitle {
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    padding: 0 0 10px
}

html[data-scope-controller=helps] .helpList {
    font-size: 14px;
    padding: 30px 0
}

html[data-scope-controller=helps] .helpList:not(:last-child) {
    border-bottom: 1px dashed #ccc
}

html[data-scope-controller=helps] .helpList dt {
    font-weight: 700;
    margin-bottom: 15px
}

html[data-scope-action=savings_withdraw] body {
    background-color: #f0f1f4
}

html[data-scope-action=savings_withdraw] .formBlock {
    margin: 0 auto 90px;
    position: relative;
    width: 950px
}

html[data-scope-action=savings_withdraw] .adminBox--withdraw {
    padding: 0 100px 40px
}

html[data-scope-action=savings_withdraw] .savingsInfoWrapper .savingsInfo--edit {
    display: none
}

html[data-scope-action=savings_withdraw] .savingsInfoWrapper.edit .savingsInfo--default {
    display: none
}

html[data-scope-action=savings_withdraw] .savingsInfoWrapper.edit .savingsInfo--edit {
    display: block
}

html[data-scope-action=savings_withdraw] .savingsInfoWrapper.edit .withdrawForm__label {
    display: none
}

html[data-scope-action=savings_withdraw] .withdrawForm__label {
    bottom: 0;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 90px
}

html[data-scope-action=savings_withdraw] .withdrawForm__bankInfo {
    display: table
}

html[data-scope-action=savings_withdraw] .withdrawForm__bankInfo:not(:last-child) {
    margin-bottom: 16px
}

html[data-scope-action=savings_withdraw] .withdrawForm__bankInfo dt {
    display: table-cell;
    width: 150px
}

html[data-scope-action=savings_withdraw] .withdrawForm__bankInfo dd {
    display: table-cell;
    font-weight: 700
}

html[data-scope-action=savings_withdraw] .withdrawForm__bankWindowBtn {
    font-size: 12px;
    margin-top: 8px;
    padding: 8px 0;
    width: 200px
}

html[data-scope-action=savings_withdraw] .withdrawForm__select {
    width: 200px
}

html[data-scope-action=savings_withdraw] .withdrawForm__input {
    width: 100%
}

html[data-scope-action=savings_withdraw] .withdrawForm__changeLink {
    text-align: right
}

html[data-scope-action=savings_withdraw] .savingsInfo--edit .withdrawForm__bankInfo {
    display: block
}

html[data-scope-action=savings_withdraw] .savingsInfo--edit .withdrawForm__bankInfo:not(:last-child) {
    margin-bottom: 24px
}

html[data-scope-action=savings_withdraw] .savingsInfo--edit .withdrawForm__bankInfo dt {
    display: block;
    margin-bottom: 8px
}

html[data-scope-action=savings_withdraw] .savingsInfo--edit .withdrawForm__bankInfo dd {
    display: block;
    font-weight: 400
}

html[data-scope-action=savings_withdraw] .withdrawStatus {
    background-color: #e6797b;
    border: 1px solid #e6797b;
    box-sizing: border-box;
    margin: 24px 0 0
}

html[data-scope-action=savings_withdraw] .withdrawStatus__label {
    font-weight: 700;
    margin-top: -26px
}

html[data-scope-action=savings_withdraw] .withdrawStatus__txt {
    font-size: 15px;
    font-weight: 700;
    padding: 16px 24px 24px
}

html[data-scope-action=savings_withdraw] .withdrawStatus.status--ng {
    background-color: #fff1f3;
    border: 1px solid #f87e7e;
    color: #f67f80
}

html[data-scope-action=savings_withdraw] .withdrawStatus__button {
    margin: 40px auto 0
}

html[data-scope-action=savings_withdraw] .savingsRetry__options {
    border-bottom: 1px solid #f0f1f4;
    padding: 24px 0 16px;
    text-align: left
}

html[data-scope-action=savings_withdraw] .savingsRetry__option {
    margin-bottom: 16px
}

html[data-scope-action=savings_withdraw] .savingsRetry__option input[type=radio]:checked + label {
    font-weight: 700
}

html[data-scope-action=savings_withdraw] .ngReason {
    position: relative
}

html[data-scope-action=savings_withdraw] .ngReason__textarea {
    height: 140px;
    resize: vertical;
    width: 100%
}

html[data-scope-action=savings_withdraw] .ngReason .loadingCover {
    display: none
}

html[data-scope-action=savings_withdraw] .ngReason.loading .loadingCover {
    background-color: rgba(255, 255, 255, .7);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

html[data-scope-action=savings_withdraw] .ngReason.loading .loadingCover img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

html[data-scope-action=savings_withdraw] .retryOption {
    display: none
}

html[data-scope-action=savings_withdraw] .retryOption.select {
    display: block
}

html[data-scope-action=savings_withdraw] .smbcYagouSelect {
    display: none
}

html[data-scope-action=savings_withdraw] .smbcYagouSelect__input:disabled {
    background: #ddd;
    color: #aaa
}

html[data-scope-controller=savings] body {
    background-color: #f0f1f4
}

html[data-scope-controller=savings] .formBlock {
    margin: 0 auto 90px;
    position: relative;
    width: 950px
}

html[data-scope-controller=savings] .tooltip {
    cursor: help;
    font-size: 13px;
    font-weight: 400;
    padding: 5px;
    position: relative
}

html[data-scope-controller=savings] .tooltip > a {
    color: #ccc;
    position: relative
}

html[data-scope-controller=savings] .tooltip > p {
    display: none;
    position: absolute;
    z-index: 1
}

html[data-scope-controller=savings] .tooltip:hover > a {
    text-decoration: none
}

html[data-scope-controller=savings] .tooltip:hover > p {
    background-color: rgba(102, 102, 102, .9);
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #eee;
    display: inline-block;
    font-size: 13px;
    left: 0;
    line-height: 1.5;
    margin: 0 10px;
    min-width: 240px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: -38px;
    z-index: 1
}

html[data-scope-controller=savings] .savingsPlusNotice {
    font-size: 14px;
    padding: 40px;
    text-align: center
}

html[data-scope-controller=savings] .savingsPlusNotice__btn {
    margin: 40px auto 0;
    width: 300px
}

html[data-scope-controller=savings] .chartWrapper {
    height: 400px
}

html[data-scope-controller=savings] .salesData {
    background-color: #f1f1f1;
    padding: 10px 20px
}

html[data-scope-controller=savings] .salesData .f_select01 select {
    font-size: 14px
}

html[data-scope-controller=savings] .salesData__table {
    display: inline-table;
    vertical-align: middle;
    width: 49%
}

html[data-scope-controller=savings] .salesData__table:first-child {
    border-right: 1px solid #ddd
}

html[data-scope-controller=savings] .salesData__table:first-child .salesData__price {
    padding-right: 20px
}

html[data-scope-controller=savings] .salesData__table:last-child .salesData__title {
    padding-left: 20px
}

html[data-scope-controller=savings] .salesData__tablecell {
    display: table-cell;
    vertical-align: middle
}

html[data-scope-controller=savings] .salesData__price {
    font-size: 24px;
    text-align: right
}

html[data-scope-controller=savings] .salesData__label {
    display: inline-block;
    margin-left: 8px
}

html[data-scope-controller=savings] .salesData__coinNotice {
    font-size: 11px;
    padding-right: 70px;
    text-align: right
}

html[data-scope-controller=savings] .attentionIcon {
    color: #f87e7e;
    font-size: 16px;
    margin-right: 5px
}

html[data-scope-controller=savings] .savingsTable .status01 {
    margin-right: 8px
}

html[data-scope-controller=savings] .savingsTable .status01 + span {
    display: inline-block;
    line-height: 26px;
    vertical-align: middle
}

html[data-scope-controller=savings] #inline_content legend {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    display: block;
    font-size: 21px;
    line-height: 40px;
    margin-bottom: 20px;
    padding: 0;
    width: 100%
}

html[data-scope-controller=savings] #inline_content label {
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 5px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] body {
    color: #384359;
    font-size: 14px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .adminBox--telauth {
    padding: 40px 40px 80px;
    position: relative
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .adminBox--telauth.loading .loadingCover {
    display: block
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .loadingCover {
    background-color: rgba(255, 255, 255, .8);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .loadingCover img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .topNotice {
    margin: 40px 0
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .topNotice__txt {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 8px;
    text-align: center
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telAuthStep {
    margin: 0 auto 16px;
    width: 720px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telAuthStep__title {
    background-color: #d9dee5;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    padding: 0 0 0 48px;
    position: relative
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telAuthStep__title span {
    background-color: #384359;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    height: 24px;
    left: 16px;
    line-height: 24px;
    position: absolute;
    text-align: center;
    top: 12px;
    width: 24px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telAuthStep__content {
    box-sizing: border-box;
    margin: 24px 0;
    padding: 0 16px;
    width: 100%
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telAuthStep__content.open {
    max-height: 500px;
    transition: .3s linear
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telAuthStep__notice {
    font-size: 13px;
    margin: 8px 0 0
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telAuthStep__telField {
    width: 320px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telAuthStep__selectType {
    margin: 16px 0 32px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telAuthStep__selectType .f_radio01:checked + label {
    font-weight: 700
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authBox {
    background-color: #fcfcfd;
    border: 1px solid #f0f1f4;
    box-sizing: border-box;
    margin: 0 0 16px;
    padding: 32px;
    text-align: center
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authBox__txt {
    font-weight: 700;
    margin: 0 0 16px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authBox__btn {
    margin: 24px auto 0;
    width: 300px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authBox__btn i {
    font-size: 18px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authBox__field {
    font-size: 18px;
    height: 48px;
    letter-spacing: 16px;
    line-height: 48px;
    padding-left: 20px;
    text-align: center;
    width: 300px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authBox--getCode {
    display: none
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authBox--getCode.show {
    display: block
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telField {
    margin: 40px auto 0;
    width: 450px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telField__line {
    display: table;
    margin: 0 0 16px;
    width: 100%
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telField__title {
    display: table-cell;
    font-weight: 700;
    width: 164px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telField__field {
    display: table-cell
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telField__tel {
    width: 100%
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telField__btn {
    display: inline-block;
    font-size: 14px;
    padding: 8px 0;
    width: 130px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .telField__btn:last-child {
    margin-left: 20px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal {
    background-color: #fff;
    border-radius: 2px;
    bottom: 0;
    box-sizing: border-box;
    display: none;
    font-size: 16px;
    height: 340px;
    left: 0;
    line-height: 1.8;
    margin: auto;
    padding: 24px 16px 48px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 480px;
    z-index: 6000000
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal__tel {
    background-color: #f0f1f4;
    color: #384359;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 3px;
    padding: 10px 0
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal__txtContainer {
    margin: 32px 0 0
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal__txt {
    display: none
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal__btn {
    margin: 40px auto 0;
    padding: 8px 0;
    width: 320px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal.fallback {
    height: 530px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal.fallback .authModal__fallback {
    display: block
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal__fallback {
    background-color: #f0f1f4;
    display: none;
    font-size: 13px;
    margin: 40px 0 0;
    padding: 24px 0
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal__getCodeBtn {
    background-color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 8px 0;
    width: 200px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal__getCodeBtn:nth-child(2) {
    margin: 0 0 0 8px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal__fallbackTxt {
    margin: 0 0 16px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal__fallbackNotice {
    font-size: 12px;
    margin: 8px 16px 0;
    text-align: left
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal .onlyForTel {
    display: none
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal.fallback--fortell .onlyForSMS {
    display: none
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal.fallback--fortell .onlyForTel {
    display: block
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal .loadingCoverModal {
    background-color: rgba(255, 255, 255, .8);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal .loadingCoverModal img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal.loading .loadingCoverModal {
    display: block
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal__indicator {
    background-color: #63c1ae;
    bottom: 0;
    height: 5px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: width 20s linear;
    width: 100%;
    z-index: 6000001
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal__indicator.show {
    opacity: 1
}

html[data-scope-action=savings_withdraw_phone_number_authorize] .authModal__indicator.countdown {
    transition: width 20s linear;
    width: 0
}

html[data-scope-action=users_credit_card] body {
    background-color: #f0f1f4
}

html[data-scope-action=users_credit_card] .escrowApplication__rejected {
    font-size: 14px;
    line-height: 1.8;
    text-align: center
}

html[data-scope-action=users_credit_card] .o_form__row {
    border-bottom: 2px solid #f0f1f4;
    padding: 32px 0
}

html[data-scope-action=users_credit_card] .o_form__row:last-of-type {
    border-bottom: none
}

html[data-scope-action=users_credit_card] .o_form__header {
    width: 280px !important
}

html[data-scope-action=users_credit_card] .o_form__title {
    font-size: 18px !important;
    font-weight: 700;
    letter-spacing: inherit !important;
    padding: 0 !important;
    margin: 0 !important
}

html[data-scope-action=users_credit_card] .o_form__inner {
    margin: 0 !important;
    padding: 0 !important
}

html[data-scope-action=users_credit_card] .o_form__data {
    display: block !important
}

html[data-scope-action=users_credit_card] .o_form__notification {
    font-size: 1.4rem
}

html[data-scope-action=users_credit_card] .o_form__inputBlock {
    margin-bottom: 0 !important
}

html[data-scope-action=users_credit_card] .o_form__topinfo {
    background-color: none;
    border: none;
    box-sizing: border-box;
    margin: 24px 0 0;
    padding: 0
}

html[data-scope-action=users_credit_card] .o_form__inputLabel {
    font-weight: 700
}

html[data-scope-action=users_credit_card] .o_form__btnBlock .c-submitBtn {
    display: block;
    width: 320px;
    margin: 0 auto
}

html[data-scope-action=users_credit_card] .f_select01 {
    background: #fff;
    border: 1px solid #c2c8d2;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    height: 44px;
    line-height: 44px;
    overflow: hidden
}

html[data-scope-action=users_credit_card] .f_select01 select {
    cursor: pointer
}

html[data-scope-action=users_credit_card] .escrowForm {
    background-color: #fff;
    padding: 34px 40px 0
}

html[data-scope-action=users_credit_card] .escrowForm__title {
    font-size: 18px;
    font-weight: 700;
    text-align: center
}

html[data-scope-action=users_credit_card] .escrowForm__intro {
    line-height: 1.4
}

html[data-scope-action=users_credit_card] .escrowForm__paymethodList {
    margin-bottom: 10px
}

html[data-scope-action=users_credit_card] .escrowForm__paymethodList input[type=checkbox]:checked + label {
    font-weight: 700
}

html[data-scope-action=users_credit_card] .escrowForm__atobaraiTerm {
    font-size: 12px
}

html[data-scope-action=users_credit_card] .escrowForm__annotation {
    display: block;
    font-size: .86em;
    margin-left: 2.1em;
    line-height: 2em
}

html[data-scope-action=users_credit_card] .escrowForm__field {
    width: 100%
}

html[data-scope-action=users_credit_card] .escrowForm__fieldM {
    width: 360px
}

html[data-scope-action=users_credit_card] .escrowForm__fieldS {
    width: 260px
}

html[data-scope-action=users_credit_card] .escrowForm__atobarai {
    display: none
}

html[data-scope-action=users_credit_card] .escrowForm__atobarai.active.show {
    display: table
}

html[data-scope-action=users_credit_card] .escrowForm__atobaraiOptionHeading {
    line-height: 1.6;
    margin: 0 0 8px
}

html[data-scope-action=users_credit_card] .escrowForm__atobaraiOption {
    margin: 20px 0 0
}

html[data-scope-action=users_credit_card] .escrowForm__inputSide {
    display: block;
    vertical-align: top;
    width: 100%
}

html[data-scope-action=users_credit_card] .escrowForm__inputSide:nth-child(1) {
    padding: 0 0 16px
}

html[data-scope-action=users_credit_card] .escrowForm__birthday select {
    background-color: #fcfcfd;
    border: 1px solid #c2c8d2;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 1.4rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 38px;
    padding: 4px 8px;
    width: 80px
}

html[data-scope-action=users_credit_card] .escrowForm__prefecture {
    width: 184px
}

html[data-scope-action=users_credit_card] .escrowForm__submitBtn {
    display: inline-block;
    width: 320px
}

html[data-scope-action=users_credit_card] .escrowForm__errTxt {
    color: #f87e7e;
    font-weight: 700;
    padding: 40px 0;
    text-align: center
}

html[data-scope-action=users_credit_card] .escrowForm__btError {
    color: #f87e7e
}

html[data-scope-action=users_credit_card] .escrowForm__description {
    margin-top: 32px;
    line-height: 20px
}

html[data-scope-action=users_credit_card] .escrowForm .error-message {
    margin: 5px auto 5px 0
}

html[data-scope-action=users_credit_card] .escrowForm .shopCategory__select .selectWrapper {
    background: #fff;
    border: 1px solid #c2c8d2;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    min-width: 100%
}

html[data-scope-action=users_edit_payment] body {
    background-color: #f0f1f4
}

html[data-scope-action=users_edit_payment] .formBlock {
    margin: 0;
    position: relative;
    width: 100%
}

html[data-scope-action=users_edit_payment] .o_form__row {
    border-bottom: 2px solid #f0f1f4
}

html[data-scope-action=users_edit_payment] .o_form__header {
    width: 280px;
    font-size: 18px;
    letter-spacing: inherit
}

html[data-scope-action=users_edit_payment] .o_form__inner {
    margin: 0 !important;
    padding: 0 !important
}

html[data-scope-action=users_edit_payment] .o_form__title {
    font-size: 18px !important;
    letter-spacing: inherit !important
}

html[data-scope-action=users_edit_payment] .o_form__inputLabel {
    margin-bottom: 12px;
    font-weight: 700
}

html[data-scope-action=users_edit_payment] .o_form__btnBlock .c-defaultBtn, html[data-scope-action=users_edit_payment] .o_form__btnBlock .c-submitBtn {
    display: block;
    width: 320px;
    margin: 0 auto
}

html[data-scope-action=users_edit_payment] .o_form__separator {
    background-color: #fff;
    border-bottom: 2px solid #f0f1f4;
    font-size: 18px;
    padding: 40px 0 24px;
    margin: 0;
    line-height: inherit;
    height: inherit
}

html[data-scope-action=users_edit_payment] .o_form__row:last-of-type {
    border-bottom: none
}

html[data-scope-action=users_edit_payment] .f_select01 {
    background: #fff;
    border: 1px solid #c2c8d2;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    height: 44px;
    line-height: 44px;
    overflow: hidden
}

html[data-scope-action=users_edit_payment] .f_select01 select {
    width: 300px;
    cursor: pointer
}

html[data-scope-action=users_edit_payment] .escrowDefault {
    color: #333;
    font-size: 14px;
    min-height: 400px;
    padding: 40px 40px 60px;
    text-align: center;
    background-color: #fff
}

html[data-scope-action=users_edit_payment] .escrowDefault__title {
    font-size: 22px
}

html[data-scope-action=users_edit_payment] .escrowDefault__txt {
    line-height: 1.8em
}

html[data-scope-action=users_edit_payment] .escrowDefault__notice {
    display: inline-block;
    font-size: 12px;
    margin: 20px 0 0;
    text-align: left
}

html[data-scope-action=users_edit_payment] .escrowDefault__btn {
    font-size: 18px;
    margin: 50px 0 0
}

html[data-scope-action=users_edit_payment] .escrowDefault__btn .btn--main {
    margin: 0 auto;
    width: 400px
}

html[data-scope-action=users_edit_payment] .escrowDefault .paymentMethod__td, html[data-scope-action=users_edit_payment] .escrowDefault .paymentMethod__th {
    border-top: 1px solid #e8e8e8;
    padding: 30px;
    vertical-align: middle
}

html[data-scope-action=users_edit_payment] .escrowDefault .paymentMethod__th {
    box-sizing: border-box;
    font-weight: 700;
    padding-left: 70px;
    width: 290px
}

html[data-scope-action=users_edit_payment] .escrowDefault .paymentMethod__td img {
    display: inline-block;
    vertical-align: middle
}

html[data-scope-action=users_edit_payment] .escrowDefault .paymentMethod__td img:not(:last-child) {
    margin-right: 30px
}

html[data-scope-action=users_edit_payment] .escrowDefault .paymentMethod tr:last-child .paymentMethod__td, html[data-scope-action=users_edit_payment] .escrowDefault .paymentMethod tr:last-child .paymentMethod__th {
    border-bottom: 1px solid #e8e8e8
}

html[data-scope-action=users_edit_payment] .escrowDefault__rejected {
    line-height: 1.6;
    padding: 32px 0 0 0;
    text-align: center;
    color: #f87e7e
}

html[data-scope-action=users_edit_payment] .block--paymentStatus {
    padding: 0 40px 40px;
    background-color: #fff;
    border-radius: 0 0 4px 4px
}

html[data-scope-action=users_edit_payment] .paymentsStatus__payment {
    margin: 0;
    padding: 8px 0
}

html[data-scope-action=users_edit_payment] .paymentsStatus__payment .status01 {
    box-sizing: border-box;
    width: 80px
}

html[data-scope-action=users_edit_payment] .paymentsStatus__txt {
    display: inline-block;
    line-height: 40px;
    margin: 0 0 0 16px
}

html[data-scope-action=users_edit_payment] .paymentsStatus__btn {
    display: inline-block;
    width: 320px
}

html[data-scope-action=users_edit_payment] .block--pastPayment {
    background-color: #fff;
    border-radius: 4px;
    padding: 0 40px;
    margin: 16px 0 0 0
}

html[data-scope-action=users_edit_payment] .pastPayment__btn {
    display: inline-block;
    width: 320px
}

html[data-scope-action=users_edit_payment] .pastPayment__contents {
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    transition: .2s linear
}

html[data-scope-action=users_edit_payment] .pastPayment__contents.open {
    margin-top: 32px;
    max-height: 800px;
    transition: .2s ease-in
}

html[data-scope-action=users_edit_payment] .pastPayment__data {
    padding: 0 0 16px
}

html[data-scope-action=users_edit_payment] .pastPayment__data input {
    width: 300px
}

html[data-scope-action=users_edit_payment] .pastPayment__alert {
    color: #f87e7e;
    font-size: 12px;
    margin: 12px 0 0
}

html[data-scope-action=users_edit_shop_details] body {
    background-color: #f0f1f4
}

html[data-scope-action=users_edit_shop_details] .formBlock {
    margin: 0 auto 90px;
    position: relative;
    width: 950px
}

html[data-scope-action=users_edit_shop_details] form {
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    margin: 0 auto
}

html[data-scope-action=users_edit_shop_details] form .ln {
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    display: table;
    padding: 40px 0;
    width: 100%
}

html[data-scope-action=users_edit_shop_details] form .ln .left_ln, html[data-scope-action=users_edit_shop_details] form .ln .right_ln {
    box-sizing: border-box;
    display: table-cell;
    line-height: 1.5;
    vertical-align: middle
}

html[data-scope-action=users_edit_shop_details] form .ln .o_form__notification {
    font-size: 1.4rem;
    margin: 0 40px
}

html[data-scope-action=users_edit_shop_details] form .left_ln {
    font-weight: 700;
    padding: 0 0 0 40px;
    width: 320px;
    color: #384359;
    font-size: 14px;
    margin-bottom: 8px
}

html[data-scope-action=users_edit_shop_details] form .right_ln {
    padding: 0 30px
}

html[data-scope-action=users_edit_shop_details] form .right_ln input[type=number], html[data-scope-action=users_edit_shop_details] form .right_ln input[type=text], html[data-scope-action=users_edit_shop_details] form .right_ln textarea {
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    min-height: 40px;
    padding: 5px;
    vertical-align: middle;
    width: 90%
}

html[data-scope-action=users_edit_shop_details] form .right_ln input[type=number]:focus, html[data-scope-action=users_edit_shop_details] form .right_ln input[type=text]:focus, html[data-scope-action=users_edit_shop_details] form .right_ln textarea:focus {
    border: 1px solid #7cd8b7;
    box-shadow: 0 0 5px 0 #7cd8b7;
    outline: 0
}

html[data-scope-action=users_edit_shop_details] form .right_ln input[type=number].field--m, html[data-scope-action=users_edit_shop_details] form .right_ln input[type=text].field--m, html[data-scope-action=users_edit_shop_details] form .right_ln textarea.field--m {
    width: 200px
}

html[data-scope-action=users_edit_shop_details] form .right_ln .field__unit {
    display: inline-block;
    margin-left: 7px;
    vertical-align: middle
}

html[data-scope-action=users_edit_shop_details] form .right_ln p {
    font-size: 14px;
    margin-bottom: 8px
}

html[data-scope-action=users_edit_shop_details] form .right_ln .shopCategory {
    padding: 20px 0
}

html[data-scope-action=users_edit_shop_details] form .right_ln .shopCategory__select .selectWrapper {
    margin-bottom: 18px
}

html[data-scope-action=users_edit_shop_details] form .right_ln .shopCategory__text {
    width: 507px
}

html[data-scope-action=users_edit_shop_details] form .plugin.box input[type=checkbox], html[data-scope-action=users_edit_shop_details] form .right_ln input[type=checkbox].customCheck {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none !important;
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    outline: 0;
    position: relative;
    vertical-align: middle;
    width: 25px
}

html[data-scope-action=users_edit_shop_details] form .plugin.box input[type=checkbox]:checked, html[data-scope-action=users_edit_shop_details] form .right_ln input[type=checkbox].customCheck:checked {
    background-color: #c80000;
    border: none
}

html[data-scope-action=users_edit_shop_details] form .plugin.box input[type=checkbox]:checked:after, html[data-scope-action=users_edit_shop_details] form .right_ln input[type=checkbox].customCheck:checked:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 14px;
    left: 7px;
    position: absolute;
    top: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px
}

html[data-scope-action=users_edit_shop_details] form .plugin.box input[type=checkbox] + label, html[data-scope-action=users_edit_shop_details] form .right_ln input[type=checkbox].customCheck + label {
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    margin: 0;
    padding: 2px 0 0 5px;
    vertical-align: middle
}

html[data-scope-action=users_edit_shop_details] form .btns {
    padding: 40px 60px;
    text-align: center
}

html[data-scope-action=users_edit_shop_details] form .sslSetting__icon {
    margin: 0 10px 0 0;
    vertical-align: middle
}

html[data-scope-action=users_edit_shop_details] form .sslSetting__txt {
    color: #c80000;
    vertical-align: middle
}

html[data-scope-action=users_edit_shop_details] form .shopShippingFeeCheckContainer {
    display: block;
    height: auto
}

html[data-scope-action=users_edit_shop_details] form .shopShippingFeeCheck:checked + label + .toggle_obj {
    max-height: 400px;
    transition: max-height .2s linear
}

html[data-scope-action=users_edit_shop_details] form .shopShippingFeeCheck + label + .toggle_obj {
    max-height: 0;
    padding: 0 0 0 30px;
    transition: max-height .2s linear
}

html[data-scope-action=users_edit_shop_details] form .toggle_obj {
    overflow: hidden;
    padding: 10px 0 10px 30px
}

html[data-scope-action=users_edit_shop_details] form .toggle_obj div {
    width: 50%
}

html[data-scope-action=users_edit_shop_details] form .toggle_obj div.title {
    font-weight: 700;
    margin-top: 20px;
    position: relative;
    width: 100%
}

html[data-scope-action=users_edit_shop_details] form .toggle_obj div.title > span {
    padding: 0
}

html[data-scope-action=users_edit_shop_details] form .toggle_obj span {
    display: block;
    padding: 10px 0 5px 3px
}

html[data-scope-action=users_edit_shop_details] form .toggle_obj span.text {
    display: inline
}

html[data-scope-action=users_edit_shop_details] .appShippingFeeNotice {
    font-size: 12px;
    margin: 16px 0 0
}

html[data-scope-action=users_edit_shop_details] .editShopDetailsButton {
    width: 320px
}

html[data-scope-action=users_edit_shop] body, html[data-scope-action=users_edit_shop] html {
    height: 100%;
    overflow-x: hidden;
    width: 100%
}

.editShop {
    background: 0 0;
    color: #383838;
    font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 11px;
    line-height: 1.8;
    word-break: break-all
}

.editShop article, .editShop aside, .editShop audio, .editShop blockquote, .editShop canvas, .editShop caption, .editShop code, .editShop dd, .editShop div, .editShop dl, .editShop dt, .editShop fieldset, .editShop figure, .editShop footer, .editShop form, .editShop h1, .editShop h2, .editShop h3, .editShop h4, .editShop h5, .editShop h6, .editShop header, .editShop hgroup, .editShop iframe, .editShop input, .editShop legend, .editShop li, .editShop menu, .editShop nav, .editShop object, .editShop ol, .editShop p, .editShop pre, .editShop section, .editShop table, .editShop tbody, .editShop td, .editShop textarea, .editShop tfoot, .editShop th, .editShop thead, .editShop ul, .editShop video {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.editShop article, .editShop aside, .editShop figcaption, .editShop figure, .editShop footer, .editShop h1, .editShop h2, .editShop h3, .editShop h4, .editShop h5, .editShop h6, .editShop header, .editShop hgroup, .editShop menu, .editShop nav, .editShop section {
    display: block
}

.editShop a {
    color: #1c1c1c
}

.editShop a:link, .editShop a:visited {
    text-decoration: none
}

.editShop a:active, .editShop a:hover {
    text-decoration: none
}

.editShop h1, .editShop h2, .editShop h3, .editShop h4, .editShop h5, .editShop h6 {
    font-size: 100%
}

.editShop li {
    list-style: none
}

.editShop fieldset {
    border: none
}

.editShop textarea {
    overflow: auto
}

.editShop legend {
    display: none
}

.editShop img {
    border: none;
    vertical-align: top
}

.editShop object {
    outline: 0;
    vertical-align: middle
}

.editShop em, .editShop strong {
    font-style: normal;
    font-weight: 700
}

.editShop small {
    font-size: 100%
}

.editShop abbr, .editShop acronym {
    border: none;
    font-variant: normal
}

.editShop button {
    border: none;
    cursor: pointer
}

.editShop button:focus {
    outline: 0
}

.editShop a, .editShop a:hover, .editShop button, .editShop button:hover {
    -webkit-transform: all .1s ease;
    transition: all .1s ease
}

.editShop a:hover, .editShop button:hover {
    -webkit-opacity: .8;
    opacity: .8
}

.editShop .clearfix {
    zoom: 1
}

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

.editShop .textAbbr {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.editShop .coverImg {
    background-position: center center;
    background-size: cover;
    position: relative;
    width: 100%
}

.editShop .link {
    cursor: pointer
}

.editShop .hide {
    display: none !important
}

.editShop .w50p {
    width: 50%
}

.editShop .w100p {
    width: 100%
}

.editShop i.btnSelectImage {
    background: url(/common/img/base/selectImage.png) no-repeat center center;
    background-size: 25px 25px;
    display: block;
    height: 25px;
    position: relative;
    width: 25px
}

.editShop .d_btn {
    -moz-appearance: button;
    background-color: #c80000;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 36px;
    letter-spacing: 1px;
    line-height: 36px;
    margin: 0;
    padding: 0 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    vertical-align: middle
}

.editShop .d_btn.cancel {
    background-color: #ccc;
    color: #6c6c6c
}

.editShop input.d_btn {
    -webkit-appearance: button
}

.editShop .d_btn:hover {
    text-decoration: none
}

.editShop .d_btn:disabled, .editShop .d_btn[disabled] {
    background-color: #e1e1e1 !important;
    cursor: inherit
}

.editShop .d_btn[disabled]:hover {
    -webkit-opacity: inherit;
    opacity: inherit
}

.editShop .d_chuck {
    cursor: pointer;
    display: inline-block;
    height: 14px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 24px
}

.editShop .d_chuck, .editShop .d_chuck > .button {
    background: #fff;
    border-radius: 5px;
    bottom: 2px;
    left: 2px;
    right: 12px;
    top: 2px;
    transition: left .1s ease-in-out, right .1s ease-in-out
}

.editShop .d_chuck > input[type=checkbox] {
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 2
}

.editShop .d_chuck > .button {
    position: absolute;
    z-index: 1
}

.editShop .d_chuck > input[type=checkbox]:checked ~ .button {
    left: 12px;
    right: 2px
}

.editShop .d_chuck > .track {
    background-color: #9da6b0;
    border-radius: 7px;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    transition: background-color .1s ease;
    width: 100%;
    z-index: 1
}

.editShop .d_chuck > input[type=checkbox]:checked ~ .track {
    background: #d61518
}

.editShop .d_range {
    float: right;
    width: 100px
}

.editShop .fieldGroup .d_range input {
    padding-top: 0
}

.editShop .d_field.ss {
    line-height: 1.8
}

.editShop .d_field.ss > .header {
    background-color: #eaeaea;
    color: #919191;
    font-size: 12px;
    line-height: 35px;
    padding-left: 20px;
    padding-right: 20px
}

.editShop .d_field.ss > .c {
    border-radius: 3px
}

.editShop .d_field.ss .fieldGroup input, .editShop .d_field.ss .fieldGroup textarea {
    background-color: #f6f6f6;
    border: none;
    font-size: 14px;
    padding: 10px;
    width: 100%
}

.editShop .d_field.ss .fieldGroup input:focus, .editShop .d_field.ss .fieldGroup textarea:focus {
    outline: 0
}

.editShop .d_field.ss .fieldGroup {
    border-top: 1px solid #e6e6e6;
    color: #454545;
    font-size: 14px;
    padding: 15px 20px;
    width: 100%
}

.editShop .d_field.ss .fieldGroup > .fieldLabel {
    font-weight: 700
}

.editShop .d_field.ss .fieldGroup.image > .field {
    position: relative;
    text-align: center
}

.editShop .d_field.ss .fieldGroup.image > .field img, .editShop .d_field.ss .fieldGroup.template > .field .templateImg, .editShop .d_field.ss .fieldGroup.text > .field input[type=text], .editShop .d_field.ss .fieldGroup.text > .field textarea {
    margin-top: 10px
}

.editShop .d_field.ss .fieldGroup.image > .field img {
    margin-bottom: 10px
}

.editShop .d_field.ss .fieldGroup > .field img {
    max-height: 260px;
    max-width: 100%
}

.editShop .d_field.ss .groupSet.fieldGroup {
    padding: 0
}

.editShop .d_field.ss .groupSet.fieldGroup > .title {
    font-weight: 700;
    padding: 15px 20px 0
}

.editShop .d_field.ss .groupSet.fieldGroup .fieldGroup {
    border-top: none
}

.editShop .d_field.ss .groupSet.fieldGroup .fieldGroup .title {
    font-size: 12px;
    font-weight: 400
}

.editShop .d_field.ss .fieldGroup.boolean .checkboxChuck, .editShop .d_field.ss .fieldGroup.color .selectColor, .editShop .d_field.ss .fieldGroup.select .selectOption {
    float: right
}

.editShop .d_field.ss .fieldGroup.image .uploadImage {
    float: right
}

.editShop .d_field.ss .fieldGroup.image .uploadImageLogo {
    float: right
}

.editShop .d_field.ss .fieldGroup.image .uploadImageFavicon {
    float: right
}

.editShop .d_field.ss .fieldGroup.image .deleteBtn {
    background: url(/common/img/base/delete.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
    display: block;
    float: right;
    height: 15px;
    position: absolute;
    right: 35px;
    top: -28px;
    width: 15px
}

.editShop .d_field.ss .fieldGroup.image .uploadImage > .uploadImageBtn {
    background-color: #fff;
    padding: 0
}

.editShop .d_field.ss .fieldGroup.image .uploadImageLogo > .uploadImageBtn {
    background-color: #fff;
    padding: 0
}

.editShop .d_field.ss .fieldGroup.image .uploadImageFavicon > .uploadImageBtn {
    background-color: #fff;
    padding: 0
}

.editShop .d_field.ss .fieldGroup.color .selectColor > .switchPalette {
    background: url(/common/img/base/noColor.png);
    background-size: 100%;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 25px;
    width: 25px
}

.editShop .d_field.ss .fieldGroup.color .selectColor > .switchPalette[style] {
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
}

.editShop .d_field.ss .fieldGroup.select .selectOption {
    cursor: pointer
}

.editShop .d_field.ss .fieldGroup.select .selectOption > .selectVal {
    float: left;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px
}

.editShop .d_field.ss .fieldGroup.select .selectOption > .selectOptionBtn {
    background: url(/common/img/base/arrowBottom.png) no-repeat right center;
    background-size: 25px 25px;
    height: 25px;
    -webkit-transform: all .1s ease;
    transition: all .1s ease;
    width: 25px
}

.editShop .d_field.ss .fieldGroup.select .selectOption > .selectOptionBtn.active {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.editShop .d_field.ss .fieldGroup.template {
    border-top: none
}

.editShop .d_field.ss .fieldGroup.template > .fieldLabel {
    margin-bottom: 10px
}

.editShop .d_field.ss .fieldGroup.template .templateImg {
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #eee;
    border-radius: 3px;
    border-right: 1px solid #eee;
    border-top: 1px solid #f9f9f9;
    transition: .2s all ease
}

.editShop .d_field.ss .fieldGroup.template .templateImg:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: .2s all ease
}

.editShop .d_field.ss .fieldGroup.template .templateImg {
    position: relative
}

.editShop .d_field.ss .fieldGroup.template .templateImg.active {
    filter:brightness(70%);
}

.editShop .d_field.ss .fieldGroup.boolean .checkboxChuck {
    margin-top: 3px
}

.editShop .d_panel {
    font-size: 14px;
    z-index: 1
}

.editShop .d_panel > .header {
    background-color: #383838;
    height: 45px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
}

.editShop .d_panel > .header > .left, .editShop .d_panel > .header > .right {
    bottom: 0;
    line-height: 40px;
    position: absolute;
    top: 0;
    vertical-align: middle
}

.editShop .d_panel > .header > .left {
    left: 10px
}

.editShop .d_panel > .header > .center {
    color: #fff;
    line-height: 45px;
    text-align: center;
    width: 100%
}

.editShop .d_panel > .header > .right {
    right: 10px
}

.editShop .d_panel > .c {
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 45px;
    width: 300px
}

.editShop .d_panel .inner {
    margin-bottom: 20px
}

.editShop .d_panel .inner > * {
    border-top: 1px solid #e6e6e6
}

.editShop .d_panel .inner > :first-child {
    border-top: none
}

.editShop .d_panel .inner > .link {
    background-image: url(/common/img/base/arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 13px 20px;
    font-weight: 700;
    line-height: 30px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px 0
}

.editShop .d_panel .link.link--app {
    background-image: url(/common/img/base/arrow.png);
    background-position: 255px center;
    background-repeat: no-repeat;
    background-size: 13px 20px;
    border-top: 1px solid #e6e6e6;
    display: block;
    font-weight: 700;
    margin: 0;
    padding: 10px 20px
}

.editShop .link--app > img {
    width: 40px
}

.editShop .linkApp__title {
    display: inline-block;
    line-height: 40px;
    margin: 0 0 0 5px
}

.editShop .d_panel .inner > .link > .icon {
    margin-right: 10px
}

.editShop .l_table {
    display: table
}

.editShop .l_table > .c {
    display: table-cell
}

#palette {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 1px 1px rgba(100, 100, 100, .3);
    margin-left: 10px;
    opacity: 1;
    padding: 20px 20px 10px;
    position: absolute;
    transition: opacity .4s ease;
    width: 302px;
    z-index: 1000
}

#palette:after, #palette:before {
    border: 8px solid transparent;
    content: "";
    display: block;
    height: 1px;
    margin: -8px 0 0 0;
    position: absolute;
    right: 100%;
    top: 65px;
    width: 1px
}

#palette:before {
    border-right-color: rgba(100, 100, 100, .5);
    z-index: 998
}

#palette:after {
    border-right-color: #fff;
    z-index: 1000
}

#palette.hide {
    display: none
}

#palette > .header {
    margin-bottom: 15px
}

#palette .select {
    border-radius: 50%;
    cursor: pointer;
    display: block;
    float: left;
    height: 33px;
    margin-left: 5px;
    position: relative;
    width: 33px
}

#palette .select:first-child {
    margin-left: 0
}

#palette .select.active:before {
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: 3px;
    content: "";
    display: block;
    left: 3px;
    position: absolute;
    right: 3px;
    top: 3px
}

#palette .swatch {
    cursor: pointer;
    display: block;
    float: left;
    height: 25px;
    margin-bottom: 8px;
    margin-right: 8px;
    position: relative;
    width: 82px
}

#palette .swatch.active:before {
    border: 2px solid #fff;
    bottom: 3px;
    content: "";
    display: block;
    left: 3px;
    position: absolute;
    right: 3px;
    top: 3px
}

#palette .swatch:nth-of-type(3n) {
    margin-right: 0
}

#palette .swatch[data-color="#eeeeee"], #palette .swatch[data-color="#f6f6f6"], #palette .swatch[data-color="#ffffff"] {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05)
}

#palette .pager {
    height: 20px;
    margin-top: 5px;
    text-align: center
}

#palette .pager > .dot {
    background-color: #ccc;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 7px;
    margin: 5px;
    width: 7px
}

#palette > .next, #palette > .prev {
    bottom: 10px;
    cursor: pointer;
    position: absolute
}

#palette > .prev {
    left: 20px
}

#palette > .next {
    right: 20px
}

#palette > .next > img, #palette > .prev > img {
    height: 25px;
    width: 25px
}

.hueWrapper {
    height: 24px;
    margin-bottom: 15px;
    position: relative
}

.hueSelector {
    background-image: url(/common/img/base/hue.png);
    float: left;
    height: 100%;
    width: 160px
}

.hueSelector .indicator {
    border-radius: 1px;
    box-shadow: 0 0 0 2px #000;
    cursor: pointer;
    height: 100%;
    margin-left: 0;
    position: absolute;
    width: 4px
}

.colorCode {
    border: none;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    float: right;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 80px
}

.saturationWrapper {
    background-image: url(/common/img/base/saturationWrapper.png);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    height: 92px
}

.saturationInner {
    height: 100%;
    position: relative
}

.saturationInner .indicator {
    border-radius: 50%;
    box-shadow: 0 0 0 2px #000;
    cursor: crosshair;
    height: 12px;
    margin: -6px;
    padding: 6px;
    position: absolute;
    width: 12px
}

#bower {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 1px 1px rgba(100, 100, 100, .5);
    font-size: 14px;
    height: 200px;
    margin-bottom: 7px;
    margin-left: 7px;
    margin-top: 7px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    width: 248px;
    z-index: 1000
}

#bower:after, #bower:before {
    border: 8px solid transparent;
    content: "";
    display: block;
    height: 1px;
    margin: -8px 0 0 0;
    position: absolute;
    right: 100%;
    top: 60px;
    width: 1px
}

#bower:before {
    border-right-color: rgba(100, 100, 100, .5);
    z-index: 998
}

#bower:after {
    border-right-color: #fff;
    z-index: 1000
}

#bower > ul > li {
    border-top: 1px solid #f3f3f3;
    cursor: pointer;
    padding: 10px 12px 10px 20px
}

#bower > ul > li:first-child {
    border-top: none
}

#bower > ul > li:hover {
    background-color: #e3f8f4
}

.l_positionReset {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

html.openSwitchBower #topPanel > .c, html.openSwitchPalette #topPanel > .c {
    overflow: hidden
}

#sidebar {
    overflow-y: hidden;
    overflow-x: hidden;
    background: #ffffff;
}

#sidebar .d_btn {
    font-size: 12px;
    font-weight: 400;
    height: 28px;
    letter-spacing: 0;
    line-height: 28px;
    padding: 0 10px
}

#sidebar .d_btn.cancel-edit {
    background-color: #6c6c6c;
    color: #fff
}

.sideBySide {
    cursor: pointer
}

html.activeEditHTMLPanel #sidebar, html.activeSelectTemplate #sidebar {
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px)
}

#selectTemplate {
    font-weight: 700;
    line-height: 30px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px 0 20px 10px
}

#selectTemplate > .title {
    padding-bottom: 10px
}

#editor {
    height: 100%;
    position: absolute;
    -webkit-transform: all .4s ease;
    transition: all .4s ease;
    width: 500px
}

#sidebar > .ph2 {
    display: none;
    height: 100%;
    -webkit-transform: translateX(300px);
    transform: translateX(300px);
    width: 0;
}

#logoFieldGroup.activeImage>#logoTextFieldGroup, #logoFieldGroup>#logoImageFieldGroup {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease;
}

html.activeEditHTMLPanel #editHTMLPanel, html.activeSelectTemplate #selectTemplatePanel {
    display: block
}
.select-template {
    display: none;
}
html.activeEditHTMLPanel #shopDemoControl {
    left: 500px
}

html.activeEditHTMLPanel #topPanel.d_panel > .c {
    width: 300px
}

html.activeEditHTMLPanel #editHTMLPanel, html.activeEditHTMLPanel .d_panel > .c {
    width: 500px
}

.ace_editor.show_search .ace_gutter, .ace_editor.show_search .ace_scroller {
    top: 38px
}

.ace_gutter-cell.ace_error {
    display: none
}

.ace_search_box_wrapper {
    display: table;
    padding: 0 10px 10px;
    width: 100%
}

.ace_replace_form, .ace_search_form {
    display: table-cell;
    width: 50%
}

.ace_search_form {
    padding-right: 5px
}

.ace_replace_form {
    padding-left: 5px
}

.ace_search_field_search {
    width: 181px
}

.ace_search_field_replace {
    width: 151px
}

#bgFieldGroup.activeImage > #bgColorFieldGroup, #bgFieldGroup > #bgImageFieldGroup, #logoFieldGroup.activeImage > #logoTextFieldGroup, #logoFieldGroup > #logoImageFieldGroup,#faviconFieldGroup > #faviconImageFieldGroup {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease;
    -webkit-transition: max-height .5s ease
}

#bgFieldGroup.activeImage > #bgImageFieldGroup, #bgFieldGroup > #bgColorFieldGroup, #logoFieldGroup.activeImage > #logoImageFieldGroup, #logoFieldGroup > #logoTextFieldGroup,#faviconFieldGroup.activeImage > #faviconImageFieldGroup {
    max-height: 1000px;
    overflow: hidden;
    -webkit-transition: max-height .5s ease
}

#bgFieldGroup .fieldGroup, #logoFieldGroup .fieldGroup, #faviconFieldGroup .fieldGroup {
    padding-bottom: 0
}

#bgFieldGroup .fieldGroup:last-child {
    padding-bottom: 15px
}

#logoTextFieldGroup > .fieldGroup.text {
    float: left;
    width: 85%
}

#logoTextFieldGroup > .fieldGroup.color {
    float: right;
    padding: 20px 20px 20px 0;
    width: 15%
}

#logoText {
    margin-top: 0
}

#closeCover {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2
}

#detailSettingOption.d_field.ss .fieldGroup:last-child {
    border-bottom: 1px solid #e6e6e6
}

#bottomDesignMarketLink {
    background-color: #fff;
    background-image: url(/common/img/base/theme.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 80px 80px;
    bottom: 0;
    left: -300px;
    position: fixed;
    right: -300px;
    display: none;
}

#bottomDesignMarketLink > .c {
    background-image: url(/common/img/base/arrow.png);
    background-position: 270px center;
    background-repeat: no-repeat;
    background-size: 13px 20px;
    box-sizing: border-box;
    display: inline-block;
    font-weight: 700;
    line-height: 30px;
    padding: 10px 20px 10px 80px;
    width: 100%
}

#templateList {
    margin-bottom: 80px
}

#myTemplateList {
    margin-left: 30px;
    margin-right: 30px;
    transition: all .4s ease
}

#myTemplateList > .c {
    position: relative;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    transition: all .4s ease
}

#myTemplateList > .c.active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

#myTemplateList > .c.inUse:before {
    background: url(/common/img/base/active.png) no-repeat;
    background-size: 100%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 10px
}

#myTemplateList img {
    background-color: #000;
    max-width: inherit;
    width: 200px
}

#selectTemplateList > li {
    width: 100%
}

#selectTemplateList img {
    max-height: inherit
}

#selectTemplateList > li > .field {
    cursor: pointer
}

#shopDemoControl {
    background-color: #fff;
    bottom: 0;
    left: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .4s ease;
    z-index: 2
}

#shopDemoControl:before {
    bottom: 0;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .5);
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2
}

#shopDemoIframeWrap {
    height: 100%;
    position: relative
}

#shopDemoIframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

#textareaForSaveHtmlTemporary {
    display: none
}

#introduceEditHTMLLink {
    display: block
}

#introduceEditHTMLLink:focus {
    outline: 0
}

#colorbox {
    box-sizing: content-box !important
}

.introduceEditHTML {
    padding: 30px 0 0;
    overflow: hidden
}

.introduceEditHTML__header {
    font-size: 32px;
    text-align: center
}

.introduceEditHTML__title {
    margin-left: 5px
}

.introduceEditHTML__content {
    padding-top: 20px;
    text-align: center;
    width: 480px
}

.introduceEditHTML__text {
    font-size: 18px;
    margin-bottom: 20px
}

.introduceEditHTML .d_btn {
    padding-left: 50px;
    padding-right: 50px
}

.checkSmartphone {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

.checkSmartphone .title {
    width: 90%
}

.checkSmartphone .d_chuck {
    -webkit-flex: 1;
    flex: 1
}

html[data-scope-action=users_edit_transaction] body {
    background-color: #f0f1f4
}

html[data-scope-action=users_edit_transaction] .formBlock {
    margin: 0;
    position: relative;
    width: 100%
}

html[data-scope-action=users_edit_transaction] .headsUpBox {
    max-width: 680px;
    margin: 8px auto 0;
    padding: 24px 32px;
    border: 1px solid #c2c8d2
}

html[data-scope-action=users_edit_transaction] .headsUpBox__title {
    font-weight: 700;
    text-align: center;
    font-size: 16px
}

html[data-scope-action=users_edit_transaction] .headsUpBox__text {
    margin-top: 8px;
    line-height: 20px
}

html[data-scope-action=users_edit_transaction] form {
    background-color: #fff;
    border-radius: 0 0 4px 4px !important;
    box-sizing: border-box;
    margin: 0 auto !important;
    padding: 0 40px !important;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    margin: 0 auto
}

html[data-scope-action=users_edit_transaction] form .ln {
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    display: table;
    padding: 40px 0;
    width: 100%
}

html[data-scope-action=users_edit_transaction] form .ln .left_ln, html[data-scope-action=users_edit_transaction] form .ln .right_ln {
    box-sizing: border-box;
    display: table-cell;
    line-height: 1.5;
    vertical-align: middle
}

html[data-scope-action=users_edit_transaction] form .ln .o_form__notification {
    font-size: 1.4rem;
    margin: 0 40px
}

html[data-scope-action=users_edit_transaction] form .left_ln {
    font-weight: 700;
    padding: 0 0 0 40px;
    width: 320px;
    color: #384359;
    font-size: 14px;
    margin-bottom: 8px
}

html[data-scope-action=users_edit_transaction] form .right_ln {
    padding: 0 30px
}

html[data-scope-action=users_edit_transaction] form .right_ln input[type=number], html[data-scope-action=users_edit_transaction] form .right_ln input[type=text], html[data-scope-action=users_edit_transaction] form .right_ln textarea {
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    min-height: 40px;
    padding: 5px;
    vertical-align: middle;
    width: 90%
}

html[data-scope-action=users_edit_transaction] form .right_ln input[type=number]:focus, html[data-scope-action=users_edit_transaction] form .right_ln input[type=text]:focus, html[data-scope-action=users_edit_transaction] form .right_ln textarea:focus {
    border: 1px solid #7cd8b7;
    box-shadow: 0 0 5px 0 #7cd8b7;
    outline: 0
}

html[data-scope-action=users_edit_transaction] form .right_ln input[type=number].field--m, html[data-scope-action=users_edit_transaction] form .right_ln input[type=text].field--m, html[data-scope-action=users_edit_transaction] form .right_ln textarea.field--m {
    width: 200px
}

html[data-scope-action=users_edit_transaction] form .right_ln .field__unit {
    display: inline-block;
    margin-left: 7px;
    vertical-align: middle
}

html[data-scope-action=users_edit_transaction] form .right_ln p {
    font-size: 14px;
    margin-bottom: 8px
}

html[data-scope-action=users_edit_transaction] form .right_ln .shopCategory {
    padding: 20px 0
}

html[data-scope-action=users_edit_transaction] form .right_ln .shopCategory__select .selectWrapper {
    margin-bottom: 18px
}

html[data-scope-action=users_edit_transaction] form .right_ln .shopCategory__text {
    width: 507px
}

html[data-scope-action=users_edit_transaction] form .plugin.box input[type=checkbox], html[data-scope-action=users_edit_transaction] form .right_ln input[type=checkbox].customCheck {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none !important;
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    outline: 0;
    position: relative;
    vertical-align: middle;
    width: 25px
}

html[data-scope-action=users_edit_transaction] form .plugin.box input[type=checkbox]:checked, html[data-scope-action=users_edit_transaction] form .right_ln input[type=checkbox].customCheck:checked {
    background-color: #c80000;
    border: none
}

html[data-scope-action=users_edit_transaction] form .plugin.box input[type=checkbox]:checked:after, html[data-scope-action=users_edit_transaction] form .right_ln input[type=checkbox].customCheck:checked:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 14px;
    left: 7px;
    position: absolute;
    top: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px
}

html[data-scope-action=users_edit_transaction] form .plugin.box input[type=checkbox] + label, html[data-scope-action=users_edit_transaction] form .right_ln input[type=checkbox].customCheck + label {
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    margin: 0;
    padding: 2px 0 0 5px;
    vertical-align: middle
}

html[data-scope-action=users_edit_transaction] form .btns {
    padding: 40px 60px;
    text-align: center
}

html[data-scope-action=users_edit_transaction] form .description {
    padding: 40px 0 20px;
    line-height: 1.4
}

html[data-scope-action=users_edit_transaction] form .description__bold {
    font-weight: 700
}

html[data-scope-action=users_edit_transaction] form .ln {
    box-sizing: border-box;
    display: table;
    padding: 32px 0 !important;
    width: 100%;
    border-bottom: none
}

html[data-scope-action=users_edit_transaction] form .ln:not(:last-child) {
    border-top: 1px solid #f0f1f4
}

html[data-scope-action=users_edit_transaction] form .ln .left_ln, html[data-scope-action=users_edit_transaction] form .ln .right_ln {
    box-sizing: border-box;
    display: table-cell;
    line-height: 1.5;
    vertical-align: middle
}

html[data-scope-action=users_edit_transaction] form .ln .left_ln {
    padding: 0 !important;
    width: 280px !important;
    font-size: 18px !important;
    margin: 0 !important
}

html[data-scope-action=users_edit_transaction] form .ln .right_ln {
    padding: 0 !important
}

html[data-scope-action=users_edit_transaction] form .ln .right_ln textarea {
    width: 100% !important;
    padding: 12px;
    font-size: 14px
}

html[data-scope-action=users_edit_transaction] form .ln span.small {
    color: #384359 !important;
    font-weight: 700;
    font-size: 14px !important;
    padding: 16px 0 8px !important
}

html[data-scope-action=users_edit_transaction] form .ln .o_form__data {
    display: -webkit-flex !important;
    display: flex !important
}

html[data-scope-action=users_edit_transaction] form .ln .o_form__notification {
    font-size: 1.4rem;
    margin: 0 40px
}

html[data-scope-action=users_edit_transaction] form .ln .o_form__inputLabel {
    font-weight: 700;
    margin: 0 0 8px
}

html[data-scope-action=users_edit_transaction] .c-input.fieldM {
    width: 360px !important
}

html[data-scope-action=users_edit_transaction] .c-input.fieldL {
    width: 100% !important
}

html[data-scope-action=users_edit_transaction] .info_hover {
    position: relative;
    font-size: 20px !important;
    padding: 0 !important
}

html[data-scope-action=users_edit_transaction] .info_hover .info_link {
    color: #c2c8d2 !important;
    top: 2px
}

html[data-scope-action=users_edit_transaction] .info_hover .info_mes {
    background-color: rgba(56, 67, 89, .9);
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(56, 67, 89, .3);
    border: none;
    bottom: 40px;
    left: 50%;
    margin-left: -155px;
    transition: opacity 150ms;
    min-width: 300px;
    max-width: 580px;
    z-index: 3000000
}

html[data-scope-action=users_edit_transaction] .info_hover .info_mes:after {
    border-color: #384359 transparent transparent transparent;
    border-style: solid;
    border-width: 7px;
    content: " ";
    left: 50%;
    margin-left: -7px;
    opacity: .9;
    position: absolute;
    top: 100%
}

html[data-scope-action=users_edit_transaction] .corp_name {
    padding: 16px 0 0
}

html[data-scope-action=users_edit_transaction] .business__pref {
    display: block;
    width: 140px
}

html[data-scope-action=users_edit_transaction] .business__pref select {
    width: 136px
}

html[data-scope-action=users_edit_transaction] .btnArea {
    max-width: 320px;
    margin: 0 auto;
    padding: 32px 0
}

html[data-scope-action=users_edit_transaction] .notificationArea {
    line-height: 1.4
}

html[data-scope-action=users_edit_transaction] .btnTelAuth {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    display: inline-block;
    font-size: 14px;
    padding: 9px 34px;
    vertical-align: bottom
}

html[data-scope-action=users_edit_transaction] .btnTelAuth:active, html[data-scope-action=users_edit_transaction] .btnTelAuth:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

html[data-scope-action=users_edit_transaction] .btnTelAuth.is_disabled, html[data-scope-action=users_edit_transaction] .btnTelAuth:disabled {
    background-color: #ccc;
    cursor: default
}

html[data-scope-action=users_edit_transaction] .telAuth__merit {
    background-color: #f0f1f4;
    box-sizing: border-box;
    font-size: 12px;
    margin: 20px 0 0;
    padding: 10px;
    width: 420px
}

html[data-scope-action=users_edit_transaction] .validNumber {
    display: none
}

html[data-scope-action=users_edit_transaction] .telBlock.telBlock--valid .btnTelAuth {
    display: none
}

html[data-scope-action=users_edit_transaction] .telBlock.telBlock--valid .telAuth__merit {
    display: none
}

html[data-scope-action=users_edit_transaction] .telBlock.telBlock--valid .validNumber {
    padding: 0 0 0 16px;
    color: #c80000;
    display: inline-block
}

html[data-scope-action=users_edit_transaction] .telBlock.telBlock--valid .valid__icon {
    background-color: #c80000;
    border-radius: 50px;
    display: inline-block;
    height: 26px;
    margin: 0 8px 0 0;
    position: relative;
    vertical-align: -8px;
    width: 26px
}

html[data-scope-action=users_edit_transaction] .telBlock.telBlock--valid .valid__icon:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 14px;
    left: 8px;
    position: absolute;
    top: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px
}

html[data-scope-action=users_edit_transaction] .authBox {
    position: relative;
    text-align: center
}

html[data-scope-action=users_edit_transaction] .authBox__num {
    font-size: 24px;
    letter-spacing: 1px;
    margin: 0 0 20px;
    text-align: center
}

html[data-scope-action=users_edit_transaction] .authBox__intro {
    font-size: 14px;
    line-height: 24px
}

html[data-scope-action=users_edit_transaction] .authBox__input {
    margin: 8px auto 12px;
    text-align: center;
    width: 16rem;
    display: block
}

html[data-scope-action=users_edit_transaction] .authBox .loadingCover {
    background-color: rgba(255, 255, 255, .8);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

html[data-scope-action=users_edit_transaction] .authBox .loadingCover img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

html[data-scope-action=users_edit_transaction] .authBox.loading .loadingCover {
    display: block
}

html[data-scope-action=users_edit_transaction] .authBox .successCover {
    background-color: rgba(255, 255, 255, .99);
    box-sizing: border-box;
    display: none;
    height: 100%;
    left: 0;
    padding-top: 110px;
    position: absolute;
    top: 0;
    width: 100%
}

html[data-scope-action=users_edit_transaction] .authBox .successCover .succsess__icon {
    background-color: #c80000;
    border-radius: 100px;
    display: inline-block;
    height: 60px;
    margin: 0 8px 0 0;
    position: relative;
    vertical-align: -8px;
    width: 60px
}

html[data-scope-action=users_edit_transaction] .authBox .successCover .succsess__icon:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 28px;
    left: 20px;
    position: absolute;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px
}

html[data-scope-action=users_edit_transaction] .authBox .successCover .success__text {
    font-size: 18px;
    margin: 30px 0 0
}

html[data-scope-action=users_edit_transaction] .authBox.success .successCover {
    display: block
}

html[data-scope-action=users_edit_transaction] .authCode {
    background-color: #f0f0f0;
    padding: 20px
}

html[data-scope-action=users_edit_transaction] .authCode__field {
    font-size: 18px;
    height: 30px;
    letter-spacing: 10px;
    margin: 10px 0;
    text-align: center;
    width: 208px
}

html[data-scope-action=users_edit_transaction] .receiveBtns {
    margin: 20px auto;
    text-align: center;
    width: 70%
}

html[data-scope-action=users_edit_transaction] .receiveBtns__li {
    display: inline-block;
    width: 50%
}

html[data-scope-action=users_edit_transaction] .receiveBtns__txt {
    color: #00bfae;
    margin: 8px 0 0
}

html[data-scope-action=users_edit_transaction] .receive {
    border: 2px solid #c80000;
    border-radius: 100px;
    box-sizing: border-box;
    display: block;
    height: 60px;
    margin: 0 auto;
    padding-top: 12px;
    text-align: center;
    width: 60px
}

html[data-scope-action=users_edit_transaction] .receive:hover {
    background-color: rgba(17, 190, 174, .1)
}

html[data-scope-action=users_edit_transaction] .btn--auth {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #c80000;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    padding: 14px 12px;
    font-size: 14px;
    margin: 0 auto;
    padding: 12px 8px;
    width: 140px
}

html[data-scope-action=users_edit_transaction] .btn--auth:active, html[data-scope-action=users_edit_transaction] .btn--auth:hover {
    text-decoration: none;
    background-color: #219d92;
    color: #fff;
    transition: .2s;
    border: none
}

html[data-scope-action=users_edit_transaction] .btn--auth.is_disabled, html[data-scope-action=users_edit_transaction] .btn--auth:disabled {
    background-color: #ccc;
    cursor: default
}

html[data-scope-action=users_edit_transaction] .coverLayer {
    background: none repeat scroll 0 0 rgba(94, 94, 94, .6);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

html[data-scope-action=users_edit_transaction] input[type=number], html[data-scope-action=users_edit_transaction] input[type=text] {
    background-color: #fcfcfd !important;
    border: 1px solid #c2c8d2 !important;
    font-size: 1.4rem !important;
    min-height: auto !important;
    padding: 0 12px !important
}

html[data-scope-action=users_edit_transaction] textarea {
    background-color: #fcfcfd !important;
    border: 1px solid #c2c8d2 !important;
    font-size: 1.4rem !important;
    min-height: auto !important;
    padding: 12px !important
}

html[data-scope-action=users_edit_transaction] .c-select {
    background-color: #fff
}

html[data-scope-action=users_edit_transaction] .modal {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 2px 2px 8px 0 rgba(100, 100, 100, .5);
    box-sizing: border-box;
    display: none;
    left: 0;
    margin: auto;
    padding: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 500px;
    z-index: 101
}

html[data-scope-action=users_edit_transaction] .modal .closeModal {
    position: absolute;
    right: 0;
    top: -40px
}

html[data-scope-action=users_edit_transaction] .modal .closeModal:hover {
    text-decoration: none
}

html[data-scope-action=users_edit_transaction] .modal .closeModal svg {
    width: 24px
}

html[data-scope-action=users_edit_transaction] .modal .closeModal svg .cross {
    stroke: #fff
}

html[data-scope-action=users_leave] .leave__title {
    font-size: 22px;
    margin: 0 auto;
    padding: 0 0 24px;
    width: 1000px
}

html[data-scope-action=users_leave] .leaveBlock {
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    margin: 0 auto;
    border: none;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0 auto 80px;
    padding: 48px 160px;
    width: 1000px
}

html[data-scope-action=users_leave] .leaveBlock__title {
    font-size: 22px;
    font-weight: 700;
    text-align: center
}

html[data-scope-action=users_leave] .leaveBlock__intro {
    box-sizing: border-box;
    font-size: 14px;
    margin: 24px 0;
    text-align: center
}

html[data-scope-action=users_leave] .leaveBlock__intro--error {
    background: #fcdcdc;
    border-radius: 2px;
    color: #f87e7e;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    padding: 16px
}

html[data-scope-action=users_leave] .leaveBlock .errorBox {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    margin: 24px 0
}

html[data-scope-action=users_leave] .leaveBlock .errorBox__icon {
    padding: 0 14px 0 0
}

html[data-scope-action=users_leave] .leaveBlock .errorBox__icon span {
    font-size: 20px
}

html[data-scope-action=users_leave] .leaveBlock .errorBox__text {
    -webkit-flex: auto;
    flex: auto;
    margin: 0;
    padding: 0
}

html[data-scope-action=users_leave] .leaveBlock .lockedBox {
    border: 1px solid #c2c8d2;
    border-radius: 6px;
    margin: 24px 0 0;
    overflow: hidden
}

html[data-scope-action=users_leave] .leaveBlock .lockedBox__title {
    background-color: #f0f1f4;
    font-size: 16px;
    font-weight: 700;
    padding: 16px 0;
    text-align: center
}

html[data-scope-action=users_leave] .leaveBlock .lockedBox__content {
    padding: 20px
}

html[data-scope-action=users_leave] .leaveBlock .lockedBox__detail {
    font-size: 14px;
    line-height: 1.6em;
    margin: 0;
    text-align: center
}

html[data-scope-action=users_leave] .leaveBlock .lockedBox__btn {
    margin: 20px auto 0;
    width: 300px
}

html[data-scope-action=users_leave] .leaveBlock .confBox {
    border: 1px solid #c2c8d2;
    border-radius: 6px;
    box-sizing: border-box;
    margin: 24px 0 0;
    overflow: hidden;
    text-align: center
}

html[data-scope-action=users_leave] .leaveBlock .confBox__title {
    background-color: #f0f1f4;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 16px;
    text-align: center
}

html[data-scope-action=users_leave] .leaveBlock .confBox__content {
    padding: 16px
}

html[data-scope-action=users_leave] .leaveBlock .confBox__check {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

html[data-scope-action=users_leave] .leaveBlock .leaveBtns {
    display: -webkit-flex;
    display: flex;
    margin: 24px 0 0;
    text-align: center
}

html[data-scope-action=users_leave] .leaveBlock .leaveBtn {
    -webkit-flex: auto;
    flex: auto;
    vertical-align: top;
    width: 320px
}

html[data-scope-action=users_leave] .leaveBlock .leaveBtn:first-child {
    margin-right: 20px
}

html[data-scope-action=users_leave] .leaveBlock .recordBlock {
    margin: 50px 0 0
}

html[data-scope-action=users_leave] .leaveBlock .record__logo {
    text-align: center
}

html[data-scope-action=users_leave] .leaveBlock .record__logo img {
    max-height: 200px;
    max-width: 580px
}

html[data-scope-action=users_leave] .leaveBlock .record__name {
    font-size: 36px;
    font-weight: 700;
    text-align: center
}

html[data-scope-action=users_leave] .leaveBlock .record__data {
    display: -webkit-flex;
    display: flex;
    margin: 30px 0 0;
    text-align: center
}

html[data-scope-action=users_leave] .leaveBlock .record__block {
    background-color: #f0f1f4;
    border-radius: 4px;
    display: inline-block;
    padding: 20px 0;
    width: 50%
}

html[data-scope-action=users_leave] .leaveBlock .record__block:first-child {
    margin-right: 10px
}

html[data-scope-action=users_leave] .leaveBlock .record__title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 12px
}

html[data-scope-action=users_leave] .leaveBlock .record__number {
    color: #c80000;
    font-size: 56px;
    font-weight: 700
}

html[data-scope-action=users_leave] .leaveBlock .reasonBlock {
    margin: 24px 0
}

html[data-scope-action=users_leave] .leaveBlock .reasonBlock__title {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 24px;
    text-align: center
}

html[data-scope-action=users_leave] .leaveBlock .reason__list {
    margin: 0 0 20px
}

html[data-scope-action=users_leave] .leaveBlock .reason__txt {
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    min-height: 150px;
    padding: 5px;
    resize: vertical;
    width: 100%
}

html[data-scope-action=users_leave] .leaveBlock .reasonList__li {
    margin: 0 0 18px
}

html[data-scope-action=users_leave] .leaveBlock .reasonList__check {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

html[data-scope-action=users_leave] .leaveBlock .leaveFinish__base {
    margin: 50px 0 40px;
    text-align: center
}

html[data-scope-action=users_leave] .leaveBlock .leaveFinish__thanks {
    color: #63c1ae;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 20px 0 0;
    text-align: center
}

html[data-scope-action=users_leave] .leaveBlock .leaveFinish__txt {
    font-size: 14px;
    margin: 20px 0 0;
    text-align: center
}

html[data-scope-action=users_leave] .leaveBlock .leaveFinish__txt a {
    text-decoration: none
}

html[data-scope-action=users_prepare_reset_password] body, html[data-scope-action=users_reset_password] body {
    background-color: #f0f1f4
}

html[data-scope-action=users_prepare_reset_password] .wrapper, html[data-scope-action=users_reset_password] .wrapper {
    min-height: 400px;
    padding-top: 68px
}

html[data-scope-action=users_prepare_reset_password] .pwResetTitle01, html[data-scope-action=users_reset_password] .pwResetTitle01 {
    font-size: 22px;
    margin: 0 0 30px;
    margin: 50px auto 20px;
    width: 730px
}

html[data-scope-action=users_prepare_reset_password] .pwResetTitle02, html[data-scope-action=users_reset_password] .pwResetTitle02 {
    color: #384359;
    font-size: 14px;
    margin: 25px 0 8px
}

html[data-scope-action=users_prepare_reset_password] .pwResetBlock, html[data-scope-action=users_reset_password] .pwResetBlock {
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    margin: 0 auto;
    margin: 0 auto 200px;
    padding: 30px 40px;
    width: 730px
}

html[data-scope-action=users_prepare_reset_password] .pwResetText01, html[data-scope-action=users_reset_password] .pwResetText01 {
    color: #384359;
    font-size: 16px;
    line-height: 1.8;
    margin: 20px 0 40px;
    text-align: center
}

html[data-scope-action=users_prepare_reset_password] .pwResetText01--complete, html[data-scope-action=users_reset_password] .pwResetText01--complete {
    margin: 110px 0
}

html[data-scope-action=users_prepare_reset_password] .error-message, html[data-scope-action=users_reset_password] .error-message {
    color: #f87e7e;
    font-size: 14px;
    margin: 5px 0 0
}

html[data-scope-action=users_prepare_reset_password] .pwResetInput01, html[data-scope-action=users_reset_password] .pwResetInput01 {
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
    min-height: 40px;
    padding: 5px;
    width: 100%
}

html[data-scope-action=users_prepare_reset_password] .pwResetInput01:focus, html[data-scope-action=users_reset_password] .pwResetInput01:focus {
    border: 1px solid #7cd8b7;
    box-shadow: 0 0 5px 0 #7cd8b7;
    outline: 0
}

html[data-scope-action=users_prepare_reset_password] .pwResetBtn01, html[data-scope-action=users_reset_password] .pwResetBtn01 {
    margin: 50px auto 30px;
    width: 300px
}

html[data-scope-action=users_add] body, html[data-scope-action=users_login] body {
    background: #f0f1f4;
    font-family: Arial, Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Meiryo, sans-serif;
    font-size: 13px
}

html[data-scope-action=users_add] #content-wrap, html[data-scope-action=users_login] #content-wrap {
    padding-top: 0
}

html[data-scope-action=users_add] .firstViewBox, html[data-scope-action=users_login] .firstViewBox {
    height: 80vh;
    min-height: 600px
}

html[data-scope-action=users_add] .firstViewBox__header, html[data-scope-action=users_login] .firstViewBox__header {
    margin-bottom: 30px;
    text-align: center
}

html[data-scope-action=users_add] .firstViewBox__headerImg, html[data-scope-action=users_login] .firstViewBox__headerImg {
    height: auto;
    width: 122px
}

html[data-scope-action=users_add] .firstViewBox__wrapper, html[data-scope-action=users_login] .firstViewBox__wrapper {
    width: 500px
}

html[data-scope-action=users_add] .firstViewBox__content, html[data-scope-action=users_login] .firstViewBox__content {
    width: 500px
}

html[data-scope-action=users_add] .centeringbox, html[data-scope-action=users_login] .centeringbox {
    display: table;
    height: 100%;
    width: 100%;
    z-index: 1
}

html[data-scope-action=users_add] .centeringbox__middle, html[data-scope-action=users_login] .centeringbox__middle {
    width: 400px
}

html[data-scope-action=users_add] .centeringbox__wrapper, html[data-scope-action=users_login] .centeringbox__wrapper {
    display: table-cell;
    vertical-align: middle
}

html[data-scope-action=users_add] .centeringbox__content, html[data-scope-action=users_login] .centeringbox__content {
    margin-left: auto;
    margin-right: auto
}

html[data-scope-action=users_add] .tabbox, html[data-scope-action=users_login] .tabbox {
    background-color: #fff;
    border-radius: 5px
}

html[data-scope-action=users_add] .tabbox__header, html[data-scope-action=users_login] .tabbox__header {
    height: 80px
}

html[data-scope-action=users_add] .tabbox__header__link, html[data-scope-action=users_login] .tabbox__header__link {
    height: 80px;
    line-height: 80px;
    position: relative
}

html[data-scope-action=users_add] .tabbox__header__link a, html[data-scope-action=users_login] .tabbox__header__link a {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

html[data-scope-action=users_add] .tabbox__header__two .tabbox__header__link, html[data-scope-action=users_login] .tabbox__header__two .tabbox__header__link {
    text-align: center;
    vertical-align: middle;
    width: 50%
}

html[data-scope-action=users_add] .tabbox__header__link__text, html[data-scope-action=users_login] .tabbox__header__link__text {
    font-size: 16px
}

html[data-scope-action=users_add] .tabbox--login .tabbox__login__form, html[data-scope-action=users_login] .tabbox--login .tabbox__login__form {
    display: block
}

html[data-scope-action=users_add] .tabbox--login .tabbox__new__form, html[data-scope-action=users_login] .tabbox--login .tabbox__new__form {
    display: none
}

html[data-scope-action=users_add] .tabbox--login .tabbox__header__link__new, html[data-scope-action=users_login] .tabbox--login .tabbox__header__link__new {
    box-shadow: inset 1px -1px 3px #e6e6e6;
    cursor: pointer
}

html[data-scope-action=users_add] .tabbox--new .tabbox__login__form, html[data-scope-action=users_login] .tabbox--new .tabbox__login__form {
    display: none
}

html[data-scope-action=users_add] .tabbox--new .tabbox__new__form, html[data-scope-action=users_login] .tabbox--new .tabbox__new__form {
    display: block
}

html[data-scope-action=users_add] .tabbox--new .tabbox__header__link__login, html[data-scope-action=users_login] .tabbox--new .tabbox__header__link__login {
    box-shadow: inset -1px -1px 3px #e6e6e6;
    cursor: pointer
}

html[data-scope-action=users_add] .tabbox__header__link__active, html[data-scope-action=users_login] .tabbox__header__link__active {
    box-shadow: none
}

html[data-scope-action=users_add] .tabbox__header__link, html[data-scope-action=users_login] .tabbox__header__link {
    float: left
}

html[data-scope-action=users_add] .tabbox__content, html[data-scope-action=users_login] .tabbox__content {
    padding: 30px
}

html[data-scope-action=users_add] .tabbox__link, html[data-scope-action=users_login] .tabbox__link {
    color: #333;
    font-size: 13px;
    text-decoration: underline
}

html[data-scope-action=users_add] .tabbox__text, html[data-scope-action=users_login] .tabbox__text {
    margin: 15px 0 0
}

html[data-scope-action=users_add] .tabbox__label, html[data-scope-action=users_login] .tabbox__label {
    cursor: pointer;
    font-size: 13px
}

html[data-scope-action=users_add] .tabbox__text--right, html[data-scope-action=users_login] .tabbox__text--right {
    text-align: right
}

html[data-scope-action=users_add] .tabbox__btn, html[data-scope-action=users_login] .tabbox__btn {
    font-weight: 700;
    margin: 30px 0 0;
    width: 100%
}

html[data-scope-action=users_add] .tabbox__content__input, html[data-scope-action=users_login] .tabbox__content__input {
    border: solid 1px #e5e5e5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
    font-size: 14px;
    margin: 15px 0 0;
    outline: 0;
    padding: 12px 9px 9px;
    width: 100%
}

html[data-scope-action=users_add] .tabbox__error, html[data-scope-action=users_login] .tabbox__error {
    color: #f87e7e;
    margin: 0
}

html[data-scope-action=users_add] .shopUrlInput, html[data-scope-action=users_login] .shopUrlInput {
    margin: 15px 0 0
}

html[data-scope-action=users_add] .shopUrlInput__domain, html[data-scope-action=users_add] .shopUrlInput__protocol, html[data-scope-action=users_add] .shopUrlInput__shopId, html[data-scope-action=users_login] .shopUrlInput__domain, html[data-scope-action=users_login] .shopUrlInput__protocol, html[data-scope-action=users_login] .shopUrlInput__shopId {
    box-shadow: none;
    margin: 0 5px 0 0
}

html[data-scope-action=users_add] .shopUrlInput__domain, html[data-scope-action=users_add] .shopUrlInput__protocol, html[data-scope-action=users_login] .shopUrlInput__domain, html[data-scope-action=users_login] .shopUrlInput__protocol {
    font-size: 18px;
    line-height: 36px
}

html[data-scope-action=users_add] .shopUrlInput__shopId, html[data-scope-action=users_login] .shopUrlInput__shopId {
    border: solid 1px #e5e5e5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 14px;
    outline: 0;
    padding: 12px 9px 9px;
    width: 180px
}

html[data-scope-action=users_add] .shopUrlInput__domain, html[data-scope-action=users_login] .shopUrlInput__domain {
    background: none transparent;
    border: solid 1px #e5e5e5;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    line-height: 14px;
    margin: 0;
    padding: 12px 30px 9px 9px;
    position: relative;
    vertical-align: top
}

html[data-scope-action=users_add] span.shopUrlInput__domain, html[data-scope-action=users_login] span.shopUrlInput__domain {
    border: none;
    display: inline-block;
    font-size: 18px;
    line-height: 36px;
    padding: 0;
    vertical-align: middle
}

html[data-scope-action=users_add] .ui-helper-hidden-accessible, html[data-scope-action=users_login] .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.Android {
    font-family: Roboto, sans-serif
}

.Android .Android_shop {
    background-color: #fff;
    max-width: 435px;
    text-align: center;
    width: 100%
}

.Android .Android_shop .informationBar img {
    width: 100%
}

.Android .Android_shop .navBar {
    border-bottom: solid .5px #dcdcdc;
    box-shadow: 0 4px 4px 0;
    opacity: .6;
    position: relative;
    width: 100%;
    z-index: 0
}

.Android .Android_shop .navBarWrapper {
    display: table;
    padding: 15px 4%;
    width: 92%
}

.Android .Android_shop .navBarWrapper__back {
    display: table-cell;
    height: 26px;
    vertical-align: middle;
    width: 26px
}

.Android .Android_shop .navBarWrapper__back img {
    height: 26px;
    width: 26px
}

.Android .Android_shop .navBarWrapper__title {
    display: table-cell;
    max-width: 167px;
    overflow: hidden;
    padding: 0 3%;
    vertical-align: middle;
    width: 100%
}

.Android .Android_shop .navBarWrapper__title h1 {
    color: #666;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Android .Android_shop .navBarWrapper__share {
    display: table-cell;
    height: 24px;
    vertical-align: middle;
    width: 24px
}

.Android .Android_shop .navBarWrapper__share img {
    height: 24px;
    width: 24px
}

.Android .Android_shop .shopIcon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-bottom: solid .5px #dcdcdc;
    height: 282px;
    width: 100%
}

.Android .Android_shop .follow {
    border-bottom: solid .5px #dcdcdc;
    padding: 12px 4%
}

.Android .Android_shop .follow__btn {
    background: #c80000;
    border-radius: 4px;
    display: inline-block;
    margin-right: 1.5%;
    padding: 3% 0;
    vertical-align: middle;
    width: 73.5%
}

.Android .Android_shop .follow__btnWrapper {
    margin: 10px 0
}

.Android .Android_shop .follow__btnWrapperImage {
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 24px
}

.Android .Android_shop .follow__btnWrapperText {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 0 0 0 1%;
    vertical-align: middle
}

.Android .Android_shop .follow__number {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    width: 23.5%
}

.Android .Android_shop .follow__number p {
    font-size: 17px;
    margin: 0 auto;
    padding: 12px 26% 12px 38%
}

.Android .Android_shop .about {
    border-bottom: solid .5px #dcdcdc;
    box-shadow: 0 4px 4px 0;
    margin: 0;
    opacity: .6;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0
}

.Android .Android_shop .aboutWrapper {
    padding: 16px 4% 0
}

.Android .Android_shop .aboutWrapper__text {
    overflow: hidden;
    width: 100%
}

.Android .Android_shop .aboutWrapper__text p {
    border-bottom: solid .5px #dcdcdc;
    color: #666;
    font-size: 12px;
    line-height: 1.5;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 16px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: normal
}

.Android .Android_shop .aboutWrapper__more p {
    font-size: 13px
}

.Android .Android_shop .shopItem {
    background: #f7f7f7;
    margin-bottom: 30px;
    width: 100%
}

.Android .Android_shop .shopItemWrapper {
    padding: 16px 1%
}

.Android .Android_shop .shopItemWrapper:after, .Android .Android_shop .shopItemWrapper:before {
    content: " ";
    display: table
}

.Android .Android_shop .shopItemWrapper:after {
    clear: both
}

.Android .Android_shop .shopItemWrapper .itemBox {
    background-color: #fff;
    border: solid 1px #dcdcdc;
    border-radius: 4px;
    box-shadow: 0 6px 5px -5px;
    float: left;
    margin: 1%;
    position: relative;
    width: 47.3%;
    z-index: 0
}

.Android .Android_shop .shopItemWrapper .itemBoxPic {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    height: 175.5px;
    width: 100%
}

.Android .Android_shop .shopItemWrapper .itemBoxText {
    margin: 6.5px 4% 0;
    overflow: hidden
}

.Android .Android_shop .shopItemWrapper .itemBoxText__itemName {
    color: #666;
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    padding-bottom: 2px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.Android .Android_shop .shopItemWrapper .itemBoxText__shopName {
    color: #999;
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    text-align: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.Android .Android_shop .shopItemWrapper .itemBoxText__bottom {
    display: table;
    line-height: 2;
    text-align: left;
    width: 100%
}

.Android .Android_shop .shopItemWrapper .itemBoxText__bottomPrice {
    color: #666;
    display: table-cell;
    font-size: 15px;
    width: 90%
}

.Android .Android_shop .shopItemWrapper .itemBoxText__bottomFav {
    display: table-cell;
    height: 18px;
    margin-top: 5px;
    position: absolute;
    width: 18px
}

html[data-scope-controller=mallnotifications] .smartphone__device .body {
    background: #fff;
    height: 509px;
    left: 23px;
    overflow: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 87px;
    width: 286px
}

html[data-scope-controller=mallnotifications] .smartphone__device p {
    margin: 0
}

html[data-scope-controller=mallnotifications] .smartphone__device .content {
    background: #fff;
    position: absolute;
    top: 0;
    width: 100%
}

html[data-scope-controller=mallnotifications] .smartphone__device .content:after, html[data-scope-controller=mallnotifications] .smartphone__device .content:before {
    background-color: #000;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    right: 20px;
    top: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 1px
}

html[data-scope-controller=mallnotifications] .smartphone__device .content:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentTop {
    display: table;
    padding: 10px
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentTop__shopLogo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: table-cell;
    height: 38px;
    vertical-align: middle;
    width: 60px
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentTop__shopName {
    display: table-cell;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    padding-right: 20px;
    vertical-align: middle;
    word-break: break-word
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentTop__shopLogo + .contentTop__shopName {
    padding-left: 10px
}

html[data-scope-controller=mallnotifications] .smartphone__device #x_mallSelectPreview {
    height: 140px
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentTitle {
    margin: 0 auto;
    width: 92%
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentTitle h2 {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 14px;
    word-break: break-word
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentText {
    margin: 0 auto;
    width: 92%
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentText p {
    color: #666;
    font-size: 12px;
    margin-bottom: 10px;
    word-break: break-word
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentAdImage {
    display: none;
    height: auto;
    margin: 0 auto;
    margin-bottom: 12px;
    width: 92%
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentAdImage img {
    display: block;
    height: auto;
    width: 100%
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentItemList {
    margin: 0 9px;
    overflow: hidden
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentItemList__child {
    float: left;
    height: 140px;
    width: 33%
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentItemList__image {
    display: block;
    margin: 0 3px 8px
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentItemList__imagePic {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 83px
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentItemList__itemName {
    color: #666;
    font-size: 10px;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 92%
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentItemListBottom {
    margin: 0 auto 6px;
    width: 92%
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentItemListBottom__price {
    display: inline-block;
    font-size: 13px;
    vertical-align: middle
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentItemListBottom__fav {
    display: inline-block;
    float: right;
    height: 16px;
    margin-top: 2.5px;
    vertical-align: middle;
    width: 16px
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentBtn {
    border-top: 1px solid #dcdcdc
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentBtnWrapper {
    display: table;
    margin: 0 auto;
    padding: 3% 0;
    width: 96%
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentBtnWrapper--main {
    background-color: #c80000;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    margin: 0 2%;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentCoupon {
    padding: 0 0 4%
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentCoupon__btn {
    border: 1px solid #c80000;
    border-radius: 4px;
    color: #c80000;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: normal;
    margin: 0;
    margin: 0 4% 2%;
    padding: 8px 0;
    text-align: center;
    text-decoration: none
}

html[data-scope-controller=mallnotifications] .smartphone__device .contentCoupon__code {
    font-size: 12px;
    font-weight: 700;
    text-align: center
}

@media only screen and (max-width: 1280px) {
    html[data-scope-controller=mallnotifications] .smartphone__device .body {
        height: 469px;
        left: 21px;
        top: 80px;
        width: 264px
    }

    html[data-scope-controller=mallnotifications] .smartphone__device .contentTitle h2 {
        font-size: 12px
    }

    html[data-scope-controller=mallnotifications] .smartphone__device .contentItemListBottom__price {
        font-size: 12px
    }

    html[data-scope-controller=mallnotifications] .smartphone__device .contentItemListBottom__fav {
        height: 14px;
        width: 14px
    }

    html[data-scope-controller=mallnotifications] .smartphone__device .contentBtnWrapper--main {
        font-size: 10px;
        margin: 0 2%;
        padding: 8px 0
    }
}

html[data-scope-action=mallnotifications_finish] .pushWrapper {
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
    color: #666
}

html[data-scope-action=mallnotifications_finish] .pushWrapper__complete {
    border-bottom: 1px solid #dcdcdc;
    line-height: 1.5;
    padding: 66px 0;
    text-align: center;
    width: 100%
}

html[data-scope-action=mallnotifications_finish] .pushWrapper__complete h1 {
    font-size: 22px
}

html[data-scope-action=mallnotifications_finish] .pushWrapper__complete p {
    font-size: 14px;
    margin: 12px 0 0
}

html[data-scope-action=mallnotifications_finish] .pushWrapper__btnArea {
    margin: 24px 0;
    text-align: center;
    width: 100%
}

html[data-scope-action=mallnotifications_finish] .pushWrapper__btnArea--toTop {
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: normal;
    text-decoration: none;
    background-color: #c80000;
    color: #fff;
    margin: 0;
    padding-bottom: 11.5px;
    padding-top: 11.5px;
    text-align: center;
    display: block;
    line-height: 1.5;
    margin: 0 auto;
    width: 300px
}

html[data-scope-action=mallnotifications_finish] .pushWrapper__btnArea--toTop:hover {
    background-color: #0ea596;
    cursor: pointer
}

html[data-scope-action=mallnotifications_form] .pushWrapper__btn {
    background: #fff;
    border-bottom: solid 1px #dcdcdc;
    padding: 24px 0;
    width: 100%
}

html[data-scope-action=mallnotifications_form] .pushWrapper__btnWrapper {
    background: #fff;
    letter-spacing: -.4em;
    margin: 0 auto;
    width: 92%
}

html[data-scope-action=mallnotifications_form] .pushWrapper__btnWrapper--cancel {
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: normal;
    text-decoration: none;
    background: #fff;
    border: 1px solid #c80000;
    color: #c80000;
    margin: 0;
    padding-bottom: 10.5px;
    padding-top: 10.5px;
    text-align: center;
    display: inline-block;
    line-height: 1.5;
    margin-right: 4%;
    vertical-align: middle;
    width: 286px
}

html[data-scope-action=mallnotifications_form] .pushWrapper__btnWrapper--cancel:hover {
    background-color: #0ea596;
    color: #fff;
    cursor: pointer
}

html[data-scope-action=mallnotifications_form] .pushWrapper__btnWrapper--set {
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: normal;
    text-decoration: none;
    background-color: #c80000;
    color: #fff;
    margin: 0;
    padding-bottom: 11.5px;
    padding-top: 11.5px;
    text-align: center;
    border: none;
    display: inline-block;
    line-height: 1.5;
    vertical-align: middle;
    width: 286px
}

html[data-scope-action=mallnotifications_form] .pushWrapper__btnWrapper--set:hover {
    background-color: #0ea596;
    cursor: pointer
}

html[data-scope-action=mallnotifications_form] .pushWrapper__btnWrapper--disabled {
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: normal;
    text-decoration: none;
    background-color: #c80000;
    color: #fff;
    margin: 0;
    padding-bottom: 11.5px;
    padding-top: 11.5px;
    text-align: center;
    background: #ccc;
    border: none;
    cursor: default;
    display: inline-block;
    line-height: 1.5;
    vertical-align: middle;
    width: 286px
}

html[data-scope-action=mallnotifications_form] .pushWrapper__btnWrapper--disabled:hover {
    background-color: #0ea596;
    cursor: pointer
}

html[data-scope-action=mallnotifications_form] .pushWrapper__btnWrapper--disabled:hover {
    background: #ccc;
    cursor: default;
    opacity: 1
}

html[data-scope-action=mallnotifications_form] .pushWrapperForm {
    color: #666;
    display: inline-block;
    height: auto;
    margin: 0 auto;
    max-width: 650px;
    padding-left: 372px;
    text-align: initial;
    vertical-align: top;
    width: 100%
}

html[data-scope-action=mallnotifications_form] .pushWrapperForm__heading {
    line-height: 1;
    margin-bottom: 18px;
    text-align: left
}

html[data-scope-action=mallnotifications_form] .pushWrapperForm__heading h1 {
    font-size: 18px;
    font-weight: 700
}

html[data-scope-action=mallnotifications_form] .pushWrapperForm__content {
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
    padding: 36px 4% 0
}

html[data-scope-action=mallnotifications_form] .itemPR {
    display: table-cell;
    margin: 0;
    padding: 0
}

html[data-scope-action=mallnotifications_form] .itemPR .itemPRradio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 100px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    margin: 0;
    outline: 0;
    position: relative;
    vertical-align: bottom;
    width: 24px
}

html[data-scope-action=mallnotifications_form] .itemPR .itemPRradio label {
    display: inline-block;
    vertical-align: middle
}

html[data-scope-action=mallnotifications_form] .itemPR .itemPRradio:hover {
    background-color: #f7f7f7;
    cursor: pointer
}

html[data-scope-action=mallnotifications_form] .itemPR .itemPRradio:checked {
    background: #c80000;
    border-color: #fff
}

html[data-scope-action=mallnotifications_form] .itemPR .itemPRradio:checked:after {
    background: #fff;
    border-radius: 100px;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 10px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px
}

html[data-scope-action=mallnotifications_form] .shopPR {
    display: table-cell;
    margin: 0;
    padding-left: 42px
}

html[data-scope-action=mallnotifications_form] .shopPR .shopPRradio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 100px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    margin: 0;
    outline: 0;
    position: relative;
    vertical-align: bottom;
    width: 24px
}

html[data-scope-action=mallnotifications_form] .shopPR .shopPRradio label {
    display: inline-block;
    vertical-align: middle
}

html[data-scope-action=mallnotifications_form] .shopPR .shopPRradio:hover {
    background-color: #f7f7f7;
    cursor: pointer
}

html[data-scope-action=mallnotifications_form] .shopPR .shopPRradio:checked {
    background: #c80000;
    border-color: #fff
}

html[data-scope-action=mallnotifications_form] .shopPR .shopPRradio:checked:after {
    background: #fff;
    border-radius: 100px;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 10px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px
}

html[data-scope-action=mallnotifications_form] .couponPR {
    display: table-cell;
    margin: 0;
    padding-left: 42px
}

html[data-scope-action=mallnotifications_form] .couponPR .couponPRradio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 100px;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    margin: 0;
    outline: 0;
    position: relative;
    vertical-align: bottom;
    width: 24px
}

html[data-scope-action=mallnotifications_form] .couponPR .couponPRradio label {
    display: inline-block;
    vertical-align: middle
}

html[data-scope-action=mallnotifications_form] .couponPR .couponPRradio:hover {
    background-color: #f7f7f7;
    cursor: pointer
}

html[data-scope-action=mallnotifications_form] .couponPR .couponPRradio:checked {
    background: #c80000;
    border-color: #fff
}

html[data-scope-action=mallnotifications_form] .couponPR .couponPRradio:checked:after {
    background: #fff;
    border-radius: 100px;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    height: 10px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px
}

html[data-scope-action=mallnotifications_form] .form__PR {
    font-size: 14px;
    padding-bottom: 36px;
    text-align: left;
    width: 100%
}

html[data-scope-action=mallnotifications_form] .form__PR h2 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 12px
}

html[data-scope-action=mallnotifications_form] .form__title {
    padding-bottom: 36px;
    text-align: left
}

html[data-scope-action=mallnotifications_form] .form__title h2 {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 12px;
    vertical-align: middle
}

html[data-scope-action=mallnotifications_form] .form__title .wordLimit {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 0 6px;
    padding-bottom: 14px;
    vertical-align: middle
}

html[data-scope-action=mallnotifications_form] .form__title textarea {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    font-size: 14px;
    height: 72px;
    line-height: normal;
    margin: 0;
    padding: 2%;
    resize: none;
    width: 96%
}

html[data-scope-action=mallnotifications_form] .form__title p {
    display: none
}

html[data-scope-action=mallnotifications_form] .form__title--error {
    padding-bottom: 36px
}

html[data-scope-action=mallnotifications_form] .form__title--error h2 {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 12px;
    vertical-align: middle
}

html[data-scope-action=mallnotifications_form] .form__title--error .wordLimit {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 0 6px;
    padding-bottom: 14px;
    vertical-align: middle
}

html[data-scope-action=mallnotifications_form] .form__title--error textarea {
    border: 1px solid #fa5171;
    border-radius: 4px;
    font-size: 14px;
    height: 72px;
    line-height: normal;
    margin: 0;
    padding: 2%;
    resize: none;
    width: 96%
}

html[data-scope-action=mallnotifications_form] .form__title--error p {
    color: #fa5171;
    display: block;
    font-size: 14px;
    margin: 6px 0 0
}

html[data-scope-action=mallnotifications_form] .form__coupon {
    padding-bottom: 36px;
    text-align: left
}

html[data-scope-action=mallnotifications_form] .form__coupon h2 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 12px
}

html[data-scope-action=mallnotifications_form] .form__coupon .couponSelect {
    display: table;
    table-layout: fixed;
    width: 100%
}

html[data-scope-action=mallnotifications_form] .form__coupon .couponSelect__select {
    display: table-cell;
    padding: 0 10px 0 0;
    vertical-align: middle;
    width: 50%
}

html[data-scope-action=mallnotifications_form] .form__coupon .couponSelect__btn {
    display: table-cell;
    vertical-align: middle;
    width: 150px
}

html[data-scope-action=mallnotifications_form] .form__coupon .couponSelect__btnAdd {
    background: #fff;
    border: 1px solid #c80000;
    border-radius: 4px;
    box-sizing: border-box;
    color: #c80000;
    display: block;
    font-size: 14px;
    letter-spacing: normal;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    width: 100%
}

html[data-scope-action=mallnotifications_form] .form__coupon .couponNotice {
    margin: 10px 0 0
}

html[data-scope-action=mallnotifications_form] .form__coupon .couponNotice__text {
    font-size: 12px
}

html[data-scope-action=mallnotifications_form] .form__coupon .couponEmpty {
    display: table;
    table-layout: fixed;
    width: 100%
}

html[data-scope-action=mallnotifications_form] .form__coupon .couponEmpty__text {
    display: table-cell;
    padding-right: 20px;
    vertical-align: middle
}

html[data-scope-action=mallnotifications_form] .form__coupon .couponEmpty__btn {
    display: table-cell;
    vertical-align: middle;
    width: 250px
}

html[data-scope-action=mallnotifications_form] .form__coupon .couponEmpty .btn--ghost {
    border: 1px solid #c80000;
    border-radius: 4px;
    font-size: 14px;
    padding: 10px 15px
}

html[data-scope-action=mallnotifications_form] .form__text {
    padding-bottom: 36px;
    text-align: left
}

html[data-scope-action=mallnotifications_form] .form__text h2 {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 12px;
    vertical-align: middle
}

html[data-scope-action=mallnotifications_form] .form__text .wordLimit {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 0 6px;
    padding-bottom: 14px;
    vertical-align: middle
}

html[data-scope-action=mallnotifications_form] .form__text textarea {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    font-size: 14px;
    height: 148px;
    line-height: normal;
    margin: 0;
    padding: 2%;
    resize: none;
    width: 96%
}

html[data-scope-action=mallnotifications_form] .form__text p {
    display: none
}

html[data-scope-action=mallnotifications_form] .form__text--error {
    padding-bottom: 36px
}

html[data-scope-action=mallnotifications_form] .form__text--error h2 {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 12px;
    vertical-align: middle
}

html[data-scope-action=mallnotifications_form] .form__text--error .wordLimit {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 0 6px;
    padding-bottom: 14px;
    vertical-align: middle
}

html[data-scope-action=mallnotifications_form] .form__text--error textarea {
    border: 1px solid #fa5171;
    border-radius: 4px;
    font-size: 14px;
    height: 148px;
    line-height: normal;
    margin: 0;
    padding: 2%;
    resize: none;
    width: 96%
}

html[data-scope-action=mallnotifications_form] .form__text--error p {
    color: #fa5171;
    display: block;
    font-size: 14px;
    margin: 6px 0 0
}

html[data-scope-action=mallnotifications_form] .form__upload {
    display: none;
    padding-bottom: 36px;
    text-align: left
}

html[data-scope-action=mallnotifications_form] .form__upload h2 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 12px
}

html[data-scope-action=mallnotifications_form] .form__upload .upload {
    border: 1px dashed #dcdcdc;
    height: 89px;
    letter-spacing: -.4em;
    margin-bottom: 6px;
    padding: 17px 198px
}

html[data-scope-action=mallnotifications_form] .form__upload .upload img {
    display: block;
    letter-spacing: normal;
    margin: 0 36.4% 6px;
    width: 54px
}

html[data-scope-action=mallnotifications_form] .form__upload .uploadText {
    letter-spacing: normal
}

html[data-scope-action=mallnotifications_form] .form__upload .uploadText__btn {
    border: 1px solid #c80000;
    border-radius: 4px;
    color: #c80000;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 5px 45px;
    text-align: center
}

html[data-scope-action=mallnotifications_form] .form__upload .uploadText__btn input:hover {
    cursor: pointer
}

html[data-scope-action=mallnotifications_form] .form__upload .uploadText__btnDelete {
    background-color: #fff;
    border: 1px solid #fa5171;
    border-radius: 4px;
    color: #fa5171;
    display: none;
    font-size: 12px;
    margin: 0;
    padding: 5px 4.5%;
    text-align: center
}

html[data-scope-action=mallnotifications_form] .form__upload .uploadText__btnDelete input:hover {
    cursor: pointer
}

html[data-scope-action=mallnotifications_form] .form__upload .uploadText__btn:hover {
    cursor: pointer
}

html[data-scope-action=mallnotifications_form] .form__upload .uploadText__btnDelete:hover {
    cursor: pointer
}

html[data-scope-action=mallnotifications_form] .form__upload .uploadText__memo {
    font-size: 14px;
    margin: 12px 0 0
}

html[data-scope-action=mallnotifications_form] .form__upload .detail p {
    font-size: 12px;
    margin: 0;
    padding: 6px 0 0
}

html[data-scope-action=mallnotifications_form] .form__detail {
    letter-spacing: -.4em;
    margin-bottom: 36px;
    width: 100%
}

html[data-scope-action=mallnotifications_form] .form__detail:after, html[data-scope-action=mallnotifications_form] .form__detail:before {
    content: " ";
    display: table
}

html[data-scope-action=mallnotifications_form] .form__detail:after {
    clear: both
}

html[data-scope-action=mallnotifications_form] .form__detailDate {
    display: inline-block;
    letter-spacing: normal;
    margin-right: 4%;
    text-align: left;
    vertical-align: top;
    width: 48%
}

html[data-scope-action=mallnotifications_form] .form__detailDate h2 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px
}

html[data-scope-action=mallnotifications_form] .form__detailDate .pushFormWrapper__formDatepicker {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    background-image: url(/common/img/base/ic_mall_toggle_green.png);
    background-position: 96%;
    background-repeat: no-repeat;
    background-size: 24px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    color: #666;
    font-size: 14px;
    margin-bottom: 12px;
    padding: 10.5px 4%;
    vertical-align: top;
    width: 92%
}

html[data-scope-action=mallnotifications_form] .form__detailDate .pushFormWrapper__formDatepicker:hover {
    background-color: #f7f7f7;
    cursor: pointer
}

html[data-scope-action=mallnotifications_form] .form__detailDate p {
    font-size: 12px;
    margin: 0
}

html[data-scope-action=mallnotifications_form] .form__detailTime {
    display: inline-block;
    letter-spacing: normal;
    margin-bottom: 12px;
    text-align: left;
    vertical-align: top;
    width: 48%
}

html[data-scope-action=mallnotifications_form] .form__detailTime h2 {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 12px
}

html[data-scope-action=mallnotifications_form] .form__detailTime select {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background: 0 0;
    background-image: url(/images/mall/ic_mall_toggle_green.png);
    background-position: 96%;
    background-repeat: no-repeat;
    background-size: 24px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    color: #666;
    font-size: 14px;
    margin-bottom: 12px;
    padding: 11px 4%;
    vertical-align: top;
    width: 100%
}

html[data-scope-action=mallnotifications_form] .form__detailTime select:hover {
    background-color: #f7f7f7;
    cursor: pointer
}

html[data-scope-action=mallnotifications_form] .form__detailTime select::-ms-expand {
    display: none
}

html[data-scope-action=mallnotifications_form] .form__detailTarget {
    display: inline-block;
    letter-spacing: normal;
    margin-right: 4%;
    text-align: left;
    vertical-align: top;
    width: 48%
}

html[data-scope-action=mallnotifications_form] .form__detailTarget dt {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 12px
}

html[data-scope-action=mallnotifications_form] .form__detailTarget dd {
    font-size: 14px;
    margin: 0
}

html[data-scope-action=mallnotifications_form] .form__detailNumber {
    display: inline-block;
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
    width: 48%
}

html[data-scope-action=mallnotifications_form] .form__detailNumber dt {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 12px
}

html[data-scope-action=mallnotifications_form] .form__detailNumber dd {
    font-size: 14px;
    margin: 0
}

@media only screen and (max-width: 1280px) {
    html[data-scope-action=mallnotifications_form] .pushWrapperForm {
        padding-left: 338px
    }
}

html[data-scope-action=mallnotifications_index] .pageTitle {
    border-bottom: 1px solid #e5e8ed;
    box-sizing: border-box;
    display: table;
    margin: 0 0 15px !important;
    padding: 0 0 15px;
    width: 100%
}

html[data-scope-action=mallnotifications_index] .pageTitle__head {
    display: table-cell;
    font-size: 22px;
    vertical-align: middle
}

html[data-scope-action=mallnotifications_index] .pageTitle__action {
    display: table-cell;
    float: right;
    vertical-align: middle
}

html[data-scope-action=mallnotifications_index] .pageTitle__action .btn--main {
    line-height: 1;
    padding-left: 40px;
    padding-right: 40px
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents {
    font-size: 14px
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents .none_push {
    width: 100%
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents .none_push img {
    display: block;
    height: auto;
    width: 100%
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents .none_pushBtn {
    background: #fff;
    width: 100%
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents .none_pushBtnWrapper {
    padding: 18px 0;
    text-align: center
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents .none_pushBtnWrapper a {
    background-color: #c80000;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    margin: 0 auto;
    padding: 11px 0;
    text-align: center;
    text-decoration: none;
    width: 380px
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents .none_pushBtnWrapper a:hover {
    background-color: #0ea596;
    cursor: pointer
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents .push {
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
    line-height: 1;
    width: 100%
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents .pushTitle {
    font-weight: 700;
    padding-left: 3%;
    padding-right: 2%;
    width: 36%
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents .pushDate {
    font-weight: 700;
    width: 24%
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents .pushTarget {
    font-weight: 700;
    width: 14%
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents .pushStatus {
    font-weight: 700;
    width: 14%
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents .pushDetail {
    color: #c80000;
    width: 7%
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents .pushDetail a {
    text-decoration: none
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents .pushDetail a:hover {
    border-bottom: 1px solid #0ea596;
    color: #0ea596;
    cursor: pointer
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents td, html[data-scope-action=mallnotifications_index] .pushWrapper__contents th {
    padding: 17px 0
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents tr:nth-child(even) {
    background-color: #f5f5f5
}

html[data-scope-action=mallnotifications_index] .pushWrapper__contents tr .shopReject {
    color: #fa5171
}

html[data-scope-action=mallnotifications_index] .pushDefault {
    background-color: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    color: #444;
    -webkit-font-smoothing: antialiased;
    margin: 40px auto 50px;
    width: 1020px
}

html[data-scope-action=mallnotifications_index] .pushDefault__block {
    padding: 30px
}

html[data-scope-action=mallnotifications_index] .pushDefaultHeader {
    background-image: linear-gradient(-180deg, #fff 57%, #fbfbfb 100%);
    height: 380px;
    position: relative
}

html[data-scope-action=mallnotifications_index] .pushDefaultHeader__img {
    bottom: 0;
    left: 38px;
    position: absolute
}

html[data-scope-action=mallnotifications_index] .pushDefaultHeader__catch {
    margin: 0 0 0 410px;
    padding-top: 100px;
    text-align: center;
    width: 560px
}

html[data-scope-action=mallnotifications_index] .pushDefaultHeader__title {
    color: #c80000;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1;
    line-height: 1.5
}

html[data-scope-action=mallnotifications_index] .pushDefaultHeader__subtitle {
    line-height: 1.5;
    margin: 25px 0
}

html[data-scope-action=mallnotifications_index] .pushDefaultHeader__btn {
    margin: 0 auto;
    width: 430px
}

html[data-scope-action=mallnotifications_index] .pushDefaultNotice {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    font-size: 13px;
    padding: 30px;
    position: relative
}

html[data-scope-action=mallnotifications_index] .pushDefaultNotice__txt {
    line-height: 1.5
}

html[data-scope-action=mallnotifications_index] .pushDefaultNotice__dl {
    bottom: 0;
    height: 50px;
    margin: auto;
    position: absolute;
    right: 30px;
    top: 0
}

html[data-scope-action=mallnotifications_index] .pushDefaultNotice__dlbtn:last-child {
    margin-left: 10px
}

html[data-scope-action=mallnotifications_index] .pushDefaultNotice__link {
    text-decoration: underline
}

html[data-scope-action=mallnotifications_index] .pushDefaultWhen {
    margin-top: 20px
}

html[data-scope-action=mallnotifications_index] .pushDefaultWhen__title {
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

html[data-scope-action=mallnotifications_index] .pushDefaultWhen__list {
    margin-top: 50px;
    text-align: center
}

html[data-scope-action=mallnotifications_index] .pushDefaultWhen__content {
    display: inline-block;
    vertical-align: top;
    width: 190px
}

html[data-scope-action=mallnotifications_index] .pushDefaultWhen__content:not(:last-child) {
    margin-right: 20px
}

html[data-scope-action=mallnotifications_index] .pushDefaultWhen__itemTitle {
    font-size: 14px;
    margin: 15px 0;
    text-align: center
}

html[data-scope-action=mallnotifications_index] .pushDefaultWhen__btn {
    font-size: 13px;
    padding: 8px 0
}

html[data-scope-action=mallnotifications_index] .pushDefaultWhen__notice {
    font-size: 14px;
    line-height: 1.5;
    margin: 40px auto 0;
    text-align: center
}

html[data-scope-action=mallnotifications_index] .pushDefaultWhen__create {
    margin: 30px auto 80px;
    width: 430px
}

html[data-scope-action=mallnotifications_index] .pushIcon {
    background: url(/img/push/icons.png);
    background-size: 326px 80px;
    display: inline-block;
    height: 80px;
    overflow: hidden;
    width: 80px
}

html[data-scope-action=mallnotifications_index] .pushIcon--live {
    background-position: 0 0
}

html[data-scope-action=mallnotifications_index] .pushIcon--item {
    background-position: -82px 0
}

html[data-scope-action=mallnotifications_index] .pushIcon--sale {
    background-position: -164px 0
}

html[data-scope-action=mallnotifications_index] .pushIcon--coupon {
    background-position: -246px 0
}

html[data-scope-action=mallnotifications_index] .pushDefaultShare {
    position: relative
}

html[data-scope-action=mallnotifications_index] .pushDefaultShare .shareBtn__wrp {
    bottom: -60px
}

html[data-scope-action=mallnotifications_index] .share {
    margin: 50px auto 0;
    position: relative;
    width: 1024px
}

html[data-scope-action=mallnotifications_index] .share__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px
}

html[data-scope-action=mallnotifications_index] .share__text {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 25px
}

@media only screen and (max-width: 1280px) {
    html[data-scope-action=mallnotifications_index] .share {
        width: 988px
    }
}

html[data-scope-controller=mallnotifications] body {
    background-color: #f0f1f4
}

html[data-scope-controller=mallnotifications] .push {
    padding: 0 0 100px
}

html[data-scope-controller=mallnotifications] .pushDisabled {
    padding: 40px
}

html[data-scope-controller=mallnotifications] .pushDisabled__box {
    border: 1px dashed #c2c8d2;
    border-radius: 4px;
    padding: 120px 0
}

html[data-scope-controller=mallnotifications] .pushDisabled__boxText {
    color: #384359;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    margin-bottom: 16px
}

html[data-scope-controller=mallnotifications] .pushDisabled__boxAttention {
    color: #a0a7b4;
    font-size: 12px;
    text-align: center;
    line-height: 19px
}

html[data-scope-controller=mallnotifications] .pushDisabled__boxAttention a {
    text-decoration: underline;
    color: #a0a7b4
}

html[data-scope-controller=mallnotifications] .pushError {
    background-color: #fa5171;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    left: 0;
    padding: 8px 0;
    position: fixed;
    text-align: center;
    top: 72px;
    width: 100%;
    z-index: 1
}

html[data-scope-controller=mallnotifications] .pushWrapper {
    display: block;
    margin: 0 auto;
    max-width: 1024px;
    position: relative
}

html[data-scope-controller=mallnotifications] .smartphone {
    display: inline-block;
    max-height: 750px;
    max-width: 332px;
    position: fixed;
    vertical-align: top
}

html[data-scope-controller=mallnotifications] .smartphone.is-scroll {
    bottom: 0;
    position: absolute
}

html[data-scope-controller=mallnotifications] .smartphone__device--iPhone {
    display: none;
    max-height: 676px;
    max-width: 332px;
    position: relative
}

html[data-scope-controller=mallnotifications] .smartphone__device--iPhone .iPhone {
    width: 100%
}

html[data-scope-controller=mallnotifications] .smartphone__device .activeDevice {
    display: block
}

html[data-scope-controller=mallnotifications] .pushWrapperConfirm {
    color: #666;
    display: inline-block;
    height: auto;
    margin: 0 auto;
    max-width: 650px;
    padding-left: 372px;
    text-align: initial;
    vertical-align: top;
    width: 100%
}

html[data-scope-controller=mallnotifications] .pushWrapperConfirm__heading {
    line-height: 1;
    margin-bottom: 18px;
    text-align: left
}

html[data-scope-controller=mallnotifications] .pushWrapperConfirm__heading h1 {
    font-size: 18px;
    font-weight: 700
}

html[data-scope-controller=mallnotifications] .pushWrapperConfirm__content {
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
    padding: 36px 30px
}

html[data-scope-controller=mallnotifications] .pushWrapperConfirm__btnArea {
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
    letter-spacing: -.4em;
    padding: 24px 4%;
    width: 92%
}

html[data-scope-controller=mallnotifications] .pushWrapperConfirm__btnArea--back {
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: normal;
    text-decoration: none;
    background: #fff;
    border: 1px solid #c80000;
    color: #c80000;
    margin: 0;
    padding-bottom: 10.5px;
    padding-top: 10.5px;
    text-align: center;
    display: inline-block;
    line-height: 1.5;
    margin-right: 4%;
    vertical-align: middle;
    width: 286px
}

html[data-scope-controller=mallnotifications] .pushWrapperConfirm__btnArea--back:hover {
    background-color: #0ea596;
    color: #fff;
    cursor: pointer
}

html[data-scope-controller=mallnotifications] .pushWrapperConfirm__btnArea--set {
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: normal;
    text-decoration: none;
    background-color: #c80000;
    color: #fff;
    margin: 0;
    padding-bottom: 11.5px;
    padding-top: 11.5px;
    text-align: center;
    display: inline-block;
    line-height: 1.5;
    vertical-align: middle;
    width: 286px
}

html[data-scope-controller=mallnotifications] .pushWrapperConfirm__btnArea--set:hover {
    background-color: #0ea596;
    cursor: pointer
}

html[data-scope-controller=mallnotifications] .confirm__content {
    padding-bottom: 30px;
    text-align: left
}

html[data-scope-controller=mallnotifications] .confirm__content h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 12px
}

html[data-scope-controller=mallnotifications] .confirm__content p {
    font-size: 14px;
    margin: 0
}

html[data-scope-controller=mallnotifications] .confirm__image {
    padding-bottom: 30px
}

html[data-scope-controller=mallnotifications] .confirm__image h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 12px
}

html[data-scope-controller=mallnotifications] .confirm__image img {
    height: auto;
    max-width: 324px;
    width: 100%
}

html[data-scope-controller=mallnotifications] .confirm__title {
    padding-bottom: 30px;
    text-align: left
}

html[data-scope-controller=mallnotifications] .confirm__title h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 12px
}

html[data-scope-controller=mallnotifications] .confirm__title p {
    font-size: 14px;
    margin: 0
}

html[data-scope-controller=mallnotifications] .confirm__text {
    padding-bottom: 30px;
    text-align: left
}

html[data-scope-controller=mallnotifications] .confirm__text h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 12px
}

html[data-scope-controller=mallnotifications] .confirm__text p {
    font-size: 14px;
    line-height: 1.2;
    margin: 0
}

html[data-scope-controller=mallnotifications] .confirm__item {
    padding-bottom: 30px;
    text-align: left
}

html[data-scope-controller=mallnotifications] .confirm__item h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 12px
}

html[data-scope-controller=mallnotifications] .confirm__item .pushItem {
    height: auto;
    width: 100%
}

html[data-scope-controller=mallnotifications] .confirm__item .pushItem:after, html[data-scope-controller=mallnotifications] .confirm__item .pushItem:before {
    content: " ";
    display: table
}

html[data-scope-controller=mallnotifications] .confirm__item .pushItem:after {
    clear: both
}

html[data-scope-controller=mallnotifications] .confirm__item .pushItemList {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    float: left;
    margin-right: 12px;
    width: 86.3px
}

html[data-scope-controller=mallnotifications] .confirm__item .pushItemList__image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    height: 78.3px;
    margin: 4px;
    width: 78.3px
}

html[data-scope-controller=mallnotifications] .confirm__item .pushItemList:last-child {
    margin-right: 0
}

html[data-scope-controller=mallnotifications] .confirm__coupon {
    padding-bottom: 30px;
    text-align: left
}

html[data-scope-controller=mallnotifications] .confirm__coupon h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 12px
}

html[data-scope-controller=mallnotifications] .confirm__coupon p {
    font-size: 14px;
    line-height: 1.2;
    margin: 0
}

html[data-scope-controller=mallnotifications] .confirm__detail {
    letter-spacing: -.4em;
    text-align: left;
    width: 100%
}

html[data-scope-controller=mallnotifications] .confirm__detail dl {
    display: inline-block;
    letter-spacing: normal;
    letter-spacing: normal;
    line-height: 1;
    vertical-align: top;
    width: 33.3%
}

html[data-scope-controller=mallnotifications] .confirm__detail dl dt {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 12px
}

html[data-scope-controller=mallnotifications] .confirm__detail dl dd {
    font-size: 14px;
    line-height: 1.4;
    margin: 0
}

html[data-scope-controller=mallnotifications] .pushWrapperSelect {
    color: #666;
    display: inline-block;
    height: auto;
    margin: 0 auto;
    max-width: 650px;
    padding-left: 372px;
    text-align: initial;
    vertical-align: top;
    width: 100%
}

html[data-scope-controller=mallnotifications] .pushWrapperSelect__heading {
    line-height: 1;
    margin-bottom: 18px;
    text-align: left
}

html[data-scope-controller=mallnotifications] .pushWrapperSelect__heading h1 {
    font-size: 18px;
    font-weight: 700
}

html[data-scope-controller=mallnotifications] .pushWrapperSelect__content {
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
    height: 712px;
    padding-top: 36px
}

html[data-scope-controller=mallnotifications] .pushWrapperSelect h2 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1;
    margin-left: 16px;
    padding-bottom: 12px
}

html[data-scope-controller=mallnotifications] .pushWrapperSelect #x_mallItemList {
    height: 594px
}

html[data-scope-controller=mallnotifications] .selectBtnArea {
    border-top: solid 1px #dcdcdc;
    padding: 24px 0;
    width: 100%
}

html[data-scope-controller=mallnotifications] .selectBtnArea__btn {
    background: #fff;
    letter-spacing: -.4em;
    margin: 0 auto;
    width: 92%
}

html[data-scope-controller=mallnotifications] .selectBtnArea__btn--back {
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: normal;
    text-decoration: none;
    background: #fff;
    border: 1px solid #c80000;
    color: #c80000;
    margin: 0;
    padding-bottom: 10.5px;
    padding-top: 10.5px;
    text-align: center;
    display: inline-block;
    line-height: 1.5;
    margin-right: 4%;
    vertical-align: middle;
    width: 286px
}

html[data-scope-controller=mallnotifications] .selectBtnArea__btn--back:hover {
    background-color: #0ea596;
    color: #fff;
    cursor: pointer
}

html[data-scope-controller=mallnotifications] .selectBtnArea__btn--set {
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: normal;
    text-decoration: none;
    background-color: #c80000;
    color: #fff;
    margin: 0;
    padding-bottom: 11.5px;
    padding-top: 11.5px;
    text-align: center;
    border: none;
    display: inline-block;
    line-height: 1.5;
    vertical-align: middle;
    width: 286px
}

html[data-scope-controller=mallnotifications] .selectBtnArea__btn--set:hover {
    background-color: #0ea596;
    cursor: pointer
}

@media only screen and (max-width: 1280px) {
    html[data-scope-controller=mallnotifications] .pushWrapper {
        width: 988px
    }

    html[data-scope-controller=mallnotifications] .smartphone {
        width: 306px
    }

    html[data-scope-controller=mallnotifications] .pushWrapperConfirm {
        padding-left: 338px
    }

    html[data-scope-controller=mallnotifications] .pushWrapperSelect {
        padding-left: 338px
    }
}

.l_adminContent {
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    position: relative;
    width: 950px
}

.l_adminContent .headline {
    text-align: center
}

.l_adminContent .headline__img {
    margin: 0 48px
}

.l_adminContent .headline__title {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0;
    line-height: 28px
}

.l_adminContent .header .title {
    font-size: 16px;
    font-weight: 700;
    margin: 48px 0 16px
}

.l_adminContent .header p {
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 30px
}

.l_adminContent .action {
    margin: 0 0 30px
}

.l_adminContent .action .btn {
    margin: 0 auto;
    width: 300px
}

.l_adminContent .action .btn:hover {
    background: #ccc;
    border: 1px solid #acacac;
    color: #fff;
    text-shadow: 0 -2px 1px rgba(0, 0, 0, .2)
}

.l_adminContent .action .btn.grn:hover {
    background: #d61518;
    border: 1px solid #d61518;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px #c76668
}

.l_adminContent .footer {
    margin: 60px 0 0
}

.l_adminContent .footer ul {
    margin: 0 auto;
    width: 500px
}

.l_adminContent .footer ul li {
    float: left;
    text-align: center;
    width: 33%
}

.l_adminContent .footer ul li a {
    color: #00ae9f
}

.l_adminContent form.basic {
    background: inherit;
    border: 0 solid #ddd;
    border-radius: 0
}

.l_adminContent form.basic div.ln div.right_ln {
    width: 470px
}

.l_adminContent form.basic div.btns {
    text-align: center
}

.l_adminContent .error-message {
    margin: 10px 0
}

#antisocial .caption {
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

#antisocial .text {
    text-align: center
}

#antisocial .innerContent {
    padding: 24px;
    background-color: #f0f1f4;
    border-radius: 4px
}

#antisocial .l_adminContent {
    padding: 24px 60px;
    z-index: 9999
}

#antisocial .checkboxList {
    margin: 24px 0
}

#antisocial .anti_check {
    display: block;
    overflow: hidden
}

#antisocial .anti_check .checkbox {
    display: block;
    float: left;
    height: 30px;
    width: inherit
}

#antisocial .anti_check label {
    display: block;
    margin: 0 auto;
    cursor: pointer;
    font-size: 14px
}

#antisocial .anti_check label a {
    text-decoration: underline
}

#antisocial .m_overflowBox {
    height: 240px;
    margin: 12px auto 0;
    background-color: #fff
}

#antisocial .centering {
    width: 340px;
    margin: 0 auto
}

#unsupport-browser {
    background-color: #ffbaba;
    color: #d60809;
    font-size: 140%;
    height: 30px;
    line-height: 30px;
    margin: auto;
    overflow: hidden;
    position: fixed;
    text-align: center;
    text-overflow: ellipsis;
    top: 0;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    z-index: 8000000
}

#unsupport-browser a {
    border-bottom: 1px solid #ddd;
    color: #fff
}

#mainContent {
    overflow-y: auto;
    position: static
}

.appNav {
    display: none;
    width: 100%
}

.appNavContent {
    background: #fff;
    margin-top: 48px;
    overflow: hidden
}

.appNavContent__list {
    color: #333;
    display: block;
    padding: 12px 0;
    text-align: center
}

.appNavContent__item {
    border-bottom: solid 1px #ccc
}

.appNavContent__item a {
    color: #333;
    display: block;
    padding: 12px 0;
    text-align: center
}

.mainFixed {
    position: fixed !important;
    width: 100%
}

.deleteBtn {
    background: #e95f5b;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    margin: 18px auto 0;
    padding: 10px 0;
    position: static;
    top: 0;
    width: 92%;
    z-index: 1
}

.defaultBtn {
    background: #666;
    border-radius: 0;
    margin: 0 auto;
    width: 100%
}

html[data-scope-controller=applications] #content-wrap {
    padding-top: 30px;
    width: 100%
}

html[data-scope-controller=applications] #content.apps {
    border: none;
    width: 100%
}

html[data-scope-controller=applications] .appsInnerBlock {
    margin: 0 auto;
    width: 1024px
}

html[data-scope-controller=applications] .appsInnerBlock h1 {
    margin: 0
}

html[data-scope-controller=applications] .appsListBlock {
    display: table;
    width: 100%
}

html[data-scope-controller=applications] .catch {
    color: #d0d1d5;
    float: right;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .07em;
    margin: -40px 0 0 0
}

html[data-scope-controller=applications] .fForm.field {
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 40px
}

html[data-scope-controller=applications] .fBtn {
    background-color: #ccc;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 15px 0;
    text-align: center
}

html[data-scope-controller=applications] .fBtn:hover {
    color: #fff;
    opacity: .7
}

html[data-scope-controller=applications] .fBtn.btnSubmit {
    background-color: #d61518
}

.slick-slider {
    box-sizing: border-box;
    display: block;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

/*! jQuery UI - v1.9.2 - 2012-11-23
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    border: 0;
    font-size: 100%;
    line-height: 1.3;
    list-style: none;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-zfix {
    filter: Alpha(Opacity=0);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px
}

.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    display: block;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    position: relative;
    zoom: 1
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-noicons {
    padding-left: .7em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: .5em;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-accordion .ui-accordion-content {
    border-top: 0;
    overflow: auto;
    padding: 1em 2.2em;
    zoom: 1
}

.ui-autocomplete {
    cursor: default;
    left: 0;
    position: absolute;
    top: 0
}

* html .ui-autocomplete {
    width: 1px
}

.ui-button {
    cursor: pointer;
    display: inline-block;
    margin-right: .1em;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: center;
    zoom: 1
}

.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-icons-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon {
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary, .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary {
    left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}

.ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    display: none;
    padding: .2em .2em 0;
    width: 17em
}

.ui-datepicker .ui-datepicker-header {
    padding: .2em 0;
    position: relative
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    border-collapse: collapse;
    font-size: .9em;
    margin: 0 0 .4em;
    width: 100%
}

.ui-datepicker th {
    border: 0;
    font-weight: 700;
    padding: .7em .3em;
    text-align: center
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a, .ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: .7em 0 0;
    padding: 0 .2em
}

.ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin: .5em .2em .4em;
    overflow: visible;
    padding: .2em .6em .3em;
    width: auto
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto .4em;
    width: 95%
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    font-size: 0;
    width: 100%
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    left: auto;
    right: 2px
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    left: auto;
    right: 1px
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0
}

.ui-datepicker-cover {
    -webkit-filter: mask();
    filter: mask();
    height: 200px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 200px;
    z-index: -1
}

.ui-dialog {
    left: 0;
    overflow: hidden;
    padding: .2em;
    position: absolute;
    top: 0;
    width: 300px
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0
}

.ui-dialog .ui-dialog-titlebar-close {
    height: 18px;
    margin: -10px 0 0 0;
    padding: 1px;
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px
}

.ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-close:hover {
    padding: 0
}

.ui-dialog .ui-dialog-content {
    background: 0 0;
    border: 0;
    overflow: auto;
    padding: .5em 1em;
    position: relative;
    zoom: 1
}

.ui-dialog .ui-dialog-buttonpane {
    background-image: none;
    border-width: 1px 0 0;
    margin: .5em 0 0;
    padding: .3em 1em .5em .4em;
    text-align: left
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    margin: .5em .4em .5em 0
}

.ui-dialog .ui-resizable-se {
    bottom: 3px;
    height: 14px;
    right: 3px;
    width: 14px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    display: block;
    list-style: none;
    margin: 0;
    outline: 0;
    padding: 2px
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    zoom: 1
}

.ui-menu .ui-menu-divider {
    border-width: 1px 0 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 5px -2px 5px -2px
}

.ui-menu .ui-menu-item a {
    display: block;
    font-weight: 400;
    line-height: 1.5;
    padding: 2px .4em;
    text-decoration: none;
    zoom: 1
}

.ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-focus {
    font-weight: 400;
    margin: -1px
}

.ui-menu .ui-state-disabled {
    font-weight: 400;
    line-height: 1.5;
    margin: .4em 0 .2em
}

.ui-menu .ui-state-disabled a {
    cursor: default
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item a {
    padding-left: 2em;
    position: relative
}

.ui-menu .ui-icon {
    left: .2em;
    position: absolute;
    top: .2em
}

.ui-menu .ui-menu-icon {
    float: right;
    position: static
}

.ui-progressbar {
    height: 2em;
    overflow: hidden;
    text-align: left
}

.ui-progressbar .ui-progressbar-value {
    height: 100%;
    margin: -1px
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    display: block;
    font-size: .1px;
    position: absolute
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    left: 0;
    top: -5px;
    width: 100%
}

.ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%
}

.ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px
}

.ui-resizable-w {
    cursor: w-resize;
    height: 100%;
    left: -5px;
    top: 0;
    width: 7px
}

.ui-resizable-se {
    bottom: 1px;
    cursor: se-resize;
    height: 12px;
    right: 1px;
    width: 12px
}

.ui-resizable-sw {
    bottom: -5px;
    cursor: sw-resize;
    height: 9px;
    left: -5px;
    width: 9px
}

.ui-resizable-nw {
    cursor: nw-resize;
    height: 9px;
    left: -5px;
    top: -5px;
    width: 9px
}

.ui-resizable-ne {
    cursor: ne-resize;
    height: 9px;
    right: -5px;
    top: -5px;
    width: 9px
}

.ui-selectable-helper {
    border: 1px dotted #000;
    position: absolute;
    z-index: 100
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2
}

.ui-slider .ui-slider-range {
    background-position: 0 0;
    border: 0;
    display: block;
    font-size: .7em;
    position: absolute;
    z-index: 1
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -.6em;
    top: -.3em
}

.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    height: 100px;
    width: .8em
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-bottom: -.6em;
    margin-left: 0
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    position: relative;
    vertical-align: middle
}

.ui-spinner-input {
    background: 0 0;
    border: none;
    margin: .2em 0;
    margin-left: .4em;
    margin-right: 22px;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-button {
    cursor: default;
    display: block;
    font-size: .5em;
    height: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 16px
}

.ui-spinner a.ui-spinner-button {
    border-bottom: none;
    border-right: none;
    border-top: none
}

.ui-spinner .ui-icon {
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    padding: .2em;
    position: relative;
    zoom: 1
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    border-bottom: 0;
    float: left;
    list-style: none;
    margin: 1px .2em 0 0;
    padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    background: 0 0;
    border-width: 0;
    display: block;
    padding: 1em 1.4em
}

.ui-tooltip {
    box-shadow: 0 0 5px #aaa;
    max-width: 300px;
    padding: 8px;
    position: absolute;
    z-index: 9999
}

* html .ui-tooltip {
    background-image: none
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    background: #eee url(/css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    border: 1px solid #ddd;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    background: #f6a828 url(/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    border: 1px solid #e78f08;
    color: #fff;
    font-weight: 700
}

.ui-widget-header a {
    color: #fff
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #f6f6f6 url(/css/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    border: 1px solid #ccc;
    color: #1c94c4;
    font-weight: 700
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    background: #fdf5ce url(/css/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
    border: 1px solid #fbcb09;
    color: #c77405;
    font-weight: 700
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #fff url(/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    border: 1px solid #fbd850;
    color: #eb8f00;
    font-weight: 700
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #ffe45c url(/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    border: 1px solid #fed22f;
    color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    background: #b81900 url(/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
    border: 1px solid #cd0a0a;
    color: #fff
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    filter: Alpha(Opacity=70);
    font-weight: 400;
    opacity: .7
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    background-image: none;
    filter: Alpha(Opacity=35);
    opacity: .35
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    background-image: url(/css/images/ui-icons_222222_256x240.png);
    height: 16px;
    width: 16px
}

.ui-widget-content .ui-icon {
    background-image: url(/css/images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(/css/images/ui-icons_ffffff_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(/css/images/ui-icons_ef8c08_256x240.png)
}

.ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(/css/images/ui-icons_ef8c08_256x240.png)
}

.ui-state-active .ui-icon {
    background-image: url(/css/images/ui-icons_ef8c08_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(/css/images/ui-icons_228ef1_256x240.png)
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(/css/images/ui-icons_ffd27a_256x240.png)
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
    border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px
}

.ui-widget-overlay {
    background: #666 url(/css/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    filter: Alpha(Opacity=50);
    opacity: .5
}

.ui-widget-shadow {
    background: #000 url(/css/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    border-radius: 5px;
    filter: Alpha(Opacity=20);
    margin: -5px 0 0 -5px;
    opacity: .2;
    padding: 5px
}

.banner_add {
    width: 100px;
    background: #d56100 !important;
    border: none;
    margin-bottom: 10px;
    margin-top: 10px;
}
.delete-btn-bn, .upload-btn-bn, .banner_add, .upload-background {
    display: inline-block;
    width: 126px;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 4px;
    text-align: center;
    background: #269fc2;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    margin-right: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.delete-btn-bn, .upload-btn-bn, .banner_add, .upload-background-btn  {
    display: inline-block;
    min-width: 75px;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 4px;
    text-align: center;
    background: #269fc2;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    margin-right: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
.delete-btn-bn:hover, .banner_add , .upload-btn-bn:hover, .upload-background-btn:hover {
    opacity: .7; }
.upload-btn-bn {
    width: 120px;
}
.display-none {
    display: none;
}
#banner_link {
    width: 100%;
}
.owl-prev {
    width: 60px;
    margin: 0;
    height: 110px;
    position: absolute;
    top: 40%;
    left: -50px;
    display: block !important;
    border:0px solid black;
}

.owl-next {
    width: 60px;
    margin: 0;
    height: 110px;
    position: absolute;
    top: 40%;
    right: -50px;
    display: block !important;
    border:0px solid black;
}
.owl-prev i, .owl-next i {transform : scale(4,6); color: #ccc;}

.owl-carousel .owl-item img {
    max-width: 1080px;
    width: auto;
    margin: auto;
}

.state-item {
    position: relative;
}

.state-item .icon-close {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -6px;
    right: -6px;
    width: 16px;
    height: 16px;
    padding: 4px;
    color: #fff;
    background: #000;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
    transition: all .15s ease;
}

.state-item .icon-close:hover {
    opacity: 0.85;
    transform: rotate(90deg) scale(1.2);
    box-shadow: 0 0 5px 2px #9c9c9c;
}
#sortable li {
    cursor: move;
}
.choose_temp .sidebar__list{
    padding-left: 15px;
}
.choose_temp .sidebar__list .radio{
    padding-left: 15px;
    padding-bottom: 10px;
}
.choose_temp .sidebar__list .radio:hover{
    background: #c1c2c3;
}
.choose_temp .sidebar__list .radio label{
    padding-top: 12px;
}
.choose_temp .sidebar__list .radio img{
    height: 40px;
    width: 40px;
}
.btn-default{
    display: inline-block;
    font-size: 18px;
    line-height: 25px;
    padding: 10px 10px;
    text-align: center;
    background: #ccc;
    font-weight: bold;
    border-radius: 5px;
    margin-right: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.btn-default:hover{
    background: #bbb;
}

#text_in_banner{
    font-size: 50px;
}

#text_in_banner_input, #message {
    width: 80%;
    border-radius: 3px;
    margin-top: 5px;
    height: 21px;
    padding: 17px;
}

.category_name_basic {
    font-size: 11px !important;
}

.radio label {
    padding-right: 0 !important;
}

.sidebar__list-title-2{
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 22px;
    padding-right: 20px;
    padding: 15px 0 12px;
}

.save-btn {
    margin-top: 15px;
}

.save-btn span {
    width: 47px;
    display: inline-block;
}

.mt-5 {
    margin-top: 5px !important;
}

.img-theme-link {
    width: 100%;
}

.blocker {
    z-index: 1000;
}

/* form payment */
.cb_creditForm__title {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 32px 0 12px;
}
.cb_input--wMax {
    width: 100% !important;
}
.cb_input {
    background: #fff;
    border: 1px solid #c2c8d2;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    height: 40px;
    padding: 0 10px;
    width: 110px;
}

.cb_creditForm__creditImg {
    margin-top: 16px;
}
.cb_creditForm__text {
    font-size: 12px;
    line-height: 1.5;
    margin: 12px 0;
}
.cb_cardLimit {
    align-items: center;
    display: flex;
}
.cb_cardLimit__selectWrap {
    background: #fff;
    position: relative;
    z-index: 0;
}
.cb_cardLimit__select {
    -webkit-appearance: none;
    appearance: none;
    background: transparent !important;
    border: 1px solid #c2c8d2 !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    font-size: 14px !important;
    height: 40px !important;
    padding: 0 12px !important;
    position: relative;
    width: 110px !important;
    z-index: 1 !important;
}
.cb_cardLimit__text {
    display: inline-block;
    font-size: 16px;
    margin: 0 16px 0 8px;
}
.cb_btns {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
}
.cb_btns__child {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    padding-right: 8px;
    width: 50%;
    list-style-type: none;
}
.cb_btns .btn--cancel {
    background-color: #ccc;
    color: #6c6c6c;
}
.cb_btns .btn--main, .cb_btns .btn--cancel {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    outline: none;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.btn--cancel {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #ccc;
    border: none;
    border-radius: 6px;
    box-sizing: border-box;
    color: #6c6c6c;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    padding: 14px 12px;
}
.cb_btns .btn--main {
    background-color: #ca0000;
    color: #fff;
}
.cb_btns .btn--main, .cb_btns .btn--cancel {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
    outline: none;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.cb_loadingBtn {
    text-align: center;
}
.btn--main {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #ca0000;
    border: none;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    outline: 0;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    padding: 14px 12px;
}
@media only screen and (max-width: 499px) {
    .cb_cardLimit__select {
        width: 80px !important;
    }
}

.custom-color-picker {
    display: none;
}

.edit-color-same-line {
    display: inline-block;
    float: right;
    margin-top: 10px !important;
}

.title-custom {
    position: relative;
    background-color: #eaeaea;
    padding-top: 5px !important;
    width: 100%;
}

.title-custom:before {
    content: '';
    position: absolute;
    top: 40%;
    right: 25px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 9px 0 9px;
    border-color: #eaeaea transparent transparent transparent;
    z-index: 2;
}

.title-custom:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 9px 0 9px;
    border-color: #000000 transparent transparent transparent;
}

.custom-field {
    display: none;
}

.custom-setting {
    margin-bottom: 50px !important;
}

#wrapper {
    background-position: center !important;
}

.fieldGroup .title-parent {
    font-weight: 700;
    padding: 15px 0 15px;
}

.sidebar {
    position: fixed;
    z-index: 999;
    width: calc(300px + 50px);
    height: 100%;
    left: 0;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.sidebar.hide-to-left {
    left: -300px;
}

.editShop .circle {
    position: absolute;
    left: 300px;
    z-index: 999;
    top: 50%;
}