@charset "UTF-8";
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.42857;
    background-color: #fff
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a:focus, a:hover {
    text-decoration: none
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 12px;
    padding-right: 12px
}

.container:after, .container:before {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media (min-width: 600px) {
    .container {
        width: 94%
    }
}

@media (min-width: 992px) {
    .container {
        width: 904px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1110px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 12px;
    padding-right: 12px
}

.container-fluid:after, .container-fluid:before {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -12px;
    margin-right: -12px
}

.row:after, .row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width: 600px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

@-ms-viewport {
    width: device-width
}

.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none !important
}

@media (max-width: 599px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs, th.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 599px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 599px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 599px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm, th.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md, th.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg, th.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 599px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 600px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print, th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.col-lg-1-5, .col-lg-3-5, .col-lg-4-5, .col-md-1-5, .col-md-3-5, .col-md-4-5, .col-sm-1-5, .col-sm-3-5, .col-sm-4-5, .col-xs-1-5, .col-xs-3-5, .col-xs-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px
}

.col-xs-1-5 {
    width: 20%;
    width: 40%;
    float: left
}

.col-xs-3-5 {
    width: 60%;
    float: left
}

.col-xs-4-5 {
    width: 80%;
    float: left
}

@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left
    }

    col-sm-1-5 {
        width: 40%;
        float: left
    }

    col-sm-3-5 {
        width: 60%;
        float: left
    }

    col-sm-4-5 {
        width: 80%;
        float: left
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        width: 40%;
        float: left
    }

    .col-md-3-5 {
        width: 60%;
        float: left
    }

    .col-md-4-5 {
        width: 80%;
        float: left
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        width: 40%;
        float: left
    }

    .col-lg-3-5 {
        width: 60%;
        float: left
    }

    .col-lg-4-5 {
        width: 80%;
        float: left
    }
}

.js-room-attention-animation-enter {
    opacity: .01
}

.js-room-attention-animation-enter.js-room-attention-animation-enter-active {
    opacity: 1;
    transition: opacity 1s ease-in .1s
}

.js-room-attention-animation-leave {
    opacity: 1
}

.js-room-attention-animation-leave-active {
    opacity: .01;
    transition: opacity .3s ease-in .1s
}

.js-space-main__usage-graph-content {
    -moz-animation: bar-anime 1s ease-in;
    -webkit-animation: bar-anime 1s ease-in;
    animation: bar-anime 1s ease-in
}

@-webkit-keyframes bar-anime {
    0% {
        width: 0
    }
}

@keyframes bar-anime {
    0% {
        width: 0
    }
}

.js-mobile-notification {
    bottom: -120%;
    height: 100%;
    z-index: 1000;
    position: fixed;
    transition: all .5s ease-in-out
}

.js-mobile-notification-active {
    bottom: 0
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    padding: 0
}

input, select {
    outline: none
}

html {
    height: 100%;
    font-size: 62.5%
}

body {
    position: relative;
    color: #333;
    font-size: 14px;
    font-size: 1.4em;
    min-height: 100vh;
    font-family: Hiragino Kaku Gothic ProN, "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "\30D2\30E9\30AE\30CE\89D2\30B4   StdN", Hiragino Kaku Gothic StdN, "\30E1\30A4\30EA\30AA", Meiryo, "\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF", Hiragino Sans, Verdana, Osaka, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", MS PGothic, sans-serif;
    word-break: break-all;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    color: #4abfe6;
    text-decoration: none
}

.bold {
    font-weight: 700
}

.site-header {
    background: #fff;
    position: relative;
    height: 48px
}

.site-header__logo {
    display: block;
    width: 172px;
    height: 28px;
    margin: 9px;
    text-indent: -9999px;
    background: url(/assets/images/logo.svg) no-repeat;
    background-size: 172px 28px
}

.site-header__logo:hover {
    opacity: .7
}

.site-header__search {
    display: block;
    margin-left: 200px;
    margin-right: 500px;
    position: relative;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    height: 48px;
    padding: 9px 0 6px 40px;
    font-size: 13px;
    font-size: rem(13);
    line-height: 1.5
}

.site-header__search-menu-btn {
    display: none
}

.site-header__search-menu-icon {
    color: #fff
}

.site-header__nav {
    float: right;
    margin-right: 12px
}

.site-header__nav > li {
    display: block;
    position: relative;
    float: right;
    margin: 8px
}

.site-header__nav-help {
    display: block;
    margin-top: 2px
}

.site-header__nav-help:hover {
    opacity: .6
}

.site-header__nav-help__login {
    margin-top: 1px
}

.guide__text {
    margin-top: 7px;
    margin-left: 6px
}

.guide__text, .help__text {
    display: block;
    float: right
}

.help__text {
    margin-top: 5px;
    padding: 2px 0 2px 5px
}

.site-header__nav-user-name__full {
    max-width: 101px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    float: left;
    margin-right: 4px
}

.site-header__nav-user {
    display: block
}

.site-header__nav-user:hover {
    opacity: .6
}

.site-header__nav-user-icon {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 100%
}

.site-header__nav-user-name {
    display: block;
    float: left;
    margin: 9px 0 0 5px;
    font-size: 14px
}

.site-header__nav-message {
    display: block;
    font-size: 22px;
    margin-top: 4px;
    color: #d0d1cf
}

.site-header__nav-message:hover {
    opacity: .8
}

.site-header__nav-owner {
    font-size: 14px;
    float: left;
    margin: 9px 0 0 5px
}

.site-header__nav-owner:hover {
    opacity: .6
}

.site-header__nav-owner-notification {
    color: #e95175
}

.site-header__nav-owner-notification:before {
    font-size: 10px
}

.site-header__nav-bagde {
    display: inline-block;
    background: #e95175;
    color: #fff;
    padding: 2px 6px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 700;
    margin-left: -15px;
    min-width: 8px;
    text-align: center
}

.site-header__nav-baloon {
    top: 40px
}

.site-header__nav-baloon .baloon-inner {
    padding: 0
}

.site-header__nav-baloon-title {
    font-size: 12px;
    padding: 5px 15px;
    background: #f3f3f3
}

.site-header__nav-baloon-title:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.site-header__nav-baloon-nodata {
    padding: 15px;
    color: #b3b3b4
}

.site-header__nav-baloon-menu a {
    display: block;
    padding: 15px
}

.is-new, .site-header__nav-baloon-menu a:hover {
    background: #e4f2e3
}

.site-header__nav-baloon-user {
    border-radius: 3px 3px 0 0;
    color: #333;
    padding: 15px;
    color: #4a4b4e;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2
}

.site-header__nav-baloon-point {
    margin-top: -10px;
    padding-bottom: 15px;
    font-size: 12px;
    border-bottom: 1px solid #eaeaea
}

.site-header__nav-baloon-point:hover {
    text-decoration: underline
}

.site-header__nav-baloon-point-unit {
    font-size: 10px
}

.site-header__nav-baloon-business-create {
    border-top: 1px solid #eaeaea
}

.site-header__nav-baloon-business-img {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 5px
}

.site-header__nav-baloon-business-text {
    line-height: 15px;
    width: 180px;
    height: 30px;
    padding-right: 10px
}

.site-header__nav-baloon-business-angle, .site-header__nav-baloon-business-text {
    display: table-cell;
    vertical-align: middle
}

.site-header__nav-baloon-name {
    width: 250px;
    right: 0
}

.site-header__nav-baloon-name:before {
    display: none
}

.site-header__nav-baloon-name a {
    padding: 15px
}

.site-header__nav-baloon-owner {
    width: 250px;
    right: 10px
}

.site-header__nav-baloon-owner:before {
    display: none
}

.site-header__nav-baloon-owner a {
    display: block
}

.site-header__nav-baloon-owner img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin-right: 8px
}

.site-header__nav-baloon-owner p {
    display: table-cell;
    vertical-align: middle
}

.site-header__nav-baloon-message {
    width: 250px;
    right: 0
}

.site-header__nav-baloon-message .baloon-inner {
    padding: 0;
    max-height: 400px;
    overflow: scroll
}

.site-header__nav-baloon-message li {
    border-bottom: 1px solid #f3f3f3
}

.site-header__nav-baloon-message:before {
    display: none
}

.site-header__nav-baloon-message-content {
    font-size: 14px
}

.site-header__nav-baloon-message-name {
    display: table;
    margin-top: 10px
}

.site-header__nav-baloon-message-name p {
    display: table-cell;
    vertical-align: middle
}

.site-header__nav-baloon-message-name img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin-right: 8px
}

.site-header__nav-baloon-message-name span {
    display: block;
    color: #b3b3b4;
    font-size: 11px;
    margin-top: 3px
}

.site-header__nav-reservation {
    display: block;
    float: left;
    margin: 9px 0 0 5px;
    font-size: 14px
}

.site-header__nav-reservation:hover {
    opacity: .6
}

.site-header__nav-favorite {
    display: block;
    float: left;
    margin-top: 5px;
    padding: 4px 0 0 16px;
    font-size: 14px;
    border-left: 1px solid #eaeaea
}

.site-header__nav-favorite:hover .link-black {
    opacity: .6
}

.site-header__nav-favorite:hover .site-header__nav-baloon-favorite.is-nolist {
    display: block;
    -webkit-animation: BaloonFadedDwn .25s 1;
    animation: BaloonFadedDwn .25s 1
}

.site-header__nav-baloon-favorite.is-nolist {
    display: none;
    position: absolute;
    left: -78px
}

.site-header__nav-baloon-favorite {
    width: 255px;
    top: 40px;
    right: 0;
    color: #4a4b4e
}

.site-header__nav-baloon-favorite .baloon-inner {
    display: block;
    padding: 20px;
    width: 255px
}

.site-header__nav-baloon-favorite:before {
    display: none
}

.site-header__nav-favorite .fa-circle {
    font-size: 10px;
    color: #e95175
}

.site-header__nav-baloon-favorite.is-nolist .fa-heart {
    display: block;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    color: #f06060;
    font-size: 33px
}

.site-header__favorite-guide {
    display: block;
    text-align: center;
    line-height: 1.6
}

.site-header__nav-baloon-favorite.is-login {
    width: 314px
}

.site-header__nav-baloon-favorite.is-login .baloon-inner {
    width: 100%;
    padding: 0
}

.site-header__nav-baloon-favorite.is-logout {
    width: 314px;
    right: 0
}

.site-header__nav-baloon-favorite.is-logout .baloon-inner {
    font-size: 13px;
    width: 100%;
    padding: 0
}

.site-header__nav-baloon-favorite.is-logout .site-header__nav-baloon-favorite__space-info {
    margin-top: 7px
}

.site-header__nav-baloon-favorite__list {
    max-height: 315px;
    overflow-y: scroll;
    padding: 5px 15px 0;
    border-bottom: 1px dotted #d1d1d1
}

.site-header__nav-baloon-favorite__unit {
    overflow: hidden;
    position: relative;
    border-bottom: 1px dotted #d1d1d1;
    padding: 8px 0
}

.site-header__nav-baloon-favorite__unit:last-child {
    border: none
}

.site-header__nav-baloon-favorite__unit-link {
    display: block;
    height: 100px;
    color: #4b4b4b
}

.site-header__nav-baloon-favorite__unit-link:hover img {
    opacity: .8
}

.site-header__nav-baloon-favorite__unit-link:hover h2 {
    text-decoration: underline
}

.site-header__nav-baloon-favorite__space-img {
    float: left;
    width: 100px;
    height: 100px
}

.site-header__nav-baloon-favorite__space-img img {
    width: 100%;
    height: auto
}

.site-header__nav-baloon-favorite__space-info {
    float: right;
    width: calc(100% - 110px);
    color: #4a4b4e
}

.site-header__nav-baloon-favorite__space-info h2 {
    overflow: hidden;
    line-height: 1.3;
    font-size: 13px;
    margin-top: 5px
}

.site-header__nav-baloon-favorite__space-dtl {
    margin: 5px 0;
    font-size: 11px
}

.site-header__nav-baloon-favorite__space-dtl li {
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom
}

.site-header__nav-baloon-favorite__space-dtl li .fa {
    color: #d0d1cf
}

.site-header__nav-baloon-favorite__space-price {
    background-color: #eaeaea;
    border-radius: 3px;
    height: 20px;
    font-size: 11px;
    padding: 5px;
    text-align: center
}

.site-header__nav-baloon-favorite__list-name {
    font-size: 10px;
    color: #999;
    text-align: right;
    padding-bottom: 1px
}

.site-header__nav-baloon-favorite__list-name:hover {
    text-decoration: underline
}

.site-header__nav-baloon-favorite__list-link {
    display: block;
    position: absolute;
    right: 0;
    bottom: 10px
}

.site-header__nav-baloon-favorite__morebtn {
    width: 280px;
    margin: 10px auto
}

.site-header__nav-baloon-favorite__morebtn a {
    width: 100%;
    font-size: 12px
}

.site-header__smp {
    display: none;
    border-bottom: 1px solid #eaeaea
}

.site-header__drawer-menu {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    width: 280px;
    height: 100%;
    overflow-y: auto;
    background: #222;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transform-origin: right center;
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
    color: #fff;
    z-index: 8
}

.site-header__drawer-check {
    display: none
}

.site-header__drawer-menu-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    font-size: 24px;
    cursor: pointer;
    color: #b3b3b4
}

.site-header__drawer-menu-btn:hover {
    color: #999
}

.site-header__drawer-close-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: transparent;
    visibility: hidden;
    opacity: 0
}

.site-header__drawer-check:checked ~ .site-header__drawer-menu {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    z-index: 11
}

.site-header__drawer-check:checked ~ .site-header__drawer-close-menu {
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background: rgba(0, 0, 0, .5);
    visibility: visible;
    opacity: 1;
    z-index: 11
}

.site-header__drawer-user-icon {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    margin-left: 20px;
    border-radius: 100%
}

.site-header__drawer-name-box {
    border-bottom: 1px solid #333;
    padding-top: 20px;
    min-height: 88px
}

.site-header__drawer-name-guest {
    padding: 0 0 3px 80px
}

.site-header__drawer-name-host {
    padding: 10px 0 3px 80px
}

.site-header__drawer-user-name {
    padding: 0 0 15px 80px;
    font-size: 18px
}

.site-header__drawer-user-point {
    margin-left: 80px;
    margin-top: -12px;
    padding-bottom: 15px
}

.site-header__drawer-user-point-unit {
    font-size: 10px;
    margin-left: 3px
}

.site-header__drawer-menu-title {
    padding: 10px 10px 10px 30px;
    background-color: #333;
    border-bottom: 1px solid #333
}

.site-header__drawer-menu-list {
    position: relative
}

.site-header__drawer-menu-list i {
    margin-right: 10px
}

.site-header__drawer-menu-list a {
    display: block;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid #333;
    padding: 15px 10px 15px 30px
}

.site-header__drawer-menu-list a:hover {
    background: #333
}

.site-header__drawer-menu-list-border {
    border-top: 1px solid #777
}

.site-header__drawer-menu-list-host {
    max-width: 218px;
    display: inline-block
}

.site-header__drawer-menu-list-notification {
    color: #e95175;
    vertical-align: top;
    margin: -9px 0 0 3px
}

.site-header__drawer-menu-list-notification:before {
    font-size: 10px
}

.site-header__drawer-menu-not-link {
    display: block;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px solid #333;
    padding: 15px 10px 15px 30px
}

.site-header__drawer-menu-bagde {
    background: #e95175;
    color: #fff;
    padding: 3px 4px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;
    min-width: 8px;
    text-align: center;
    position: absolute;
    top: auto;
    right: 24px
}

.site-header__drawer-menu-bagde i {
    margin-right: 0;
    padding: 3px 5px
}

.site-header__message-menu-btn a {
    position: absolute;
    top: 10px;
    right: 50px;
    display: block;
    font-size: 24px;
    cursor: pointer;
    color: #b3b3b4
}

.site-header__message-menu {
    padding-top: 44px;
    height: 100vh;
    overflow-x: scroll
}

.site-header__message-menu, .site-header__message-menu-close {
    box-sizing: border-box;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 6
}

.site-header__message-menu-close {
    font-size: 30px;
    padding: 7px;
    text-align: right
}

.site-header__message-menu-close a {
    color: #b3b3b4
}

.is-approval, .is-available, .is-changed, .is-info {
    color: #60df52
}

.is-reserve, .is-unavailable {
    color: #333
}

.is-done, .is-normal {
    color: #b3b3b4
}

.is-cancel, .is-error, .is-minus, .is-required {
    color: #e95175
}

.icon-ll {
    font-size: 40px;
    line-height: 1
}

.link-black {
    color: #333
}

.link-green {
    color: #60df52
}

.link-border, .link-hover-border:hover {
    text-decoration: underline
}

.link-separator {
    color: #b3b3b4;
    margin: 0 5px
}

.message-important {
    color: #e95175
}

.message-information {
    color: #60df52
}

.message-supplement {
    color: #b3b3b4
}

.message-emphasis {
    color: #4abfe6
}

.message-disabled {
    color: #b3b3b4
}

.button-green, .message-strong {
    font-weight: 700
}

.button-green {
    display: inline-block;
    background: #60df52;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid #60ce52
}

.button-green:hover {
    background: #8fea86;
    border-bottom: 1px solid #9add92
}

.button-blue {
    display: inline-block;
    background: #4abfe6;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid #42a9cc
}

.button-blue:hover {
    background: #76cce8;
    border-bottom: 1px solid #89c7dc
}

.button-whiteblue {
    display: inline-block;
    background: #fff;
    color: #333;
    border-radius: 3px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    border: 1px solid #4abfe6;
    color: #4abfe6
}

.button-whiteblue:hover {
    background: #f6f6f6
}

.button-gray {
    display: inline-block;
    background: #a0a0a0;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid #909090
}

.button-gray:hover {
    background: #d0d1cf;
    border-bottom: 1px solid #c8c8c8
}

.button-disabled {
    display: inline-block;
    background: #eee;
    color: #999;
    border-radius: 3px;
    text-align: center;
    font-weight: 700;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    line-height: 1;
    cursor: default
}

.button-disabled:hover {
    background: #eee;
    border-color: #e1e1e1
}

.dropdown-button-green {
    display: inline-block;
    background: #60df52;
    border-radius: 3px;
    text-align: center;
    font-weight: 700;
    overflow: hidden
}

.dropdown-button-green__button {
    display: block;
    float: left;
    color: #fff;
    border-right: 1px solid hsla(0, 0%, 100%, .3);
    border-bottom: 1px solid #60ce52
}

.dropdown-button-green__button:hover {
    background: #8fea86;
    border-bottom: 1px solid #9add92
}

.dropdown-button-green__dropdown {
    display: block;
    float: left;
    color: #fff;
    border-right: 1px solid hsla(0, 0%, 100%, .3);
    width: 25px;
    border-bottom: 1px solid #60ce52
}

.dropdown-button-green__dropdown:hover {
    background: #8fea86;
    border-bottom: 1px solid #9add92
}

.icon-form {
    display: block;
    float: left;
    border-radius: 3px;
    padding: 4px;
    margin-right: 8px;
    color: #fff;
    font-size: 12px
}

.icon-form__required {
    background: #e95175
}

.icon-form__optional {
    background: #b3b3b4
}

.reserve-status-icon {
    position: absolute;
    font-size: 11px;
    font-weight: 700;
    border: 2px solid;
    padding: 3px;
    width: 80px;
    text-align: center;
    border-radius: 3px;
    background: #fff
}

.user-detail-baloon {
    width: 250px
}

.user-detail-baloon:before {
    left: 20px
}

.user-detail-baloon__img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    margin: 0 10px 10px 0;
    float: left
}

.user-detail-baloon__name {
    margin-left: 80px;
    margin-bottom: 5px
}

.user-detail-baloon__company {
    margin-left: 80px;
    margin-bottom: 10px;
    font-size: 12px
}

.user-detail-baloon__auth {
    margin-left: 80px;
    margin-bottom: 2px;
    font-size: 11px
}

.user-detail-baloon__auth:before {
    font-family: FontAwesome;
    content: "\F00C";
    margin-right: 3px;
    color: #60df52
}

.user-detail-baloon__button {
    display: block;
    margin: 10px auto 0;
    width: 180px;
    padding: 7px 0;
    font-size: 12px;
    clear: both
}

.owner-detail-baloon {
    width: 250px
}

.owner-detail-baloon:before {
    left: 230px
}

.owner-detail-baloon__img {
    width: 70px;
    border-radius: 100%;
    margin: 0 10px 10px 0;
    float: left
}

.owner-detail-baloon__name {
    height: 70px;
    line-height: 1.3;
    display: table-cell;
    vertical-align: middle
}

.space-detail-baloon {
    width: 250px
}

.space-detail-baloon:before {
    left: 20px
}

.space-detail-baloon__img {
    width: 250px;
    height: 110px;
    margin: -10px 10px -42px -10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-indent: -9999px;
    background-size: cover;
    background-position: 50%
}

.space-detail-baloon__name {
    color: #fff;
    line-height: 1.3;
    height: 40px;
    text-shadow: 0 0 3px #000;
    overflow: hidden
}

.space-detail-baloon__company {
    margin-left: 80px;
    margin-bottom: 10px;
    font-size: 12px
}

.space-detail-baloon__auth {
    margin-left: 80px;
    margin-bottom: 2px;
    font-size: 11px
}

.space-detail-baloon__auth:before {
    font-family: FontAwesome;
    content: "\F00C";
    margin-right: 3px;
    color: #60df52
}

.space-detail-baloon__button {
    width: 110px;
    padding: 7px 0;
    font-size: 12px;
    clear: both
}

.auth-icon {
    font-size: 11px;
    padding: 5px;
    background: #f3f3f3;
    border-radius: 3px
}

.auth-icon:before {
    font-family: FontAwesome;
    content: "\F00C";
    margin-right: 3px;
    color: #60df52
}

.payment-card__visa {
    color: #33589e
}

.payment-card__master {
    color: #ff9a00
}

.payment-card__amex {
    color: #007bc6
}

.payment-card__jcb {
    color: #233d8c
}

.form-box {
    margin-bottom: 40px;
    line-height: 1.8;
    overflow: hidden
}

input {
    -webkit-appearance: none
}

input, select, textarea {
    padding: 5px;
    font-size: 14px;
    border: 1px solid #b3b3b4;
    background: #fff
}

input[disabled], input[disabled] + label:after, select[disabled], textarea[disabled] {
    background: #f3f3f3;
    border-color: #ccc
}

input[disabled] + label {
    color: #b3b3b4
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box
}

input[type=search]:focus {
    outline-offset: -2px
}

input[type=search]::-webkit-search-decoration {
    display: none
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.form-coverpic {
    background-size: cover;
    background-position: 50%;
    margin-top: -25px;
    margin-bottom: 30px
}

.form-coverpic, .form-coverpic__link {
    width: 100%;
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: content-box
}

.form-coverpic__link {
    display: block;
    height: 140px;
    background: rgba(51, 51, 51, .6);
    font-size: 22px;
    text-align: center;
    padding-top: 110px;
    color: #fff
}

.form-coverpic__link:hover {
    background: rgba(51, 51, 51, .4)
}

.form-casette {
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    overflow: hidden;
    position: relative
}

.form-casette__close {
    display: block;
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    background: #b3b3b4;
    padding: 3px 5px;
    border-radius: 3px
}

.form-casette__close:hover {
    opacity: .8
}

.form-img-box__img {
    float: left;
    width: 150px;
    height: 100px;
    background-size: cover;
    background-position: 50%
}

.form-img-box__textarea {
    display: block;
    width: 100%;
    height: 60px
}

.form-img-button {
    width: 100%;
    font-size: 20px;
    padding: 25px 0
}

.form-img-lightbox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 400px;
    background: #b3b3b4;
    margin-left: -300px;
    margin-top: -200px
}

.form-img-lightbox__close {
    display: block;
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    background: #595959;
    width: 30px;
    height: 27px;
    text-align: center;
    padding-top: 3px;
    border-radius: 3px
}

.form-img-lightbox__close:hover {
    opacity: .8
}

.form-user-box {
    padding: 15px;
    position: relative
}

.form-user-box__img {
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%
}

.form-user-box__name {
    display: block;
    font-size: 16px;
    margin: 22px 0 0 15px;
    float: left
}

.form-user-box__close {
    top: 32px;
    right: 15px
}

.form-select__inner {
    background: #fff;
    display: inline-block
}

.form-select, .form-select__s {
    position: relative;
    line-height: 0
}

.form-select__s select, .form-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.form-select__s select::-ms-expand, .form-select select::-ms-expand {
    display: none
}

.form-select:before, .form-select__s:before {
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    color: #4abfe6;
    content: "\F0DD";
    z-index: 1
}

.form-select select {
    padding: 8px 30px 8px 10px;
    height: 39px;
    background-color: transparent;
    line-height: 14px
}

.form-select:before {
    margin-top: 16px
}

.form-select__s select {
    padding: 6px 30px 6px 10px;
    background-color: transparent;
    line-height: 12px
}

.form-select__s:before {
    position: absolute;
    top: 4px
}

.form-saved {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    background: hsla(0, 0%, 100%, .6);
    color: #60df52;
    padding: 15px 0;
    font-weight: 700;
    margin-left: -25px
}

input[type=checkbox], input[type=radio] {
    display: none
}

.form-checkbox, .form-checkbox__s, .form-radio, .form-radio__s {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.form-radio:after, .form-radio__s:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    border: 1px solid #b3b3b4;
    border-radius: 100%;
    content: "";
    background: #fff
}

.form-radio:before, .form-radio__s:before {
    position: absolute;
    z-index: 2;
    display: block;
    border-radius: 100%;
    background: #4abfe6;
    content: "";
    opacity: 0;
    top: 50%
}

input[disabled] + .form-radio:before, input[disabled] + .form-radio__s:before {
    background: #b3b3b4
}

.form-checkbox, .form-radio {
    margin: 0 20px 3px 0;
    padding-left: 30px
}

.form-radio:after {
    left: 0;
    margin-top: -3px;
    width: 18px;
    height: 18px;
    box-sizing: content-box;
    top: 0
}

.form-radio:before {
    left: 4px;
    margin-top: 1px;
    width: 12px;
    height: 12px;
    top: 0
}

.form-checkbox__s, .form-radio__s {
    margin: 0 10px 3px 0;
    padding-left: 22px
}

.form-radio__s:after {
    left: 0;
    margin-top: -8px;
    width: 14px;
    height: 14px
}

.form-radio__s:before {
    left: 3px;
    margin-top: -5px;
    width: 8px;
    height: 8px
}

input[type=radio]:checked + .form-radio:before, input[type=radio]:checked + .form-radio__s:before {
    opacity: 1
}

.form-checkbox:after, .form-checkbox__s:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #b3b3b4;
    border-radius: 3px;
    content: "";
    background: #fff
}

.form-checkbox:before, .form-checkbox__s:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    display: block;
    content: "";
    opacity: 0;
    transform: rotate(45deg)
}

input[disabled] + .form-checkbox:before, input[disabled] + .form-checkbox__s:before {
    border-color: #b3b3b4
}

.form-checkbox:after {
    left: 0;
    margin-top: -9px;
    width: 18px;
    height: 18px
}

.form-checkbox:before {
    left: 6px;
    width: 4px;
    height: 8px;
    border-right: 3px solid #4abfe6;
    border-bottom: 3px solid #4abfe6;
    box-sizing: content-box;
    top: 0
}

.form-checkbox__s:after {
    left: 0;
    margin-top: -8px;
    width: 15px;
    height: 15px
}

.form-checkbox__s:before {
    left: 5px;
    width: 6px;
    height: 9px;
    border-right: 3px solid #4abfe6;
    border-bottom: 3px solid #4abfe6
}

input[type=checkbox]:checked + .form-checkbox:before, input[type=checkbox]:checked + .form-checkbox__s:before {
    opacity: 1
}

.form-text, .form-textarea {
    padding: 8px;
    line-height: 1.5
}

.form-text::-webkit-input-placeholder, .form-textarea::-webkit-input-placeholder {
    color: #ccc
}

.form-text:-ms-input-placeholder, .form-textarea:-ms-input-placeholder {
    color: #ccc
}

.form-text::-moz-placeholder, .form-textarea::-moz-placeholder {
    color: #ccc
}

.form-box .form-radio:after {
    margin-top: 2px
}

.form-box .form-radio:before {
    margin-top: 6px
}

.form-box .form-checkbox:after {
    margin-top: -10px
}

.form-box .form-checkbox:before {
    top: 5px
}

.form-textarea {
    resize: vertical
}

.form-error {
    border: 1px solid #e95175;
    background: #ffeff5
}

.servicse-form-text {
    padding: 6px 8px;
    border-radius: 0;
    font-size: 13px
}

.baloon {
    position: absolute;
    border-radius: 3px;
    z-index: 9
}

.baloon:before {
    position: absolute;
    content: " ";
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.baloon, .baloon:before {
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    background: #fff
}

.baloon-inner {
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg)
}

.baloon-bottom:before {
    bottom: -7px;
    left: 50%;
    margin-left: -8px
}

.baloon-top:before {
    top: -7px;
    left: 50%;
    margin-left: -8px
}

.baloon-left:before {
    left: -7px;
    top: 50%;
    margin-top: -8px
}

.baloon-right:before {
    right: -7px;
    top: 50%;
    margin-top: -8px
}

.baloon-none:before {
    display: none
}

.page-nav {
    clear: both;
    padding: 20px 0 0;
    margin: 0 0 12px;
    font-size: 0
}

.page-nav a.page-nav__numbers {
    background: #fff
}

.page-nav .is-current, .page-nav a.page-nav__numbers {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 3px;
    color: #666;
    border: 1px solid #d0d1cf;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 32px
}

.page-nav a.page-nav__numbers:hover {
    color: #fff;
    background: #999;
    border-color: #999
}

.page-nav .is-current {
    background: #eaeaea;
    font-weight: 700
}

.boder-box {
    padding: 40px;
    width: 100%;
    height: 100%
}

.boder-box__dot {
    border: 2px dotted #b3b3b4;
    border-radius: 6px
}

.boder-box__white {
    border-color: #fff
}

.drop-upload-box-txt {
    text-align: center;
    margin-bottom: 20px;
    display: block
}

.drop-upload-box-txt__suppl {
    font-size: 11px;
    text-align: center;
    padding-top: 15px;
    display: block
}

.fl {
    float: left
}

.fr {
    float: right
}

.clear {
    clear: both
}

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

.of-h {
    overflow: hidden
}

.db {
    display: block
}

.dib {
    display: inline-block
}

.di {
    display: inline
}

.dn {
    display: none
}

.bd-n {
    border: none !important
}

.bg-n {
    background-image: none !important
}

.fz16 {
    font-size: 16px
}

.center-img {
    overflow: hidden;
    position: relative;
    z-index: 0
}

.center-img, .center-img a {
    display: block
}

.center-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mt5 {
    margin-top: 5px
}

.mt7 {
    margin-top: 7px
}

.mt9 {
    margin-top: 9px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mt35 {
    margin-top: 35px
}

.mt40 {
    margin-top: 40px
}

.mt45 {
    margin-top: 45px
}

.mt50 {
    margin-top: 50px
}

.mt55 {
    margin-top: 55px
}

.mt60 {
    margin-top: 60px
}

.mt65 {
    margin-top: 65px
}

.mt70 {
    margin-top: 70px
}

.mt75 {
    margin-top: 75px
}

.mt80 {
    margin-top: 80px
}

.mt85 {
    margin-top: 85px
}

.mt90 {
    margin-top: 90px
}

.mt95 {
    margin-top: 95px
}

.mb3 {
    margin-bottom: 3px
}

.mb5 {
    margin-bottom: 5px
}

.mb8 {
    margin-bottom: 8px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb16 {
    margin-bottom: 16px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb35 {
    margin-bottom: 35px
}

.mb40 {
    margin-bottom: 40px
}

.mb45 {
    margin-bottom: 45px
}

.mb50 {
    margin-bottom: 50px
}

.mb55 {
    margin-bottom: 55px
}

.mb60 {
    margin-bottom: 60px
}

.mb65 {
    margin-bottom: 65px
}

.mb70 {
    margin-bottom: 70px
}

.mb75 {
    margin-bottom: 75px
}

.mb80 {
    margin-bottom: 80px
}

.mb85 {
    margin-bottom: 85px
}

.mb90 {
    margin-bottom: 90px
}

.mb95 {
    margin-bottom: 95px
}

.mla {
    margin-left: auto
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml25 {
    margin-left: 25px
}

.ml30 {
    margin-left: 30px
}

.ml35 {
    margin-left: 35px
}

.ml40 {
    margin-left: 40px
}

.ml45 {
    margin-left: 45px
}

.ml50 {
    margin-left: 50px
}

.ml55 {
    margin-left: 55px
}

.ml60 {
    margin-left: 60px
}

.ml65 {
    margin-left: 65px
}

.ml70 {
    margin-left: 70px
}

.ml75 {
    margin-left: 75px
}

.ml80 {
    margin-left: 80px
}

.ml85 {
    margin-left: 85px
}

.ml90 {
    margin-left: 90px
}

.ml95 {
    margin-left: 95px
}

.ml150 {
    margin-left: 150px
}

.ml165 {
    margin-left: 165px
}

.ml170 {
    margin-left: 170px
}

.ml250 {
    margin-left: 250px
}

.mra {
    margin-right: auto
}

.mr2pa {
    margin-right: 2%
}

.mr4pa {
    margin-right: 4%
}

.mr2 {
    margin-right: 2px
}

.mr3 {
    margin-right: 3px
}

.mr5 {
    margin-right: 5px
}

.mr8 {
    margin-right: 8px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr25 {
    margin-right: 25px
}

.mr30 {
    margin-right: 30px
}

.mr35 {
    margin-right: 35px
}

.mr40 {
    margin-right: 40px
}

.mr45 {
    margin-right: 45px
}

.mr50 {
    margin-right: 50px
}

.mr55 {
    margin-right: 55px
}

.mr60 {
    margin-right: 60px
}

.mr65 {
    margin-right: 65px
}

.mr70 {
    margin-right: 70px
}

.mr75 {
    margin-right: 75px
}

.mr80 {
    margin-right: 80px
}

.mr85 {
    margin-right: 85px
}

.mr90 {
    margin-right: 90px
}

.mr95 {
    margin-right: 95px
}

.mr150 {
    margin-right: 150px
}

.mr250 {
    margin-right: 250px
}

.ma {
    margin: auto
}

.pt5 {
    padding-top: 5px
}

.pt7 {
    padding-top: 7px
}

.pt9 {
    padding-top: 9px
}

.pt10 {
    padding-top: 10px
}

.pt13 {
    padding-top: 13px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt25 {
    padding-top: 25px
}

.pt30 {
    padding-top: 30px
}

.pt35 {
    padding-top: 35px
}

.pt40 {
    padding-top: 40px
}

.pt45 {
    padding-top: 45px
}

.pt50 {
    padding-top: 50px
}

.pt55 {
    padding-top: 55px
}

.pt60 {
    padding-top: 60px
}

.pt65 {
    padding-top: 65px
}

.pt70 {
    padding-top: 70px
}

.pt75 {
    padding-top: 75px
}

.pt80 {
    padding-top: 80px
}

.pt85 {
    padding-top: 85px
}

.pt90 {
    padding-top: 90px
}

.pt95 {
    padding-top: 95px
}

.pb5 {
    padding-bottom: 5px
}

.pb7 {
    padding-bottom: 7px
}

.pb9 {
    padding-bottom: 9px
}

.pb10 {
    padding-bottom: 10px
}

.pb13 {
    padding-bottom: 13px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pb25 {
    padding-bottom: 25px
}

.pb30 {
    padding-bottom: 30px
}

.pb35 {
    padding-bottom: 35px
}

.pb40 {
    padding-bottom: 40px
}

.pb45 {
    padding-bottom: 45px
}

.pb50 {
    padding-bottom: 50px
}

.pb55 {
    padding-bottom: 55px
}

.pb60 {
    padding-bottom: 60px
}

.pb65 {
    padding-bottom: 65px
}

.pb70 {
    padding-bottom: 70px
}

.pb75 {
    padding-bottom: 75px
}

.pb80 {
    padding-bottom: 80px
}

.pb85 {
    padding-bottom: 85px
}

.pb90 {
    padding-bottom: 90px
}

.pb95 {
    padding-bottom: 95px
}

.pl5 {
    padding-left: 5px
}

.pl8 {
    padding-left: 8px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl25 {
    padding-left: 25px
}

.pl30 {
    padding-left: 30px
}

.pl35 {
    padding-left: 35px
}

.pl40 {
    padding-left: 40px
}

.pl45 {
    padding-left: 45px
}

.pl50 {
    padding-left: 50px
}

.pl55 {
    padding-left: 55px
}

.pl60 {
    padding-left: 60px
}

.pl65 {
    padding-left: 65px
}

.pl70 {
    padding-left: 70px
}

.pl75 {
    padding-left: 75px
}

.pl80 {
    padding-left: 80px
}

.pl85 {
    padding-left: 85px
}

.pl90 {
    padding-left: 90px
}

.pl95 {
    padding-left: 95px
}

.pr5 {
    padding-right: 5px
}

.pr8 {
    padding-right: 8px
}

.pr10 {
    padding-right: 10px
}

.pr15 {
    padding-right: 15px
}

.pr20 {
    padding-right: 20px
}

.pr25 {
    padding-right: 25px
}

.pr30 {
    padding-right: 30px
}

.pr35 {
    padding-right: 35px
}

.pr40 {
    padding-right: 40px
}

.pr45 {
    padding-right: 45px
}

.pr50 {
    padding-right: 50px
}

.pr55 {
    padding-right: 55px
}

.pr60 {
    padding-right: 60px
}

.pr65 {
    padding-right: 65px
}

.pr70 {
    padding-right: 70px
}

.pr75 {
    padding-right: 75px
}

.pr80 {
    padding-right: 80px
}

.pr85 {
    padding-right: 85px
}

.pr90 {
    padding-right: 90px
}

.pr95 {
    padding-right: 95px
}

.w100pa, .w100per {
    width: 100%
}

.w10 {
    width: 10px
}

.w20 {
    width: 20px
}

.w30 {
    width: 30px
}

.w35 {
    width: 35px
}

.w40 {
    width: 40px
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w70 {
    width: 70px
}

.w80 {
    width: 80px
}

.w90 {
    width: 90px
}

.w100 {
    width: 100px
}

.w110 {
    width: 110px
}

.w120 {
    width: 120px
}

.w130 {
    width: 130px
}

.w140 {
    width: 140px
}

.w145 {
    width: 145px
}

.w150 {
    width: 150px
}

.w160 {
    width: 160px
}

.w170 {
    width: 170px
}

.w180 {
    width: 180px
}

.w190 {
    width: 190px
}

.w200 {
    width: 200px
}

.w210 {
    width: 210px
}

.w220 {
    width: 220px
}

.w230 {
    width: 230px
}

.w240 {
    width: 240px
}

.w250 {
    width: 250px
}

.w260 {
    width: 260px
}

.w270 {
    width: 270px
}

.w280 {
    width: 280px
}

.w290 {
    width: 290px
}

.w300 {
    width: 300px
}

.w310 {
    width: 310px
}

.w320 {
    width: 320px
}

.w330 {
    width: 330px
}

.w340 {
    width: 340px
}

.w350 {
    width: 350px
}

.w360 {
    width: 360px
}

.w370 {
    width: 370px
}

.w380 {
    width: 380px
}

.w390 {
    width: 390px
}

.w400 {
    width: 400px
}

.w410 {
    width: 410px
}

.w420 {
    width: 420px
}

.w430 {
    width: 430px
}

.w440 {
    width: 440px
}

.w450 {
    width: 450px
}

.w460 {
    width: 460px
}

.w470 {
    width: 470px
}

.w480 {
    width: 480px
}

.w490 {
    width: 490px
}

.w500 {
    width: 500px
}

.w510 {
    width: 510px
}

.w520 {
    width: 520px
}

.w530 {
    width: 530px
}

.w540 {
    width: 540px
}

.w550 {
    width: 550px
}

.w560 {
    width: 560px
}

.w570 {
    width: 570px
}

.w580 {
    width: 580px
}

.w590 {
    width: 590px
}

.w600 {
    width: 600px
}

.w610 {
    width: 610px
}

.w620 {
    width: 620px
}

.w630 {
    width: 630px
}

.w640 {
    width: 640px
}

.w650 {
    width: 650px
}

.w660 {
    width: 660px
}

.w670 {
    width: 670px
}

.w680 {
    width: 680px
}

.w690 {
    width: 690px
}

.w700 {
    width: 700px
}

.w710 {
    width: 710px
}

.w720 {
    width: 720px
}

.w730 {
    width: 730px
}

.w740 {
    width: 740px
}

.w750 {
    width: 750px
}

.w760 {
    width: 760px
}

.w770 {
    width: 770px
}

.w780 {
    width: 780px
}

.w790 {
    width: 790px
}

.w800 {
    width: 800px
}

.w880 {
    width: 880px
}

.w900 {
    width: 900px
}

.h10 {
    height: 10px
}

.h20 {
    height: 20px
}

.h30 {
    height: 30px
}

.h40 {
    height: 40px
}

.h50 {
    height: 50px
}

.h60 {
    height: 60px
}

.h70 {
    height: 70px
}

.h80 {
    height: 80px
}

.h90 {
    height: 90px
}

.h100 {
    height: 100px
}

.h110 {
    height: 110px
}

.h120 {
    height: 120px
}

.h130 {
    height: 130px
}

.h140 {
    height: 140px
}

.h150 {
    height: 150px
}

.h160 {
    height: 160px
}

.h170 {
    height: 170px
}

.h180 {
    height: 180px
}

.h190 {
    height: 190px
}

.h200 {
    height: 200px
}

.h210 {
    height: 210px
}

.h220 {
    height: 220px
}

.h230 {
    height: 230px
}

.h240 {
    height: 240px
}

.h250 {
    height: 250px
}

.h260 {
    height: 260px
}

.h270 {
    height: 270px
}

.h280 {
    height: 280px
}

.h290 {
    height: 290px
}

.h300 {
    height: 300px
}

.ta-c {
    text-align: center
}

.ta-l {
    text-align: left
}

.ta-r {
    text-align: right
}

.pa, .pr {
    position: relative
}

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

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

.icon-spm-accessibility:before {
    content: "\E900"
}

.icon-spm-air_conditioner:before {
    content: "\E901"
}

.icon-spm-bar:before {
    content: "\E902"
}

.icon-spm-bathtub:before {
    content: "\E903"
}

.icon-spm-catering_services:before {
    content: "\E904"
}

.icon-spm-chairs:before {
    content: "\E905"
}

.icon-spm-changing_room:before {
    content: "\E906"
}

.icon-spm-child:before {
    content: "\E907"
}

.icon-spm-day:before {
    content: "\E908"
}

.icon-spm-drinking:before {
    content: "\E909"
}

.icon-spm-dryer:before {
    content: "\E90A"
}

.icon-spm-film_equipment:before {
    content: "\E90B"
}

.icon-spm-hairdryer:before {
    content: "\E90C"
}

.icon-spm-iron:before {
    content: "\E90D"
}

.icon-spm-kitchen_equipment:before {
    content: "\E90E"
}

.icon-spm-kitchen_facilities:before {
    content: "\E90F"
}

.icon-spm-lighting_equipment:before {
    content: "\E910"
}

.icon-spm-line:before {
    content: "\E911"
}

.icon-spm-lockers:before {
    content: "\E912"
}

.icon-spm-market:before {
    content: "\E913"
}

.icon-spm-mirrors:before {
    content: "\E914"
}

.icon-spm-parking:before {
    content: "\E915"
}

.icon-spm-pet:before {
    content: "\E916"
}

.icon-spm-photography_equipment:before {
    content: "\E917"
}

.icon-spm-power_equipment:before {
    content: "\E918"
}

.icon-spm-printer:before {
    content: "\E919"
}

.icon-spm-projector:before {
    content: "\E91A"
}

.icon-spm-public_transportation:before {
    content: "\E91B"
}

.icon-spm-refrigerator:before {
    content: "\E91C"
}

.icon-spm-restaurant:before {
    content: "\E91D"
}

.icon-spm-shampoo:before {
    content: "\E91E"
}

.icon-spm-showers:before {
    content: "\E91F"
}

.icon-spm-smoking:before {
    content: "\E920"
}

.icon-spm-soap:before {
    content: "\E921"
}

.icon-spm-sound_system:before {
    content: "\E922"
}

.icon-spm-stay:before {
    content: "\E923"
}

.icon-spm-tables:before {
    content: "\E924"
}

.icon-spm-time:before {
    content: "\E925"
}

.icon-spm-toilet:before {
    content: "\E926"
}

.icon-spm-toothbrush:before {
    content: "\E927"
}

.icon-spm-towel:before {
    content: "\E928"
}

.icon-spm-tv:before {
    content: "\E929"
}

.icon-spm-washing_machine:before {
    content: "\E92A"
}

.icon-spm-whiteboard:before {
    content: "\E92B"
}

.icon-spm-wifi:before {
    content: "\E92C"
}

.icon-spm-calendar:before {
    content: "\E92D"
}

.icon-spm-add_acount:before {
    content: "\E92E"
}

.icon-spm-config:before {
    content: "\E92F"
}

.icon-spm-invite:before {
    content: "\E930"
}

.icon-spm-space:before {
    content: "\E931"
}

.icon-spm-share:before {
    content: "\E932"
}

.icon-spm-discount:before {
    content: "\E933"
}

.icon-spm-map_pin:before {
    content: "\E934"
}

.icon-spm-logo:before {
    content: "\E935"
}

.icon-spm-checkin:before {
    content: "\E936"
}

.icon-spm-checkout:before {
    content: "\E937"
}

.icon-spm-top_host:before {
    content: "\E938"
}

.icon-spm-point:before {
    content: "\E939"
}

.icon-spm-download:before {
    content: "\E93A"
}

.icon-spm-list:before {
    content: "\E93B"
}

.icon-spm-map:before {
    content: "\E93C"
}

.icon-spm-user:before {
    content: "\E93D"
}

.icon-spm-dash:before {
    content: "\E93E"
}

.icon-spm-present:before {
    content: "\E93F"
}

.icon-spm-host:before {
    content: "\E940"
}

.icon-spm-mail:before {
    content: "\E941"
}

.icon-spm-check:before {
    content: "\E942"
}

.icon-spm-reservation:before {
    content: "\E943"
}

.icon-spm-target:before {
    content: "\E944"
}

.icon-spm-close:before {
    content: "\E945"
}

.icon-spm-menu:before {
    content: "\E946"
}

.icon-spm-search:before {
    content: "\E947"
}

.icon-spm-transmit:before {
    content: "\E948"
}

.icon-spm-filter:before {
    content: "\E949"
}

.icon-spm-left:before {
    content: "\E94A"
}

.icon-spm-right:before {
    content: "\E94B"
}

.icon-spm-up:before {
    content: "\E94C"
}

.icon-spm-down:before {
    content: "\E94D"
}

.icon-spm-flag:before {
    content: "\E94E"
}

.icon-spm-reload:before {
    content: "\E94F"
}

.icon-spm-bolt:before {
    content: "\E950"
}

.icon-spm-star:before {
    content: "\E951"
}

.icon-spm-star-half:before {
    content: "\E952"
}

.icon-spm-fav:before {
    content: "\E953"
}

.icon-spm-save:before {
    content: "\E954"
}

.icon-spm-memo-clip:before {
    content: "\E955"
}

.icon-spm-leader:before {
    content: "\E956"
}

.icon-spm-plus:before {
    content: "\E957"
}

.icon-spm-minus:before {
    content: "\E958"
}

.icon-spm-login:before {
    content: "\E959"
}

.icon-spm-logout:before {
    content: "\E95A"
}

.icon-spm-delete:before {
    content: "\E95B"
}

.icon-spm-write:before {
    content: "\E95C"
}

.icon-spm-info:before {
    content: "\E95D"
}

.icon-spm-nights-discount:before {
    content: "\E95E"
}

.icon-spm-question-circle:before {
    content: "\E95F"
}

.icon-spm-question:before {
    content: "\E960"
}

.icon-spm-caret-down:before {
    content: "\E961"
}

.icon-spm-tag:before {
    content: "\E962"
}

.icon-spm-building:before {
    content: "\E963"
}

.icon-spm-camera:before {
    content: "\E964"
}

.icon-spm-double-circle:before {
    content: "\E965"
}

.icon-spm-single-circle:before {
    content: "\E966"
}

.icon-spm-triangle:before {
    content: "\E967"
}

.icon-spm-external-link:before {
    content: "\E968"
}

.icon-spm-close-circle:before {
    content: "\E969"
}

.icon-spm-exclamation-circle:before {
    content: "\E96A"
}

.icon-spm-exclamation:before {
    content: "\E96B"
}

.icon-spm-phone:before {
    content: "\E96C"
}

.icon-spm-yen:before {
    content: "\E96D"
}

.icon-spm-circle:before {
    content: "\E96E"
}

.icon-spm-check-circle:before {
    content: "\E96F"
}

.icon-spm-fav-line:before {
    content: "\E970"
}

.icon-spm-facebook:before {
    content: "\E971"
}

.icon-spm-twitter:before {
    content: "\E972"
}

.icon-spm-instagram:before {
    content: "\E973"
}

.icon-spm-list-ol:before {
    content: "\E974"
}

.icon-spm-link:before {
    content: "\E975"
}

.icon-spm-heading:before {
    content: "\E976"
}

.icon-spm-bold:before {
    content: "\E977"
}

.icon-spm-userban:before {
    content: "\E978"
}

.icon-spm-clip:before {
    content: "\E979"
}

.icon-spm-upload:before {
    content: "\E97A"
}

.icon-spm-check-bold:before {
    content: "\E97B"
}

.icon-spm-left-bold:before {
    content: "\E97C"
}

.icon-spm-right-bold:before {
    content: "\E97D"
}

.icon-spm-up-bold:before {
    content: "\E97E"
}

.icon-spm-down-bold:before {
    content: "\E97F"
}

.icon-spm-lightbulb:before {
    content: "\E980"
}

.icon-spm-plate:before {
    content: "\E981"
}

.icon-spm-card:before {
    content: "\E982"
}

.icon-spm-delete_account:before {
    content: "\E983"
}

.icon-spm-trophy:before {
    content: "\E984"
}

.icon-spm-clearness:before {
    content: "\E985"
}

.icon-spm-door:before {
    content: "\E986"
}

.site-header .baloon-inner {
    overflow: auto
}

.js-all-display {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    content: "";
    z-index: 8
}

.phone-verification .phone-verification__text {
    font-size: 13px;
    line-height: 1.4
}

.phone-verification .phone-verification__sub-txt {
    display: inline-block;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.4;
    color: #999;
    word-wrap: break-word
}

.phone-verification a:hover {
    text-decoration: underline
}

.phone-verification__set {
    position: relative;
    background: #f6f6f6;
    border-radius: 5px;
    margin-top: 8px;
    padding: 16px 8px
}

.phone-verification__set .phone-verification__step-numb {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
    vertical-align: top;
    background: #616161;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 13px;
    font-weight: 700;
    color: #fff
}

.phone-verification__set .phone-verification__step-numb.not-yet {
    background: #b3b3b3
}

.phone-verification__set .phone-verification__step-title {
    display: inline-block;
    height: 24px;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin-left: 4px
}

.phone-verification__set .phone-verification__step-title.not-yet {
    color: #999
}

.phone-verification__step-content {
    position: relative;
    overflow: hidden;
    left: 11px;
    width: 96%;
    padding: 0 8px 16px 16px;
    border-left: 2px dotted #777
}

.phone-verification__step-content.verify-done {
    border-left: none;
    padding-bottom: 0
}

.phone-verification__step-content .phone-verification__disc {
    font-size: 12px;
    padding-top: 8px;
    line-height: 1.4
}

.phone-verification__step-content strong {
    font-weight: 700
}

.phone-verification__step-content .form-text {
    width: 100%;
    margin-top: 8px
}

.phone-verification__required {
    margin-top: 6px;
    line-height: 1.4;
    color: #e95175;
    font-size: 12px
}

.phone-verification__required .fa {
    margin-right: 3px
}

.phone-verification__code-form {
    overflow: hidden
}

.phone-verification__code-form .form-text {
    float: left;
    width: 47%
}

.phone-verification__code-form .button-blue {
    float: right;
    width: 50%;
    padding: 9px 0;
    margin-top: 8px
}

.phone-verification__btn_set .button-blue {
    margin-top: 8px;
    padding: 10px 0;
    width: 100%
}

.phone-verification__btn_set .phone-verification__txt-link {
    text-align: center
}

.phone-verification__txt-link {
    font-size: 13px;
    margin-top: 8px;
    padding: 8px 0;
    text-align: left;
    font-weight: 700
}

.phone-verification__txt-link .fa {
    font-size: 15px;
    padding-right: 4px;
    vertical-align: middle
}

.phone-verification__number {
    display: block;
    float: left;
    font-size: 13px;
    padding: 8px 0
}

.phone-verification__done-txt {
    position: relative;
    display: inline-block;
    margin: 2px 0 0 14px;
    padding: 4px 8px;
    min-width: 120px;
    max-width: 100%;
    background: #fff;
    border-radius: 3px
}

@media screen and (max-width: 350px) {
    .phone-verification__done-txt {
        margin: 2px 0;
        padding: 4px 4px 4px 2px
    }
}

.phone-verification__done-txt:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-right: 10px solid #fff
}

@media screen and (max-width: 350px) {
    .phone-verification__done-txt:before {
        top: -12px;
        left: 50%;
        margin-left: -15px;
        border: 10px solid transparent;
        border-bottom-color: #fff
    }
}

.phone-verification__done-txt span {
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #60df52;
    text-align: center
}

.dashboard-maincol__right .phone-verification {
    max-width: 600px
}

.dashboard-maincol__right .phone-verification__set {
    background: #fff;
    padding: 16px
}

@media screen and (min-width: 768px) {
    .dashboard-maincol__right .phone-verification__step-content {
        width: 98%
    }
}

.dashboard-maincol__right .phone-verification__step-content .form-text {
    height: 39px;
    width: 35%
}

.dashboard-maincol__right .phone-verification__sub-txt {
    font-size: 13px
}

.dashboard-maincol__right .phone-verification__btn_set {
    position: absolute;
    top: 47px;
    right: 3px;
    width: 350px
}

.dashboard-maincol__right .button-blue {
    width: 200px;
    height: 39px;
    float: left;
    margin-left: 8px
}

.dashboard-maincol__right .phone-verification__txt-link {
    margin-top: 8px
}

.dashboard-maincol__right .phone-verification__done {
    margin-top: 0
}

.dashboard-maincol__right .phone-verification__done .phone-verification__number {
    display: inline-block;
    float: none;
    font-size: 16px
}

.dashboard-maincol__right .phone-verification__done .phone-verification__done-txt {
    margin: 0 0 0 16px
}

.dashboard-maincol__right .phone-verification__done .phone-verification__done-txt span {
    color: #333
}

.dashboard-maincol__right .phone-verification__done .phone-verification__done-txt span i {
    color: #60df52
}

.dashboard-maincol__right .phone-verification__done .phone-verification__txt-link {
    display: inline-block;
    margin-top: 0;
    margin-left: 16px
}

@keyframes typeTooltipDown {
    0% {
        top: 15px;
        opacity: 0
    }
    to {
        top: 35px;
        opacity: 1
    }
}

@keyframes evalTooltipDown {
    0% {
        top: 15px;
        opacity: 0
    }
    to {
        top: 25px;
        opacity: 1
    }
}

@keyframes directTooltipDown {
    0% {
        top: 18px;
        opacity: 0
    }
    to {
        top: 28px;
        opacity: 1
    }
}

@keyframes shareTooltipDown {
    0% {
        top: 0;
        opacity: 0
    }
    to {
        top: 25px;
        opacity: 1
    }
}

@keyframes BaloonFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes favoritButton {
    0% {
        transform: matrix(.8, 0, 0, .8, 0, 0)
    }
    3.4% {
        transform: matrix(.863, 0, 0, .881, 0, 0)
    }
    4.7% {
        transform: matrix(.89, 0, 0, .92, 0, 0)
    }
    6.81% {
        transform: matrix(.932, 0, 0, .979, 0, 0)
    }
    9.41% {
        transform: matrix(.977, 0, 0, 1.034, 0, 0)
    }
    10.21% {
        transform: matrix(.988, 0, 0, 1.045, 0, 0)
    }
    13.61% {
        transform: matrix(1.025, 0, 0, 1.066, 0, 0)
    }
    14.11% {
        transform: matrix(1.028, 0, 0, 1.066, 0, 0)
    }
    17.52% {
        transform: matrix(1.042, 0, 0, 1.048, 0, 0)
    }
    18.72% {
        transform: matrix(1.042, 0, 0, 1.037, 0, 0)
    }
    21.32% {
        transform: matrix(1.039, 0, 0, 1.014, 0, 0)
    }
    24.32% {
        transform: matrix(1.03, 0, 0, .992, 0, 0)
    }
    25.23% {
        transform: matrix(1.027, 0, 0, .988, 0, 0)
    }
    29.03% {
        transform: matrix(1.013, 0, 0, .979, 0, 0)
    }
    29.93% {
        transform: matrix(1.01, 0, 0, .98, 0, 0)
    }
    35.54% {
        transform: matrix(.996, 0, 0, .992, 0, 0)
    }
    36.74% {
        transform: matrix(.994, 0, 0, .996, 0, 0)
    }
    41.04% {
        transform: matrix(.992, 0, 0, 1.004, 0, 0)
    }
    44.44% {
        transform: matrix(.993, 0, 0, 1.006, 0, 0)
    }
    52.15% {
        transform: matrix(.998, 0, 0, 1.001, 0, 0)
    }
    59.86% {
        transform: matrix(1.001, 0, 0, .998, 0, 0)
    }
    63.26% {
        transform: matrix(1.001, 0, 0, .998, 0, 0)
    }
    75.28% {
        transform: matrix(1, 0, 0, 1.001, 0, 0)
    }
    85.49% {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    90.69% {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    to {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

@media screen and (max-width: 991px) {
    .sm-hide {
        display: none
    }
}

@media screen and (max-width: 599px) {
    .xs-hide {
        display: none
    }
}

@media screen and (max-width: 1199px) {
    .md-hide {
        display: none
    }
}

.pc-hide__sm-show {
    display: none
}

@media screen and (max-width: 991px) {
    .pc-hide__sm-show {
        display: block
    }
}

.pc-hide__xs-show {
    display: none
}

@media screen and (max-width: 599px) {
    .pc-hide__xs-show {
        display: block
    }
}

@media screen and (max-width: 991px) {
    .sm-hide__guteter {
        margin-left: -12px;
        margin-right: -12px
    }
}

@media screen and (max-width: 991px) {
    .sm-w100 {
        width: 100%
    }
}

@media screen and (max-width: 599px) {
    .xs-w100 {
        width: 100%
    }
}

.base__padding {
    padding: 32px 0
}

@media screen and (max-width: 991px) {
    .base__padding {
        padding: 20px 0 10px
    }
}

.icon-direct {
    margin-left: 4px;
    padding: 0 2px;
    color: #f2d42b
}

.icon-discount {
    margin-left: 4px;
    color: #e95175
}

.page__odd {
    background: #fff
}

.page__even, .page__odd {
    border-bottom: 1px solid #eaeaea
}

.page__even {
    background: #f6f6f6
}

.page__padding {
    padding: 32px 0
}

@media screen and (max-width: 991px) {
    .page__padding {
        padding: 24px 0 16px
    }
}

.page__padding-mb0 {
    padding: 32px 0
}

@media screen and (max-width: 991px) {
    .page__padding-mb0 {
        padding: 24px 0 0
    }
}

.page__padding-mt0 {
    padding: 32px 0
}

@media screen and (max-width: 991px) {
    .page__padding-mt0 {
        padding: 0 0 24px
    }
}

.page__stripes {
    background: #f6f6f6;
    border-bottom: 1px solid #eaeaea
}

.page__stripes:nth-child(2n) {
    background: #fff
}

.page__col1 {
    width: 810px;
    margin: 0 auto
}

@media screen and (max-width: 991px) {
    .page__col1 {
        width: 94%
    }
}

.page-xs12-head {
    padding-top: 24px;
    text-align: center
}

.page-xs12-terms {
    line-height: 1.7;
    font-size: 15px
}

.page-title {
    font-weight: 700;
    font-size: 32px;
    display: inline-block;
    margin-bottom: 24px
}

@media screen and (max-width: 1199px) {
    .page-title {
        font-size: 22px
    }
}

.page-description {
    font-size: 14px;
    margin-bottom: 52px;
    line-height: 1.7
}

@media screen and (max-width: 991px) {
    .page-description {
        text-align: left;
        margin-bottom: 32px;
        font-size: 13px
    }
}

.page-subtitle {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 1.4
}

.page-thirdtitle {
    font-weight: 700;
    font-size: 14px;
    margin: 32px 0 0;
    line-height: 1.4
}

.page-lineheight {
    line-height: 1.5
}

.link__subcolor a, .link__subcolor a:visited {
    color: #000
}

.a__underline:hover, .link__subcolor a:hover {
    text-decoration: underline
}

.is-hover:hover {
    opacity: .8
}

.js-datepicker {
    padding: 6px 5px 5px
}

.service-select {
    position: relative;
    line-height: 0
}

.service-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    position: relative;
    z-index: 2;
    cursor: pointer
}

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

.service-select:before {
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    color: #4abfe6;
    content: "\F0DD";
    z-index: 1
}

.service-select select {
    padding: 8px;
    height: 32px;
    line-height: 12px;
    background-color: transparent
}

.service-select:before {
    margin-top: 14px
}

.material-select select {
    line-height: 14px;
    padding: 4px 0 11px;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    height: auto
}

.material-select select:focus {
    outline: none;
    border-bottom: 2px solid #4abfe6;
    margin-bottom: -1px
}

.material-select:before {
    right: 8px;
    margin-top: 8px
}

.material-form__head {
    color: #333;
    margin: 30px 0 -5px;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.material-form__head-content {
    color: #333;
    margin: 15px 0 -5px;
    font-size: 12px;
    text-align: center;
    line-height: 1.2
}

.material-form__title {
    color: #333;
    margin: 30px 0 -15px;
    font-size: 13px
}

.material-form__unit {
    margin-top: 4px;
    display: inline-block
}

.material-form__notes {
    color: #b3b3b4;
    font-size: 10px;
    margin-left: 5px
}

.material-form__sample {
    color: #b3b3b4;
    font-size: 10px;
    margin: 2px 0 6px
}

.material-form__description {
    color: #b3b3b4;
    font-size: 11px;
    margin-top: 20px;
    line-height: 1.3;
    margin-bottom: -15px
}

.material-form__required {
    color: #e95175;
    font-size: 10px;
    margin-left: 5px
}

.form-checkbox__s:before {
    margin-top: -6px;
    width: 4px;
    height: 8px;
    border-right: 2px solid #4abfe6;
    border-bottom: 2px solid #4abfe6
}

.service-checkbox, .service-radio {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.service-radio:after {
    border: 1px solid #b3b3b4;
    border-radius: 100%;
    background: #fff
}

.service-radio:after, .service-radio:before {
    position: absolute;
    top: 50%;
    display: block;
    content: ""
}

.service-radio:before {
    z-index: 2;
    border-radius: 100%;
    background: #4abfe6;
    opacity: 0
}

.service-checkbox, .service-radio {
    margin: 0 20px 3px 0;
    padding-left: 30px
}

.service-radio:after {
    left: 0;
    margin-top: 1px;
    width: 18px;
    height: 18px;
    box-sizing: content-box;
    top: 0
}

.service-radio:before {
    left: 4px;
    margin-top: 5px;
    width: 12px;
    height: 12px;
    top: 0
}

input[type=radio]:checked + .service-radio:before {
    opacity: 1
}

.service-checkbox:after {
    margin-top: -10px;
    border: 1px solid #b3b3b4;
    border-radius: 3px;
    background: #fff
}

.service-checkbox:after, .service-checkbox:before {
    position: absolute;
    top: 50%;
    display: block;
    content: ""
}

.service-checkbox:before {
    z-index: 2;
    opacity: 0;
    transform: rotate(45deg)
}

.service-checkbox:after {
    left: 0;
    margin-top: 0;
    width: 18px;
    height: 18px;
    top: 0
}

.service-checkbox:before {
    left: 6px;
    margin-top: 2px;
    width: 4px;
    height: 8px;
    border-right: 3px solid #4abfe6;
    border-bottom: 3px solid #4abfe6;
    box-sizing: content-box;
    top: 0
}

input[type=checkbox]:checked + .service-checkbox:before {
    opacity: 1
}

.service-select__sort {
    width: 150px;
    font-size: 12px
}

@media screen and (max-width: 1199px) {
    .service-select__sort {
        width: 105px;
        font-size: 11px
    }
}

.service-select__purpose {
    font-size: 12px
}

.service-select__bg {
    background: #fff;
    display: block
}

.service-input-icn:before {
    font-family: FontAwesome;
    position: absolute;
    right: 8px;
    color: #4abfe6;
    content: "\F0DD";
    z-index: 1
}

.site-service .dashboard-container {
    clear: both;
    height: 100%;
    z-index: 13;
    border-bottom: 1px solid #eaeaea
}

@media screen and (max-width: 1199px) {
    .site-service .dashboard-container {
        height: auto
    }
}

@media screen and (max-width: 991px) {
    .site-service .dashboard-container {
        width: 100%;
        top: 0;
        z-index: 11
    }
}

@media screen and (max-width: 991px) {
    .site-service .site-header {
        display: block;
        height: 58px
    }
}

@media screen and (max-width: 991px) {
    .site-service .site-header__smp {
        display: block
    }
}

.site-service .site-header__logo {
    width: 185px;
    margin: 6px;
    height: 34px;
    background-size: 178px 29px;
    background-position: 4px 4px
}

@media screen and (max-width: 1199px) {
    .site-service .site-header__logo {
        margin: 6px;
        width: 34px;
        background-size: 178px 29px;
        background-position: 4px 4px
    }
}

@media screen and (max-width: 991px) {
    .site-service .site-header__logo {
        margin: 10px 6px;
        width: 34px;
        background-size: 178px 29px;
        background-position: 4px 4px
    }
}

.site-service .site-header__search {
    display: block;
    margin-left: 212px;
    margin-right: 0;
    position: relative;
    height: 48px;
    padding: 0;
    width: 480px;
    border: none;
    font-size: 13px;
    line-height: 1.5
}

.site-service .site-header__search:before {
    display: none
}

@media screen and (max-width: 1199px) {
    .site-service .site-header__search {
        margin-left: 48px
    }
}

@media screen and (max-width: 991px) {
    .site-service .site-header__search {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .site-service .site-header__nav {
        margin-top: 0
    }
}

.site-service .site-header__nav-message {
    margin-top: 4px
}

@media screen and (max-width: 991px) {
    .site-service .site-header__search-menu-btn {
        display: block
    }
}

.site-service .site-header__campaign {
    background: #4abfe6;
    color: #fff;
    font-weight: 700;
    padding: 0 20px;
    display: table;
    width: 100%
}

@media screen and (max-width: 991px) {
    .site-service .site-header__campaign {
        padding: 0 5px
    }
}

.site-service .site-header__campaign-date-box {
    display: table-cell;
    width: 115px;
    height: 60px
}

@media screen and (max-width: 991px) {
    .site-service .site-header__campaign-date-box {
        width: 70px
    }
}

.site-service .site-header__campaign-date-box-inner {
    height: 60px;
    overflow: hidden
}

.site-service .site-header__campaign-date {
    background: hsla(0, 0%, 100%, .3);
    line-height: 1.3;
    text-align: center;
    width: 100px;
    height: 100px;
    margin-top: -20px;
    border-radius: 50%;
    padding-top: 27px;
    font-size: 13px
}

@media screen and (max-width: 991px) {
    .site-service .site-header__campaign-date {
        font-size: 11px;
        font-weight: 400;
        width: 60px;
        height: 60px;
        margin-top: 0;
        padding-top: 11px
    }
}

.site-service .site-header__campaign-title {
    font-size: 17px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2
}

@media screen and (max-width: 991px) {
    .site-service .site-header__campaign-title {
        font-size: 13px
    }
}

.site-service .site-header__campaign-button-box {
    display: table-cell;
    width: 171px;
    vertical-align: middle;
    padding-left: 15px
}

@media screen and (max-width: 991px) {
    .site-service .site-header__campaign-button-box {
        display: none
    }
}

.site-service .site-header__campaign-button {
    padding: 8px 15px;
    color: #4abfe6
}

.site-service .site-header__campaign-button:hover {
    opacity: .9
}

@media screen and (max-width: 991px) {
    .site-header__drawer-menu-btn {
        top: 16px
    }
}

.site-header__search-sm {
    display: none
}

@media screen and (max-width: 991px) {
    .site-header__search-sm {
        display: block
    }
}

.site-header__search__login {
    margin-right: 400px
}

@media screen and (max-width: 991px) {
    .site-header__search__login {
        margin-right: 0
    }
}

.site-header__search-menu-btn a {
    position: absolute;
    top: 10px;
    right: 95px;
    display: block;
    font-size: 24px;
    cursor: pointer;
    color: #b3b3b4
}

.site-header__search-menu-btn__login a {
    right: 50px
}

.site-header__search-input-wrapper {
    overflow: hidden
}

.site-header__search-input {
    border: none;
    color: #333;
    outline: none;
    width: 97%
}

.site-header__search-input:placeholder-shown {
    color: #cfcfcf
}

.site-header__search-input::-webkit-input-placeholder {
    color: #cfcfcf
}

.site-header__search-input::-moz-placeholder {
    color: #cfcfcf;
    opacity: 1
}

.site-header__search-input:-ms-input-placeholder {
    color: #cfcfcf
}

@media screen and (max-width: 991px) {
    .site-header__search-input {
        width: 90%;
        font-size: 14px;
        height: 48px
    }

    .site-header__search-input:placeholder-shown {
        position: relative;
        left: 10px
    }
}

.site-header__search-highlighter {
    float: left;
    border: 1px solid #77cce8;
    background-color: #c0e3ef;
    color: #19627a;
    margin-right: 8px;
    border-radius: 3px;
    margin-top: 3px;
    padding: 2px 5px;
    font-size: 12px
}

.site-header__search-highlighter:hover {
    color: #4abfe6
}

@media screen and (max-width: 991px) {
    .site-header__search-highlighter {
        margin-right: 0;
        margin-top: 14px;
        font-size: 11px
    }
}

.site-header__search-highlighter-name {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    float: left
}

@media screen and (max-width: 991px) {
    .site-header__search-highlighter-name {
        max-width: 50px
    }
}

.site-header__search-close {
    margin: 0 4px
}

.site-header__search-submit {
    font-family: FontAwesome;
    border: none;
    background-color: #f0f0f0;
    color: #949494;
    padding: 0 10px;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 3px 3px 0
}

.site-header__search-submit:hover {
    background: #d6d6d6;
    color: #333
}

.site-header__search-menu {
    min-width: 250px
}

.site-header__search-menu-item {
    float: left;
    position: relative;
    padding: 0;
    min-width: 80px;
    text-align: center
}

@media screen and (max-width: 1199px) {
    .site-header__search-menu-item {
        min-width: 15.8%
    }
}

.site-header__search-menu-item .site-header__search-menu-button {
    display: block;
    position: relative;
    padding: 13px 8px;
    font-size: 14px;
    color: #333
}

.site-header__search-menu-item .site-header__search-menu-button:hover {
    border-bottom: 2px solid #4abfe6
}

.site-header__search-menu-item .site-header__search-menu-button.is-current {
    font-weight: 700;
    border-bottom: 2px solid #4abfe6
}

.site-header__search-menu-item-others .site-header__search-menu-button {
    width: 100%;
    padding: 13px 18px 13px 12px;
    display: block
}

.site-header__search-menu-item-others .site-header__search-menu-button:before {
    font-family: FontAwesome;
    position: absolute;
    right: 4px;
    top: 11px;
    color: #4abfe6;
    content: "\F0DD";
    z-index: 1
}

@media screen and (max-width: 1150px) {
    .site-header__search-menu-item-others:before {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .sm__site-header__search {
        margin-left: 80px;
        width: 63%;
        position: relative
    }
}

.sm__site-header__search:before {
    font-family: FontAwesome;
    content: "\F002";
    left: -18px;
    top: 18px;
    font-size: 20px;
    position: absolute;
    color: #ccc
}

@media screen and (max-width: 991px) {
    .sm__site-header__search-bd {
        height: 58px
    }

    .sm__site-header__search-bd:after {
        position: absolute;
        content: "";
        border-left: 1px solid #eaeaea;
        height: 100%;
        top: 0;
        left: -33px
    }
}

@media screen and (max-width: 991px) {
    .site-header__nav-bagde {
        margin-left: -19px;
        background-color: rgba(233, 81, 117, .7);
        font-weight: 400
    }
}

.autocomplete, .site-header__autocomplete {
    position: relative
}

.autocomplete-layout {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 480px
}

.autocomplete-layout a:first-child div {
    border-top: none
}

@media screen and (max-width: 991px) {
    .autocomplete-layout {
        width: 100%
    }
}

.autocomplete-history, .autocomplete-suggest {
    color: #666;
    display: block
}

.autocomplete-history .fa, .autocomplete-suggest .fa {
    color: #ccc
}

.autocomplete-history:hover, .autocomplete-suggest:hover {
    background: #4abfe6;
    color: #fff
}

.autocomplete-history:hover .fa, .autocomplete-suggest:hover .fa {
    color: #fff
}

.autocomplete-history {
    background: #eee
}

.autocomplete-suggest {
    background: #fff
}

.autocomplete-history__only {
    padding: 6px 12px;
    background: #eee;
    font-size: 12px;
    color: #d0d0d0
}

.autocomplete-list {
    border-top: 1px solid #dfdfdf;
    padding: 10px 12px
}

.autocomplete-history__map .fa-building {
    margin-right: 5px
}

.autocomplete-history__map .fa-map-marker {
    margin-left: 1px;
    margin-right: 7px
}

.autocomplete-history__map + .autocomplete-history__keyword:before {
    content: "/";
    color: #ccc;
    padding-right: 4px
}

.site-header__autocomplete-box {
    left: -2px;
    top: 1px
}

@media screen and (max-width: 991px) {
    .site-header__autocomplete-box {
        width: 100%;
        left: 0
    }
}

.datetime-layout {
    position: relative
}

.datetime-layout__inner {
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 10;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 700px;
    padding: 16px 10px
}

@media screen and (max-width: 991px) {
    .datetime-layout__inner {
        width: 100%;
        padding: 10px
    }
}

.datetime-layout__inner-title {
    color: #333;
    margin: 0 auto 8px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .datetime-layout__inner-title {
        font-size: 12px
    }
}

.datetime-layout__inner-day {
    float: left
}

@media screen and (max-width: 991px) {
    .datetime-layout__inner-day {
        width: 48%
    }
}

@media screen and (max-width: 599px) {
    .datetime-layout__inner-day {
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .datetime-layout__inner-day .ui-datepicker {
        width: 100% !important;
        margin-bottom: 10px
    }
}

.datetime-layout__inner-day-end {
    float: right
}

@media screen and (max-width: 599px) {
    .datetime-layout__inner-day-end {
        display: none
    }
}

.datetime-layout__inner-time {
    float: left;
    width: 125px;
    margin-left: 20px
}

@media screen and (max-width: 991px) {
    .datetime-layout__inner-time {
        float: none;
        width: 100%;
        margin-left: 0
    }
}

.datetime-layout__inner-time-list {
    height: 280px;
    overflow-y: auto
}

@media screen and (max-width: 991px) {
    .datetime-layout__inner-time-list {
        height: auto;
        overflow-y: visible
    }
}

.datetime-layout__inner-time-list li {
    width: 100px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 12px
}

.datetime-layout__inner-time-list li ~ li {
    border-top: none
}

@media screen and (max-width: 991px) {
    .datetime-layout__inner-time-list li ~ li {
        border-top: 1px solid #ddd
    }
}

.datetime-layout__inner-time-list li a {
    padding: 7px 0;
    display: block;
    color: #333
}

.datetime-layout__inner-time-list li a:hover {
    background: #60df52;
    color: #fff
}

.datetime-layout__inner-time-list li.is-disabled {
    background: #f3f3f3
}

.datetime-layout__inner-time-list li.is-disabled a {
    color: #b3b3b4
}

.datetime-layout__inner-time-list li.is-disabled a:hover {
    color: #b3b3b4;
    background: #f3f3f3
}

.datetime-layout__inner-time-list li.is-select {
    background: #333
}

.datetime-layout__inner-time-list li.is-select a {
    color: #fff
}

.sp__datetime-layout__inner-time-list select {
    width: 100%;
    font-size: 12px
}

.search-slider-layout {
    position: relative;
    top: 0;
    left: 0;
    width: 500px
}

.search-slider-layout__inner {
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 10;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 500px;
    padding: 16px
}

@media screen and (max-width: 991px) {
    .search-slider-layout__inner {
        width: 100%;
        padding: 10px
    }
}

.search-slider-layout .search-change__main-title {
    margin-top: 0;
    margin-bottom: 24px
}

.search-slider-layout .search-slider__pricebox {
    margin-top: 24px
}

.date-select-layout {
    position: relative;
    top: 0;
    left: 0
}

@media screen and (max-width: 599px) {
    .date-select-layout {
        width: 100%
    }
}

.date-select-layout__inner {
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 10;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 600px;
    padding: 16px
}

@media screen and (max-width: 991px) {
    .date-select-layout__inner {
        width: 100%;
        padding: 10px
    }
}

.date-select-layout__calendar {
    padding: 10px;
    margin-top: 20px;
    width: 100%;
    height: 250px;
    background-color: #b3b3b4
}

.date-select-layout .search-change__main-title {
    margin-top: 0;
    margin-bottom: 20px
}

.person-num-layout {
    position: relative;
    top: 0;
    left: 0;
    width: 250px
}

@media screen and (max-width: 599px) {
    .person-num-layout {
        width: 100%
    }
}

.person-num-layout__inner {
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 10;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 250px;
    padding: 16px 16px 4px
}

@media screen and (max-width: 991px) {
    .person-num-layout__inner {
        width: 100%;
        padding: 10px
    }
}

.person-num-layout .person-num__main-title {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    color: #78909c;
    clear: both
}

.site-main {
    margin-top: 32px
}

@media screen and (max-width: 991px) {
    .site-main {
        margin-top: 0;
        padding-top: 0
    }
}

@media screen and (max-width: 991px) {
    .site-main__fixed-header {
        padding-top: 47px
    }
}

.site-footer__external {
    background-color: #373737;
    color: #c9c9c9;
    font-size: 13px
}

.site-footer__external-head {
    border-bottom: 1px solid #606060;
    padding-bottom: 10px;
    overflow: hidden;
    position: relative
}

.site-footer__external-link {
    font-size: 12px;
    float: right;
    padding-top: 3px
}

@media (min-width: 600px) and (max-width: 992px) {
    .site-footer__external-link {
        width: 100%;
        display: block
    }
}

.external-a, .external-a:visited {
    color: #c9c9c9
}

.external-a:hover {
    color: #fff
}

.site-footer__external-text {
    clear: both;
    padding-top: 10px;
    font-size: 12px;
    line-height: 1.4
}

@media screen and (max-width: 991px) {
    .site-footer__external-text {
        margin-bottom: 15px
    }
}

.site-footer {
    background-color: #2a2a2a;
    color: #fff;
    line-height: 1.5
}

.site-footer small {
    color: #c9c9c9
}

.site-footer__nav {
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media screen and (max-width: 991px) {
    .site-footer__nav {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.site-footer__nav a, .site-footer__nav a:visited {
    color: #fff
}

.site-footer__nav a:hover {
    color: #ccc
}

.col-langage {
    float: right
}

@media (max-width: 599px) {
    .col-langage {
        float: none
    }
}

.site-footer__select-width {
    width: 100%
}

.site-footer__select {
    position: relative
}

.site-footer__select select {
    margin-bottom: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 4;
    cursor: pointer;
    background: #515050;
    color: #fff;
    border: none;
    border-radius: 3px
}

.site-footer__select select::-ms-expand {
    display: none
}

.site-footer__select:before {
    z-index: 1;
    font-family: fonts !important;
    position: absolute;
    top: 0;
    right: 15px;
    color: #fff;
    content: "\E94D";
    line-height: 0
}

.site-footer__select select {
    padding: 8px 30px 8px 10px;
    height: 48px
}

.site-footer__select:before {
    margin-top: 5px
}

.site-footer__nav-header {
    border-bottom: 1px solid #3f3f3f;
    padding-bottom: 24px;
    margin: 0 0 24px
}

@media screen and (max-width: 991px) {
    .site-footer__nav-header {
        border: none;
        margin: 0 0 8px;
        padding-bottom: 12px
    }
}

.footer-logo {
    width: 200px;
    float: left
}

@media screen and (max-width: 599px) {
    .footer-logo {
        width: 100%;
        float: none;
        margin-bottom: 12px
    }
}

.footer-logo-item {
    text-indent: -9999px;
    height: 45px;
    background: url(service/asset-path("service/logo-white.svg")) 0 no-repeat;
    background-size: 100% auto
}

@media screen and (max-width: 599px) {
    .footer-logo-item {
        width: 100%;
        background-size: 200px auto;
        background-position: 50%
    }
}

.footer-entry-btn {
    width: 190px;
    float: left;
    padding-left: 24px
}

@media screen and (max-width: 599px) {
    .footer-entry-btn {
        width: 100%;
        padding: 0 12px;
        margin-bottom: 12px
    }
}

.site-footer__nav-title {
    font-size: 15px;
    font-weight: 700
}

@media screen and (max-width: 991px) {
    .site-footer__nav-title {
        font-size: 14px;
        border-top: 1px solid #3f3f3f;
        font-weight: 400;
        padding: 12px;
        display: block
    }

    .site-footer__nav-title a {
        display: block
    }

    .site-footer__nav-title.is-link:before {
        z-index: 1;
        font-family: FontAwesome;
        position: absolute;
        top: 14px;
        right: 15px;
        color: #fff;
        content: "\F105"
    }
}

.site-footer__heading {
    font-weight: 700;
    margin-bottom: 6px
}

@media screen and (max-width: 991px) {
    .site-footer__heading {
        margin-bottom: 0;
        padding: 10px 25px 10px 12px;
        background: #2a2a2a
    }
}

.site-footer__nav-link {
    font-size: 12px;
    margin-top: 16px;
    margin-bottom: 24px
}

.site-footer__nav-link li {
    margin-bottom: 4px
}

@media screen and (max-width: 991px) {
    .site-footer__nav-link {
        margin-top: 0;
        margin-bottom: 0
    }

    .site-footer__nav-link li {
        background: #3f3f3f;
        margin-bottom: 0
    }

    .site-footer__nav-link li ~ li {
        border-top: 1px solid #2a2a2a
    }

    .site-footer__nav-link li a {
        position: relative;
        display: block;
        padding: 10px 25px 10px 12px;
        color: #fff
    }

    .site-footer__nav-link li a:before {
        z-index: 1;
        font-family: FontAwesome;
        position: absolute;
        top: 10px;
        right: 15px;
        color: #fff;
        content: "\F105"
    }
}

@media screen and (max-width: 991px) {
    .site-footer__nav-link-guide {
        border-top: 1px solid #3f3f3f
    }
}

.site-footer__nav-link-guide > li {
    margin-bottom: 12px
}

@media screen and (max-width: 991px) {
    .site-footer__nav-link-guide > li {
        margin-bottom: 0
    }
}

.site-footer__place-nav {
    padding: 24px 0 12px;
    border-top: 1px solid #3f3f3f;
    border-bottom: 1px solid #3f3f3f
}

@media screen and (max-width: 991px) {
    .site-footer__place-nav {
        border: none;
        padding: 0 0 12px
    }
}

@media screen and (max-width: 991px) {
    .site-footer__place-nav-list:last-of-type li {
        width: 50%
    }
}

.site-footer__place-nav-list .site-footer__nav-link {
    margin-top: 0;
    margin-bottom: 12px
}

@media screen and (max-width: 991px) {
    .site-footer__place-nav-list .site-footer__nav-link {
        margin-bottom: 0
    }
}

.site-footer__place-nav-list li {
    display: inline-block;
    padding-right: 12px;
    border: none
}

.site-footer__place-nav-list li ~ li {
    border: none
}

@media screen and (max-width: 991px) {
    .site-footer__place-nav-list li {
        padding-right: 0;
        width: 25%;
        display: block;
        float: left
    }
}

.site-footer__static-app__download-banner {
    padding: 28px 0 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #4b4b4b
}

.site-footer__static-app__download-banner a {
    padding-right: 24px
}

@media screen and (max-width: 599px) {
    .site-footer__static-app__download-banner {
        padding: 24px 0;
        border: none
    }

    .site-footer__static-app__download-banner a {
        display: block;
        float: left;
        width: 50%;
        padding-right: 0
    }

    .site-footer__static-app__download-banner a img {
        width: 100%;
        height: auto;
        padding: 0 4%;
        margin: 0 0 12px
    }
}

.site-footer__links {
    float: left;
    width: 80%
}

@media screen and (max-width: 599px) {
    .site-footer__links {
        width: 100%
    }
}

.site-footer__copyrights {
    clear: both;
    display: block;
    color: #c9c9c9
}

.site-footer__copyrights small {
    display: block;
    padding-top: 10px
}

@media screen and (max-width: 599px) {
    .site-footer__copyrights {
        text-align: center;
        margin-bottom: 8px
    }
}

.site-footer__sns-link {
    display: block;
    position: relative
}

@media screen and (max-width: 599px) {
    .site-footer__sns-link {
        text-align: center
    }
}

.site-footer__sns-link li {
    vertical-align: middle;
    display: inline-block;
    padding: 0 16px 0 0
}

.site-footer__sns-link li:last-child {
    margin-top: 2px
}

@media screen and (max-width: 599px) {
    .site-footer__sns-link li {
        padding: 0 8px
    }
}

.site-footer__sns-link li a {
    color: #fff;
    font-size: 24px
}

.site-footer__sns-link li a:visited {
    color: #fff
}

.site-footer__sns-link li a :hover {
    color: #ccc
}

.site-footer__sns-link .icon-spm-line:before {
    font-size: 22px
}

.site-footer__com-link {
    display: block;
    padding: 0 0 10px
}

@media screen and (max-width: 599px) {
    .site-footer__com-link {
        text-align: center;
        padding-top: 12px
    }
}

.site-footer__com-link li {
    display: inline-block;
    padding: 0 16px 0 0
}

@media screen and (max-width: 599px) {
    .site-footer__com-link li {
        padding: 0
    }
}

.site-footer__com-link li a {
    color: #fff;
    font-size: 12px
}

.site-footer__com-link li a:visited {
    color: #fff
}

.site-footer__com-link li a:hover {
    color: #ccc
}

@media screen and (max-width: 599px) {
    .site-footer__com-link li a {
        display: block;
        padding: 8px
    }
}

.site-footer__language_menu {
    display: inline-block;
    float: right;
    width: 20%;
    margin: 0 auto
}

@media screen and (max-width: 599px) {
    .site-footer__language_menu {
        width: 100%;
        margin-top: 12px
    }
}

.breadcrumbs {
    background-color: #fff;
    padding: 8px;
    border-bottom: 1px solid #eaeaea;
    font-size: 10px
}

.breadcrumbs li {
    display: inline;
    list-style-type: none;
    margin-right: 5px
}

.breadcrumbs li ~ li:before {
    margin-right: 5px;
    content: " > "
}

.site-sidebar {
    border: 1px solid #d0d1cf;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 32px;
    font-size: 13px
}

.site-sidebar__headline {
    background: #eee;
    font-weight: 700;
    padding: 16px 18px;
    border-bottom: 1px solid #d0d1cf
}

.site-sidebar__headline-bt {
    border-top: 1px solid #d0d1cf
}

.site-sidebar__inner {
    padding: 16px 18px
}

.site-sidebar__section {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #eaeaea
}

.site-sidebar__section-subtitle, .site-sidebar__section-title {
    font-weight: 700;
    margin-bottom: 16px
}

.site-sidebar__section-subtitle {
    font-size: 12px;
    color: #ddd
}

.mod-heroimg {
    position: relative;
    text-align: center;
    height: 360px;
    overflow: hidden
}

.mod-heroimg__img, .mod-heroimg__title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mod-heroimg__img {
    width: 100%;
    overflow: hidden;
    vertical-align: bottom
}

@media screen and (max-width: 1199px) {
    .mod-heroimg__img {
        width: auto;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.mod-heroimg__bg {
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 360px
}

.mod-heroimg__title {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    top: 52%;
    width: 72%;
    line-height: 1.2
}

@media screen and (max-width: 599px) {
    .mod-heroimg__title {
        font-size: 28px;
        width: 90%
    }
}

.mod-heroimg__subtitle {
    font-size: 11px;
    display: block;
    margin-top: 16px
}

.mod-heroimg__contents {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.row-change__4 {
    margin-left: -4px;
    margin-right: -4px
}

.row-change__4 > div {
    padding-right: 4px;
    padding-left: 4px;
    margin-bottom: 8px
}

.row-change__4 img {
    vertical-align: bottom
}

.even-col__line, .odd-col__line {
    clear: both;
    padding: 16px 0;
    background-image: -webkit-linear-gradient(right, #fff 12px, transparent 0, transparent), -webkit-linear-gradient(left, #fff 12px, #ddd 0, #ddd);
    background-image: -moz-linear-gradient(right, #fff 12px, transparent 12px, transparent), -moz-linear-gradient(left, #fff 12px, #ddd 12px, #ddd);
    background-image: linear-gradient(270deg, #fff 12px, transparent 0, transparent), linear-gradient(90deg, #fff 12px, #ddd 0, #ddd);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.even-col__line {
    background-image: -webkit-linear-gradient(right, #f6f6f6 12px, transparent 0, transparent), -webkit-linear-gradient(left, #f6f6f6 12px, #ddd 0, #ddd);
    background-image: -moz-linear-gradient(right, #f6f6f6 12px, transparent 12px, transparent), -moz-linear-gradient(left, #f6f6f6 12px, #ddd 12px, #ddd);
    background-image: linear-gradient(270deg, #f6f6f6 12px, transparent 0, transparent), linear-gradient(90deg, #f6f6f6 12px, #ddd 0, #ddd)
}

.star-harf {
    position: relative
}

.star-harf:before {
    color: #4abfe6;
    position: absolute;
    top: 0;
    width: .47em;
    overflow: hidden
}

.mod-tooltip {
    display: none;
    position: absolute;
    z-index: 6
}

.mod-tooltip .baloon {
    position: static
}

.mod-tooltip__detail {
    line-height: 1.4;
    font-size: 12px;
    display: block
}

.mod-tooltip__detail .baloon-inner {
    display: block
}

.mod-review a:hover {
    text-decoration: underline
}

.mod-review .mod-more__link a:hover {
    text-decoration: none
}

.mod-review__head {
    margin-bottom: 16px
}

.mod-review__head li {
    display: inline;
    margin-right: 4px
}

.mod-review__head-star {
    font-size: 20px
}

.mod-review__head-rating {
    font-size: 18px
}

.mod-review__line {
    clear: both;
    padding: 16px 0;
    border-top: 1px solid #ddd
}

.mod-review__line:first-child {
    border: none
}

.mod-review__guest-name {
    font-weight: 700;
    margin-top: 2px;
    margin-bottom: 2px
}

@media screen and (max-width: 599px) {
    .mod-review__guest-name {
        margin-top: 0
    }
}

.mod-review__list {
    margin-bottom: 12px
}

.mod-review__list li {
    display: block;
    float: left;
    margin-right: 8px;
    font-size: 12px
}

@media screen and (max-width: 599px) {
    .mod-review__list li {
        margin-bottom: 2px
    }

    .mod-review__list li:first-child {
        float: none
    }
}

.mod-review__list li.mod-review__list-space {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
    margin-top: 2px
}

@media screen and (max-width: 599px) {
    .mod-review__list li.mod-review__list-space {
        margin-top: 0;
        margin-bottom: 8px
    }
}

.mod-review__guest-icon, .mod-review__host-icon {
    float: left
}

@media screen and (max-width: 599px) {
    .mod-review__guest-icon, .mod-review__host-icon {
        margin-bottom: 8px
    }
}

.mod-review__guest-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%
}

.mod-review__box-text {
    margin-top: 2em
}

@media screen and (max-width: 599px) {
    .mod-review__box-text {
        margin-top: 0;
        clear: both
    }
}

.mod-review__box-head, .mod-review__box-text {
    margin-left: 88px;
    line-height: 1.5
}

@media screen and (max-width: 599px) {
    .mod-review__box-head, .mod-review__box-text {
        margin-left: 80px
    }
}

.mod-review__res-line {
    padding: 16px 0 8px;
    margin-top: 16px;
    border-top: 1px dashed #ddd
}

.mod-review__resbox-head, .mod-review__resbox-text {
    margin-left: 64px
}

@media screen and (max-width: 599px) {
    .mod-review__box-text, .mod-review__resbox-text {
        margin-left: 0;
        clear: both
    }
}

@media screen and (max-width: 599px) {
    .mod-review__resbox-text {
        padding-top: 10px;
        margin-left: 16px
    }
}

.mod-review__host-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

@media screen and (max-width: 599px) {
    .mod-review__host-icon {
        margin: 0 16px
    }
}

.mod-review__host-name {
    margin-top: 4px;
    margin-bottom: 2px
}

.mod-review__host-name a {
    font-weight: 700
}

.mod-review__box-space .mod-review__box-text {
    margin-top: 3.4em
}

@media screen and (max-width: 599px) {
    .mod-review__box-space .mod-review__box-text {
        margin-top: 0
    }
}

.mod-host__icon-inner {
    position: relative
}

.mod-host__superhost-area {
    position: relative;
    cursor: help;
    padding-bottom: 10px
}

@media screen and (max-width: 991px) {
    .mod-host__superhost-area {
        width: 160px;
        margin: 0 auto
    }
}

.mod-host__superhost-text {
    margin: 8px auto 0;
    text-align: center;
    font-size: 13px
}

.mod-host__superhost-text img {
    width: 12px;
    height: 16px;
    vertical-align: middle;
    margin-right: 4px
}

.mod-host__superhost-notes {
    margin-top: 8px;
    display: block
}

.mod-host__superhost-area:hover .mod-tooltip {
    display: block;
    -webkit-animation: evalTooltipDown .25s 1;
    animation: evalTooltipDown .25s 1
}

.mod-host__superhost__help-tooltip {
    left: -28px;
    top: 25px
}

@media screen and (max-width: 991px) {
    .mod-host__superhost__help-tooltip {
        left: -50px
    }
}

.mod-host__superhost__help-baloon {
    text-align: left;
    color: #333;
    font-weight: 400
}

.mod-host__superhost__help-baloon:before {
    top: -7px;
    left: 30%
}

@media screen and (max-width: 991px) {
    .mod-host__superhost__help-baloon:before {
        left: 50%
    }
}

.mod-evaluate {
    text-align: center
}

.mod-evaluate__question {
    margin-left: 2px;
    color: #333
}

.mod-evaluate__title {
    color: #999
}

@media screen and (max-width: 991px) {
    .mod-evaluate__title {
        font-size: 11px;
        letter-spacing: -1px
    }
}

.mod-evaluate__value {
    font-size: 12px
}

.mod-evaluate__value-img {
    width: 35px;
    height: 32px;
    margin: 14px 0
}

.mod-evaluate__value-text {
    display: block
}

.mod-evaluate__help {
    position: relative;
    cursor: help
}

.mod-evaluate__help:hover .mod-tooltip {
    display: block;
    -webkit-animation: evalTooltipDown .25s 1;
    animation: evalTooltipDown .25s 1
}

.mod-evaluate__help-tooltip {
    left: -62px;
    top: 25px
}

.mod-evaluate__help-baloon {
    text-align: left;
    color: #333;
    font-weight: 400
}

.mod-evaluate__help-baloon:before {
    top: -7px;
    left: 28%
}

.mod-banner {
    width: 100%;
    padding: 56px 0;
    color: #fff;
    text-align: center;
    line-height: 1.4
}

.mod-banner h3 {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .mod-banner h3 {
        font-size: 22px
    }
}

@media screen and (max-width: 991px) {
    .mod-banner {
        padding: 32px 0
    }
}

.mod-banner__button {
    margin-top: 40px;
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 12px 40px;
    border-bottom: 1px solid transparent;
    border-radius: 3px;
    font-weight: 700
}

.mod-banner__guest {
    background: #4abfe6
}

.mod-banner__guest .mod-banner__button {
    color: #4abfe6;
    border-color: #30acd6
}

.mod-banner__guest .mod-banner__button:hover {
    background: #f1fbff;
    border-bottom: 1px solid #30acd6
}

.mod-banner__host {
    background: #60df52
}

.mod-banner__host .mod-banner__button {
    color: #60df52;
    border-color: #44c535
}

.mod-banner__host .mod-banner__button:hover {
    background: #edffeb;
    border-bottom: 1px solid #44c535
}

.mod-more__area {
    text-align: center;
    margin: 16px 0;
    position: relative
}

.mod-more__area-button {
    padding: 13px 24px
}

@media screen and (max-width: 991px) {
    .mod-more__area-button {
        font-size: 13px
    }
}

.units-list {
    padding-top: 24px
}

@media screen and (max-width: 991px) {
    .units-list {
        padding-top: 16px
    }
}

.units-item {
    margin-bottom: 24px
}

.units-item, .units-item__image {
    position: relative
}

.units-item__image-pict {
    width: 100%
}

.units-item-fav, .units-item-fav__on, .units-item__image-next, .units-item__image-prev, .units-item__item-price {
    position: absolute;
    left: 16px
}

.units-item-fav, .units-item-fav__on {
    top: 16px;
    right: 16px;
    left: auto;
    border-radius: 50%
}

.units-item-fav:hover, .units-item-fav__on:hover {
    box-shadow: none
}

.units-item-fav:focus, .units-item-fav__on:focus {
    outline: none
}

.units-item-fav .fa-heart, .units-item-fav__on .fa-heart {
    display: block;
    font-size: 0;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 3;
    width: 50px;
    height: 50px;
    border-style: solid;
    border-width: 5px
}

.units-item-fav .fa-heart:before, .units-item-fav__on .fa-heart:before {
    font-size: 22px;
    line-height: 41px;
    display: block;
    -webkit-font-smoothing: antialiased
}

@media screen and (max-width: 991px) {
    .units-item-fav, .units-item-fav__on {
        top: 12px;
        right: 14px
    }

    .units-item-fav .fa-heart, .units-item-fav__on .fa-heart {
        width: 40px;
        height: 40px
    }

    .units-item-fav .fa-heart:before, .units-item-fav__on .fa-heart:before {
        font-size: 16px;
        line-height: 31px
    }
}

.units-item-fav .fa-heart {
    color: #fff;
    opacity: .8;
    border-color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, .6);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2), inset 0 0 1px 1px rgba(0, 0, 0, .2)
}

.units-item-fav .fa-heart:hover {
    color: #f06060;
    border-color: #f06060;
    text-shadow: none;
    box-shadow: none;
    transition: color .1s
}

@media screen and (max-width: 991px) {
    .units-item-fav .fa-heart:hover {
        color: #fff;
        border-color: #fff;
        text-shadow: 0 0 2px rgba(0, 0, 0, .6);
        box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2), inset 0 0 1px 1px rgba(0, 0, 0, .2);
        transition: none
    }
}

.units-item-fav__on .fa-heart {
    color: #f06060;
    border-color: #f06060;
    background: hsla(0, 0%, 100%, .85);
    opacity: 1
}

.units-item-fav__click {
    animation: favoritButton 1s linear both
}

.units-item__image-next, .units-item__image-prev {
    top: 0;
    bottom: 0;
    left: 0;
    width: 50px
}

.units-item__image-next .fa, .units-item__image-prev .fa {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -.5em;
    font-size: 30px;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, .4);
    opacity: .7;
    text-align: center
}

@media screen and (max-width: 991px) {
    .units-item__image-next .fa, .units-item__image-prev .fa {
        font-size: 20px
    }
}

.units-item__image-next {
    right: 0;
    left: auto;
    position: absolute
}

.units-item__baloon {
    background: #fff;
    position: absolute;
    top: 22px;
    right: 68px;
    font-size: 12px;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    text-align: center;
    max-width: 195px;
    min-width: 75px;
    z-index: 9
}

@media screen and (max-width: 991px) {
    .units-item__baloon {
        top: 14px;
        right: 58px
    }
}

.units-item__baloon-s {
    background: #fff;
    position: absolute;
    top: 15.5px;
    right: 70px;
    font-size: 12px;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    text-align: center;
    max-width: 125px;
    min-width: 75px;
    z-index: 9
}

@media screen and (max-width: 991px) {
    .units-item__baloon-s {
        top: 14px;
        right: 58px
    }
}

.units-item__baloon-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 13px
}

.units-item__baloon-text:before {
    background-color: #fff;
    position: absolute;
    content: " ";
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    top: 11px;
    right: -6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.units-item__baloon-text:after {
    background-color: #fff;
    position: absolute;
    content: " ";
    height: 25px;
    width: 13px;
    top: 5px;
    right: 0
}

.units-item__item-price {
    bottom: 20px;
    padding: 10px;
    background-color: #000;
    font-size: 15px;
    color: #fff;
    border-radius: 3px
}

.units-item__item-per {
    font-size: 10px;
    font-weight: 400
}

.units-item__price-icon {
    margin-left: 4px
}

.units-item__price-icon-instant {
    padding: 0 2px;
    color: #f2d42b
}

.units-item__price-icon-top-host {
    vertical-align: middle;
    font-size: 15px;
    color: #f2d42b
}

.units-item__price-icon-discount {
    vertical-align: middle;
    font-size: 15px;
    color: #e95175
}

.units-item__body {
    margin-top: 8px
}

.units-item__body-superhost {
    position: absolute;
    top: 38px;
    right: 0;
    width: 18px;
    height: 24px
}

.units-item__body-inner {
    overflow: hidden
}

.units-item__body-title {
    font-size: 14px;
    line-height: 1.5;
    height: 40px;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .units-item__body-title {
        height: auto
    }
}

.units-item__body-info {
    margin: 6px 0 8px;
    font-size: 11px;
    color: #d0d1cf
}

.units-item__body-info li {
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom
}

.units-item__body-info li:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 13em
}

@media screen and (max-width: 991px) {
    .units-item__body-info li:nth-child(2) {
        max-width: 16em
    }
}

@media screen and (max-width: 1199px) {
    .units-item__body-info li:nth-child(3) {
        display: block;
        margin-top: 6px
    }
}

@media screen and (max-width: 991px) {
    .units-item__body-info li:nth-child(3) {
        margin-top: 0;
        display: inline-block
    }
}

@media screen and (max-width: 599px) {
    .units-item__body-info li:nth-child(3) {
        display: block;
        margin-top: 6px
    }
}

.units-item__body-access {
    font-size: 10px;
    line-height: 1.2
}

.units-baloon {
    bottom: -120px;
    right: 0
}

@media screen and (max-width: 991px) {
    .units-baloon {
        right: 8px
    }
}

.units-baloon:before {
    top: -7px;
    left: 81%
}

@media screen and (max-width: 991px) {
    .units-baloon:before {
        left: 84%
    }
}

.units-ranking {
    position: absolute;
    top: 0;
    left: 16px;
    z-index: 1
}

.units-ranking__no1 {
    background-color: #f5d02c
}

.units-ranking__no1:after {
    border-color: #f5d02c
}

.units-ranking__no2 {
    background-color: #c2cad9
}

.units-ranking__no2:after {
    border-color: #c2cad9
}

.units-ranking__no3 {
    background-color: #da7e3f
}

.units-ranking__no3:after {
    border-color: #da7e3f
}

.units-ranking__non {
    background-color: #fff
}

.units-ranking__non:after {
    border-color: #fff
}

.units-ranking__non .units-ranking__icon-body {
    border-color: #ddd
}

.units-ranking__icon {
    width: 38px;
    height: 48px;
    word-wrap: break-word;
    text-align: center
}

.units-ranking__icon:after, .units-ranking__icon:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0
}

.units-ranking__icon:after {
    left: 0;
    top: 100%;
    border-style: solid;
    border-width: 0 19px 19px;
    border-bottom: .8em solid transparent
}

.units-ranking__icon-body {
    border-left: 1px solid hsla(0, 0%, 100%, .6);
    border-right: 1px solid hsla(0, 0%, 100%, .6);
    position: absolute;
    top: 0;
    left: 3px;
    width: 32px;
    height: 56px;
    z-index: 3;
    padding-top: 8px;
    text-align: center;
    background: url(service/asset-path("service/landing/ranking-icon.png")) 50 % 8 px no-repeat;
    background-size: 24px 14px
}

.units-ranking__icon-number {
    display: block;
    font-weight: 700;
    color: #333;
    margin-top: 18px
}

.a__extra-units {
    color: #000
}

.a__extra-units:hover {
    color: #666
}

.a__extra-units:hover img {
    opacity: .8
}

.extra-units {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #fff;
    position: relative;
    margin-bottom: 16px
}

.extra-units .units-ranking {
    left: 10px
}

.extra-units__image {
    position: relative;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    height: 230px
}

.extra-units__image-col__h6 {
    height: 560px
}

.extra-units__image-col__h6 img {
    height: 100%
}

@media screen and (max-width: 991px) {
    .extra-units__image-col__h6 {
        height: 230px
    }

    .extra-units__image-col__h6 img {
        width: 100%;
        height: auto
    }
}

.extra-units__image-col__w6 img {
    width: 101%;
    height: auto
}

.extra-units__image-pict {
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    vertical-align: bottom;
    width: 120%
}

@media screen and (max-width: 991px) {
    .extra-units__image-pict {
        width: 100%
    }
}

.extra-units__item-price {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 10px;
    background-color: #000;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    font-weight: 700
}

.extra-units__item-super-host {
    height: 13px;
    vertical-align: bottom;
    margin-left: 4px;
    margin-bottom: -1px
}

.extra-units__item-per {
    font-size: 10px;
    font-weight: 400
}

.extra-units__item-fav, .extra-units__item-fav__on {
    top: 12px;
    right: 24px
}

.extra-units__item-fav .fa-heart, .extra-units__item-fav__on .fa-heart {
    width: 45px;
    height: 45px
}

.extra-units__item-fav .fa-heart:before, .extra-units__item-fav__on .fa-heart:before {
    font-size: 18px;
    line-height: 38px
}

.extra-units__body {
    margin: 8px 10px 12px
}

.extra-units__body-inner {
    overflow: hidden
}

.extra-units__body-title {
    font-size: 14px;
    line-height: 1.5;
    height: 42px;
    overflow: hidden;
    font-weight: 700
}

.extra-units__body-access {
    font-size: 10px;
    margin-top: 10px;
    color: #a0a0a0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.site-footer__select {
    display: block
}

.site-footer__select:before {
    top: 20px
}

#google_translate_element select {
    width: 100%
}

.body-home__index .site-header__logo {
    width: 34px;
    height: 34px;
    margin: 6px
}

@media screen and (max-width: 991px) {
    .body-home__index .page__stripes {
        background: #f6f6f6;
        border: none
    }
}

.top-page__padding {
    padding: 24px 0
}

@media screen and (max-width: 991px) {
    .top-page__padding {
        padding: 16px 0 0
    }
}

.page__history {
    background: #eee;
    border-bottom: 1px solid #ddd
}

.top-title__container {
    margin-top: 16px;
    margin-bottom: 24px
}

@media screen and (max-width: 991px) {
    .top-title__container {
        margin: 8px 8px 10px
    }
}

.top-title__container .top-title {
    font-size: 30px;
    font-weight: 700;
    text-align: center
}

@media screen and (max-width: 991px) {
    .top-title__container .top-title {
        font-size: 16px;
        text-align: left;
        margin: 0;
        float: left
    }
}

.top-more__area {
    text-align: center;
    margin: 32px 0 16px;
    position: relative
}

.top-more__area-link, .top-more__history-link {
    font-weight: 700;
    font-size: 16px
}

.top-more__area-link:hover, .top-more__history-link:hover {
    border-bottom: 1px solid #4abfe6
}

.top-more__area-link:after, .top-more__history-link:after {
    font-family: FontAwesome;
    content: "\F105";
    padding-left: 5px
}

@media screen and (max-width: 991px) {
    .top-more__area-link, .top-more__history-link {
        float: right;
        font-weight: 400;
        font-size: 14px
    }
}

.top-more__history-link:after {
    content: "\F107"
}

@media screen and (max-width: 991px) {
    .top-more__history-link {
        float: none
    }
}

@media screen and (max-width: 991px) {
    .container.top-container {
        padding-left: 0;
        padding-right: 0
    }

    .container.top-container .col-xs-2, .container.top-container .col-xs-3, .container.top-container .col-xs-4 {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media screen and (max-width: 991px) {
    .top-units__container {
        clear: both;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

    .top-units__container .row {
        width: 185%;
        margin-left: 0;
        margin-right: 0;
        padding: 0 2px 8px
    }
}

@media screen and (max-width: 991px) {
    .top-units__container-history .row {
        width: 400%
    }
}

.top-units__container-history .md-top-units {
    margin-bottom: 24px
}

@media screen and (max-width: 991px) {
    .top-units__container-history .md-top-units {
        margin-bottom: 8px
    }
}

.top-information {
    text-align: center;
    line-height: 1.6
}

.top-menu__title {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin: 40px auto 16px
}

.top-menu__title:before {
    font-family: FontAwesome;
    content: "\F002";
    margin-right: 6px
}

@media screen and (max-width: 991px) {
    .top-menu__title {
        font-size: 16px
    }
}

.top-information__sub {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-top: 24px;
    line-height: 1.5
}

@media screen and (max-width: 991px) {
    .top-information__sub {
        font-size: 14px;
        margin-top: 8px
    }
}

.top-information__copy {
    font-size: 16px;
    text-align: center;
    margin-bottom: 32px;
    font-weight: 700;
    color: #666
}

@media screen and (max-width: 991px) {
    .top-information__copy {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 16px;
        font-weight: 700;
        line-height: 1.4
    }
}

.top-information__text {
    text-align: center;
    line-height: 1.6
}

@media screen and (max-width: 991px) {
    .top-information__text {
        font-size: 13px;
        line-height: 1.4;
        text-align: left
    }
}

.top-flow__list {
    text-align: center;
    margin: 16px 0 8px;
    display: inline-block
}

.top-flow__list li {
    display: inline
}

.top-flow__list li + li {
    border-left: 1px solid #a0a0a0;
    padding-left: 32px;
    margin-left: 32px
}

.top-flow__list a:hover {
    text-decoration: underline
}

.top-flow__list .fa {
    margin-right: 4px
}

@media screen and (max-width: 991px) {
    .top-flow__list {
        width: 100%;
        margin: 10px -12px 0;
        text-align: left;
        border-bottom: 1px solid #eaeaea;
        font-size: 13px
    }

    .top-flow__list li {
        display: block;
        margin-bottom: 0;
        border-top: 1px solid #eaeaea
    }

    .top-flow__list li + li {
        margin-left: 0;
        padding-left: 0;
        border-left: none
    }

    .top-flow__list li a {
        position: relative;
        display: block;
        padding: 10px 12px;
        color: #4abfe6
    }

    .top-flow__list li a:before {
        z-index: 1;
        font-family: FontAwesome;
        position: absolute;
        top: 10px;
        right: 15px;
        color: #4abfe6;
        content: "\F105"
    }
}

.top-menu__other-search {
    text-align: center
}

@media screen and (max-width: 991px) {
    .top-menu__other-search {
        display: none
    }
}

.top-menu__other-ttl {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin-right: 32px
}

.top-menu__other-ttl:before {
    font-family: FontAwesome;
    content: "\F002";
    margin-right: 4px
}

@media screen and (max-width: 991px) {
    .top-menu__other-ttl {
        display: block;
        font-size: 16px;
        margin-top: 32px;
        margin-right: 0
    }
}

.top-menu__container {
    padding-bottom: 24px
}

@media screen and (max-width: 991px) {
    .top-menu__container {
        background: #fff;
        padding: 0 8px;
        position: relative
    }
}

@media screen and (max-width: 991px) {
    .top-menu__list {
        text-align: center
    }

    .top-menu__list.col-xs-3, .top-menu__list.col-xs-4 {
        padding-left: 8px;
        padding-right: 8px
    }
}

.top-menu__list-button {
    display: block;
    background: #f6f6f6;
    width: 100%;
    border-radius: 3px;
    padding: 22px 20px;
    margin-top: 20px;
    min-height: 63px
}

@media screen and (max-width: 991px) {
    .top-menu__list-button {
        padding: 16px 2px;
        margin-top: 16px
    }
}

@media screen and (max-width: 599px) {
    .top-menu__list-button {
        padding: 12px 0;
        min-height: 76px
    }
}

.top-menu__list-button:hover {
    opacity: .8;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1)
}

.top-menu__list-button:after {
    font-family: FontAwesome;
    content: "\F105";
    padding-left: 5px;
    font-size: 18px;
    position: absolute;
    right: 24px;
    top: 50%
}

@media screen and (max-width: 700px) {
    .top-menu__list-button:after {
        display: none
    }
}

.top-menu__list-button.is-current {
    background: #e5f6fb
}

.top-menu__list-button.is-current:hover {
    opacity: 1;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .2);
    cursor: default
}

.top-menu__list-button-img {
    width: 36px;
    height: 36px;
    vertical-align: middle
}

@media screen and (max-width: 991px) {
    .top-menu__list-button-img {
        margin: 0 auto
    }
}

@media screen and (max-width: 599px) {
    .top-menu__list-button-img {
        margin-bottom: 6px
    }
}

.top-menu__list-button-text {
    font-size: 18px;
    vertical-align: middle;
    margin-left: 12px;
    font-weight: 700;
    color: #333;
    display: inline-block
}

@media screen and (max-width: 991px) {
    .top-menu__list-button-text {
        font-size: 16px;
        text-align: left;
        margin-left: 8px
    }
}

@media screen and (max-width: 599px) {
    .top-menu__list-button-text {
        display: block;
        text-align: center;
        margin-left: 0
    }
}

.top-menu__list-button-num {
    font-size: 10px;
    color: #a3a3a3;
    display: block;
    margin-top: 8px;
    font-weight: 400
}

@media screen and (max-width: 599px) {
    .top-menu__list-button-num {
        font-size: 9px
    }
}

.a__top-units {
    color: #000
}

.a__top-units:hover {
    color: #666
}

.a__top-units:hover img {
    opacity: .8
}

.md-top-units {
    position: relative;
    padding-bottom: 8px;
    border-radius: 3px;
    background: #fff;
    margin: 0;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1)
}

.md-top-units .units-ranking {
    left: 10px
}

.md-top-units:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 991px) {
    .md-top-units {
        padding-bottom: 2px;
        margin-bottom: 8px
    }
}

.md-top-units__image {
    position: relative;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    height: 230px
}

@media screen and (max-width: 991px) {
    .md-top-units__image {
        height: 160px
    }
}

.md-top-units__image-pict {
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    vertical-align: bottom;
    width: 100%
}

.md-top-units__item-price {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 8px;
    background-color: #000;
    font-size: 16px;
    color: #fff;
    border-radius: 3px
}

@media screen and (max-width: 991px) {
    .md-top-units__item-price {
        padding: 6px;
        font-size: 12px
    }
}

.md-top-units__item-per {
    font-size: 10px;
    font-weight: 400
}

.md-top-units__price-icon {
    margin-left: 4px
}

@media screen and (max-width: 991px) {
    .md-top-units__price-icon {
        margin-left: 2px
    }
}

.md-top-units__item-instant {
    padding: 0 2px;
    color: #f2d42b
}

@media screen and (max-width: 991px) {
    .md-top-units__item-instant {
        font-size: 12px
    }
}

.md-top-units__item-top-host {
    color: #f2d42b;
    vertical-align: middle;
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .md-top-units__item-top-host {
        font-size: 12px
    }
}

.md-top-units__item-icon-discount {
    vertical-align: middle;
    font-size: 16px;
    color: #e95175
}

@media screen and (max-width: 991px) {
    .md-top-units__item-icon-discount {
        font-size: 12px
    }
}

.md-top-units__body {
    margin: 8px 10px 12px;
    position: relative
}

.md-top-units__body-inner {
    overflow: hidden
}

.md-top-units__body-title {
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 2px 0
}

@media screen and (max-width: 991px) {
    .md-top-units__body-title {
        font-size: 12px;
        font-weight: 400;
        margin: 0
    }
}

.md-top-units__body-info {
    margin: 6px 0 8px;
    font-size: 11px;
    color: #333
}

.md-top-units__body-info i {
    color: #d0d1cf
}

.md-top-units__body-info li {
    display: inline-block;
    margin-right: 5px
}

@media screen and (max-width: 991px) {
    .md-top-units__body-info li {
        display: block;
        font-size: 10px
    }

    .md-top-units__body-info li ~ li {
        margin-top: 4px
    }
}

.md-top-units__item-fav, .md-top-units__item-fav__on {
    position: absolute;
    top: 24px;
    right: 0;
    color: #a0a0a0;
    font-size: 20px
}

.md-top-units__item-fav__on {
    color: #f06060
}

.md-top-units__item-fav__on .fa-heart-o:before {
    content: "\F004"
}

.md-matome-list a, .md-matome-list a:visited {
    color: #000
}

.md-matome-list a:hover {
    color: #666
}

.md-matome-list a:hover img {
    opacity: .8
}

.md-matome-list .mdl-shadow--2dp {
    border-radius: 3px
}

.md-matome-subtitle {
    font-size: 14px;
    margin: 8px;
    line-height: 1.4;
    max-height: 2.6em;
    min-height: 2.6em;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .md-matome-subtitle {
        font-size: 11px;
        line-height: 1.2
    }
}

@media screen and (max-width: 599px) {
    .md-matome-subtitle {
        max-height: 3.6em;
        min-height: 3.6em
    }
}

.md-matome-image {
    position: relative;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    height: 320px
}

@media screen and (max-width: 991px) {
    .md-matome-image {
        height: 190px
    }
}

.md-matome-image__pict {
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    vertical-align: bottom;
    width: auto;
    height: 100%
}

@media screen and (max-width: 991px) {
    .md-matome-image__pict {
        width: 100%;
        height: auto
    }
}

@media screen and (max-width: 599px) {
    .md-matome-image__pict {
        width: auto;
        height: 140%
    }
}

@media screen and (max-width: 991px) {
    .top-units-ranking.units-ranking__icon {
        width: 20px;
        height: 18px;
        word-wrap: break-word;
        text-align: center
    }

    .top-units-ranking.units-ranking__icon:after {
        border-width: 0 10px 10px
    }

    .top-units-ranking .units-ranking__icon-body {
        width: 14px;
        height: auto;
        padding-top: 0;
        background-image: none;
        border: none
    }

    .top-units-ranking .units-ranking__icon-number {
        margin-top: 5px;
        font-size: 10px
    }
}

.body-home__index .site-header, .body-stay__index .site-header {
    border-bottom: none;
    position: absolute;
    left: 0;
    right: 0;
    height: auto
}

@media screen and (max-width: 991px) {
    .body-home__index .site-header, .body-stay__index .site-header {
        position: relative;
        left: auto;
        right: auto
    }
}

.body-home__index .site-header, .body-stay__index .site-header {
    background: transparent
}

@media screen and (max-width: 991px) {
    .body-home__index .site-header, .body-stay__index .site-header {
        background: #fff
    }
}

.body-home__index .site-header__search, .body-stay__index .site-header__search {
    display: none
}

@media screen and (max-width: 991px) {
    .body-home__index .matome-description, .body-stay__index .matome-description {
        height: 36px
    }
}

.site-header__search-menu .btn-border-blue {
    padding: 10px 0;
    font-size: 13px
}

.top-mv {
    padding-top: 100px;
    padding-bottom: 24px
}

@media screen and (max-width: 991px) {
    .top-mv {
        padding-top: 30px
    }
}

.top-mv .service-logo {
    text-align: center;
    width: 360px;
    margin: 60px auto 0
}

@media screen and (max-width: 991px) {
    .top-mv .service-logo {
        width: 300px;
        margin-top: 0
    }
}

@media screen and (max-width: 599px) {
    .top-mv .service-logo {
        width: 240px
    }
}

.body-home__index .flexslider, .body-stay__index .flexslider {
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 36px
}

@media screen and (max-width: 991px) {
    .body-home__index .flexslider, .body-stay__index .flexslider {
        padding-bottom: 12px
    }
}

.top-slider__cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .top-slider__cover {
        top: 0
    }
}

.top-slider__caption, .top-slider__link, .top-slider__title {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    letter-spacing: .05em
}

.top-slider__position {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6
}

.top-slider__title-main {
    font-size: 36px;
    margin-top: 127px;
    margin-bottom: 18px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .65)
}

@media screen and (max-width: 991px) {
    .top-slider__title-main {
        margin-top: 40px;
        font-size: 26px;
        line-height: 1.25
    }
}

.top-slider__title-sub {
    font-size: 18px;
    margin-bottom: 80px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .65)
}

@media screen and (max-width: 991px) {
    .top-slider__title-sub {
        margin-bottom: 30px;
        font-size: 13px
    }
}

@media screen and (max-width: 991px) {
    .top-menu__list-second .top-menu__list-button {
        padding: 16px 2px
    }
}

@media screen and (max-width: 599px) {
    .top-menu__list-second .top-menu__list-button {
        padding: 6px 0
    }
}

@media screen and (max-width: 991px) {
    .top-menu__list-second .top-menu__list-button-img {
        width: 28px;
        height: 28px
    }
}

@media screen and (max-width: 599px) {
    .top-menu__list-second .top-menu__list-button-img {
        margin-bottom: 6px
    }
}

@media screen and (max-width: 991px) {
    .top-menu__list-second .top-menu__list-button-text {
        font-size: 15px;
        margin-top: 0
    }
}

@media screen and (max-width: 599px) {
    .top-menu__list-second .top-menu__list-button-text {
        font-size: 13px
    }
}

@media screen and (max-width: 991px) {
    .top-menu__list-second .top-menu__list-button-num {
        margin-top: 6px
    }
}

.body-home__index .form-box, .body-home__index .search-box {
    padding: 24px 0 32px;
    margin: 16px 0 8px
}

@media screen and (max-width: 599px) {
    .body-home__index .form-box, .body-home__index .search-box {
        padding: 12px 0 24px
    }
}

.top-static__area {
    padding: 24px 0 48px;
    border-bottom: 1px solid #eaeaea
}

@media screen and (max-width: 991px) {
    .top-static__area {
        padding: 0
    }
}

.top-static__banner-title {
    font-weight: 700;
    font-size: 34px;
    margin-bottom: 16px;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .7)
}

@media screen and (max-width: 991px) {
    .top-static__banner-title {
        font-size: 22px
    }
}

.top-static__banner-text {
    text-shadow: 0 1px 5px rgba(0, 0, 0, .7);
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .top-static__banner-text {
        font-size: 14px
    }
}

.top-static__banner-button {
    margin-top: 40px;
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 13px 60px;
    border-bottom: 1px solid #ddd
}

.top-static__banner-button:hover {
    background: #eee;
    border-bottom: 1px solid #ddd
}

.top-static__banner {
    width: 100%;
    margin: 0;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    height: 320px;
    padding-top: 80px;
    background: url(//cdnspacemarket.com/packs-production/host_hero-c92a2d0619aa2d3be47091b2c3fc19a5.jpg) center 40%;
    background-size: cover
}

@media screen and (max-width: 991px) {
    .top-static__banner {
        height: 250px;
        padding-top: 40px
    }
}

.top-corp-concierge__banner {
    background: url(//cdnspacemarket.com/packs-production/inquiry_hero-154403924fa5206bb0a54f27e1bf4889.jpg) 0 0 no-repeat;
    background-size: cover
}

@media screen and (max-width: 991px) {
    .top-corp-concierge__banner {
        height: 270px
    }
}

.top-bonus__points {
    position: absolute;
    width: 400px;
    height: 48px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    padding: 3px;
    background: #f5d02c;
    font-size: 20px;
    font-weight: 700;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .top-bonus__points {
        width: 265px;
        height: 42px;
        font-size: 13px
    }
}

.top-bonus__points:after, .top-bonus__points:before {
    content: " ";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-color: #f5d02c;
    border-style: solid;
    border-width: 24px 10px
}

@media screen and (max-width: 991px) {
    .top-bonus__points:after, .top-bonus__points:before {
        border-width: 21px 10px
    }
}

.top-bonus__points:before {
    right: 100%;
    border-left-color: transparent
}

.top-bonus__points:after {
    left: 100%;
    border-right-color: transparent
}

.top-bonus__points-inner {
    position: absolute;
    text-align: center;
    color: #fff;
    top: 3px;
    left: 2px;
    width: 435px;
    border-top: 1px solid hsla(0, 0%, 100%, .6);
    border-bottom: 1px solid hsla(0, 0%, 100%, .6);
    padding: 10px 20px;
    margin: 0 -20px;
    z-index: 3
}

@media screen and (max-width: 991px) {
    .top-bonus__points-inner {
        width: 300px
    }
}

.top-bonus__text {
    margin-top: 24px;
    line-height: 1.4
}

@media screen and (max-width: 991px) {
    .top-bonus__text {
        text-align: left
    }
}

.top-page__appeal {
    background: #e3e3e3;
    border-bottom: 1px solid #eaeaea
}

.top-appeal__title {
    font-size: 16px;
    font-weight: 700;
    margin-top: 16px;
    margin-bottom: 24px
}

ul ~ .top-appeal__title {
    border-top: 1px dashed #cecccc;
    padding-top: 32px
}

@media screen and (max-width: 991px) {
    .top-appeal__title {
        font-size: 14px
    }
}

.top-appeal__list {
    margin-bottom: 16px
}

.top-appeal__list li {
    float: left;
    width: 16%;
    text-align: center;
    margin-bottom: 10px
}

@media screen and (max-width: 991px) {
    .top-appeal__list li {
        width: auto;
        margin-right: 14px;
        margin-bottom: 16px
    }
}

.top-appeal__list li img {
    height: 55px
}

@media screen and (max-width: 991px) {
    .top-appeal__list li img {
        height: 30px
    }
}

.top-flow__regist {
    margin: 16px 0
}

.top-flow__regist-title {
    font-size: 22px
}

.top-flow__referral-title, .top-flow__regist-title {
    font-weight: 700;
    padding-top: 70px;
    margin-bottom: 24px
}

.top-flow__referral-title {
    font-size: 16px;
    line-height: 1.4
}

.top-flow__referral-title span {
    font-size: 30px
}

@media screen and (max-width: 991px) {
    .top-flow__referral-title span {
        font-size: 20px
    }
}

.top-flow__regist-button {
    padding: 13px 60px;
    position: relative
}

.top-regist .top-more__area {
    margin: 0
}

.top-regist__inner {
    position: relative;
    background: #f5d02c;
    padding: 32px 0
}

.top-regist__unit {
    position: relative;
    max-width: 380px;
    margin: 0 auto
}

.top-regist__unit .top-regist__title-guide {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px
}

@media screen and (min-width: 768px) {
    .top-regist__unit .top-regist__title-guide {
        font-size: 18px
    }
}

@media screen and (max-width: 350px) {
    .top-regist__unit .top-regist__title-guide {
        font-size: 16px;
        letter-spacing: 0
    }
}

.top-regist__unit .top-regist__everyone {
    position: absolute;
    top: 26px;
    left: 14px;
    width: 65px;
    height: 65px;
    background: #fff;
    border-radius: 50%
}

@media screen and (min-width: 768px) {
    .top-regist__unit .top-regist__everyone {
        width: 80px;
        height: 80px;
        top: -10px;
        left: -90px
    }
}

@media screen and (max-width: 350px) {
    .top-regist__unit .top-regist__everyone {
        width: 56px;
        height: 56px
    }
}

.top-regist__unit .top-regist__everyone span {
    position: relative;
    top: 40%;
    font-size: 12px;
    color: #f5d02c;
    font-weight: 700;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .top-regist__unit .top-regist__everyone span {
        font-size: 14px
    }
}

.top-regist__unit .top-regist__title {
    position: relative;
    top: 0;
    right: 0;
    font-size: 30px;
    font-weight: 700;
    margin-top: 10px
}

.top-regist__unit .top-regist__title .top-regist__title-large {
    display: inline-block;
    font-size: 56px;
    font-family: Arial, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", sans-serif
}

@media screen and (min-width: 768px) {
    .top-regist__unit .top-regist__title .top-regist__title-large {
        font-size: 48px
    }
}

.top-regist__unit .top-regist__title .top-regist__title-small {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 8px
}

@media screen and (min-width: 768px) {
    .top-regist__unit .top-regist__title .top-regist__title-small {
        display: inline-block;
        margin-left: 8px
    }
}

.top-regist__all-space {
    background: #fff;
    border-radius: 5px;
    width: 90%;
    padding: 8px 0;
    margin: 8px auto 0
}

@media screen and (min-width: 768px) {
    .top-regist__all-space {
        width: 380px
    }
}

.top-regist__text {
    position: relative;
    width: 300px;
    margin: 16px auto 0;
    font-weight: 700
}

.top-regist__text:after, .top-regist__text:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 23px;
    height: 2px;
    background-color: #fff
}

.top-regist__text:before {
    top: 8px;
    left: 8px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.top-regist__text:after {
    top: 8px;
    right: 8px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.top-regist__button_wrap {
    padding: 24px 0
}

.top-regist__button_wrap:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top-color: #f5d02c
}

@media screen and (min-width: 768px) {
    .top-regist__button_wrap:before {
        bottom: 60px
    }
}

.top-regist__button_wrap .top-regist__button {
    padding: 13px 80px
}

@media screen and (min-width: 768px) {
    .top-regist__button_wrap .top-regist__button {
        padding: 13px 100px
    }
}

@media screen and (max-width: 350px) {
    .top-regist__button_wrap .top-regist__button {
        padding: 13px 60px
    }
}

@media screen and (max-width: 991px) {
    .top-campaign__list .row {
        width: 185%;
        padding: 0 2px 8px
    }
}

.top-campaign__list .campaign-box {
    margin-bottom: 0
}

.top-campaign {
    height: 158px;
    padding: 20px 0 35px;
    margin: 0 auto 30px;
    width: 710px
}

@media screen and (max-width: 991px) {
    .top-campaign {
        width: auto;
        height: auto;
        padding: 20px 0 12px
    }
}

@media screen and (max-width: 991px) {
    .top-campaign__header {
        width: auto
    }
}

.top-campaign__header-title {
    font-size: 22px;
    color: #5a5f59;
    font-weight: 400;
    line-height: 1.4;
    height: 60px;
    margin: 0 0 0 30px
}

@media screen and (max-width: 991px) {
    .top-campaign__header-title {
        font-size: 14px;
        margin: 24px 0 10px;
        min-height: 57px;
        text-align: center
    }
}

.top-campaign__header-content {
    font-size: 14px
}

@media screen and (max-width: 991px) {
    .top-campaign__header-content {
        font-size: 12px
    }
}

.top-campaign__header-logo {
    float: left;
    margin: 15px 0 0 25px
}

@media screen and (max-width: 991px) {
    .top-campaign__header-logo {
        float: none;
        margin: 10px 0;
        text-align: center
    }

    .top-campaign__header-logo img {
        height: 28px
    }
}

.top-campaign__header-more {
    text-align: center;
    color: #fff;
    padding: 9px 0;
    border-radius: 3px;
    background-color: #4abfe6;
    width: 230px;
    float: right;
    position: relative;
    margin: 25px 20px 0 0;
    font-size: 13px
}

.top-campaign__header-more:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    right: 13px;
    top: 48%;
    margin-top: -6px;
    font-family: FontAwesome;
    content: "\F105"
}

.top-campaign__header-more:hover {
    opacity: .8
}

@media screen and (max-width: 991px) {
    .top-campaign__header-more {
        float: none;
        margin: 28px auto 0;
        overflow: hidden
    }
}

.top-campaign__pasma {
    background: url(service/asset-path("service/top/campaign/pasma/pasma_bg.png")) #c9d7e3 no-repeat right 0
}

.top-campaign__pasma .top-campaign__header-title {
    text-shadow: 0 0 6px #fff
}

.top-campaign__pasma .top-campaign__header-more {
    background: #fff;
    color: #5a5f59
}

.top-campaign__le {
    background: url(service/asset-path("service/top/campaign/le/le_bg.png")) #000 no-repeat right 0
}

.top-campaign__le .top-campaign__header-title {
    text-shadow: 0 0 6px rgba(0, 0, 0, .8);
    color: #fff
}

.top-campaign__primechef {
    background: url(service/asset-path("service/top/campaign/primechef/primechef_bg.png")) #fff no-repeat right 0
}

.top-campaign__primechef .top-campaign__header-title {
    text-shadow: 0 0 10px #fff;
    color: #444
}

.top-campaign__birthdaybank {
    background: url(service/asset-path("service/top/campaign/birthdaybank/birthdaybank_bg.png")) #fff no-repeat right 0
}

.top-campaign__birthdaybank .top-campaign__header-title {
    text-shadow: 0 0 1px #fff;
    color: #444
}

.top-campaign__perrier {
    background: url(service/asset-path("service/top/campaign/perrier/perrier_bg.png")) #fff no-repeat 56 % 0
}

.top-campaign__perrier .top-campaign__header-title {
    color: #fff;
    text-shadow: 0 0 6px rgba(0, 0, 0, .6)
}

@media screen and (max-width: 991px) {
    .top-campaign__perrier .top-campaign__header-title {
        margin: 0;
        font-weight: 700;
        font-size: 13px
    }
}

.top-campaign__perrier .top-campaign__header-content {
    font-weight: 400
}

.top-campaign__perrier .top-campaign__header-logo {
    margin-left: 30px
}

.top-campaign__perrier .top-campaign__header-logo img {
    width: 50px;
    height: 50px
}

@media screen and (max-width: 991px) {
    .top-campaign__perrier .top-campaign__header-logo {
        margin-left: auto
    }
}

.top-campaign__perrier2016winter {
    background: url(service/asset-path("service/top/campaign/perrier2016winter/perrier2016winter_bg.png")) #fff no-repeat right 0
}

.top-campaign__perrier2016winter .top-campaign__header-title {
    text-shadow: 0 0 10px #000;
    color: #fff
}

.top-campaign__martini {
    position: relative;
    width: 710px;
    margin: auto
}

.top-campaign__martini .top-campaign {
    background: url(service/asset-path("service/top/campaign/martini/martini_pc_bg.png")) #fff no-repeat right 0;
    height: 190px
}

.top-campaign__martini .top-campaign__header-pickup {
    display: inline-block;
    background: #fff;
    color: #333;
    font-size: 11px;
    padding: 4px 8px;
    margin: 0 5px 12px 0
}

.top-campaign__martini .top-campaign__header-pickup:first-of-type {
    margin-left: 30px
}

.top-campaign__martini .top-campaign__header-title {
    letter-spacing: 2px;
    font-size: 20px;
    text-shadow: 0 0 10px #000, 0 0 10px #000;
    color: #fff;
    margin-bottom: 0;
    line-height: 1.3
}

.top-campaign__martini .top-campaign__header-title-re {
    padding-right: 5px
}

.top-campaign__martini .top-campaign__header-text {
    font-size: 14px;
    letter-spacing: 2px;
    color: #fff;
    text-shadow: 0 0 10px #000, 0 0 10px #000;
    margin-left: 30px
}

.top-campaign__martini .top-campaign__header-logo {
    width: 260px;
    margin: 7px 0 0 25px
}

.top-campaign__martini .top-campaign__header-logo img {
    width: 100%
}

.top-campaign__martini .top-campaign__header-more {
    position: absolute;
    bottom: 20px;
    right: 0;
    float: none
}

@media screen and (max-width: 991px) {
    .top-campaign__martini {
        width: auto;
        max-width: 630px;
        margin-bottom: 30px;
        padding-bottom: 12px;
        background: #fff;
        height: auto;
        text-align: center
    }

    .top-campaign__martini .top-campaign {
        height: auto;
        margin-bottom: 0;
        background: url(service/asset-path("service/top/campaign/martini/martini_sp_bg.png")) #000 no-repeat top;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

    .top-campaign__martini br {
        display: none
    }

    .top-campaign__martini .top-campaign__header-pickup {
        font-size: 9px;
        margin: 50px 1px 0
    }

    .top-campaign__martini .top-campaign__header-pickup:first-of-type {
        margin-left: 0
    }

    .top-campaign__martini .top-campaign__header-title {
        font-size: 14px;
        margin: 10px 0 4px;
        letter-spacing: 0;
        min-height: 0;
        height: auto
    }

    .top-campaign__martini .top-campaign__header-text {
        font-size: 12px;
        letter-spacing: 0;
        margin: 0
    }

    .top-campaign__martini .top-campaign__header-logo {
        margin: 6px auto 0;
        width: 227px;
        height: 45px
    }

    .top-campaign__martini .top-campaign__header-logo img {
        height: auto
    }

    .top-campaign__martini .top-campaign__header-more {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 12px
    }
}

.space-head__img {
    position: relative;
    height: 500px;
    max-width: 1100px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 6px
}

@media screen and (max-width: 991px) {
    .space-head__img {
        /*height: auto*/
    }
}

.space-head__img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    margin: auto;
    vertical-align: bottom;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 991px) {
    .space-head__img img {
        width: 100%
    }
}

@media screen and (max-width: 599px) {
    .space-head__img img {
        width: 140%
    }
}

.space-head__img .space-head__showimage {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
    padding: 12px 40px
}

@media screen and (max-width: 991px) {
    .space-head__img .space-head__showimage {
        right: 10px;
        bottom: 20px;
        left: auto
    }
}

.space-head__favorite {
    position: absolute;
    top: 12px;
    right: 16px;
    color: #666;
    font-size: 20px
}

.space-head__favorite__on {
    color: #f06060
}

.space-head__img-arrow .fa-chevron-left, .space-head__img-arrow .fa-chevron-right {
    color: #fff;
    position: absolute;
    top: 46%;
    font-size: 45px;
    opacity: .8
}

.space-head__img-arrow .fa-chevron-left:hover, .space-head__img-arrow .fa-chevron-right:hover {
    opacity: .6
}

@media screen and (max-width: 991px) {
    .space-head__img-arrow .fa-chevron-left, .space-head__img-arrow .fa-chevron-right {
        font-size: 20px;
        top: 50%
    }
}

.space-head__img-arrow .fa-chevron-left {
    left: 24px
}

@media screen and (max-width: 1199px) {
    .space-head__img-arrow .fa-chevron-left {
        left: 12px
    }
}

.space-head__img-arrow .fa-chevron-right {
    right: 24px
}

@media screen and (max-width: 1199px) {
    .space-head__img-arrow .fa-chevron-right {
        right: 12px
    }
}

@media screen and (max-width: 991px) {
    .space-detail {
        position: relative
    }
}

.space-detail__head {
    float: left;
    width: 65%
}

@media screen and (max-width: 991px) {
    .space-detail__head {
        width: 100%
    }
}

.space-head__list {
    font-size: 12px
}

@media screen and (max-width: 991px) {
    .space-head__list {
        margin-bottom: 12px
    }
}

.space-head__list-number {
    font-size: 12px
}

.space-head__list-map, .space-head__list-state, .space-head__list-tag, .space-head__list-user {
    margin-bottom: 8px;
    display: inline;
    margin-right: 16px;
    line-height: 1.3
}

.space-head__list-state {
    color: #333
}

.space-head__list-tag {
    margin-top: 8px
}

.space-head__list-tag ul {
    display: inline
}

.space-head__list-tag li {
    display: inline;
    list-style-type: none
}

.space-head__list-tag li ~ li:before {
    margin-right: 4px;
    margin-left: 3px;
    content: "/"
}

.side-fixed {
    float: right;
    width: 32%;
    max-width: 352px;
    z-index: 1
}

@media screen and (max-width: 991px) {
    .side-fixed {
        width: 100%;
        max-width: none;
        position: static
    }
}

.side-fixed .space-side {
    position: absolute;
    width: 100%;
    max-width: 352px
}

@media screen and (max-width: 991px) {
    .side-fixed .space-side {
        max-width: none
    }
}

@media screen and (max-width: 1200px) {
    .side-fixed .space-side {
        margin-right: 16px
    }
}

@media screen and (max-width: 991px) {
    .side-fixed .space-side {
        width: 100%;
        position: static !important;
        margin-bottom: 24px
    }
}

.side-fixed.is-fixed .space-side {
    position: fixed
}

.space-side__box {
    border: 1px solid #eaeaea;
    background: #fff;
    border-radius: 3px;
    padding: 18px 24px 0;
    margin-bottom: 10px
}

@media screen and (max-width: 1199px) {
    .space-side__box {
        padding: 18px 20px 0
    }
}

@media screen and (max-width: 991px) {
    .space-side__box {
        padding: 0;
        border: none;
        margin-bottom: -24px;
        background: none
    }
}

.space-side__box .btn__style {
    width: 100%;
    display: block !important;
    font-size: 16px;
    padding: 16px 0
}

@media screen and (max-width: 991px) {
    .space-side__box .space-side__request-button-newline {
        display: none
    }
}

.space-side__money strong {
    font-weight: 700;
    font-size: 22px
}

@media screen and (max-width: 991px) {
    .space-side__money strong {
        font-size: 20px
    }
}

.space__reserveinfo .space__reserveinfo-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 4px;
    padding: 6px 8px 5px;
    border-radius: 3px;
    font-size: 12px;
    border: 1px solid #f2d42b;
    line-height: 1;
    position: relative
}

@media screen and (max-width: 991px) {
    .space__reserveinfo .space__reserveinfo-item {
        font-size: 10px;
        padding: 6px 8px 5px
    }
}

.space__reserveinfo .space__reserveinfo-item .icon-direct, .space__reserveinfo .space__reserveinfo-item .icon-discount {
    position: absolute;
    left: 0
}

@media screen and (max-width: 991px) {
    .space__reserveinfo .space__reserveinfo-item .icon-direct, .space__reserveinfo .space__reserveinfo-item .icon-discount {
        left: 1px
    }
}

.space__reserveinfo .space__reserveinfo-item.space__reserveinfo-now .icon-direct {
    left: 4px;
    top: 7px
}

@media screen and (max-width: 991px) {
    .space__reserveinfo .space__reserveinfo-item.space__reserveinfo-now .icon-direct {
        top: 7px;
        left: 2px
    }
}

.space__reserveinfo .space__reserveinfo-item.space__reserveinfo-today {
    padding-left: 25px
}

@media screen and (max-width: 991px) {
    .space__reserveinfo .space__reserveinfo-item.space__reserveinfo-today {
        padding-left: 25px
    }
}

.space-headnote {
    margin-bottom: 16px;
    border-top: 1px solid #eaeaea;
    font-size: 13px;
    line-height: 1.3
}

.space-headnote .space-headnote__title {
    float: left;
    clear: left;
    width: 7em;
    padding: 8px 0 8px 8px
}

.space-headnote .space-headnote__item {
    border-bottom: 1px solid #eaeaea;
    padding: 8px 0
}

.space-headnote .space-headnote__item span {
    font-size: 12px
}

@media screen and (max-width: 991px) {
    .space-headnote {
        font-size: 13px;
        border-top: 1px solid #eaeaea
    }
}

.space-side__point-get {
    color: #333;
    padding-top: 3px;
    font-size: 13px
}

.space-side__note .mod-evaluate__help-tooltip {
    left: -62px
}

.space-side__note .mod-evaluate__help-tooltip:before {
    left: 29%
}

.space-side__note .icon-direct {
    margin-left: 0;
    font-size: 16px
}

.space-side__note .icon-direct:before {
    vertical-align: middle
}

.space-side__note .icon-discount {
    font-size: 14px
}

.space-side__note .icon-discount:before {
    vertical-align: middle
}

.space-side__request-area {
    margin: 16px 0 12px
}

@media screen and (max-width: 1199px) {
    .space-side__request-area {
        position: relative;
        margin: 24px 0
    }

    .space-side__request-area .btn__style {
        line-height: 1.3
    }
}

.space-side__buttons {
    border-bottom: 1px dashed #eaeaea;
    padding-bottom: 16px
}

@media screen and (max-width: 991px) {
    .space-side__buttons {
        border-bottom: none;
        padding: 24px 0
    }
}

.space-side__buttons-list {
    width: 58%;
    float: left;
    position: relative
}

.space-side__buttons-favorite {
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    border-radius: 6px 0 0 6px;
    padding: 14px 0;
    color: #666;
    font-size: 13px;
    text-align: center
}

.space-side__buttons-favorite:hover {
    color: #999;
    border-color: #ddd
}

.space-side__buttons-favorite .fa {
    margin-right: 5px
}

.space-side__buttons-fav__on a {
    border: 1px solid #f06060;
    color: #f06060
}

.space-side__buttons-fav__on a:hover {
    color: #f06060;
    border-color: #f06060
}

.space-side__favorite {
    position: absolute;
    z-index: 1;
    top: 39px;
    width: 74%;
    right: 17%;
    left: 17%
}

.space-side__favorite-baloon {
    font-size: 12px;
    background-color: #fff;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    text-align: center
}

.space-side__favorite-baloon:before {
    background-color: #fff;
    position: absolute;
    content: " ";
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    top: -7px;
    left: 50%;
    margin-left: -8px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.space-side__favorite-baloon:after {
    background-color: #fff;
    position: absolute;
    content: " ";
    height: 13px;
    width: 90%;
    top: 0;
    left: 5%
}

.space-side__favorite-baloon-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 13px;
    margin-bottom: 6px
}

.space-side__buttons-fav__select {
    float: left;
    width: 12%
}

.space-side__buttons-select {
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    border-left: 0;
    border-radius: 0 6px 6px 0;
    padding: 14px 0 15px;
    color: #666;
    font-size: 13px;
    text-align: center
}

.space-side__buttons-select:hover {
    color: #999;
    border-color: #ddd
}

.space-side__buttons-select .fa {
    margin-right: 1px
}

.space-side-fa_buttons-select-on {
    border: 1px solid #f06060;
    border-left: 0;
    color: #f06060
}

.space-side-fa_buttons-select-on:hover {
    color: #f06060;
    border-color: #f06060
}

.space-side__buttons-fav__count {
    font-size: 11px;
    margin-left: 1px
}

.space-side__button-share {
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 14px 0;
    color: #666;
    font-size: 13px;
    text-align: center
}

.space-side__button-share:hover {
    color: #999;
    border-color: #ddd
}

.space-side__button-share .fa {
    margin-right: 5px
}

.space-side__buttons-share {
    position: relative
}

.space-side__buttons-share .space-side__buttons-list {
    float: right;
    width: 30%
}

.space-side__share-tooltip {
    right: -35px;
    top: 45px;
    position: absolute;
    z-index: 6
}

.space-side__share-tooltip .baloon {
    position: static
}

@media screen and (max-width: 991px) {
    .space-side__share-tooltip {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        width: 145px
    }
}

.space-side__share-baloon {
    top: 26px;
    right: 0;
    line-height: 1.4;
    font-size: 14px;
    width: 160px
}

.space-side__share-baloon:before {
    top: -7px;
    left: 50%
}

@media screen and (max-width: 991px) {
    .space-side__share-baloon {
        width: auto
    }
}

.space-side__social {
    padding: 8px
}

.space-side__social li ~ li {
    margin-top: 8px
}

.space-side__social .fa {
    width: 20px
}

.space-side__social .icon-spm-line {
    display: inline-block;
    width: 20px;
    margin-right: 0
}

.space-side__owner-eval-innner {
    font-size: 11px
}

.space-side__owner-eval-innner-list {
    text-align: center;
    padding: 0
}

@media screen and (max-width: 991px) {
    .space-side__owner-eval-innner-list:not(:first-child) {
        border-left: 1px dashed #eaeaea
    }
}

.space-main {
    width: 65%;
    margin-top: 8px
}

@media screen and (max-width: 991px) {
    .space-main {
        width: 100%;
        margin-top: 0
    }
}

.space-main__section {
    padding: 24px 0;
    border-bottom: 1px solid #eaeaea
}

.space-main__section-big {
    padding-top: 48px;
    padding-bottom: 48px;
    border-bottom: 1px solid #eaeaea
}

@media screen and (max-width: 991px) {
    .space-main__section-big {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.cards-lineup {
    margin-top: 4px;
    display: inline-block;
    margin-bottom: 8px
}

.cards-lineup img {
    height: 22px;
    width: auto;
    vertical-align: middle;
    margin-right: 8px
}

.space-main h3, .space-main li, .space-main p {
    line-height: 1.5
}

.space-main__headline {
    font-weight: 700;
    margin-bottom: 16px;
    font-size: 16px
}

.space-main__headline-big {
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 32px
}

@media screen and (max-width: 991px) {
    .space-main__headline-big {
        font-size: 20px;
        margin-bottom: 16px
    }
}

.space-campaign__list {
    background: #f6f6f6;
    padding: 24px
}

.space-campaign__list a {
    font-weight: 700
}

@media screen and (max-width: 991px) {
    .space-campaign__list {
        padding: 16px
    }

    .space-campaign__list a {
        font-size: 12px
    }
}

.space-campaign__list .space-campaign__item:not(:last-child) {
    margin-bottom: 16px
}

.space-expandable__continue {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3em;
    background: -ms-linear-gradient(top, hsla(0, 0%, 96.1%, 0) 0, #f5f5f5 50%, #f6f6f6 100%);
    background: -moz-linear-gradient(top, hsla(0, 0%, 96.1%, 0) 0, #f5f5f5 50%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, hsla(0, 0%, 96.1%, 0), #f5f5f5 50%, #f6f6f6);
    background: linear-gradient(top, hsla(0, 0%, 96.1%, 0), #f5f5f5 50%, #f6f6f6)
}

.space-expandable {
    position: relative
}

.space-expandable__area {
    height: 4.5em;
    overflow: hidden
}

.space-expandable__link {
    margin-top: 4px
}

.js-space-expandable__open .space-expandable__continue {
    display: none
}

.js-space-expandable__open .space-expandable__area {
    height: auto;
    overflow: auto
}

.js-space-expandable__open .space-expandable__link {
    display: none
}

.space-selection__headline {
    font-weight: 700;
    font-size: 16px
}

.space-selection__description {
    margin-top: 6px;
    line-height: 1.5
}

.space-selection__tagtext {
    font-size: 14px;
    margin-top: 4px;
    margin-left: 16px;
    color: #999
}

@media screen and (max-width: 991px) {
    .space-selection__tagtext {
        width: 100%;
        display: block
    }
}

.space-main__tab {
    font-size: 0;
    margin: 24px 0 0;
    border-bottom: 1px solid #ddd;
    height: 65px
}

.space-main__tab-list {
    display: block;
    position: relative;
    width: 100%
}

.space-main__tab-list li {
    width: 240px;
    height: 65px;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: center;
    border-radius: 3px 3px 0 0;
    font-size: 14px
}

@media screen and (max-width: 991px) {
    .space-main__tab-list li {
        width: 50%;
        border-radius: 0;
        border-left: none
    }
}

.space-main__tab-list li a {
    display: block;
    background: #eee;
    color: #999
}

.space-main__tab-list li a:visited {
    color: #999
}

.space-main__tab-list li a.is-current {
    background: #fff;
    color: #666
}

.space-main__tab-list li a.is-current:visited {
    color: #666
}

.space-main__tab-list li ~ li {
    border-left: none
}

@media screen and (max-width: 991px) {
    .space-main__tab-list li ~ li {
        border-right: none
    }
}

.space-main__tab-list li.is-current {
    border-bottom: 1px solid #f6f6f6
}

.space-main__tab-rental .space-main__tab-inner, .space-main__tab-stay .space-main__tab-inner {
    display: block;
    height: 63px;
    line-height: 63px
}

.space-main__tab-rental a .space-main__tab-inner, .space-main__tab-stay a .space-main__tab-inner {
    color: #999;
    border: none
}

.space-main__tab-rental a .space-main__tab-inner:hover, .space-main__tab-stay a .space-main__tab-inner:hover {
    background: #fff;
    color: #ccc
}

.space-main__tab-rental .space-main__tab-inner, .space-main__tab-stay, .space-main__tab-stay .space-main__tab-inner {
    color: #f06060;
    border-top: 2px solid #f06060
}

.space-main__tab-inside {
    padding: 16px 0 0
}

.space-main__amenity .fa, .space-main__amenity .icon {
    margin-right: 5px
}

.space-main__amenity .is-none {
    color: #cdc7c7;
    text-decoration: line-through
}

.space-main__amenity li {
    margin-bottom: 8px
}

.space-main__case div:first-of-type {
    padding-left: 0
}

@media screen and (max-width: 599px) {
    .space-main__case div:first-of-type {
        padding: 0
    }
}

@media screen and (max-width: 599px) {
    .space-main__case {
        position: relative
    }

    .space-main__case div {
        line-height: 0
    }
}

.space-main__case-title {
    font-size: 16px;
    margin-bottom: 8px
}

.space-main__case-title + div {
    padding-left: 0
}

@media screen and (max-width: 599px) {
    .space-main__case-title {
        font-size: 14px;
        margin-bottom: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 12px;
        background: rgba(0, 0, 0, .5)
    }

    .space-main__case-title a {
        color: #fff
    }
}

.space-main__photo-2 img, .space-main__photo-3 img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    margin: auto;
    vertical-align: bottom;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.space-main__photo-2 {
    width: 100%;
    height: 173px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width: 1200px) {
    .space-main__photo-2 {
        height: 138.5px
    }
}

.space-main__photo-3 {
    overflow: hidden;
    height: 200px;
    width: auto;
    position: relative
}

@media screen and (max-width: 1199px) {
    .space-main__photo-3 {
        height: 180px
    }
}

.space-main__photo-more {
    position: absolute;
    top: 0;
    left: 0;
    height: 200px;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.space-main__photo-more:visited {
    color: #fff
}

.space-main__photo-more .fa {
    display: block;
    margin-bottom: 8px;
    font-size: 30px
}

.space-main__photo-more .space-main__photo-text {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%)
}

.space-main__photo-more:hover {
    background: transparent
}

@media screen and (max-width: 1200px) {
    .space-main__photo-more {
        height: 100%
    }
}

@media screen and (max-width: 991px) {
    .space-main__photo-more {
        height: 200px
    }
}

.space-main__vr {
    margin-top: 16px
}

@media screen and (max-width: 991px) {
    .space-main__vr {
        margin-top: 0
    }
}

.space-main__vr iframe {
    width: 100%;
    height: 480px
}

@media screen and (max-width: 991px) {
    .space-main__vr iframe {
        width: 100%;
        height: 200px
    }
}

.space-main__video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-top: 24px
}

@media screen and (max-width: 991px) {
    .space-main__video {
        margin-top: 8px
    }
}

.space-main__video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.space-plan {
    background: #f6f6f6;
    padding: 24px
}

@media screen and (max-width: 991px) {
    .space-plan {
        padding: 12px 16px
    }
}

.space-plan .space-plan__title {
    line-height: 1.3;
    border-bottom: 1px dashed #eaeaea;
    font-size: 20px;
    padding-bottom: 8px;
    margin-bottom: 12px;
    padding-right: 160px
}

.space-plan .space-plan__title.is-noreservation {
    padding-right: 0
}

@media screen and (max-width: 991px) {
    .space-plan .space-plan__title {
        padding-right: 0
    }
}

.space-plan .space-plan__description {
    padding: 12px 16px;
    margin-bottom: 16px;
    border: 1px solid #eaeaea;
    font-size: 13px;
    line-height: 1.6;
    white-space: pre-line
}

@media screen and (max-width: 991px) {
    .space-plan .space-plan__description {
        margin-bottom: 0
    }
}

.space-main__planarea {
    border-bottom: none;
    padding-bottom: 0
}

@media screen and (max-width: 991px) {
    .space-main__planarea {
        margin: 0 -16px;
        background: #f6f6f6
    }

    .space-main__planarea .space-main__headline-big {
        padding: 0 16px;
        text-align: center
    }
}

.space-plan__item {
    background: #fff;
    padding: 24px 16px;
    position: relative
}

.space-plan__item:not(:first-child) {
    margin-top: 16px
}

@media screen and (max-width: 991px) {
    .space-plan__item {
        padding: 16px 12px
    }
}

.space-plan__info {
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .space-plan__info {
        margin-bottom: 12px
    }
}

.space-plan__info .space-plan__info-item {
    font-size: 12px;
    margin-bottom: 3px;
    position: relative;
    padding-left: 22px
}

.space-plan__info .space-plan__info-item i {
    position: absolute;
    top: 3px;
    left: 0
}

.space-plan__info span {
    font-weight: 700
}

.space-plan__info .space-plan__info-month, .space-plan__info .space-plan__info-week {
    display: inline-block
}

.space-plan__schedule-title {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 16px;
    line-height: 1
}

.space-plan__link {
    text-align: right;
    margin-top: 16px
}

@media screen and (max-width: 991px) {
    .space-plan__link {
        text-align: left
    }
}

.space-plan__link .space-plan__link-button {
    font-size: 13px;
    color: #017da7
}

.space-plan__link .space-plan__link-button:hover {
    text-decoration: underline
}

@media screen and (max-width: 991px) {
    .space-plan__link .space-plan__link-button:hover {
        text-decoration: none
    }
}

.space-plan__link .is-disabled {
    display: none
}

@media screen and (max-width: 991px) {
    .space-plan__link .space-plan__link-button {
        font-weight: 700;
        position: static;
        background: #4abfe6;
        color: #fff;
        font-size: 16px;
        padding: 12px;
        width: 100%;
        display: block;
        line-height: 1.3;
        text-align: center;
        border-radius: 3px
    }

    .space-plan__link .space-plan__link-button i {
        display: none
    }

    .space-plan__link .is-disabled {
        position: static;
        background: #eaeaea;
        color: #999;
        border: 1px solid #e1e1e1;
        font-size: 16px;
        padding: 12px;
        width: 100%;
        display: block;
        line-height: 1.3;
        text-align: center;
        border-radius: 3px;
        font-weight: 700
    }

    .space-plan__link .is-disabled i {
        display: none
    }
}

.space-plan__schedule-time {
    font-size: 11px;
    display: flex;
    color: #b3b3b4;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.space-plan__schedule-blank {
    margin-right: 1em;
    display: flex;
    margin-bottom: 16px
}

.space-plan__schedule-blank span {
    background: #f6f6f6;
    display: block;
    height: 20px;
    width: 100%;
    margin: 1.5px
}

.space-plan__schedule-blank span.is-on {
    background: #4abfe6
}

@media screen and (max-width: 991px) {
    .space-plan__schedule-blank span {
        height: 15px
    }
}

.space-plan__price {
    font-weight: 700;
    margin-top: 24px
}

.space-plan__price span {
    font-weight: 400;
    font-size: 12px
}

@media screen and (max-width: 991px) {
    .space-plan__price {
        margin: 12px 0 48px
    }
}

.space-plan__no-reserve {
    color: #b3b3b4;
    text-align: center;
    font-size: 16px;
    margin-top: 24px;
    margin-bottom: 8px
}

@media screen and (max-width: 991px) {
    .space-plan__no-reserve {
        margin-top: 16px
    }
}

.bottom__request-area {
    background: #fff;
    position: fixed;
    bottom: -70px;
    padding: 8px 16px;
    border-top: 1px solid #eaeaea;
    width: 100%;
    left: 0;
    z-index: 300;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.bottom__request-area.bottom__fixed {
    bottom: 0
}

.bottom__request-area .btn__style {
    width: 100%
}

.bottom__request-area .btn__style br {
    display: none
}

@media screen and (max-width: 1199px) {
    .bottom__request-area .btn__style br {
        display: block
    }
}

@media screen and (max-width: 991px) {
    .bottom__request-area .btn__style br {
        display: none
    }
}

.space-plan__op-title {
    font-weight: 700;
    font-size: 16px;
    margin: 32px 0 24px
}

@media screen and (max-width: 991px) {
    .space-plan__op-title {
        text-align: center;
        margin: 24px 0
    }
}

.space-plan__option-list {
    background: #fff;
    padding: 12px 24px;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media screen and (max-width: 991px) {
    .space-plan__option-list {
        padding: 12px
    }
}

.space-plan__option-memo {
    font-size: 12px;
    padding: 16px 24px 32px;
    white-space: pre-line
}

.space-plan__option-more {
    color: #017da7;
    text-align: center;
    cursor: pointer;
    margin-bottom: 12px
}

.space-plan__option-more:hover {
    text-decoration: underline
}

@media screen and (max-width: 991px) {
    .space-plan__option-more {
        margin-top: -8px
    }

    .space-plan__option-more:hover {
        text-decoration: none
    }
}

.space-plan__amenity {
    border-bottom: none;
    padding-bottom: 48px
}

.space-plan__amenity i {
    margin-right: 5px
}

.space-plan__amenity .space-main__headline-big {
    margin-top: 40px
}

@media screen and (max-width: 991px) {
    .space-plan__amenity {
        background: #fff;
        margin: 0 -12px;
        padding: 32px 12px;
        border-bottom: 1px solid #eaeaea
    }

    .space-plan__amenity .space-main__headline-big {
        text-align: left;
        padding: 0;
        margin: 0 0 24px
    }
}

.space-plan .space-plan__description {
    margin-bottom: 0
}

@media screen and (max-width: 991px) {
    .space-plan .space-plan__description {
        margin-bottom: 16px
    }
}

.space-main__host {
    margin: 40px 0 32px;
    display: flex;
    line-height: 1.5
}

.space-main__host a:hover {
    text-decoration: underline
}

@media screen and (max-width: 991px) {
    .space-main__host {
        margin-bottom: 16px;
        margin-top: 24px
    }
}

.space-main__hostarea {
    border-bottom: none
}

.space-main__host-icon {
    width: 145px;
    height: 145px;
    border-radius: 50%
}

@media screen and (max-width: 991px) {
    .space-main__host-icon {
        margin-bottom: 8px;
        width: 75px;
        height: 75px
    }
}

.space-main__host-info {
    margin-left: 24px
}

.space-main__host-info .mod-host__superhost__help-tooltip {
    top: 32px
}

.space-main__owner-superhost {
    position: absolute;
    top: 100px;
    right: -4px;
    width: 38px;
    height: 50px
}

@media screen and (max-width: 991px) {
    .space-main__owner-superhost {
        width: 25px;
        height: 33px;
        top: 50px
    }
}

.space-main__host-text {
    max-height: 4.5em;
    overflow: hidden;
    line-height: 1.6;
    clear: both
}

@media screen and (max-width: 991px) {
    .space-main__host-text {
        font-size: 13px
    }
}

.space-main__host-info .host-ribon {
    line-height: 20px
}

@media screen and (max-width: 991px) {
    .space-main__host-info .host-ribon {
        font-size: 11px;
        font-weight: 700
    }
}

.host-ribon {
    display: inline-block;
    padding: 0 16px;
    background: #f5d02c;
    height: 20px;
    position: relative;
    color: #fff;
    font-size: 12px
}

.host-ribon:after, .host-ribon:before {
    content: "";
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute
}

.host-ribon:before {
    left: 0;
    border-width: 10px 0 10px 4px;
    border-color: transparent transparent transparent #fff
}

.host-ribon:after {
    right: 0;
    border-width: 10px 4px 10px 0;
    border-color: transparent #fff transparent transparent
}

.host-ribon .mod-evaluate__question {
    color: #fff;
    font-size: 10px
}

.space-main__host-namearea {
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin: 4px 0 8px
}

@media screen and (max-width: 991px) {
    .space-main__host-namearea {
        display: block
    }
}

.space-main__host-name {
    font-size: 18px
}

@media screen and (max-width: 991px) {
    .space-main__host-name {
        font-size: 16px
    }
}

.space-main__host-more {
    font-size: 12px;
    margin-top: 4px
}

.space-main__host-date {
    color: #999;
    font-size: 12px;
    display: inline-block
}

.space-main__host-date-days {
    margin-left: 4px
}

@media screen and (max-width: 599px) {
    .col-xs-9.col-xs__12 {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width: 600px) {
    .col-xs-9.col-xs__12 {
        width: 75%
    }
}

.space-main__map {
    height: 390px;
    background-color: #b2ebf2;
    border-bottom: 1px solid #eaeaea
}

.space-main__access {
    padding: 15px 0 3px
}

.space-main__access-title {
    width: 100px;
    color: #b3b3b4;
    float: left;
    margin-bottom: 12px
}

.space-main__access-content {
    margin-bottom: 12px;
    margin-left: 100px
}

.space-main__access-googlemap {
    float: right;
    padding: 13px
}

@media screen and (max-width: 1199px) {
    .space-main__access-googlemap {
        float: none;
        margin-bottom: 15px
    }
}

.pace-main__maparea-sp {
    position: static;
    width: auto;
    padding: 0 0 24px;
    margin: 0 -16px
}

.pace-main__maparea-sp .space-main__map {
    height: 200px;
    position: static
}

.pace-main__maparea-sp .space-main__access {
    padding: 12px 16px 0
}

@media screen and (max-width: 599px) {
    .pace-main__maparea-sp .space-main__access-title {
        float: none;
        margin-bottom: 4px
    }
}

@media screen and (max-width: 599px) {
    .pace-main__maparea-sp .space-main__access-content {
        margin-bottom: 16px;
        margin-left: 0
    }
}

.space-main__attention .space-main__section-big {
    border-bottom: none;
    width: 66%
}

@media screen and (max-width: 991px) {
    .space-main__attention .space-main__section-big {
        padding-bottom: 0;
        width: 100%
    }
}

.space-main__attention-sub {
    color: #b3b3b4;
    font-weight: 700;
    font-size: 14px;
    margin-left: 24px
}

@media screen and (max-width: 991px) {
    .space-main__attention-sub {
        display: block;
        margin: 12px 0 0;
        font-size: 12px
    }
}

.space-main__attention-info {
    line-height: 1.6;
    margin-top: 40px
}

.space-main__attention-info dt {
    float: left;
    clear: left;
    width: 11em;
    margin-bottom: 24px;
    padding-bottom: 24px
}

.space-main__attention-info dd {
    padding-left: calc(11em + 24px);
    font-size: 13px;
    margin-right: 24px;
    white-space: pre-line
}

.space-main__attention-info dd:not(:last-child) {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 24px;
    padding-bottom: 24px
}

@media screen and (max-width: 991px) {
    .space-main__attention-info dd:not(:last-child) {
        margin-bottom: 16px;
        padding-bottom: 16px
    }
}

@media screen and (max-width: 991px) {
    .space-main__attention-info {
        margin-top: 24px
    }

    .space-main__attention-info dt {
        float: none;
        padding-bottom: 0;
        margin-bottom: 8px;
        font-weight: 700
    }

    .space-main__attention-info dd {
        padding: 0 0 16px;
        margin: 0
    }
}

.attention-info__list:after {
    content: "";
    clear: both;
    display: block
}

.attention-info__list li {
    width: 33%;
    float: left;
    margin-bottom: .5em
}

.space-main__payment, .space-main__payment li {
    margin-bottom: 8px
}

.space-main__payment-title {
    font-weight: 700
}

.space-main__payment-attention {
    font-size: 12px;
    font-weight: 700;
    margin-left: 5px
}

.space-main__payment-image {
    height: 20px;
    width: auto;
    margin-bottom: 4px;
    margin-left: 4px;
    vertical-align: bottom
}

.space-main__payment-paid-image {
    height: 16px;
    width: auto;
    margin-bottom: 4px
}

.space-main__usage .space-main__headline {
    margin-bottom: 24px
}

.space-main__usage .space-main__usage-list {
    margin-top: 15px;
    line-height: 1
}

.space-main__usage .space-main__usage-name {
    display: inline-block;
    width: 6.5em;
    line-height: 1
}

.space-main__usage .space-main__usage-graph {
    display: inline-block;
    width: 50%;
    height: 12px;
    background: #eaeaea;
    border-radius: 2px;
    margin-right: 10px;
    line-height: 1
}

@media screen and (max-width: 991px) {
    .space-main__usage .space-main__usage-graph {
        width: calc(100% - 7em - 60px);
        max-width: 300px
    }
}

.space-main__usage .space-main__usage-graph-content {
    display: inline-block;
    height: 12px;
    background: #4abfe6;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.space-main__usage .space-main__usage-per {
    display: inline-block;
    min-width: 35px;
    text-align: right;
    line-height: 1
}

.mod__units-item {
    margin-bottom: 48px
}

.mod__units-item, .mod__units-item__list {
    position: relative
}

@media screen and (max-width: 1199px) {
    .mod__units-item__list {
        margin-bottom: 16px
    }
}

.units-item__body-info .is-default {
    color: #b3b3b4
}

.mod__units-item__arrow .fa-chevron-left, .mod__units-item__arrow .fa-chevron-right {
    color: #666;
    position: absolute;
    top: 35%;
    font-size: 45px
}

.mod__units-item__arrow .fa-chevron-left {
    left: -48px
}

.mod__units-item__arrow .fa-chevron-right {
    right: -48px
}

.mod__units-item__arrow .slick-disabled .fa-chevron-left, .mod__units-item__arrow .slick-disabled .fa-chevron-right {
    color: #f0f0f0
}

.space-smfix__request {
    font-size: 16px;
    padding: 16px 0
}

.space-smfix__request br {
    display: none
}

@media screen and (max-width: 991px) {
    .space-smfix__request {
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 10
    }
}

.space-main__otherspace {
    border-bottom: none;
    padding-bottom: 0
}

@media screen and (min-width: 768px) {
    .space-main__otherspace > .contents {
        padding: 0 48px
    }
}

.space-main__otherspace .space-main__headline-big {
    font-size: 16px;
    margin-top: 32px
}

@media screen and (min-width: 768px) {
    .space-main__otherspace .space-main__headline-big {
        font-size: 20px;
        margin: 48px 0 24px
    }
}

.space-main__dateform {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 55px;
    color: #a0a0a0;
    background-color: #fff;
    padding-left: 65px;
    border: 1px solid #eaeaea;
    margin-top: 0;
    margin-bottom: 16px;
    color: #333
}

.space-main__dateform:after {
    position: absolute;
    bottom: 16px;
    right: 24px;
    color: #4abfe6;
    font-size: 20px;
    content: "\F0D7"
}

.space-main__dateform:before {
    position: absolute;
    bottom: 16px;
    left: 24px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    content: "\F073"
}

@media screen and (max-width: 991px) {
    .space-main__dateform {
        padding-left: 50px;
        height: 46px;
        margin-bottom: 8px;
        border-left: none;
        border-right: none
    }

    .space-main__dateform:before {
        bottom: 12px;
        left: 16px
    }

    .space-main__dateform:after {
        bottom: 12px;
        right: 16px
    }
}

.space-main__dateform-input {
    width: 100%;
    color: #4b4b4b;
    font-size: 20px;
    padding: 10px;
    height: 53px;
    border: none;
    border-left: 1px solid #eaeaea
}

@media screen and (max-width: 991px) {
    .space-main__dateform-input {
        height: 44px;
        font-size: 16px
    }
}

:placeholder-shown {
    color: #eaeaea
}

::-webkit-input-placeholder {
    color: #eaeaea
}

:-ms-input-placeholder {
    color: #eaeaea
}

::-moz-placeholder {
    color: #eaeaea;
    opacity: 1
}

.search-list {
    width: 100%;
    position: relative
}

.search-list__container {
    margin: 0 24px
}

@media screen and (max-width: 991px) {
    .search-list__container {
        margin: 0 12px
    }
}

.search-list__main {
    width: 65%;
    background: #fff;
    overflow-y: scroll;
    top: 120px;
    left: 0;
    bottom: 0;
    position: fixed
}

@media screen and (max-width: 991px) {
    .search-list__main {
        top: 0;
        position: static;
        width: 100%;
        overflow-y: hidden
    }
}

.search-list__map {
    width: 35%;
    background: #b2ebf2;
    top: 120px;
    left: auto;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 5
}

@media screen and (max-width: 991px) {
    .search-list__map {
        width: 100%;
        overflow-y: hidden;
        top: 115px;
        display: none
    }
}

.search-list__main-tab {
    display: none
}

@media screen and (max-width: 991px) {
    .search-list__main-tab {
        display: block;
        background: #f6f6f6;
        padding-top: 12px;
        font-size: 0
    }
}

.sm__search-tab {
    display: none
}

@media screen and (max-width: 991px) {
    .sm__search-tab {
        display: block;
        margin-left: 12px;
        margin-right: 12px
    }

    .sm__search-tab li {
        width: 50%;
        display: inline-block;
        font-size: 12px
    }

    .sm__search-tab li a {
        display: block;
        padding: 16px 0;
        text-align: center;
        border-radius: 3px 3px 0 0;
        background: #eee;
        color: #999
    }

    .sm__search-tab li a:visited {
        color: #999
    }

    .sm__search-tab li a.is-current {
        background: #fff;
        color: #666
    }

    .sm__search-tab li a.is-current:visited {
        color: #666
    }
}

.search-list__type {
    background: #f6f6f6;
    border-bottom: 1px solid #eee;
    padding: 14px 0;
    z-index: 10;
    top: 48px;
    width: 65%;
    position: fixed
}

.search-list__type-title {
    float: left;
    padding: 10px 0
}

.search-list__type__click {
    padding: 10px 16px 8px 4px;
    float: left;
    border-right: 1px solid #ddd;
    position: relative;
    cursor: help
}

.search-list__type-tooltip {
    left: -60px;
    top: 35px
}

.search-list__type__click:hover .mod-tooltip {
    display: block;
    -webkit-animation: typeTooltipDown .25s 1;
    animation: typeTooltipDown .25s 1
}

.search-list__type-baloon:before {
    top: -7px;
    left: 28%
}

.search-list__type-select {
    float: left;
    padding: 11px 0 0 16px
}

.search-list__type-select li {
    display: inline
}

.search-list__type-button {
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;
    width: 220px
}

@media screen and (max-width: 1199px) {
    .search-list__type-button {
        width: 26%
    }
}

.search-list__main-result {
    margin: 24px 0 70px;
    z-index: 6
}

@media screen and (max-width: 991px) {
    .search-list__main-result {
        margin: 0 auto 70px
    }
}

.search-list__sort {
    float: right;
    margin-left: 10px;
    background: #fff
}

@media screen and (max-width: 1199px) {
    .search-list__sort {
        margin-top: 4px
    }
}

@media screen and (max-width: 991px) {
    .search-list__sort {
        margin: 16px 0 8px 8px
    }
}

@media screen and (max-width: 991px) {
    .search-list__head {
        padding-top: 16px
    }
}

.search-list__head-title {
    font-size: 20px;
    font-weight: 700;
    padding: 5px 0;
    display: inline
}

@media screen and (max-width: 1199px) {
    .search-list__head-title {
        display: block;
        padding-bottom: 2px
    }
}

@media screen and (max-width: 991px) {
    .search-list__head-title {
        font-size: 15px;
        display: block
    }
}

.search-list__head-number {
    color: #999;
    font-weight: 700;
    margin-top: 9px;
    margin-left: 8px;
    display: inline
}

@media screen and (max-width: 1199px) {
    .search-list__head-number {
        display: block;
        margin-left: 0;
        margin-top: 2px;
        font-size: 12px
    }
}

@media screen and (max-width: 991px) {
    .search-list__head-number {
        font-size: 10px
    }
}

.search-list__head-wrap {
    float: left;
    width: 76%;
    line-height: 1.4;
    margin-top: -2px
}

@media screen and (max-width: 991px) {
    .search-list__head-wrap {
        float: none;
        width: auto;
        margin-top: -6px
    }
}

.sm__search-list__narrow {
    float: right;
    margin-left: 10px;
    margin-top: 16px
}

.search-list__narrow-button {
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;
    width: 92px;
    font-size: 11px
}

.search-list__main-nav {
    margin-top: 8px;
    padding-top: 24px;
    border-top: 1px solid #eaeaea
}

.search-list__main-nav strong {
    font-weight: 700
}

.search-list__0num {
    clear: both;
    padding-top: 40px
}

.search-list__0num p {
    line-height: 1.5
}

.search-list__result-favorite {
    position: absolute;
    max-width: 55%;
    text-align: center;
    z-index: 9;
    top: 22px;
    right: 68px
}

@media screen and (max-width: 991px) {
    .search-list__result-favorite {
        top: 12px
    }
}

.search-list__result-favorite-baloon {
    font-size: 12px;
    background-color: #fff;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.search-list__result-favorite-baloon:before {
    background-color: #fff;
    position: absolute;
    content: " ";
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    top: 11px;
    right: -7px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.search-list__result-favorite-baloon:after {
    background-color: #fff;
    position: absolute;
    content: " ";
    height: 28px;
    width: 13px;
    top: 3px;
    right: 0
}

.search-list__result-baloon-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 12px
}

.search-list__map-picup {
    background: #fff;
    height: 142px
}

.search-list__map-picup img {
    float: left;
    height: 100%
}

.search-list__map-picup-inner {
    padding: 12px 0 8px 8px;
    margin-left: 154px;
    margin-right: 16px;
    position: relative
}

@media screen and (max-width: 1199px) {
    .search-list__map-picup-inner {
        margin-left: 150px;
        margin-right: 8px
    }
}

.search-list__map-picup-title {
    font-size: 14px;
    line-height: 1.5;
    overflow: hidden;
    height: 65px;
    margin-bottom: 16px
}

@media screen and (max-width: 1199px) {
    .search-list__map-picup-title {
        font-size: 12px;
        height: 55px
    }
}

@media screen and (max-width: 991px) {
    .search-list__map-picup-title {
        font-size: 14px;
        height: 65px
    }
}

.search-list__map-picup-price {
    padding: 10px 5px;
    margin-right: 50px;
    text-align: center;
    background-color: #000;
    font-size: 14px;
    color: #fff;
    border-radius: 3px
}

.search-list__map-picup-fav, .search-list__map-picup-fav__on {
    top: auto;
    bottom: 5px;
    right: 0
}

.search-list__map-picup-fav .fa-heart, .search-list__map-picup-fav__on .fa-heart {
    width: 40px;
    height: 40px;
    box-shadow: none;
    text-shadow: none;
    color: #ddd;
    border-color: #ddd;
    opacity: 1
}

.search-list__map-picup-fav .fa-heart:before, .search-list__map-picup-fav__on .fa-heart:before {
    speak: none;
    font-size: 16px;
    line-height: 31px
}

.search-list__map-picup-fav__on .fa-heart {
    color: #f06060;
    border-color: #f06060
}

.search-list__map-favorite-baloon {
    font-size: 12px;
    background-color: #fff;
    position: absolute;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    bottom: -32px;
    right: 1px;
    z-index: 9;
    max-width: 225px;
    min-width: 75px;
    text-align: center
}

.search-list__map-favorite-baloon:before {
    background-color: #fff;
    position: absolute;
    content: " ";
    height: 15px;
    width: 15px;
    transform: rotate(45deg);
    top: -7px;
    right: 12px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.search-list__map-favorite-baloon:after {
    background-color: #fff;
    position: absolute;
    content: " ";
    height: 12px;
    width: 90%;
    top: 0;
    right: 5px
}

.search-list__map-favorite-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 12px
}

.search-list__map-baloon {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    width: auto;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #4abfe6;
    border-radius: 3px;
    z-index: 9;
    border-bottom: 1px solid #42a9cc;
    font-size: 14px
}

.search-list__map-baloon:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    display: block;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background: #4abfe6;
    border-right: 1px solid #42a9cc;
    border-bottom: 1px solid #42a9cc
}

.search-list__map-baloon:hover, .search-list__map-baloon:hover:before {
    background: #72ccea
}

.search-list__map-baloon .baloon-inner {
    background: transparent;
    padding: 0
}

.search-list__map-baloon.is-visited {
    background: #999;
    border-color: grey
}

.search-list__map-baloon.is-visited:hover, .search-list__map-baloon.is-visited:hover:before {
    background: #afafaf
}

.search-list__map-baloon.is-visited:before {
    background: #999;
    border-color: grey
}

.search-list__map-baloon.is-current {
    background: #60df52;
    border-color: #60ce52
}

.search-list__map-baloon.is-current:hover, .search-list__map-baloon.is-current:hover:before {
    background: #8fea86
}

.search-list__map-baloon.is-current:before {
    background: #60df52;
    border-color: #60ce52
}

.search-list__map-baloon.is-active {
    background: #fff;
    border: 2px solid #4abfe6;
    color: #4abfe6;
    line-height: 29px
}

.search-list__map-baloon.is-active:before {
    background: #fff;
    border-color: #4abfe6;
    border-width: 2px
}

.search-list__map-search-move {
    position: absolute;
    bottom: 12px;
    font-size: 12px;
    background-color: #fff;
    padding: 8px 0 8px 26px;
    width: 170px;
    border-radius: 3px;
    border: 1px solid #eaeaea;
    color: #4a4b4e;
    left: 50%;
    margin: 0 0 0 -85px
}

.search-list__map-search-move:before {
    margin-top: -4px;
    margin-left: 8.5px
}

.search-list__map-search-move:after {
    margin-top: -7px;
    margin-left: 8px
}

.search-list__map-search-again {
    position: absolute;
    bottom: 12px;
    font-size: 12px;
    font-weight: 400;
    padding: 8px 0;
    width: 170px;
    left: 50%;
    margin-left: -85px
}

.search-filter-mod {
    position: absolute;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e4e8ea
}

@media screen and (max-width: 991px) {
    .search-filter-mod {
        top: 49px
    }
}

.search-filter-mod-head {
    z-index: 10
}

.search-filter-mod-side {
    top: 0;
    position: absolute;
    overflow: hidden;
    border: none;
    background: #f4f6f7;
    padding-bottom: 100px;
    min-height: 100%;
    z-index: 9
}

@media screen and (max-width: 991px) {
    .search-filter-mod-side {
        top: 232px
    }
}

@media screen and (max-width: 599px) {
    .search-filter-mod-side {
        top: 232px;
        height: inherit
    }
}

.search-change {
    background: #fff;
    padding-bottom: 40px;
    border-bottom: 1px solid #d0d1cf
}

.search-change__main {
    width: 100%;
    margin: 0 auto;
    padding-top: 24px;
    position: absolute
}

@media screen and (max-width: 1199px) {
    .search-change__main {
        padding-top: 0
    }
}

.search-change__main-title {
    font-weight: 700;
    margin-top: 24px;
    color: #78909c;
    margin-bottom: 18px;
    clear: both
}

.search-change__main-clear {
    font-size: 12px;
    float: right;
    margin-top: 2px
}

.search-change__main-clear:hover {
    text-decoration: underline
}

.search-change__main-title-keyword {
    margin-bottom: 0
}

.search-change__cancel {
    font-size: 10px;
    text-align: center;
    position: absolute;
    right: 24px;
    top: 16px;
    z-index: 10
}

.search-change__cancel a, .search-change__cancel a:visited {
    color: #e9e9e9
}

.search-change__cancel a:hover {
    color: #ddd
}

.search-change__cancel-icon {
    font-family: Arial, sans-serif;
    display: block;
    font-size: 60px;
    line-height: .6
}

@media screen and (max-width: 991px) {
    .search-change__cancel-icon {
        font-size: 60px
    }
}

.search-change__main-list {
    clear: both;
    padding: 24px 0;
    border-bottom: 1px solid #eaeaea
}

.search-change__type li {
    display: inline;
    margin-right: 8px
}

@media screen and (max-width: 991px) {
    .search-change__type li {
        margin-right: 0;
        display: block
    }

    .search-change__type li ~ li {
        margin-top: 16px
    }
}

.search-change__label {
    font-size: 11px;
    display: block;
    margin-bottom: 8px
}

@media screen and (max-width: 991px) {
    .sm-search-change__mb {
        margin-bottom: 16px
    }
}

.search-change__fl {
    float: left;
    margin-right: 16px;
    display: block
}

@media screen and (max-width: 991px) {
    .search-change__fl {
        float: none;
        margin-right: 0
    }
}

.search-change__fl__time {
    float: left;
    margin-right: 8px
}

.search-change__time {
    padding-top: 30px
}

.search-change__amenity-checkbox {
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .search-change__amenity-checkbox {
        margin-bottom: 20px
    }
}

.search-change__option-checkbox {
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .search-change__option-checkbox {
        margin-bottom: 20px
    }
}

.search-change__direct-icon {
    color: #f3d600;
    margin-right: 5px;
    font-size: 18px !important
}

.search-change__discount-icon {
    color: #e95175;
    margin-right: 5px;
    font-size: 18px !important
}

.search-change__amenity-divide {
    clear: both;
    padding: 16px 0 0;
    margin-top: 8px;
    border-top: 1px solid #eaeaea
}

.search-change__amenity-title {
    color: #d0d1cf;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 16px
}

.search-change__button-area {
    margin: 40px auto 16px;
    text-align: center
}

.search-change__button {
    width: 250px
}

@media screen and (max-width: 991px) {
    .search-change__button {
        width: 100%
    }
}

.search-slider__area {
    width: 100%
}

.search-slider__input {
    width: 94px;
    font-size: 10px;
    padding-bottom: 0
}

.search-slider__price {
    font-size: 11px;
    margin-left: 6px;
    display: block;
    float: right;
    padding-top: 14px
}

.search-slider__pricebox {
    margin-top: 16px
}

@media screen and (max-width: 991px) {
    .search-slider__pricebox {
        margin-top: 0
    }
}

@media screen and (max-width: 991px) {
    #js-slider__range {
        display: none
    }
}

.mdl-form-box, .search-box {
    width: 100%;
    padding: 6px 0 0;
    clear: both
}

.search-filter-mod .search-box {
    padding-top: 8px
}

.search-box__main {
    width: 100%;
    margin-bottom: 8px;
    padding: 0 12px;
    clear: both
}

.search-filter-mod-side .search-box {
    padding-top: 0
}

.search-box__option {
    padding: 0 12px 24px
}

@media screen and (max-width: 991px) {
    .search-box__option {
        padding: 0 12px 12px
    }
}

.search-box__option:last-child {
    border: none
}

.search-box__button-area {
    border-top: 1px solid #e4e8ea;
    background: #fff;
    width: 65%;
    position: fixed;
    bottom: 0;
    z-index: 9999
}

@media screen and (max-width: 991px) {
    .search-box__button-area {
        width: 100%
    }
}

.mdl-form-box .btn-extract-address, .search-box .btn-extract-address {
    position: absolute;
    right: 0;
    bottom: 14px
}

.mdl-form-box input, .mdl-form-box label, .search-box input, .search-box label {
    color: #b0bec5;
    font-size: 14px;
    line-height: 1
}

.mdl-form-box input, .search-box input {
    border-radius: 0
}

.mdl-form-box label, .search-box label {
    padding: 0
}

.mdl-form-box select, .search-box select {
    font-size: 14px;
    line-height: 1
}

.mdl-form-box .service-select select, .search-box .service-select select {
    padding: 2px 0 11px
}

.mdl-form-box #select-section, .search-box #select-section {
    padding-bottom: 19px
}

.mdl-form-box .js-datepicker, .search-box .js-datepicker {
    padding: 2px 0 10px
}

.mdl-form-box .mdl-select, .search-box .mdl-select {
    z-index: 9999
}

.mdl-form-box .mdl-textfield__input, .search-box .mdl-textfield__input {
    color: #000;
    padding: 1px 0 11px
}

.mdl-form-box .select__price-type .mdl-textfield__label, .search-box .select__price-type .mdl-textfield__label {
    top: 22px
}

.mdl-form-box .select__price-type .mdl-textfield__label .material-icons, .search-box .select__price-type .mdl-textfield__label .material-icons {
    font-size: 18px
}

.mdl-form-box .form-checkbox:after, .mdl-form-box .form-checkbox__s:after, .search-box .form-checkbox:after, .search-box .form-checkbox__s:after {
    border: 1px solid #b0bec5;
    border-radius: 3px;
    content: "";
    background: #fff
}

.mdl-form-box .form-checkbox__s, .search-box .form-checkbox__s {
    padding-top: 4px;
    padding-left: 30px;
    color: #37474f;
    display: block
}

.mdl-form-box .form-checkbox__s:after, .search-box .form-checkbox__s:after {
    left: 0;
    margin-top: -8px;
    width: 21px;
    height: 21px;
    background: #fff
}

.mdl-form-box .form-checkbox__s:before, .search-box .form-checkbox__s:before {
    left: 7px;
    margin-top: -5px;
    width: 7px;
    height: 12px;
    border-right: 3px solid #4abfe6;
    border-bottom: 3px solid #4abfe6
}

.search-box-child {
    margin-bottom: 30px
}

@media screen and (max-width: 991px) {
    .search-box-child {
        margin-bottom: 24px
    }
}

@media screen and (max-width: 599px) {
    .search-filter-mod input, .search-filter-mod label {
        font-size: 14px
    }
}

.search-box__button-area .search-box-button {
    text-align: center;
    margin: 24px 0
}

.search-box__button-area .form-btn {
    margin: 0 10px;
    display: inline-block
}

.search-box__tgl-button-area {
    margin-top: 24px
}

.mdl-form-box .form-btn, .search-box .form-btn {
    width: 100%
}

.mdl-form-box .form-btn__blue, .search-box .form-btn__blue {
    display: inline-block;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    border: none;
    border-radius: 2px;
    background: #4abfe6;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
    padding: 14px 0;
    cursor: pointer;
    color: #fff
}

.mdl-form-box .form-btn__blue:hover, .search-box .form-btn__blue:hover {
    background: #4abfe6;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
    border-radius: 3px;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s
}

.mdl-form-box .form-btn__gray, .search-box .form-btn__gray {
    display: inline-block;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    border: none;
    border-radius: 2px;
    color: #37474f;
    background: #e4e8ea;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
    padding: 20px 0;
    cursor: pointer
}

.mdl-form-box .form-btn__gray:hover, .search-box .form-btn__gray:hover {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .3);
    border-radius: 3px;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s
}

@media screen and (max-width: 991px) {
    .mdl-form-box .form-btn-top, .search-box .form-btn-top {
        margin-top: 12px
    }
}

.mdl-form-box .form-btn-m, .search-box .form-btn-m {
    padding: 16px 0;
    font-size: 14px;
    width: 240px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .mdl-form-box .form-btn-m, .search-box .form-btn-m {
        width: 38%;
        font-size: 13px
    }
}

.mdl-form-box .tgl-close, .mdl-form-box .tgl-open, .search-box .tgl-close, .search-box .tgl-open {
    clear: both;
    display: block;
    text-align: center
}

.mdl-form-box .tgl-open-btn, .search-box .tgl-open-btn {
    clear: both;
    text-align: center;
    display: block;
    color: #4abfe6;
    width: 240px;
    margin: 0 auto;
    padding: 12px
}

.mdl-form-box .tgl-close-btn, .search-box .tgl-close-btn {
    clear: both;
    text-align: center;
    display: block;
    color: #37474f;
    background: #e4e8ea;
    width: 240px;
    margin: 0 auto;
    padding: 12px
}

.mdl-form-box .tgl-close-btn:hover, .search-box .tgl-close-btn:hover {
    color: #4abfe6
}

.fa-toggle-open {
    display: block
}

.fa-toggle-open:before {
    font-family: FontAwesome;
    content: "\F106";
    top: -1px;
    left: -12px;
    font-size: 14px;
    position: relative;
    color: #333
}

.fa-toggle-close {
    display: block
}

.fa-toggle-close:before {
    font-family: FontAwesome;
    content: "\F107";
    top: -1px;
    left: -12px;
    font-size: 14px;
    position: relative;
    color: #4abfe6
}

.mdl-form-box .datetime-layout, .search-box .datetime-layout {
    position: relative;
    top: 54px;
    left: 16%;
    max-width: 700px
}

@media screen and (max-width: 991px) {
    .mdl-form-box .datetime-layout, .search-box .datetime-layout {
        top: 112px;
        left: 0;
        margin: 0 12px
    }
}

.mdl-form-box .datetime-layout select, .search-box .datetime-layout select {
    padding: 0 !important
}

.mdl-form-box .datetime-layout__low, .search-box .datetime-layout__low {
    position: relative;
    top: 54px;
    left: 15%
}

@media screen and (max-width: 991px) {
    .mdl-form-box .datetime-layout__low, .search-box .datetime-layout__low {
        top: 166px;
        left: 0
    }
}

.search-box__unique-area {
    border: 1px solid #eceff1;
    background: #fff;
    border-radius: 3px;
    margin-top: 36px;
    margin-bottom: 24px
}

@media screen and (max-width: 991px) {
    .search-box__unique-area {
        margin: 12px 0 0
    }
}

.search-box__unique-area__img {
    width: 114px;
    float: left
}

@media screen and (max-width: 1199px) {
    .search-box__unique-area__img {
        width: 25%
    }
}

@media screen and (max-width: 991px) {
    .search-box__unique-area__img {
        display: none
    }
}

.search-box__unique-area__img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 3px 0 0 3px
}

.search-box__unique-area__txt {
    float: left;
    padding: 18px 24px
}

.search-box__unique-area__ttl {
    font-size: 16px;
    color: #37474f;
    font-weight: 700;
    margin-bottom: 10px
}

.search-box__unique-area__subtxt {
    font-size: 14px;
    color: #78909c
}

.search-box__unique-area__form {
    float: right;
    padding: 25px 24px 24px 0;
    font-size: 16px;
    color: #37474f
}

@media screen and (max-width: 1199px) {
    .search-box__unique-area__form {
        float: left;
        padding: 0 0 12px 24px
    }
}

@media screen and (max-width: 991px) {
    .search-box__unique-area__form {
        float: left;
        padding: 24px
    }
}

@media screen and (max-width: 599px) {
    .search-box__unique-area__form {
        float: left;
        padding-top: 0;
        padding-left: 24px
    }
}

@media screen and (min-width: 992px) and (max-width: 991px) {
    .search-filter__person-num {
        width: 100%
    }
}

.search-filter__person-num .col-xs-5 {
    width: 44.66667%
}

.search-filter__person-num .col-xs-2 {
    width: 10.66667%;
    padding: 0
}

.search-filter__person-num .search-box__while-txt {
    display: block;
    text-align: center;
    line-height: 4.2
}

.search-filter__btn {
    padding: 0;
    margin-left: -12px
}

.search-filter__btn-inner {
    margin-top: 6px
}

.search-filter__btn-txt-wrap {
    display: inline-block;
    padding: 13px 0
}

.search-filter__icon {
    color: #fff
}

@media screen and (max-width: 991px) {
    .search-filter__icon {
        top: 2px
    }
}

.search-filter__btn-txt {
    padding-left: 6px;
    color: #fff
}

@media screen and (max-width: 991px) {
    .search-filter__btn-txt {
        top: 2px
    }
}

.search-filter__btn-item {
    display: inline-block;
    width: 100%;
    min-height: 42px;
    background: #4abfe6;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

@media screen and (max-width: 991px) {
    .search-filter__btn-item {
        display: block;
        text-align: center;
        padding: 10px 0
    }
}

.search-filter__number {
    height: 24px;
    width: 24px;
    padding-top: 7px;
    margin-left: 4px;
    display: inline-block;
    text-align: center;
    letter-spacing: 0;
    position: relative;
    top: 7px;
    overflow: hidden;
    border-radius: 100%;
    font-size: 6px;
    background: #fff;
    color: #4abfe6
}

@media screen and (max-width: 991px) {
    .search-filter__number {
        padding-top: 8px
    }
}

.active-filter-name {
    display: block;
    margin-top: 16px
}

.active-filter-name__list {
    background: #f3f3f3;
    padding: 8px;
    margin-top: 4px;
    margin-right: 8px;
    border-radius: 3px;
    display: inline-block
}

.active-filter-name__item {
    color: #333
}

.active-filter-name__icon {
    margin-right: 4px;
    color: #333
}

.search-side__select-small {
    position: relative;
    cursor: pointer
}

.search-side__select-small:before {
    font-family: FontAwesome;
    position: absolute;
    color: #4abfe6;
    content: "\F0DD";
    right: 8px;
    margin-top: 6px
}

@media screen and (max-width: 991px) {
    .search-side__select-small:before {
        margin-top: 10px;
        right: 12px
    }
}

.search-side__select-small select {
    position: relative;
    height: 32px;
    width: 100%;
    font-size: 14px;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    padding: 8px 20px 8px 8px;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media screen and (max-width: 991px) {
    .search-side__select-small select {
        height: 40px;
        padding: 12px 20px 12px 12px
    }
}

.search-side__form-small {
    cursor: text
}

.search-side__form-small input {
    width: 100%;
    padding: 8px;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    outline: 0;
    height: 32px
}

.search-side__form-small input::-webkit-input-placeholder {
    color: #d1d1d1;
    line-height: 1.286;
    padding-top: 2px
}

@media screen and (max-width: 991px) {
    .search-side__form-small input {
        height: 40px;
        padding: 12px
    }
}

.search-side__form-small-calendar {
    position: relative
}

.search-side__form-small-calendar:after {
    position: absolute;
    margin-right: 8px;
    margin-top: 8px;
    color: #4abfe6;
    right: 8px;
    font-family: fonts;
    content: "\E92D";
    right: 0
}

@media screen and (max-width: 991px) {
    .search-side__form-small-calendar:after {
        margin-right: 12px;
        margin-top: 12px
    }
}

.search-side {
    width: 250px
}

@media screen and (max-width: 991px) {
    .search-side {
        width: 100%
    }
}

.search-side__item {
    margin-bottom: 24px
}

@media screen and (max-width: 991px) {
    .search-side__item {
        margin-bottom: 32px
    }
}

.search-side__item-heading {
    font-size: 14px;
    color: #999;
    font-weight: 700
}

.search-side__item-heading-campaign {
    font-size: 14px;
    color: #999
}

.search-side__item-select {
    margin-top: 12px
}

.search-side__item-heading-icon {
    color: #4abfe6;
    height: 14px;
    width: 14px;
    margin-right: 6px
}

.search-side__item-duratoin {
    margin-top: 12px;
    clear: both
}

.search-side__item-duratoin .search-side__select-small {
    width: 46%;
    float: left
}

@media screen and (max-width: 991px) {
    .search-side__item-duratoin .search-side__select-small {
        width: 47%
    }
}

.search-side__item-duratoin:after {
    display: block;
    clear: both;
    content: " ";
    height: 0
}

.search-side__item-duration-tilde {
    width: 8%;
    float: left;
    line-height: 32px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .search-side__item-duration-tilde {
        width: 6%;
        line-height: 40px
    }
}

.search-side__item-price {
    margin-top: 12px;
    clear: both
}

.search-side__item-price .search-side__form-small {
    width: 38%;
    float: left
}

@media screen and (max-width: 991px) {
    .search-side__item-price .search-side__form-small {
        width: 41%
    }
}

.search-side__item-price:after {
    display: block;
    clear: both;
    content: " ";
    height: 0
}

.search-side__item-duration-yen {
    width: 8%;
    float: left;
    text-align: center;
    margin-top: 18px
}

@media screen and (max-width: 991px) {
    .search-side__item-duration-yen {
        width: 6%;
        margin-top: 24px
    }
}

.search-side__button {
    font-size: 12px;
    display: inline-block;
    width: 100%;
    background: #4abfe6;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 3px;
    outline: none;
    cursor: pointer
}

.search-side__button:hover {
    background: #42a9cc
}

@media screen and (max-width: 991px) {
    .search-side__button {
        padding: 12px;
        font-size: 16px
    }
}

.search-reserve-options {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-top: -24px
}

.check-box-list-item_one_liner {
    display: inline-block;
    margin-top: 24px;
    width: 100%
}

.search-check-box {
    display: none
}

.search-check-box:checked + label:before {
    opacity: 1;
    content: ""
}

.search-check-box:checked + label:after {
    background-color: #42a9cc;
    content: ""
}

.search-check-box-label {
    position: relative;
    display: block;
    padding-left: 26px;
    color: #4b4b4b;
    line-height: 1.3;
    cursor: pointer
}

.search-check-box-label:before {
    position: absolute;
    top: 50%;
    display: block;
    left: 7px;
    width: 6px;
    height: 11px;
    margin-top: -8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    opacity: 0;
    z-index: 2;
    transform: rotate(45deg);
    content: ""
}

.search-check-box-label:after {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    width: 19px;
    height: 19px;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    background-color: #fff;
    content: ""
}

.search-evaluate-question {
    margin-left: 2px;
    color: #4b4b4b
}

.evaluate-help-tool-tip {
    display: none;
    position: absolute;
    left: -62px;
    top: 25px;
    z-index: 6
}

.slide-tilde {
    width: 8%;
    float: left;
    line-height: 32px;
    text-align: center
}

@media screen and (max-width: 991px) {
    .slide-tilde {
        width: 6%;
        line-height: 40px
    }
}

.search-slider-input {
    width: 100%;
    padding: 8px;
    border: 1px solid #b3b3b3;
    border-radius: 3px;
    outline: 0;
    height: 32px
}

.search-slider-input::-webkit-input-placeholder {
    color: #d1d1d1;
    line-height: 1.286;
    padding-top: 2px
}

@media screen and (max-width: 991px) {
    .search-slider-input {
        height: 40px;
        padding: 12px
    }
}

.slider-input-container {
    margin-top: 12px;
    clear: both
}

.slider-input-container:after {
    display: block;
    clear: both;
    content: " ";
    height: 0
}

.slider-input-text {
    width: 8%;
    float: left;
    text-align: center;
    margin-top: 18px
}

@media screen and (max-width: 991px) {
    .slider-input-text {
        width: 6%;
        margin-top: 24px
    }
}

.search-more-read {
    position: relative;
    margin-top: 24px;
    padding-right: 12px;
    text-align: right;
    color: #4abfe6;
    cursor: pointer
}

.search-more-read:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid #4abfe6;
    border-right: 1px solid #4abfe6;
    transform: rotate(135deg);
    content: ""
}

.search-more-read[data-display-status=close]:after {
    top: 3px;
    transform: rotate(-45deg);
    content: ""
}

.search-button-container-sp {
    display: none
}

@media (max-width: 959px) {
    .search-button-container-sp {
        position: fixed;
        display: block;
        width: 100%;
        padding: 12px;
        z-index: 99;
        bottom: 0;
        left: 0;
        background: #fff;
        border-top: 1px solid #eaeaea
    }
}

.evaluate-help-tool {
    position: relative;
    cursor: help
}

.evaluate-help-tool:hover .evaluate-help-tool-tip {
    display: block;
    animation: evaluateHelpTooltipDown .25s 1
}

@keyframes evaluateHelpTooltipDown {
    0% {
        top: 15px;
        opacity: 0
    }
    to {
        top: 25px;
        opacity: 1
    }
}

.user-authentication__check-list li {
    display: inline;
    margin-right: 4px
}

@media screen and (max-width: 1199px) {
    .user-authentication__check-list li {
        display: block
    }
}

@media screen and (max-width: 991px) {
    .user-authentication__check-list li {
        display: inline
    }
}

.user-authentication__check-list .fa {
    margin-right: 4px;
    color: #60df52
}

.side-user__icon {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    margin-bottom: 16px
}

.side-user__name {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 24px
}

.side-user__text {
    line-height: 1.5;
    margin-bottom: 24px
}

.side-user__authentication {
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 3px;
    padding: 16px;
    margin-bottom: 32px
}

.side-user__authentication-headline {
    color: #999;
    padding-top: 12px;
    line-height: 1.3;
    margin-left: 75px
}

@media screen and (max-width: 1199px) {
    .side-user__authentication-headline {
        padding-top: 6px
    }

    .side-user__authentication-headline br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .side-user__authentication-headline {
        padding-top: 12px;
        margin-left: 70px
    }
}

.side-user__authentication-box {
    padding: 0 12px
}

.side-user__authentication-box img {
    float: left;
    margin-bottom: 12px;
    width: 50px
}

@media screen and (max-width: 991px) {
    .side-user__authentication-box {
        padding: 0
    }
}

.side-user__authentication-check {
    clear: both;
    border-top: 1px solid #ddd;
    padding-top: 16px;
    font-size: 13px;
    line-height: 1.6
}

.side-host__name {
    font-size: 18px;
    font-weight: 700;
    text-align: center
}

.side__host-evaluate {
    text-align: center;
    font-size: 12px;
    margin-top: 16px;
    margin-bottom: 24px
}

.side-host__date {
    color: #999;
    text-align: center;
    font-size: 12px;
    margin-bottom: 8px
}

.side-host__date-days {
    margin-left: 4px
}

.side-host__superhost {
    position: absolute;
    bottom: 10px;
    left: 60%;
    width: 45px;
    height: 60px
}

@media screen and (max-width: 991px) {
    .side-host__superhost {
        width: 50px;
        height: 66px
    }
}

.side-host__superhost-area {
    width: 160px;
    margin: 0 auto
}

.side-host__superhost__help-tooltip {
    left: -50px;
    top: 25px
}

.side-host__superhost__help-baloon {
    text-align: left;
    color: #333;
    font-weight: 400
}

.side-host__superhost__help-baloon:before {
    top: -7px;
    left: 50%
}

.side-space__units img {
    width: 100%
}

.side-space__units:hover {
    background: #e6f9ff;
    opacity: .8
}

.side-space__units-title {
    padding: 8px 16px;
    line-height: 1.4;
    color: #000
}

.side-space__host-icon {
    width: 72px;
    height: 72px;
    height: auto;
    border-radius: 50%
}

.side-space__host-superhost {
    position: absolute;
    top: 45px;
    left: 50px;
    width: 25px;
    height: 33px
}

.side-space__host {
    margin-left: 80px
}

.side-space__host-date {
    color: #999;
    font-size: 12px;
    margin: 8px 0 8px 10px
}

.side-space__host-name {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin: 6px 0 8px 10px
}

.side-space__host-evaluate {
    text-align: center;
    font-size: 12px;
    margin-top: 16px;
    margin-bottom: 16px
}

.side-space__host-evaluate .mod-evaluate__title {
    font-size: 11px;
    letter-spacing: -1px
}

@media screen and (max-width: 991px) {
    .side-space__host-evaluate .mod-evaluate__title {
        font-size: 10px
    }
}

@media screen and (max-width: 991px) {
    .side-space__host-evaluate {
        margin-left: -20px;
        margin-right: -20px
    }
}

.side-space__host-text {
    clear: both;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 1em
}

.side-space__authentication {
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 3px;
    padding: 8px;
    margin-top: 1em
}

.side-space__authentication img {
    width: 35px
}

.side-space__authentication-headline {
    color: #999;
    line-height: 1.3;
    letter-spacing: -1px;
    padding-top: 6px;
    margin-bottom: 4px
}

@media screen and (max-width: 1199px) {
    .side-space__authentication-headline {
        padding-top: 2px
    }

    .side-space__authentication-headline br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .side-space__authentication-headline {
        padding-top: 6px
    }
}

.side-space__authentication-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    float: left
}

.side-space__authentication-check {
    margin-left: 52px;
    font-size: 10px
}

@media screen and (max-width: 1199px) {
    .side-space__authentication-check li {
        margin-top: 4px
    }
}

.side-space__backlink {
    margin-top: -16px
}

.side-space__backlink .fa {
    margin-right: 4px
}

@media screen and (max-width: 991px) {
    .side-space__backlink {
        margin-bottom: 24px
    }
}

@media screen and (max-width: 991px) {
    .side-place {
        margin-top: 16px
    }
}

.side-place__map {
    height: 400px;
    background-color: #b2ebf2
}

@media screen and (max-width: 991px) {
    .side-place__map {
        height: 200px
    }
}

.side-place__map-station {
    color: #999;
    margin: 8px 0
}

@media screen and (max-width: 991px) {
    .place-list__sort {
        margin-top: 0
    }
}

.details__units-item {
    position: relative
}

.details__units-item__list {
    margin-bottom: 16px
}

.details__main-nav {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid #ddd
}

.error__main {
    text-align: center;
    padding: 90px 10px
}

@media screen and (max-width: 991px) {
    .error__main {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.error__button {
    padding: 13px 24px
}

.error__title {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #4a4b4e
}

@media screen and (max-width: 991px) {
    .error__title {
        font-size: 20px;
        line-height: 1.4em
    }
}

.error__message {
    font-size: 14px;
    color: #999;
    margin-top: 15px;
    margin-bottom: 60px
}

@media screen and (max-width: 991px) {
    .error__message {
        font-size: 12px;
        margin-top: 10px
    }
}

.error__main-visual {
    margin-bottom: 56px;
    width: 124px;
    height: 135px
}

.md-perspective, .md-perspective body {
    height: 100%;
    overflow: hidden
}

.md-perspective body {
    background: #222;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px
}

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2001;
    height: 100%;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .md-modal {
        width: 100%
    }
}

.md-modal-cover {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2001;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.md-show {
    visibility: visible
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 2000;
    opacity: 0;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-modal, .md-show.md-modal-cover {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible
}

.md-effect-1 .md-content {
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-effect-2 .md-content {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    -moz-transition: all .3s cubic-bezier(.25, .5, .5, .9);
    transition: all .3s cubic-bezier(.25, .5, .5, .9)
}

.md-show.md-effect-2 .md-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.md-effect-3 .md-content {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-effect-3 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.md-effect-4 .md-content {
    -webkit-transform: scale(0) rotate(2turn);
    -moz-transform: scale(0) rotate(2turn);
    -ms-transform: scale(0) rotate(2turn);
    transform: scale(0) rotate(2turn);
    opacity: 0
}

.md-effect-4 .md-content, .md-show.md-effect-4 ~ .md-overlay {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.md-show.md-effect-4 .md-content {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    opacity: 1
}

.md-effect-5.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-5 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
    -moz-transform: translateZ(600px) rotateX(20deg);
    -ms-transform: translateZ(600px) rotateX(20deg);
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0
}

.md-show.md-effect-5 .md-content {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translateZ(0) rotateX(0deg);
    -moz-transform: translateZ(0) rotateX(0deg);
    -ms-transform: translateZ(0) rotateX(0deg);
    transform: translateZ(0) rotateX(0deg);
    opacity: 1
}

.md-effect-6.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-6 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
    -moz-transform: translate(30%) translateZ(600px) rotate(10deg);
    -ms-transform: translate(30%) translateZ(600px) rotate(10deg);
    transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0
}

.md-show.md-effect-6 .md-content {
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translate(0) translateZ(0) rotate(0deg);
    -moz-transform: translate(0) translateZ(0) rotate(0deg);
    -ms-transform: translate(0) translateZ(0) rotate(0deg);
    transform: translate(0) translateZ(0) rotate(0deg);
    opacity: 1
}

.md-effect-7 {
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.md-effect-7 .md-content {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.md-show.md-effect-7 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    border-radius: 0 0 3px 3px;
    opacity: 1
}

.md-effect-8.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-8 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    -moz-transform: rotateY(-70deg);
    -ms-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.md-show.md-effect-8 .md-content {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1
}

.md-effect-9.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-9 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    -moz-transform: rotateX(-70deg);
    -ms-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.md-show.md-effect-9 .md-content {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
}

.md-effect-10.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-10 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
    -moz-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-effect-10 .md-content {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1
}

.md-effect-11 .md-content {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-effect-11 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-effect-12 .md-content {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-effect-12 ~ .md-overlay {
    background: #e74c3c
}

.md-effect-12 .md-content, .md-effect-12 .md-content h3 {
    background: transparent
}

.md-show.md-effect-12 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.md-effect-13.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-13 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
    -moz-transform: translateZ(-3000px) rotateY(90deg);
    -ms-transform: translateZ(-3000px) rotateY(90deg);
    transform: translateZ(-3000px) rotateY(90deg);
    opacity: 0
}

.md-show.md-effect-13 .md-content {
    -webkit-animation: slit .7s ease-out forwards;
    -moz-animation: slit .7s forwards ease-out;
    animation: slit .7s ease-out forwards
}

@-webkit-keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -webkit-animation-timing-function: ease-out
    }
    to {
        -webkit-transform: translateZ(0) rotateY(0deg);
        opacity: 1
    }
}

@-moz-keyframes slit {
    50% {
        -moz-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -moz-animation-timing-function: ease-out
    }
    to {
        -moz-transform: translateZ(0) rotateY(0deg);
        opacity: 1
    }
}

@keyframes slit {
    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        animation-timing-function: ease-in
    }
    to {
        transform: translateZ(0) rotateY(0deg);
        opacity: 1
    }
}

.md-effect-14.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-14 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateY(100%) rotateX(90deg);
    -moz-transform: translateY(100%) rotateX(90deg);
    -ms-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.md-show.md-effect-14 .md-content {
    -webkit-transform: translateY(0) rotateX(0deg);
    -moz-transform: translateY(0) rotateX(0deg);
    -ms-transform: translateY(0) rotateX(0deg);
    transform: translateY(0) rotateX(0deg);
    opacity: 1
}

.md-effect-15.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px
}

.md-effect-15 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-effect-15 .md-content {
    -webkit-transform: translateZ(0) translateX(0) rotateY(0deg);
    -moz-transform: translateZ(0) translateX(0) rotateY(0deg);
    -ms-transform: translateZ(0) translateX(0) rotateY(0deg);
    transform: translateZ(0) translateX(0) rotateY(0deg);
    opacity: 1
}

.md-show.md-effect-16 ~ .md-overlay {
    background: rgba(180, 46, 32, .5)
}

.md-show.md-effect-16 ~ .container {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px)
}

.md-effect-16 .md-content {
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0
}

.md-effect-16 .md-content, .md-show.md-effect-16 ~ .container {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.md-show.md-effect-16 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.md-show.md-effect-17 ~ .container {
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

.md-show.md-effect-17 ~ .container, .md-show.md-effect-17 ~ .md-overlay {
    -webkit-transform: rotateX(-2deg);
    -moz-transform: rotateX(-2deg);
    -ms-transform: rotateX(-2deg);
    transform: rotateX(-2deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.md-effect-17 .md-content {
    opacity: 0;
    -webkit-transform: translateY(200%);
    -moz-transform: translateY(200%);
    -ms-transform: translateY(200%);
    transform: translateY(200%)
}

.md-show.md-effect-17 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .3s .2s;
    -moz-transition: all .3s .2s;
    transition: all .3s .2s
}

.md-show.md-effect-18 ~ .container {
    height: 100%;
    overflow: hidden
}

.md-show.md-effect-18 ~ .md-overlay {
    background: rgba(143, 27, 15, .8);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.md-show.md-effect-18 ~ .container, .md-show.md-effect-18 ~ .md-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 0 50%;
    -webkit-animation: rotateRightSideFirst .5s ease-in forwards;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 0 50%;
    -moz-animation: rotateRightSideFirst .5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 0 50%;
    animation: rotateRightSideFirst .5s ease-in forwards
}

@-webkit-keyframes rotateRightSideFirst {
    50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out
    }
    to {
        -webkit-transform: translateZ(-200px)
    }
}

@-moz-keyframes rotateRightSideFirst {
    50% {
        -moz-transform: translateZ(-50px) rotateY(5deg);
        -moz-animation-timing-function: ease-out
    }
    to {
        -moz-transform: translateZ(-200px)
    }
}

@keyframes rotateRightSideFirst {
    50% {
        transform: translateZ(-50px) rotateY(5deg);
        animation-timing-function: ease-out
    }
    to {
        transform: translateZ(-200px)
    }
}

.md-effect-18 .md-content {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
    opacity: 0
}

.md-show.md-effect-18 .md-content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: all .5s .1s;
    -moz-transition: all .5s .1s;
    transition: all .5s .1s
}

.md-show.md-effect-19 ~ .container {
    height: 100%;
    overflow: hidden
}

.md-show.md-effect-19 ~ .md-overlay {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.md-show.md-effect-19 ~ .container, .md-show.md-effect-19 ~ .md-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: OpenTop .5s ease-in forwards;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 50% 100%;
    -moz-animation: OpenTop .5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 50% 100%;
    animation: OpenTop .5s ease-in forwards
}

@-webkit-keyframes OpenTop {
    50% {
        -webkit-transform: rotateX(10deg);
        -webkit-animation-timing-function: ease-out
    }
}

@-moz-keyframes OpenTop {
    50% {
        -moz-transform: rotateX(10deg);
        -moz-animation-timing-function: ease-out
    }
}

@keyframes OpenTop {
    50% {
        transform: rotateX(10deg);
        animation-timing-function: ease-out
    }
}

.md-effect-19 .md-content {
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    opacity: 0
}

.md-show.md-effect-19 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .5s .1s;
    -moz-transition: all .5s .1s;
    transition: all .5s .1s
}

.md-effect-100 .md-content {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.md-show.md-effect-100 .md-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.md-effect-101 .md-content {
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.md-show.md-effect-101 .md-content {
    opacity: 1
}

.md-width-800 {
    width: 800px
}

@media screen and (max-width: 991px) {
    .md-width-800 {
        width: 100%
    }
}

.page__popup {
    width: 800px;
    margin: 0 auto;
    background: #fff
}

@media screen and (max-width: 991px) {
    .page__popup {
        width: 100%
    }
}

.page__popup .even-col__line, .page__popup .odd-col__line {
    padding: 24px 0
}

@media screen and (max-width: 991px) {
    .page__popup .even-col__line, .page__popup .odd-col__line {
        padding-top: 12px
    }
}

.page__popup__cancel {
    right: 24px
}

@media screen and (max-width: 1199px) {
    .page__popup__cancel {
        top: 16px
    }
}

@media screen and (max-width: 991px) {
    .page__popup__cancel {
        right: 8px;
        top: 8px
    }
}

.page__popup__cancel-icon {
    font-size: 70px
}

@media screen and (max-width: 991px) {
    .page__popup__cancel-icon {
        font-size: 60px
    }
}

.page__popup-col1 {
    padding: 0 56px;
    position: relative
}

@media screen and (max-width: 991px) {
    .page__popup-col1 {
        padding-left: 12px;
        padding-right: 12px
    }
}

.page__popup-col1__breakdown {
    border-top: 1px solid #ddd;
    padding-top: 16px;
    background: #f6f6f6
}

.popup-headline {
    padding-bottom: 32px;
    text-align: center
}

.popup-headline__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
    padding-top: 56px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .popup-headline__title {
        font-size: 20px;
        padding-top: 65px
    }
}

.popup-headline__title2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    padding-top: 56px
}

@media screen and (max-width: 991px) {
    .popup-headline__title2 {
        font-size: 16px;
        padding-top: 65px
    }
}

.popup-headline__requester-img {
    width: 90px;
    display: block;
    margin: 0 auto 10px;
    border-radius: 100%
}

.popup-headline__text {
    font-size: 12px;
    color: #999;
    line-height: 1.5
}

@media screen and (max-width: 991px) {
    .popup-headline__text {
        text-align: left
    }
}

.popup-header__company-name {
    font-size: 18px;
    font-weight: 400
}

.popup-form__title {
    margin-bottom: 12px
}

@media screen and (max-width: 991px) {
    .popup-form__title {
        margin-top: 12px
    }
}

.popup-form__title-text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
    padding-top: 2px
}

.popup-form__text {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 8px
}

.popup-form__text-attention {
    color: #e95175
}

.popup-form__radio {
    margin-top: 16px
}

.popup-form__radio-required {
    font-size: 10px;
    color: #999;
    margin-left: -10px;
    display: inline-block
}

@media screen and (max-width: 991px) {
    .popup-form__radio-required {
        display: block;
        margin-left: 0;
        margin-top: 6px
    }
}

.popup-form__coupon, .popup-form__point {
    margin-top: 12px
}

.popup-form__point-title {
    color: #999;
    margin-top: 9px;
    font-size: 13px
}

.popup-form__textarea {
    padding: 8px;
    line-height: 1.5;
    font-size: 13px;
    resize: vertical
}

.popup-form__textarea:placeholder-shown {
    color: #cfcfcf
}

.popup-form__textarea::-webkit-input-placeholder {
    color: #cfcfcf
}

.popup-form__textarea::-moz-placeholder {
    color: #cfcfcf;
    opacity: 1
}

.popup-form__textarea:-ms-input-placeholder {
    color: #cfcfcf
}

.popup-form__required {
    color: #e95175;
    font-size: 12px;
    margin-top: 6px;
    line-height: 1.4
}

.popup-form__required .fa {
    margin-right: 3px
}

.popup-form__required strong {
    font-weight: 700
}

.popup-form__completed {
    color: #60df52;
    font-size: 12px;
    margin-top: 6px;
    line-height: 1.4
}

.popup-form__completed .fa {
    margin-right: 3px
}

.popup-form__completed strong {
    font-weight: 700
}

.popup-form__label {
    font-size: 11px;
    display: block;
    margin-bottom: 8px
}

.reserve-detail__box {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 30px;
    overflow: hidden
}

.reserve-detail__img {
    position: relative;
    text-align: center;
    height: 100px;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .reserve-detail__img {
        height: 180px
    }
}

.reserve-detail__img-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 200px;
    overflow: hidden;
    vertical-align: bottom
}

@media screen and (max-width: 991px) {
    .reserve-detail__img-img {
        width: 100%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.reserve-detail__name {
    font-size: 15px;
    margin: 15px 10px 10px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media screen and (max-width: 991px) {
    .reserve-detail__name {
        margin-left: 10px
    }
}

.reserve-detail__content {
    margin: 0 10px 0 0;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .reserve-detail__content {
        margin: 0 10px 15px
    }
}

.reserve-detail__date-title {
    margin: 0 0 5px;
    font-size: 12px;
    color: #a0a0a0
}

.reserve-detail__date-content {
    margin: 0;
    font-size: 16px
}

.reserve-detail__date-detail {
    display: inline-block
}

.reserve-detail__arrow {
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px
}

.reserve-detail__arrow:after, .reserve-detail__arrow:before {
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle
}

.reserve-detail__date-to {
    text-indent: -9999px
}

.reserve-detail__date-to:before {
    left: 3px;
    width: 20px;
    height: 20px;
    border-top: 5px solid #a0a0a0;
    border-right: 5px solid #a0a0a0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popup-login {
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f1f1f1;
    padding: 10px 20px
}

.popup-login__box {
    padding: 10px 0
}

.popup-login__title {
    margin-bottom: 12px
}

.popup-login__title-text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    display: block;
    padding-top: 7px
}

.popup-login__text {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 8px
}

.request-select__area {
    clear: both;
    background: #fff
}

.request-select__area select {
    width: 100%
}

.request-select__area-number {
    padding: 4px 0
}

.request-contact__textarea {
    width: 100%;
    height: 120px
}

.request-notice__title {
    margin-bottom: 8px
}

@media screen and (max-width: 991px) {
    .request-notice__title {
        margin-top: 12px
    }
}

.request-notice__list {
    font-size: 12px;
    line-height: 1.6
}

.request-payment {
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f1f1f1
}

@media screen and (max-width: 991px) {
    .request-payment .service-select__purpose {
        margin-top: 0
    }
}

.request-payment__name {
    font-size: 14px;
    line-height: 1.4;
    float: left;
    display: block;
    padding-top: 2px
}

.request-payment__choose {
    padding: 24px 24px 12px
}

.request-payment__choose + .request-payment__choose {
    border-top: 1px solid #ddd;
    padding-bottom: 24px
}

@media screen and (max-width: 991px) {
    .request-payment__choose {
        padding: 16px 12px 0
    }

    .request-payment__choose + .request-payment__choose {
        padding-bottom: 12px
    }
}

.request-payment__cards {
    display: block;
    float: left;
    padding-top: 3px;
    margin-left: 10px
}

.request-payment__cards .fa {
    margin-right: 5px
}

.request-payment__cards-box {
    padding-left: 30px;
    border-top: 1px dashed #ddd;
    margin: 0
}

@media screen and (max-width: 991px) {
    .request-payment__cards-box {
        padding-left: 0
    }
}

.request-payment__choose-title {
    padding-bottom: 12px
}

.request-payment__cards-box + .request-payment__choose-title {
    border-top: 1px solid #ddd;
    padding-top: 14px
}

.request-payment__select-bg {
    background: #fff;
    float: left
}

.request-payment__cards-detail {
    border-radius: 3px;
    margin-top: 12px
}

.request-payment__cards-detail dt {
    width: 160px
}

.request-payment__cards-detail dd {
    padding-left: 176px
}

.request-payment__cards-num {
    margin-right: 5px;
    width: 70px
}

@media screen and (max-width: 991px) {
    .request-payment__cards-num {
        width: 22%;
        margin-right: 0
    }

    .request-payment__cards-num + .request-payment__cards-num {
        margin-left: 1%
    }
}

.request-payment__cards-notes {
    font-size: 12px;
    margin-bottom: 8px
}

.request-payment__cards-name {
    width: 310px
}

.request-payment__cards-name:placeholder-shown {
    color: #cfcfcf
}

.request-payment__cards-name::-webkit-input-placeholder {
    color: #cfcfcf
}

.request-payment__cards-name::-moz-placeholder {
    color: #cfcfcf;
    opacity: 1
}

.request-payment__cards-name:-ms-input-placeholder {
    color: #cfcfcf
}

@media screen and (max-width: 991px) {
    .request-payment__cards-name {
        width: 97%
    }
}

.request-payment__cards-ym {
    display: block;
    float: left;
    margin-left: 6px;
    margin-right: 16px;
    padding-top: 10px
}

.request-payment__cards-registered {
    margin: 12px 0
}

@media screen and (max-width: 991px) {
    .request-payment__cards-registered {
        padding-top: 26px
    }
}

.request-payment__notes {
    background: #fff;
    padding: 20px
}

@media screen and (max-width: 599px) {
    .request-payment__notes .button-blue {
        width: 100%;
        margin-top: 10px
    }
}

.request-payment__notes-text {
    font-size: 13px;
    line-height: 1.5
}

.request-payment__name-notes {
    font-size: 10px;
    color: #999;
    margin-left: 10px
}

@media screen and (max-width: 991px) {
    .request-payment__name-notes {
        display: block;
        margin-left: 0;
        margin-top: 2px
    }
}

.request-payment__required {
    margin-bottom: 16px
}

.request-breakdown__title {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 16px
}

.request-breakdown__point {
    text-align: center;
    font-size: 12px;
    padding-top: 16px;
    margin-bottom: 24px
}

.request-breakdown__point-have {
    font-weight: 700;
    font-size: 14px
}

.request-breakdown__detail {
    border-top: 1px solid #ddd;
    padding-top: 13px
}

.request-breakdown__detail dt {
    width: 130px
}

.request-breakdown__detail dd {
    padding-left: 145px
}

@media screen and (max-width: 991px) {
    .request-breakdown__detail dd {
        padding-left: 0 !important
    }
}

.request-breakdown__detail-help {
    position: relative
}

.request-breakdown__all {
    font-weight: 700;
    font-size: 16px
}

.request-breakdown__bottom-border {
    border-bottom: 1px solid #ddd
}

.request-submit {
    padding: 18px 0;
    width: 100%;
    margin-top: 1.6em;
    font-size: 15px
}

.request-breakdown__help {
    cursor: help;
    margin-left: 4px
}

@media screen and (max-width: 991px) {
    .request-breakdown__help {
        position: relative !important
    }
}

.request-breakdown__help-tooltip {
    left: 0;
    top: 35px
}

@media screen and (max-width: 991px) {
    .request-breakdown__help-tooltip {
        left: -75px;
        top: 25px
    }
}

.request-breakdown__help:hover .mod-tooltip {
    display: block;
    -webkit-animation: typeTooltipDown .25s 1;
    animation: typeTooltipDown .25s 1
}

@media screen and (max-width: 991px) {
    .request-breakdown__help:hover .mod-tooltip {
        -webkit-animation: evalTooltipDown .25s 1;
        animation: evalTooltipDown .25s 1
    }
}

.request-breakdown__help-baloon {
    font-weight: 400
}

.request-breakdown__help-baloon:before {
    top: -7px;
    left: 81px
}

.information-name {
    width: 48%;
    float: left
}

.information-name input {
    width: 100%
}

.information-name + .information-name {
    margin-left: 4%
}

.information-state {
    width: 25%;
    float: left;
    margin-right: 4%
}

@media screen and (max-width: 991px) {
    .information-state {
        width: 30%;
        margin-right: 4%
    }
}

.information-city {
    float: left;
    width: 71%
}

@media screen and (max-width: 991px) {
    .information-city {
        width: 66%
    }
}

@media screen and (max-width: 991px) {
    .sm-information__w100pa {
        width: 100%;
        float: none
    }

    .sm-information__w100pa + .sm-information__w100pa {
        margin-left: 0;
        margin-top: 12px
    }
}

.contact-radio {
    display: block;
    width: 100%
}

.contact-radio__area {
    border: 1px solid #ddd;
    padding: 16px 24px;
    border-radius: 3px;
    margin-bottom: 8px
}

@media screen and (max-width: 991px) {
    .contact-radio__area {
        padding: 16px
    }
}

.contact-radio__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4
}

.contact-radio__description {
    color: #999;
    line-height: 1.4;
    margin-top: 4px;
    display: block
}

.contact-chosen {
    background: #e4f2e3;
    padding: 16px 24px;
    line-height: 1.6;
    margin-top: 8px
}

@media screen and (max-width: 991px) {
    .contact-chosen {
        padding: 16px
    }
}

.contact-chosen__title {
    font-weight: 700;
    margin-bottom: 8px
}

.contact-chosen__list {
    list-style: disc;
    margin-left: 20px
}

.contact-chosen__list li ~ li {
    margin-top: 8px
}

@media screen and (max-width: 991px) {
    .contact-calender__checkout {
        margin-top: 10px;
        display: block
    }
}

.bank-description {
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .bank-description {
        margin-bottom: 16px
    }
}

.bank-account {
    background: #fff;
    margin-bottom: 56px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    padding: 20px 16px;
    line-height: 1.6
}

@media screen and (max-width: 991px) {
    .bank-account {
        text-align: left;
        margin-bottom: 24px
    }
}

.bank-account__info {
    color: #999;
    border-top: 1px dashed #eaeaea;
    padding-top: 10px;
    margin-top: 8px
}

@media screen and (max-width: 991px) {
    .bank-account__info {
        text-align: left;
        font-size: 13px
    }
}

.complete-detail {
    border-bottom: 1px solid #ddd;
    margin-bottom: 13px
}

.complete-detail dt {
    width: 160px
}

.complete-detail dd {
    padding-left: 176px
}

.complete-detail__btn {
    margin-top: 20px
}

.complete-social {
    border: 1px solid #d0d1cf;
    border-radius: 3px;
    background: #fff;
    margin-top: -8px;
    padding: 16px
}

@media screen and (max-width: 991px) {
    .complete-social {
        margin-top: -16px;
        margin-bottom: 24px;
        padding: 16px
    }
}

.complete-social__title {
    margin-bottom: 8px
}

.complete-social__list li {
    text-align: center
}

.complete-social__list li a {
    display: block;
    padding: 10px 0;
    border-radius: 3px;
    color: #fff;
    font-size: 18px
}

.complete-social__list li a:hover {
    opacity: .7
}

.contact__complete-detail {
    line-height: 1.4;
    padding-top: 20px;
    border-top: 1px dashed #ddd
}

.contact__complete-text {
    line-height: 1.4;
    margin-bottom: 20px
}

.about-space__logo {
    width: 50px;
    height: auto;
    display: block;
    margin: 0 auto 20px
}

.about-space__headline {
    text-align: center;
    padding-bottom: 12px;
    font-weight: 700
}

.about-space__headline-number {
    display: block;
    font-size: 24px;
    padding-bottom: 12px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    color: #ccc
}

.about-space__step {
    background: #f6f6f6;
    padding: 16px 12px 16px 20px;
    border-radius: 3px;
    height: 260px
}

@media screen and (max-width: 1199px) {
    .about-space__step {
        height: 246px
    }

    .about-space__step br {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .about-space__step {
        height: auto;
        margin-bottom: 10px;
        padding: 16px
    }
}

.about-space__step:after, .about-space__step:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -18px;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #f6f6f6
}

@media screen and (max-width: 991px) {
    .about-space__step:after, .about-space__step:before {
        display: none
    }
}

.about-space__step:before {
    right: -2px;
    top: 50%
}

.about-space__step:after {
    left: 0;
    top: 50%;
    border-left-color: #fff
}

.about-space__text {
    font-size: 13px;
    line-height: 1.4
}

@media screen and (max-width: 1199px) {
    .about-space__text {
        font-size: 11px
    }

    .about-space__text br {
        display: none
    }
}

.about-space__step-1 {
    padding: 16px
}

.about-space__step-1:after, .about-space__step-4:before {
    display: none
}

.about-space__headline-notes {
    font-size: 11px
}

.about-space__published {
    margin-bottom: 30px
}

.about-space__published:before {
    font-family: FontAwesome;
    font-size: 30px;
    content: "\F078";
    color: #f0f0f0;
    display: block;
    text-align: center;
    margin: 16px 0
}

.about-space__register-headline {
    text-align: center;
    margin: 24px auto 32px;
    font-weight: 700;
    font-size: 16px
}

.about-space__register-notes {
    color: #999;
    text-align: center;
    margin-bottom: 8px
}

.popup-form__dl {
    line-height: 1.3;
    position: relative
}

.popup-form__dl dt {
    float: left;
    font-size: 14px;
    position: absolute
}

.popup-form__dl dt ~ dt {
    padding-top: 13px
}

@media screen and (max-width: 991px) {
    .popup-form__dl dt ~ dt {
        border-top: 1px dashed #ddd
    }
}

.popup-form__dl dt ~ dt + dd {
    padding-top: 12px;
    border-top: 1px dashed #ddd
}

@media screen and (max-width: 991px) {
    .popup-form__dl dt ~ dt + dd {
        border: none;
        padding-top: 0
    }
}

@media screen and (max-width: 991px) {
    .popup-form__dl dt {
        width: 100%;
        position: static;
        margin-bottom: 5px;
        float: none
    }
}

.popup-form__dl dd {
    padding-bottom: 10px
}

@media screen and (max-width: 991px) {
    .popup-form__dl dd {
        padding-left: 0
    }
}

.dashboard-container {
    clear: both;
    height: 100%;
    position: relative
}

.site-dashboard {
    background: #f3f3f3
}

.site-dashboard .dashboard-container {
    min-width: 1200px
}

.dashboard-nav {
    background: #595959;
    padding: 4px 10px
}

.dashboard-nav__icon {
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin-right: 8px
}

.dashboard-nav__name {
    display: block;
    float: left;
    color: #fff;
    font-weight: 700;
    margin-top: 10px
}

.dashboard-nav__menu {
    font-size: 13px;
    float: right
}

.dashboard-nav__menu li {
    display: inline-block;
    margin: 10px 15px 0 0
}

.dashboard-nav__menu li a {
    color: #fff
}

.dashboard-nav__menu li a:hover {
    color: #60df52;
    text-decoration: none
}

.dashboard-nav__menu .is-current a {
    color: #60df52;
    font-weight: 700
}

.dashboard-maincol, .dashboard-maincol__left {
    position: relative;
    padding: 25px
}

.dashboard-maincol__left {
    margin-right: 250px
}

.dashboard-maincol__right {
    position: relative;
    margin-left: 250px;
    padding: 25px
}

.dashboard-maincol__right-inner-100pc {
    box-sizing: content-box;
    width: 100%;
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 25px;
    box-shadow: 0 0 5px rgba(89, 89, 89, .3)
}

.dashboard-maincol__message {
    font-size: 12px;
    color: #b3b3b4
}

.dashboard-singlecol {
    width: 750px;
    margin: auto
}

.dashboard-sidecol {
    z-index: 4;
    position: relative;
    width: 250px;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 5px rgba(89, 89, 89, .3)
}

.dashboard-sidecol__maincol-inner {
    margin: -25px -25px 0 0;
    float: right
}

.dashboard-sidecol__scrollarea {
    overflow-y: auto;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3
}

.dashboard-sidecol__scrollarea .is-current {
    background: #f3f3f3
}

.dashboard-sidecol__scrollarea .is-unread {
    background: #e4f2e3
}

.dashboard-sidecol__scrollarea-nodata {
    padding: 20px;
    color: #b3b3b4
}

.dashboard-sidecol__scrollarea-list-link {
    display: block;
    cursor: pointer;
    color: #333;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    padding: 15px
}

.dashboard-sidecol__scrollarea-list-link:hover {
    text-decoration: none
}

.dashboard-sidecol__scrollarea-list:hover {
    background: #f3f3f3
}

.dashboard-sidecol__buttonarea, .dashboard-sidecol__buttonarea-bottom {
    width: 250px;
    padding: 15px 0;
    text-align: center
}

.dashboard-sidecol__buttonarea-button {
    width: 220px;
    padding: 15px 0
}

.dashboard-sidecol__buttonarea-title {
    margin-bottom: 10px
}

.dashboard-sidecol__buttonarea-content {
    color: #b3b3b4;
    margin-bottom: 15px;
    font-size: 12px
}

.dashboard-sidecol__buttonarea-help {
    margin-top: 10px;
    font-size: 12px
}

.dashboard-section {
    font-size: 25px;
    line-height: 1.2;
    font-weight: 700;
    position: relative
}

.dashboard-title {
    font-size: 20px;
    line-height: 1.2;
    position: relative
}

.dashboard-title__supplement {
    font-size: 13px;
    color: #b3b3b4;
    line-height: 1.2
}

.dashboard-title__link {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 14px
}

.dashboard-title__button {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    padding: 6px 10px
}

.dashboard-title__space-img {
    width: 45px;
    height: 45px;
    float: left;
    margin-right: 10px
}

.dashboard-title__space-name {
    display: block;
    font-size: 13px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-title2 {
    font-size: 16px
}

.dashboard-content {
    line-height: 1.5;
    overflow: hidden
}

.dashboard-lead {
    background: #fff;
    padding: 15px 20px;
    line-height: 1.8;
    margin-bottom: 30px
}

.dashboard-smsbox {
    padding: 20px;
    background: #fff
}

.maincol-buttonarea {
    z-index: -100;
    background: #fff;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px
}

.maincol-buttonarea__button {
    width: 220px;
    padding: 15px 0;
    margin: 0 5px
}

.form-list {
    position: relative
}

.form-list__link {
    padding: 18px;
    font-size: 16px
}

.form-list__section {
    padding: 25px 18px 11px;
    border-bottom: 1px solid #f3f3f3;
    color: #b3b3b4
}

.form-list__section:hover {
    background: none
}

.form-list__section-add {
    position: absolute;
    top: 24px;
    right: 12px;
    font-size: 12px;
    padding: 2px 0;
    width: 50px
}

.form-list__sub-link {
    border-top: 1px dashed #f3f3f3;
    font-size: 14px;
    padding-left: 33px
}

.form-list__sub-link:before {
    left: 20px;
    font-family: FontAwesome;
    content: "\F0DA";
    color: #b3b3b4
}

.form-list__status:after, .form-list__sub-link:before {
    z-index: 5;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -7px
}

.form-list__status:after {
    right: 13px
}

.is-complete:after {
    font-family: FontAwesome;
    content: "\F00C";
    color: #4abfe6
}

.is-unmarked:after {
    font-family: FontAwesome;
    content: "\F071";
    color: #e95175
}

.reserve-list__id {
    font-size: 12px;
    margin-bottom: 10px
}

.reserve-list__badge {
    color: #e95175;
    margin-right: 5px
}

.reserve-list__status {
    top: 10px;
    right: 10px
}

.reserve-list__date {
    font-size: 13px;
    margin-bottom: 6px;
    line-height: 1.3
}

.reserve-list__img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin: 0 10px 8px 0;
    float: left
}

.reserve-list__name {
    font-size: 18px;
    margin: 12px 0 10px
}

.reserve-list__company, .reserve-list__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.reserve-list__company {
    margin-bottom: 10px
}

.reserve-list__space {
    font-size: 12px;
    margin-bottom: 4px;
    color: #b3b3b4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.reserve-list__price {
    font-size: 12px
}

.message-list__name {
    font-size: 18px;
    margin-bottom: 10px
}

.message-list__date {
    color: #b3b3b4;
    float: right;
    font-size: 12px;
    margin-top: 3px
}

.message-list__company {
    margin-bottom: 8px
}

.message-list__space {
    clear: both;
    font-size: 12px;
    color: #b3b3b4;
    line-height: 1.3;
    height: 30px;
    overflow: hidden
}

.message-list__img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin: 0 10px 8px 0;
    float: left
}

.dashboard-calendar__table {
    width: 100%;
    border: 1px solid #b3b3b4;
    clear: both
}

.dashboard-calendar__table th {
    background: #ededed;
    padding: 5px 10px
}

.dashboard-calendar__table td {
    background: #fff
}

.dashboard-calendar__table td:hover {
    background: #e4f2e3 !important
}

.dashboard-calendar__cell-wrap {
    display: block;
    color: inherit;
    position: relative
}

.dashboard-calendar__table td, .dashboard-calendar__table th {
    border: 1px solid #b3b3b4;
    width: 14.28%
}

.dashboard-calendar__table th.is-holiday {
    background: #d0d1cf
}

.dashboard-calendar__table td.is-today {
    border: 2px solid #60df52
}

.dashboard-calendar__table td.is-holiday {
    background: #fff6df
}

.dashboard-calendar__table td.is-current {
    background: #e4f2e3
}

.dashboard-calendar__table td.is-closed {
    background: #edeeef
}

.dashboard-calendar__table td.is-past {
    background: #f3f3f3
}

.dashboard-calendar__table td.is-past .dashboard-calendar__cell-wrap {
    opacity: .5
}

.dashboard-calendar__date {
    height: 28px;
    padding: 7px 10px
}

.dashboard-calendar__content {
    min-height: 50px;
    margin: 0 10px 7px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700
}

.dashboard-calendar__content-paragraph {
    line-height: 1.3;
    margin-bottom: 3px
}

.dashboard-calendar__content-time {
    font-size: 10px;
    background: #60df52;
    color: #fff;
    font-weight: 400;
    padding: 2px;
    margin-right: 3px;
    border-radius: 3px
}

.dashboard-calendar__content-value {
    display: inline-block
}

.calendar-header {
    position: relative
}

.calendar-header__select select {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 14px
}

.calendar-header__button {
    display: block;
    float: left;
    width: auto;
    padding: 7px 10px;
    font-weight: 400;
    font-size: 12px;
    margin-right: 6px;
    margin-top: 2px
}

.calendar-header__button-arrow {
    font-size: 24px;
    padding: 0 9px 2px
}

.time-list__box {
    display: block;
    float: left;
    width: 124px;
    border-top: 1px solid #b3b3b4;
    border-right: 1px solid #b3b3b4;
    background: #fff
}

.time-list__box a {
    display: block;
    padding: 10px;
    height: 38px
}

.time-list__box a:hover {
    background: #e4f2e3
}

.time-list__time {
    color: #333
}

.time-list__content {
    margin-top: 10px;
    font-weight: 700;
    font-size: 13px
}

.time-list__box .is-today {
    border: 2px solid #60df52;
    height: 34px
}

.time-list__box .is-current {
    background: #e4f2e3
}

.time-list__box .is-closed {
    background: #edeeef
}

.room-list__img, .space-list__img {
    display: block;
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 20px;
    text-indent: -9999px;
    background-size: cover;
    background-position: 50%
}

.space-list__status {
    top: 15px
}

.room-list__status, .space-list__status {
    z-index: 5;
    display: block;
    width: 90px;
    height: 90px;
    background: rgba(51, 51, 51, .6);
    color: #fff;
    padding-top: 35px;
    text-align: center;
    position: absolute
}

.room-list__status {
    top: 20px;
    left: 20px
}

.space-list__title {
    font-size: 16px;
    line-height: 1.3
}

.room-list__box {
    position: relative;
    width: 100%;
    padding: 20px 0 40px;
    background: #fff;
    margin-bottom: 20px
}

.room-list__title {
    font-size: 18px;
    line-height: 1.5
}

.room-list__link {
    margin-top: 6px
}

.room-list__buttonarea {
    float: right;
    width: 145px;
    margin: 0 20px
}

.room-list__buttonarea-button {
    padding: 9px 0;
    font-size: 12px
}

.room-list__button-add {
    width: 100%;
    padding: 30px 0;
    font-size: 18px
}

.room-list__baloon {
    width: 160px;
    font-size: 13px
}

.room-list__baloon li {
    padding: 5px
}

.dashboard-sidecol__top {
    width: 250px;
    padding: 25px 0 0 25px;
    float: left
}

.dashboard-top__side-icon {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: block;
    margin: 0 auto 15px
}

.dashboard-top__side-name {
    font-size: 20px;
    font-weight: 700
}

.dashboard-top__side-company, .dashboard-top__side-name {
    margin-bottom: 10px;
    text-align: center
}

.dashboard-top__side-menu {
    margin: 20px 0 40px
}

.dashboard-top__side-menu-list {
    text-align: center;
    margin: 4px 0;
    font-size: 13px
}

.dashboard-top__business {
    padding: 10px 0;
    background-color: #fff;
    border-bottom: 1px solid #f3f3f3
}

.dashboard-top__business-title {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.3;
    color: #4a4b4e
}

.dashboard-top__business-link {
    font-size: 12px;
    padding: 10px;
    margin-top: 10px
}

.dashboard-top__business-supplement {
    font-size: 13px;
    margin-top: 7px;
    color: #999;
    line-height: 1.3
}

.dashboard-top__business-text {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 1.2
}

.dashboard-top__help {
    margin-bottom: 40px
}

.dashboard-top__help-listarea {
    border-top: 1px dotted #b3b3b4;
    margin-bottom: 20px
}

.dashboard-top__help-list {
    margin-top: 8px;
    line-height: 1.3;
    font-size: 13px
}

.dashboard-top__pr {
    background: #fff;
    margin-bottom: 30px;
    padding: 20px
}

.dashboard-top__pr-clip {
    position: relative
}

.dashboard-top__pr-clip i {
    position: absolute;
    top: -38px;
    left: 0;
    font-size: 30px;
    color: #e95175;
    transform: rotate(20deg)
}

.dashboard-top__pr-title {
    font-size: 16px;
    line-height: 1.2;
    text-align: center
}

.dashboard-top__pr-name {
    clear: both;
    text-align: center;
    margin: 10px 0;
    padding: 15px 0;
    font-size: 15px;
    font-weight: 700;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3
}

.dashboard-top__pr-text {
    color: #a0a0a0;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 15px
}

.dashboard-top__main-info {
    background: #e4f2e3;
    margin-bottom: 30px;
    line-height: 1.3;
    padding: 20px 20px 10px
}

.dashboard-top__main-info-list {
    margin-bottom: 10px
}

.dashboard-top__main-listarea {
    background: #fff;
    margin-bottom: 20px;
    line-height: 1.3
}

.dashboard-top__main-list, .dashboard-top__message-list, .dashboard-top__owner-reserve-list, .dashboard-top__user-reserve-list {
    overflow: hidden;
    padding: 10px 20px;
    display: table;
    border-bottom: 1px solid #f3f3f3;
    width: 100%;
    box-sizing: border-box
}

.dashboard-top__main-list-box, .dashboard-top__message-list-box, .dashboard-top__resereve-list-box {
    display: table-cell;
    vertical-align: middle
}

.is-unread {
    background: #e4f2e3
}

.dashboard-top__main-list-icon {
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.dashboard-top__main-list-icon:hover {
    opacity: .7
}

.dashboard-top__buttonarea {
    text-align: center;
    margin-bottom: 20px
}

.dashboard-top__academy {
    background: #e7f6fb;
    border: 1px solid #4abfe6;
    border-radius: 3px;
    margin-bottom: 50px;
    padding: 15px 20px;
    line-height: 1.35
}

.dashboard-top__academy-title {
    text-align: center;
    margin-bottom: 8px;
    font-size: 14px
}

.dashboard-top__academy-read {
    color: #b3b3b4;
    text-align: center
}

.dashboard-top__academy-listarea {
    margin-top: 10px;
    overflow: hidden
}

.dashboard-top__academy-list {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 12px
}

.dashboard-top__academy-button {
    width: 100%;
    padding: 10px;
    display: block;
    margin: 15px auto 0
}

.dashboard-top__todo-icon {
    width: 40px;
    padding-right: 10px
}

.dashboard-top__todo-content {
    max-height: 34px;
    overflow: hidden
}

.dashboard-top__owner-reserve-icon {
    width: 40px;
    padding-right: 10px
}

.dashboard-top__owner-reserve-date {
    font-size: 13px;
    margin-bottom: 2px
}

.dashboard-top__owner-reserve-name {
    max-height: 18px;
    overflow: hidden
}

.dashboard-top__owner-reserve-status {
    width: 95px;
    padding-left: 15px
}

.dashboard-top__owner-reserve-status .reserve-status-icon {
    position: static
}

.dashboard-top__owner-reserve-space-name {
    width: 200px;
    font-size: 13px;
    padding-left: 10px
}

.dashboard-top__owner-reserve-price {
    margin-top: 2px;
    font-size: 12px
}

.dashboard-top__user-reserve-date {
    font-size: 13px;
    margin-bottom: 2px
}

.dashboard-top__user-reserve-space {
    width: 55px;
    padding-right: 15px
}

.dashboard-top__user-reserve-space-img {
    display: block;
    width: 75px;
    height: 75px;
    margin: -12px 0 -12px -20px
}

.dashboard-top__user-reserve-space-img:hover {
    opacity: .7
}

.dashboard-top__user-reserve-space-name {
    max-height: 18px;
    overflow: hidden
}

.dashboard-top__user-reserve-price {
    margin-top: 2px;
    font-size: 12px
}

.dashboard-top__user-reserve-status {
    width: 80px;
    padding-left: 15px
}

.dashboard-top__user-reserve-status .reserve-status-icon {
    position: static
}

.dashboard-top__user-reserve-icon {
    width: 40px;
    padding-left: 20px
}

.dashboard-top__user-reserve-name {
    width: 130px;
    padding-left: 10px
}

.dashboard-top__message-icon {
    width: 40px;
    padding-right: 10px
}

.dashboard-top__message-name {
    width: 130px;
    padding-right: 15px
}

.dashboard-top__message-name-content {
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-top__message-content {
    max-height: 30px;
    overflow: hidden;
    font-size: 13px
}

.dashboard-top__message-status {
    width: 80px;
    padding-left: 15px
}

.dashboard-top__message-status .reserve-status-icon {
    position: static
}

.dashboard-top__message-date {
    width: 150px;
    padding-left: 15px
}

.dashboard-top__user-reserve-recipt {
    width: 60px;
    padding-left: 25px
}

.dashboard-top__user-reserve-recipt-button {
    width: 60px;
    padding: 10px 0
}

.dashboard-top__proposal {
    background: #fff;
    border-radius: 3px;
    margin-bottom: 30px;
    padding: 15px 20px
}

.dashboard-top__proposal .dashboard-title__supplement {
    font-size: 13px;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 12px;
    margin-bottom: 12px;
    color: #b3b3b4
}

.dashboard-top__proposal-room-list__box {
    display: table;
    position: relative;
    width: 100%;
    padding: 20px 0 0;
    background: #fff
}

.dashboard-top__proposal-room-list__img {
    display: table-cell;
    display: block;
    width: 80px;
    height: 80px;
    float: left;
    margin: 0 20px 0 0;
    text-indent: -9999px;
    background-size: cover;
    background-position: 50%
}

.dashboard-top__proposal-room-list__txt {
    vertical-align: top;
    margin-left: 100px
}

.dashboard-top__proposal-room-list__title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 16px
}

.dashboard__proposal-price-plan {
    border-top: 1px solid #b3b3b4;
    border-bottom: 1px solid #b3b3b4;
    padding: 16px 12px 8px;
    margin-bottom: 16px
}

.dashboard__proposal-price-ttl {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 16px
}

.dashboard__proposal-plan-price {
    display: inline-block;
    padding-right: 16px
}

.dashboard__proposal-item {
    font-size: 13px;
    margin-bottom: 10px
}

.dashboard__proposal-plan-name {
    font-weight: 700;
    margin-right: 16px
}

.dashboard__proposal-message {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center
}

.dashboard-addroom__proposal-price {
    font-size: 22px;
    font-weight: 700;
    max-width: 6.5em;
    margin: 0 8px;
    text-align: right
}

.dashboard-addroom__proposal-message {
    width: 100%;
    margin-top: 12px;
    padding: 4px 12px;
    background: #f3f3f3
}

.dashboard-addroom__proposal-message-item {
    display: inline-block;
    margin: 10px 12px 12px 0;
    float: left
}

.dashboard__proposal-price__copy {
    display: inline-block;
    width: 160px;
    vertical-align: top;
    float: right
}

.dashboard__proposal-price__copy-button {
    display: block;
    width: 100%;
    font-size: 13px;
    padding: 15px 5px 14px;
    margin: 14px auto 12px
}

.dashboard__proposal-message-price {
    font-size: 20px
}

.dashboard-top__proposal .dashboard-top__buttonarea {
    margin-bottom: 10px;
    vertical-align: top
}

.dashboard__proposal-price-tooltip .dashboard-title2 {
    font-weight: 700;
    margin-bottom: 8px
}

.proposal-price__baloon-txt {
    font-weight: 400;
    line-height: 1.4
}

.dashboard-search {
    position: relative;
    z-index: 7;
    padding: 10px;
    text-align: right;
    background: #f3f3f3;
    box-shadow: 0 0 5px #999;
    font-size: 13px
}

.dashboard-search__button {
    padding: 7px;
    font-size: 13px
}

.dashboard-search__form {
    font-size: 12px
}

input.dashboard-search__form {
    padding: 3px 5px
}

.special-price__baloon {
    width: 610px
}

.special-price__baloon-inner {
    padding: 20px
}

.special-price__box {
    margin-bottom: 13px;
    padding-bottom: 13px;
    border-bottom: 1px solid #f3f3f3
}

.special-price-list {
    border-top: 1px solid #fff;
    padding-top: 15px;
    margin-bottom: 50px
}

.special-price-list__box {
    position: relative;
    border-bottom: 1px solid #fff;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.special-price-list__disable, .special-price-list__disable a:first-child {
    text-decoration: line-through
}

.lightbox {
    position: fixed;
    z-index: 8;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, .6)
}

.lightbox-inner {
    margin: 50px auto;
    padding-top: 30px;
    width: 700px;
    background: #fff
}

.lightbox-guide {
    text-align: center
}

.lightbox-guide__title {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700
}

.lightbox-point__supplement {
    line-height: 1.2;
    margin: 0 20px
}

.lightbox-guide__text {
    font-size: 16px;
    line-height: 1.8
}

.lightbox-guide__text small {
    font-size: 12px
}

.lightbox-point {
    text-align: center;
    width: 100%;
    max-width: 700px;
    margin: 50px auto;
    padding: 30px 0 50px;
    background: #fff
}

@media screen and (max-width: 599px) {
    .lightbox-point {
        width: 300px;
        padding: 20px 0 30px
    }
}

.lightbox-point__form {
    width: 375px;
    text-align: left;
    margin: auto
}

@media screen and (max-width: 599px) {
    .lightbox-point__form {
        width: 260px
    }
}

.lightbox-point__form-box {
    display: inline-block;
    width: 260px;
    margin-right: 10px;
    margin-top: 20px
}

@media screen and (max-width: 599px) {
    .lightbox-point__form-box {
        margin-right: 0;
        display: block;
        margin-bottom: 6px
    }
}

.lightbox-point__form-button {
    width: 100px;
    padding: 10px 0
}

@media screen and (max-width: 599px) {
    .lightbox-point__form-button {
        margin-left: 80px
    }
}

.maincol-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    background: hsla(0, 0%, 100%, .6);
    width: 100%;
    height: 100%;
    z-index: 6
}

.maincol-lightbox__form {
    width: 830px;
    margin: 30px auto;
    padding: 30px 30px 0
}

.maincol-lightbox__form-s {
    width: 530px
}

.maincol-lightbox__form-s .dashboard-title__supplement {
    line-height: 1.4
}

.lightbox-drop-upload-box {
    background: rgba(51, 51, 51, .9);
    padding: 4%;
    width: 100%;
    height: 100%;
    position: absolute
}

.lightbox-drop-upload-box__txt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 22px
}

.reserve-maincol__right {
    padding: 0
}

.reserve-maincol__right-inner {
    padding: 20px
}

.reserve-header {
    background: #fff;
    padding: 20px 20px 13px;
    position: relative;
    margin-bottom: 40px
}

.reserve-header__edit {
    float: right;
    margin-top: -8px;
    margin-left: 8px;
    padding: 7px;
    font-size: 13px
}

.reserve-header__id {
    margin: 0 0 10px 90px
}

.reserve-header__status {
    top: 15px;
    left: 20px
}

.reserve-header__date {
    font-size: 16px;
    margin-bottom: 10px
}

.reserve-header__img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin-right: 6px;
    float: left
}

.reserve-header__affiliation {
    margin-bottom: 10px;
    height: 35px
}

.reserve-header__name {
    font-size: 24px;
    margin: 5px 10px 0 0;
    float: left
}

.reserve-header__name-supplement {
    font-size: 14px;
    margin: 11px 10px 0 -5px;
    float: left
}

.reserve-header__company {
    font-size: 18px;
    margin: 8px 10px 0 0;
    float: left
}

.reserve-header__icon {
    margin-top: 6px;
    float: left;
    line-height: 1.8
}

.reserve-header__space {
    font-size: 16px;
    margin-bottom: 8px
}

.reserve-header__price {
    margin-bottom: 5px
}

.reserve-header__coupon, .reserve-header__preview {
    margin-bottom: 5px;
    font-size: 12px
}

.maincol-lightbox__reserve-change {
    top: 50px
}

.reserve-change {
    background: #f3f3f3
}

.reserve-change del {
    color: #b3b3b4
}

.reserve-change ins {
    text-decoration: none
}

.reserve-change__required {
    color: #e95175;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 16px
}

.reserve-change__required .fa {
    margin-right: 3px
}

.reserve-change__required strong {
    font-weight: 700
}

.reserve-status-bar li {
    background: #fff;
    padding: 19px 0;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid #fff;
    text-align: center;
    width: 32%;
    position: relative
}

.reserve-status-bar .is-current {
    border-color: #60df52;
    color: #60df52
}

.reserve-status-bar .is-current:after, .reserve-status-bar .is-current:before {
    border-color: #60df52
}

.reserve-status-bar__contact {
    box-sizing: border-box;
    width: 100% !important;
    border: 2px solid #333 !important;
    color: #333
}

.reserve-status-bar__cancel {
    box-sizing: border-box;
    width: 100% !important;
    border: 2px solid #e95175 !important;
    color: #e95175
}

.reserve-status-bar__expire {
    box-sizing: border-box;
    width: 100% !important;
    border: 2px solid #b3b3b4 !important;
    color: #b3b3b4
}

.reserve-status-bar__done {
    box-sizing: border-box;
    width: 100% !important;
    border: 2px solid #60df52 !important;
    color: #60df52
}

.reserve-status-bar__status1 {
    float: left;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    z-index: 2
}

.reserve-status-bar__status1:after {
    position: absolute;
    content: " ";
    height: 40px;
    width: 40px;
    background: #fff;
    top: 7px;
    right: -22px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: -1
}

.reserve-status-bar__status2 {
    margin: auto;
    border-top: 2px solid #60df52;
    border-bottom: 2px solid #60df52;
    z-index: 1
}

.reserve-status-bar__status2:before {
    background: #f3f3f3;
    left: -22px;
    border-top: 2px solid #f3f3f3;
    border-right: 2px solid #f3f3f3
}

.reserve-status-bar__status2:after, .reserve-status-bar__status2:before {
    position: absolute;
    content: " ";
    height: 40px;
    width: 40px;
    top: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: -1
}

.reserve-status-bar__status2:after {
    background: #fff;
    right: -22px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}

.reserve-status-bar__status3 {
    float: right;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    z-index: 1
}

.reserve-status-bar__status3:before {
    position: absolute;
    content: " ";
    height: 40px;
    width: 40px;
    background: #f3f3f3;
    top: 7px;
    left: -22px;
    border-top: 2px solid #f3f3f3;
    border-right: 2px solid #f3f3f3;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    z-index: -1
}

.reserve-status-buttonarea {
    float: right
}

.reserve-detail-box {
    background: #fff;
    padding: 13px 20px;
    margin-bottom: 1px;
    font-size: 14px;
    overflow: hidden
}

.reserve-detail-box__title {
    color: #b3b3b4;
    margin-bottom: 10px
}

.reserve-detail-box__sum {
    font-size: 17px;
    font-weight: 700
}

.reserve-detail__point {
    text-align: center;
    font-size: 12px;
    padding-top: 16px;
    margin-bottom: 24px
}

.reserve-detail__point-have {
    font-weight: 700;
    font-size: 14px
}

.reserve-member__title {
    color: #b3b3b4;
    display: inline-block;
    width: 80px;
    margin: 10px 0;
    float: left
}

.reserve-member__button {
    width: 180px;
    padding: 10px 0;
    margin-right: 10px;
    float: left
}

.reserve-member__img {
    width: 40px;
    border-radius: 100%;
    margin: -2px 10px 0 0;
    float: left
}

.reserve-member__name {
    margin: 10px 0;
    float: left;
    max-width: 780px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.reserve-member__link {
    margin-top: 10px;
    float: right
}

.reserve-member__break {
    margin: 0 5px;
    color: #b3b3b4;
    font-size: 14px
}

.reserve-coupon__title {
    font-size: 15px;
    margin: 10px 10px 10px 0;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 12px
}

.reserve-coupon__code {
    color: #b3b3b4;
    display: inline-block;
    width: 130px;
    margin: 2px 0 10px;
    float: left
}

.reserve-coupon__name {
    margin: 2px 0 10px;
    float: left;
    max-width: 720px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.dashboard-tab {
    background: #fff;
    box-shadow: 0 0 5px #999;
    width: 100%;
    z-index: 3;
    font-size: 0;
    height: 50px
}

.dashboard-tab, .dashboard-tab * {
    box-sizing: border-box
}

.dashboard-tab__list {
    display: block;
    position: relative
}

.dashboard-tab__list li {
    width: 50%;
    height: 50px;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 14px
}

.dashboard-tab__list li a {
    display: block;
    color: #999
}

.dashboard-tab__list li a:visited {
    color: #999
}

.dashboard-tab__list li a.is-current {
    background: #fff;
    color: #666
}

.dashboard-tab__list li a.is-current:visited {
    color: #666
}

.dashboard-tab__list li ~ li {
    border-left: none
}

.dashboard-tab__detail .dashboard-tab__inner, .dashboard-tab__message .dashboard-tab__inner {
    display: block;
    height: 50px;
    line-height: 50px
}

.dashboard-tab__detail a .dashboard-tab__inner, .dashboard-tab__message a .dashboard-tab__inner {
    color: #333;
    border: none
}

.dashboard-tab__detail a .dashboard-tab__inner:hover, .dashboard-tab__message a .dashboard-tab__inner:hover {
    background: #e4f2e3
}

.dashboard-tab__detail a .is-disabled, .dashboard-tab__message a .is-disabled {
    color: #b3b3b4;
    background: #f3f3f3
}

.dashboard-tab__detail a .is-disabled:hover, .dashboard-tab__message a .is-disabled:hover {
    background: #f3f3f3
}

.dashboard-tab__detail .dashboard-tab__inner, .dashboard-tab__message .dashboard-tab__inner {
    color: #60df52;
    border-bottom: 2px solid #60df52
}

.dashboard-tab__badge {
    color: #e95175;
    margin-left: 5px
}

.post-review {
    margin-top: 5px;
    overflow: hidden
}

.post-review-buttonarea {
    text-align: right
}

.post-review-form {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    margin-bottom: 5px
}

.post-review-star {
    float: left;
    line-height: 1.3;
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 10px
}

.post-review-star__star {
    margin-right: 5px
}

.is-default {
    color: #b3b3b4
}

.is-checked {
    color: #4abfe6
}

.post-review-star__comment {
    float: left;
    margin: 2px 0 0 5px
}

.post-review__feature-checkbox {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #b3b3b4;
    border-radius: 20px;
    padding: 6px 18px;
    background: #fff;
    margin: 0 10px 10px 0
}

.post-review__feature-checkbox:hover {
    background: #e4f2e3
}

input[type=checkbox]:checked + .post-review__feature-checkbox {
    background: #60df52;
    border-color: #60df52;
    color: #fff
}

.post-review__satisfaction-radio {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #b3b3b4;
    border-radius: 20px;
    padding: 6px 18px;
    background: #fff;
    margin: 0 10px 10px 0
}

.post-review__satisfaction-radio:hover {
    background: #e4f2e3
}

input[type=radio]:checked + .post-review__satisfaction-radio {
    background: #60df52;
    border-color: #60df52;
    color: #fff
}

.dashboard-message-box {
    position: relative
}

.dashboard-message-baloon {
    position: relative;
    border: 1px solid #b3b3b4;
    border-radius: 3px;
    background: #fff
}

.dashboard-message-baloon:before {
    position: absolute;
    content: " ";
    height: 15px;
    width: 15px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dashboard-message-baloon__box__textarea {
    position: relative;
    border: 1px solid #b3b3b4;
    border-radius: 3px;
    background: #fff
}

.dashboard-message-baloon__left {
    margin-left: 70px
}

.dashboard-message-baloon__left:before {
    content: " ";
    left: -8px;
    top: 26px;
    margin-top: -8px;
    border-bottom: 1px solid #b3b3b4;
    border-left: 1px solid #b3b3b4
}

.dashboard-message-baloon__right__textarea {
    margin-right: 70px
}

.dashboard-message-baloon__right__textarea textarea {
    background-color: transparent;
    resize: vertical
}

.dashboard-message-baloon__right__textarea textarea:focus {
    outline: 2px solid #7cb9fa
}

.dashboard-message-baloon__right__textarea textarea:focus + .baloon__right__textarea-focus {
    border-right: 2px solid #7cb9fa;
    border-top: 2px solid #7cb9fa;
    right: -7px
}

@-moz-document url-prefix() {
    .dashboard-message-baloon__right__textarea textarea:focus + .baloon__right__textarea-focus {
        left: -10px
    }
}

.baloon__right__textarea-focus {
    position: absolute;
    height: 15px;
    width: 15px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -8px;
    top: 26px;
    margin-top: -8px;
    border-right: 1px solid #b3b3b4;
    border-top: 1px solid #b3b3b4
}

.dashboard-message-baloon__right {
    line-height: 1.3;
    margin-bottom: 30px;
    margin-right: 70px
}

.dashboard-message-baloon__right:before {
    right: -8px;
    top: 26px;
    margin-top: -8px;
    border-top: 1px solid #b3b3b4;
    border-right: 1px solid #b3b3b4
}

.dashboard-message-baloon__receive {
    padding: 15px 20px;
    line-height: 1.3;
    margin-bottom: 30px;
    margin-right: 200px
}

.dashboard-message-baloon__send {
    padding: 15px 20px;
    line-height: 1.3;
    margin-bottom: 30px;
    margin-left: 200px
}

.dashboard-message-baloon__spm, .dashboard-message-baloon__spm:before {
    background: #e4f2e3
}

.dashboard-message-baloon__textarea {
    border: none;
    display: block;
    padding: 20px;
    border-radius: 3px;
    width: 100%;
    height: 120px;
    box-sizing: border-box
}

.textarea__disabled {
    background: #eee;
    border-color: #e1e1e1
}

.dashboard-message-baloon__info {
    display: block;
    margin-top: 10px;
    color: #b3b3b4;
    font-size: 11px
}

.dashboard-message-baloon__space-link {
    color: #333
}

.dashboard-message-baloon__space-link:hover img {
    opacity: .8
}

.dashboard-message-baloon__space {
    display: block;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #b3b3b4
}

.dashboard-message-baloon__space-img {
    display: block;
    float: left;
    width: 150px
}

.dashboard-message-baloon__space-text {
    margin-left: 170px;
    display: block;
    font-size: 13px
}

.dashboard-message-baloon__space-title {
    font-weight: 700;
    display: block;
    font-size: 15px;
    margin: 2px 0 5px
}

.dashboard-message-baloon__space-checkin, .dashboard-message-baloon__space-checkout, .dashboard-message-baloon__space-id {
    display: block;
    margin: 2px 0
}

.dashboard-message__icon {
    width: 50px;
    height: 50px;
    border-radius: 100%
}

.dashboard-message__read-status {
    width: 50px;
    color: #b3b3b4;
    font-size: 12px;
    position: absolute;
    top: 55px;
    right: 0;
    text-align: center
}

.dashboard-message__buttonarea {
    margin: 10px 70px 30px 0
}

.dashboard-message__info {
    background: #e4f2e3;
    padding: 15px 20px;
    line-height: 1.8;
    margin-bottom: 40px
}

.dashboard-message__info-list {
    margin-left: 16px
}

.dashboard-message__info-list li {
    list-style: disc
}

.dashboard-message__status {
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px
}

.dashboard-message__date {
    text-align: center;
    margin-bottom: 30px;
    color: #b3b3b4
}

.dashboard-message__close-btn {
    background: #e6e6e6;
    border-radius: 3px;
    padding: 20px;
    margin: 0 0 30px;
    overflow: hidden
}

.dashboard-message__period {
    float: left;
    padding-top: 8px
}

.dashboard-message__period-num {
    font-size: 18px
}

.settings-img {
    padding-top: 25px;
    width: 120px;
    height: 116px;
    line-height: 2
}

.settings-img__change-img {
    display: inline-block;
    background-size: cover;
    background-position: 50%;
    border-radius: 3px
}

.settings-img__change-img label {
    background: rgba(51, 51, 51, .6)
}

.settings-img__change-img label:hover {
    background: rgba(51, 51, 51, .4)
}

.settings-data {
    font-weight: 700;
    margin: 0 5px
}

.settings-exam__box {
    display: table;
    background: #fff;
    padding: 10px 15px;
    margin-bottom: 15px;
    min-height: 53px;
    box-sizing: content-box
}

.settings-exam__buttonarea {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px
}

.settings-exam__button {
    width: 220px;
    padding: 10px 0
}

.settings-exam__textarea {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.settings-notification__description {
    margin-left: 30px;
    line-height: 1.3
}

.settings-notification__label-disabled {
    color: #333 !important
}

.settings-business-inner {
    min-height: 550px
}

.settings-business_company {
    height: 64px
}

.settings-business_icon {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    float: left;
    margin-right: 15px
}

.settings-business_text {
    font-size: 20px;
    line-height: 64px
}

.dashboard-sales {
    width: 960px;
    margin: auto
}

.dashboard-sales__header {
    overflow: hidden
}

.dashboard-sales__header-term {
    float: left;
    margin-bottom: 20px
}

.form-sales-term {
    width: 110px !important;
    margin: 0 5px
}

.dashboard-sales__header-receipt {
    float: right;
    margin-top: 15px
}

.dashboard-sales__box {
    background: #fff;
    padding: 20px;
    margin-bottom: 15px;
    box-sizing: content-box
}

.dashboard-sales__list {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.dashboard-sales__list-title {
    color: #b3b3b4;
    font-weight: 700
}

.dashboard-sales__list-schedule {
    float: left;
    width: 110px
}

.dashboard-sales__list-method {
    float: left;
    width: 140px
}

.dashboard-sales__list-user {
    float: left;
    width: 160px
}

.dashboard-sales__list-user-icon {
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 50%;
    margin: -8px 5px -8px 0
}

.dashboard-sales__list-user-icon:hover {
    opacity: .7
}

.dashboard-sales__list-user-name {
    display: inline-block;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dashboard-sales__list-use {
    float: left
}

.dashboard-sales__list-price {
    float: right;
    text-align: right;
    width: 100px
}

.dashboard-sales__list-sum {
    font-weight: 700;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.summary-selectarea {
    float: right;
    margin-top: -5px;
    font-size: 14px
}

.summary-total {
    background: #fff;
    padding: 20px 10px;
    overflow: hidden;
    margin-bottom: 40px
}

.summary-total__box {
    border: 1px solid #b3b3b4;
    border-radius: 2px;
    box-sizing: border-box;
    width: 23%;
    float: left;
    margin: 0 1%;
    padding: 20px 15px
}

.summary-total__number {
    font-family: Arial;
    font-weight: 700;
    font-size: 45px;
    color: #4abfe6
}

.summary-total__unit {
    font-size: 24px
}

.summary-graph {
    background: #fff;
    width: 49%;
    padding: 20px 25px;
    box-sizing: border-box;
    margin-bottom: 20px
}

.summary-graph:nth-child(odd) {
    float: left
}

.summary-graph:nth-child(2n) {
    float: right
}

.summary-graph__number {
    font-family: Arial;
    font-size: 20px;
    font-weight: 700
}

.summary-graph__unit {
    font-size: 16px
}

.summary-graph__difference {
    display: inline-block;
    font-family: Arial;
    border-radius: 3px;
    border: 2px solid;
    font-size: 12px;
    padding: 2px 5px
}

.summary-graph__difference-number {
    font-weight: 700;
    font-size: 14px
}

.summary-graph__up {
    color: #4abfe6
}

.summary-graph__down {
    color: #e95175
}

.summary-graph__box {
    height: 250px
}

.dashboard-form-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    background: #b3b3b4
}

.dashboard-form-table th {
    position: relative;
    background: #ededed;
    padding: 25px 20px;
    text-align: left;
    width: 270px;
    vertical-align: top
}

.dashboard-form-table td {
    background: #fff;
    padding: 15px 20px;
    vertical-align: middle
}

.dashboard-form-table__icon {
    position: absolute;
    top: 23px;
    right: 10px
}

.add-reserve__price {
    font-weight: 700;
    font-size: 22px;
    font-family: Arial;
    color: #60df52;
    margin-right: 40px
}

.dashboard-favorite__list {
    padding-top: 25px
}

.dashboard-favorite__list-title {
    float: left
}

.dashboard-favorite__list-add {
    padding: 8px 16px;
    float: right
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__list-add {
        font-size: 12px;
        padding: 7px 8px
    }
}

.dashboard-favorite__list-select {
    clear: both
}

.dashboad-favorite__list-select-box {
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: box-shadow .2s
}

.dashboad-favorite__list-select-box:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}

.dashboad-favorite__list-select-box:hover .dashboad-favorite__list-select-box-text-title {
    color: #666
}

.dashboad-favorite__list-select-box:hover .dashboad-favorite__popup-select-box-img-space {
    opacity: .8
}

.dashboad-favorite__list-select-box-img {
    position: relative;
    overflow: hidden;
    height: 185px;
    border-radius: 2px 2px 0 0;
    margin-top: 16px
}

.dashboad-favorite__list-select-box-img-space {
    width: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

.dashboad-favorite__list-select-box-text {
    padding: 15px;
    background-color: #fff;
    border-radius: 0 0 2px 2px;
    margin-bottom: 8px
}

.dashboad-favorite__list-select-box-text-title {
    color: #4a4b4e;
    font-size: 14px;
    font-weight: 700;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%
}

.dashboad-favorite__list-select-box-text-count {
    color: #999;
    font-size: 12px;
    text-align: right
}

.dashboard-favorite {
    max-width: 1086px;
    margin: 23px auto;
    padding: 0 12px
}

.dashboard-favorite__title {
    font-size: 20px;
    line-height: 1.2em;
    display: inline
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__title {
        width: 100%
    }
}

.dashboard-favorite__title-set {
    margin-bottom: 15px
}

.dashboard-favorite__registration-set {
    background: #fff;
    padding-bottom: 30px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__registration-set {
        padding-bottom: 60px;
        margin-bottom: -80px
    }
}

.dashboard-favorite__guide-registration {
    margin: 0 auto;
    width: 80%;
    padding: 30px 0;
    text-align: center
}

.dashboard-favorite__guide-text {
    line-height: 1.4em
}

.dashboard-favorite__registration-btn {
    width: 300px;
    margin: 0 auto
}

.dashboard-favorite__registration-btn a {
    width: 100%;
    margin: 15px auto
}

.dashboard-favorite__login {
    font-weight: 700
}

.dashboard-favorite__login:hover {
    text-decoration: underline
}

.dashboard-favorite__login:after {
    font-family: FontAwesome;
    content: "\F105";
    padding-left: 5px
}

.dashboard-favorite__conunt {
    font-size: 12px;
    color: #999;
    display: inline
}

.dashboard-favorite__back {
    float: left;
    margin-top: 10px
}

.dashboard-favorite__setting {
    float: right;
    margin: 10px 0 24px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__setting {
        margin: 13px 0;
        line-height: 1.3em
    }
}

.dashboard-favorite__setting-change {
    width: 138px;
    float: left;
    padding: 8px 0
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__setting-change {
        font-size: 10px;
        padding: 8 px　0;
        width: 84px
    }
}

.dashboard-favorite__setting-text {
    color: #fff
}

.dashboard-favorite__setting-delete {
    float: right;
    margin-left: 5px;
    width: 138px;
    padding: 8px 0
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__setting-delete {
        font-size: 10px;
        width: 43px;
        padding: 8px 0
    }
}

.dashboard-favorite__space {
    clear: both;
    background-color: #fff;
    height: 185px;
    margin-bottom: 24px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: box-shadow .2s
}

.dashboard-favorite__space:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space {
        height: auto
    }
}

.dashboard-favorite__space-box {
    width: 300px;
    height: 185px;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
    float: left;
    border-radius: 2px 0 0 2px
}

.dashboard-favorite__space-box:hover {
    opacity: .8
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-box {
        width: 100%;
        border-radius: 2px 2px 0 0
    }
}

.dashboard-favorite__space-box-img {
    position: absolute;
    width: 100%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

.dashboard-favorite__space-box-price {
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 8px;
    background-color: #000;
    font-size: 16px;
    color: #fff;
    border-radius: 3px
}

.dashboard-favorite__space-box-price-per {
    font-size: 10px;
    font-weight: 400
}

.dashboard-favorite__space-info {
    margin-left: 320px;
    margin-right: 20px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info {
        clear: both;
        margin: auto;
        padding: 0 10px;
        background-color: #fff;
        border-radius: 0 0 2px 2px
    }
}

.dashboard-favorite__space-info-text {
    width: 100%;
    float: left;
    margin-right: -140px;
    padding: 20px 140px 0 0
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-text {
        float: none;
        margin: auto;
        padding: 10px 0 0
    }
}

.dashboard-favorite__space-info-text-title {
    color: #4a4b4e;
    font-size: 18px;
    line-height: 1.4em;
    height: 48.6px;
    overflow: hidden
}

.dashboard-favorite__space-info-text-title:hover {
    color: #666
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-text-title {
        font-size: 14px;
        height: 36.4px
    }
}

.dashboard-favorite__space-info-feature {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 6.4px 0 10px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-feature {
        margin-top: 3.9px
    }
}

.dashboard-favorite__space-info-feature-content {
    color: #4a4b4e;
    margin-right: 5px;
    display: inline
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-feature-content {
        font-size: 11px
    }
}

.ashboard-favorite__space-info-feature-icon {
    color: #d0d1cf
}

.dashboard-favorite__space-info-setting {
    float: right;
    width: 120px;
    margin: 20px 0 0 20px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-setting {
        font-size: 12px;
        float: none;
        width: 100%;
        display: table;
        margin: 6px 0 10px
    }
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-setting-button {
        display: table-cell
    }
}

.dashboard-favorite__space-info-button-select {
    margin-top: 2px;
    padding: 8px 0;
    width: 120px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-button-select {
        float: none;
        width: 95%;
        padding: 7px 0
    }
}

.dashboard-favorite__space-info-button-delete {
    padding: 8px 0;
    width: 120px;
    margin-top: 5px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-button-delete {
        float: none;
        width: 95%;
        padding: 7px 24px
    }
}

.dashboard-favorite__space-info-memo-open {
    padding: 8px 46px;
    margin-top: 5px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-memo-open {
        float: none;
        width: 95%;
        padding: 6.5px 15.5px
    }
}

.dashboard-favorite__space-info-memo-area-icon {
    width: 12px;
    margin-left: 5px
}

.dashboard-favorite__space-info-memo {
    border-top: 1px solid #eaeaea;
    padding-top: 10px;
    display: table;
    width: 100%
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-memo {
        border-top: none;
        padding-top: 0;
        border-radius: 0 0 2px 2px
    }
}

.dashboard-favorite__space-info-memo-area {
    width: 100%;
    height: 55px;
    max-width: 582px;
    line-height: 1.4em;
    color: #4a4b4e
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-memo-area {
        max-width: inherit;
        display: inline;
        height: 75px
    }
}

.dashboard-favorite__space-info-memo-setting {
    width: 140px;
    text-align: center;
    display: table-cell;
    vertical-align: top;
    padding-left: 20px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-memo-setting {
        width: auto;
        text-align: auto;
        display: inline;
        padding-left: 0
    }
}

.dashboard-favorite__space-info-memo-count {
    color: #999;
    margin-top: 3px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-memo-count {
        float: left;
        margin-top: 13px;
        font-size: 12px
    }
}

.dashboard-favorite__space-info-memo-save {
    font-size: 13px;
    padding: 8px 0;
    width: 120px;
    margin-top: 7px
}

@media screen and (max-width: 991px) {
    .dashboard-favorite__space-info-memo-save {
        font-size: 12px;
        float: right;
        margin: 6px 0 10px;
        padding: 6.5px 25px
    }
}

.dashboard-favorite__nav {
    padding-top: 24px
}

.dashboad-favorite__popup {
    position: relative;
    padding: 0 12px 44px;
    margin-top: 90px
}

.dashboad-favorite__input {
    position: absolute;
    padding: 0 12px 44px;
    top: 50%;
    left: 50%;
    margin-top: -161px;
    margin-left: -400px
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__input {
        left: auto;
        margin-left: auto
    }
}

.dashboad-favorite__delete-list {
    position: absolute;
    padding: 0 12px 44px;
    top: 50%;
    left: 50%;
    margin-top: -135px;
    margin-left: -400px
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__delete-list {
        left: auto;
        margin-left: auto
    }
}

.dashboad-favorite__delete-favorite {
    position: absolute;
    padding: 0 12px 44px;
    top: 50%;
    left: 50%;
    margin-top: -119px;
    margin-left: -400px
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__delete-favorite {
        left: auto;
        margin-left: auto
    }
}

.dashboad-favorite__popup-cancel {
    font-size: 10px;
    text-align: center;
    position: absolute;
    top: 16px
}

.dashboad-favorite__popup-cancel:hover .dashboad-favorite__popup-cancel-text, .dashboad-favorite__popup-cancel:hover .page__popup__cancel-icon {
    color: #ddd
}

.dashboad-favorite__popup-cancel-icon {
    font-family: Arial, sans-serif;
    display: block;
    line-height: .6;
    color: #e9e9e9
}

.dashboad-favorite__popup-cancel-text {
    color: #e9e9e9
}

.dashboad-favorite__popup-headline-text {
    font-size: 12px;
    color: #999;
    line-height: 1.5
}

.dashboad-favorite__popup-form {
    text-align: center;
    margin: 0 auto 24px;
    max-width: 400px
}

.dashboad-favorite__popup-form-area {
    width: 100%
}

.dashboad-favorite__popup-add-form-area {
    width: 100%;
    max-width: 400px;
    display: inline-block
}

.dashboad-favorite__popup-form-error {
    text-align: left;
    color: #e95175;
    line-height: 1.4;
    font-size: 12px;
    margin-top: -2px;
    margin-bottom: 8px
}

.dashboad-favorite__popup-form-error-cancel {
    color: #e95175;
    font-size: 12px;
    text-align: center;
    margin-top: -16px;
    margin-bottom: 16px
}

.dashboad-favorite__popup-content-button {
    display: block;
    width: 250px;
    margin: 0 auto;
    font-size: 16px;
    padding: 14px 0
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-content-button {
        font-size: 14px;
        padding: 12px 0
    }
}

.dashboad-favorite__popup-select {
    padding-bottom: 24px
}

.dashboad-favorite__popup-select-content {
    max-width: 1062px;
    width: 100%;
    max-height: 400px;
    overflow: scroll;
    text-align: left
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-select-content {
        height: 200px;
        max-height: auto
    }
}

.dashboad-favorite__popup-add {
    font-size: 14px;
    margin-bottom: 16px;
    display: block;
    text-align: center
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-add {
        margin-bottom: 12px
    }
}

.dashboad-favorite__popup-add-content {
    text-align: center;
    background-color: #f6f6f6;
    margin: 16px 12px;
    padding: 24px 12px 16px;
    border-radius: 3px;
    border: 1px solid #eaeaea
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-add-content {
        margin: 0 12px 16px;
        padding-top: 16px
    }
}

.dashboad-favorite__popup-add-content-description {
    margin-bottom: 16px;
    color: #4a4b4e
}

.dashboad-favorite__popup-add-content-error {
    text-align: left;
    color: #e95175;
    line-height: 1.4;
    font-size: 12px;
    max-width: 610px;
    margin: -2px auto 8px
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-add-content-error {
        max-width: 400px
    }
}

.dashboad-favorite__popup-add-content-action {
    display: inline-block
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-add-content-action {
        display: block;
        margin-top: 8px
    }
}

.dashboad-favorite__popup-add-content-button {
    padding: 11px 0;
    width: 100px;
    margin-left: 5px
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-add-content-button {
        padding: 8px 0;
        margin: 0 5px
    }
}

.dashboad-favorite__popup-select-box {
    margin-top: 8px;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: box-shadow .2s
}

.dashboad-favorite__popup-select-box:hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}

.dashboad-favorite__popup-select-box:hover .dashboad-favorite__popup-select-box-text-title {
    color: #666
}

.dashboad-favorite__popup-select-box:hover .dashboad-favorite__popup-select-box-img-space {
    opacity: .8
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-select-box {
        box-shadow: none;
        padding: 6px 0;
        max-width: 350px;
        margin: 8px auto 0
    }

    .dashboad-favorite__popup-select-box:hover {
        box-shadow: none
    }
}

.dashboad-favorite__checkbox {
    cursor: pointer
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__checkbox {
        box-sizing: border-box;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin: 0 10px 3px 0;
        padding-left: 22px
    }
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__checkbox:before {
        position: absolute;
        z-index: 2;
        top: 4px;
        display: block;
        content: "";
        opacity: 0;
        transform: rotate(45deg);
        left: 5px;
        width: 6px;
        height: 9px;
        border-right: 3px solid #4abfe6;
        border-bottom: 3px solid #4abfe6
    }
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__checkbox:after {
        position: absolute;
        top: 2px;
        left: 0;
        display: block;
        margin-top: 0;
        border: 1px solid #b3b3b4;
        border-radius: 3px;
        content: "";
        background: #fff;
        width: 15px;
        height: 15px
    }
}

input[type=checkbox]:checked + .dashboad-favorite__checkbox {
    color: #000
}

input[type=checkbox]:checked + .dashboad-favorite__checkbox .fa-check {
    color: #4abfe6
}

input[type=checkbox]:checked + .dashboad-favorite__checkbox .dashboad-favorite__popup-select-box-img {
    background-color: #4abfe6
}

input[type=checkbox]:checked + .dashboad-favorite__checkbox .dashboad-favorite__popup-select-box-img-space {
    opacity: .6
}

input[type=checkbox]:checked + .dashboad-favorite__checkbox:hover .dashboad-favorite__popup-select-box-img-space {
    opacity: .7
}

@media screen and (max-width: 991px) {
    input[type=checkbox]:checked + .dashboad-favorite__checkbox:before {
        opacity: 1
    }
}

.dashboad-favorite__popup-select-box-img {
    height: 120px;
    position: relative;
    overflow: hidden;
    border-radius: 2px 2px 0 0
}

.dashboad-favorite__popup-select-box-img-space {
    width: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

.dashboad-favorite__popup-select-box-text-check {
    font-size: 14px;
    color: #999;
    text-align: right
}

.dashboad-favorite__popup-select-box-text {
    padding: 11px;
    background-color: #fff;
    border-radius: 0 0 2px 2px;
    margin-bottom: 16px
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-select-box-text {
        padding: 0;
        margin: 0
    }
}

.dashboad-favorite__popup-select-box-text-title {
    color: #4a4b4e;
    font-size: 12px;
    font-weight: 700;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%
}

@media screen and (max-width: 991px) {
    .dashboad-favorite__popup-select-box-text-title {
        font-size: 14px;
        white-space: normal;
        line-height: 1.4em;
        width: 100%
    }
}

.dashboad-favorite__popup-select-caution {
    font-size: 11px;
    text-align: center;
    margin-bottom: 16px;
    color: #999
}

.dashboard-point {
    position: relative
}

@media screen and (max-width: 991px) {
    .dashboard-point {
        padding: 0
    }
}

.dashboard-point__title {
    float: left;
    margin-top: 25px;
    margin-bottom: 20px
}

@media screen and (max-width: 599px) {
    .dashboard-point__title {
        padding-left: 12px
    }
}

.dashboard-point__code {
    float: right;
    padding: 8px 20px;
    margin-top: 25px;
    margin-bottom: 20px
}

@media screen and (max-width: 599px) {
    .dashboard-point__code {
        padding: 8px 10px;
        margin-right: 12px;
        font-size: 10px
    }
}

.dashboard-point__head {
    position: relative
}

@media screen and (max-width: 1200px) {
    .dashboard-point__head {
        padding-bottom: 2em
    }
}

.dashboard-point__sum {
    background-color: #fff;
    padding: 54px;
    border: 1px solid #ddd;
    border-radius: 3px;
    display: inline-block
}

@media screen and (max-width: 991px) {
    .dashboard-point__sum {
        padding: 12px;
        width: 100%
    }
}

@media screen and (max-width: 1200px) {
    .dashboard-point__sum {
        width: 100%
    }
}

.dashboard-point__referrallink {
    position: absolute;
    right: 0;
    bottom: 2px
}

.dashboard-point__sum-now {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 24px
}

@media screen and (max-width: 991px) {
    .dashboard-point__sum-now {
        padding-bottom: 12px
    }
}

.dashboard-point__sum-now-title {
    display: inline-block;
    font-size: 24px;
    font-weight: 700
}

@media screen and (max-width: 991px) {
    .dashboard-point__sum-now-title {
        font-size: 16px
    }
}

.dashboard-point__sum-now-have {
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    margin-left: 5px
}

@media screen and (max-width: 991px) {
    .dashboard-point__sum-now-have {
        font-size: 24px;
        margin-left: 0;
        margin-top: 5px;
        display: block
    }
}

.dashboard-point__unit {
    display: inline-block;
    font-size: 12px;
    margin-left: 5px
}

.dashboard-point__sum-will {
    margin-top: 24px;
    vertical-align: text-top
}

@media screen and (max-width: 991px) {
    .dashboard-point__sum-will {
        margin-top: 12px
    }
}

.dashboard-point__sum-will-title {
    line-height: 1.2;
    font-size: 13px;
    float: left
}

@media screen and (max-width: 991px) {
    .dashboard-point__sum-will-title {
        margin-top: 12px;
        margin-left: 0;
        float: none;
        font-size: 12px
    }
}

.dashboard-point__sum-will-have {
    font-size: 28px;
    margin-left: 10px;
    float: left;
    margin-top: 1px
}

@media screen and (max-width: 991px) {
    .dashboard-point__sum-will-have {
        margin-top: 5px;
        margin-left: 0;
        font-size: 18px;
        float: none
    }
}

.dashboard-point__detail {
    margin-top: 20px;
    margin-bottom: 54px;
    text-align: center
}

.dashboard-point__detail strong {
    font-weight: 700
}

.dashboard-point__detail-tab {
    padding: 0 12px
}

.dashboard-point__detail-tab-content {
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 3px 3px 0 0;
    color: #999;
    padding: 18px 0;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: auto
}

.dashboard-point__detail-tab-content:hover {
    color: #ccc;
    background-color: #fff
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-tab-content {
        font-size: 14px;
        padding: 12px 0
    }
}

.dashboard-point__detail-tab-current {
    background-color: #fff;
    border-top: 2px solid #60df52;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 0;
    color: #4a4b4e
}

.dashboard-point__detail-tab-current:hover {
    color: #4a4b4e
}

.dashboard-point__detail-history {
    padding: 54px;
    background-color: #fff;
    border-radius: 0 0 3px 3px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-history {
        padding: 12px
    }
}

.dashboard-point__detail-table {
    width: 100%;
    margin-bottom: 54px
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-table {
        margin-bottom: 20px
    }
}

.dashboard-point__detail-heading {
    font-weight: 700;
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-heading {
        font-size: 12px
    }
}

.dashboard-point__detail-content {
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-content {
        height: 20px;
        overflow: hidden;
        font-size: 12px
    }
}

.dashboard-point__detail-heading-date {
    text-align: left;
    width: 130px;
    padding-right: 30px
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-heading-date {
        padding-right: 12px;
        width: 50px
    }
}

.dashboard-point__detail-heading-overview {
    text-align: left
}

.dashboard-point__detail-heading-status {
    text-align: left;
    width: 110px;
    padding-left: 30px
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-heading-status {
        padding-left: 12px;
        width: 72px
    }
}

.dashboard-point__detail-heading-point {
    text-align: right;
    width: 94px;
    margin-left: 30px
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-heading-point {
        padding-left: 12px;
        width: 60px
    }
}

.dashboard-point__detail-date {
    text-align: left;
    width: 130px;
    border-bottom: 1px solid #eaeaea;
    padding: 24px 30px 24px 0;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-date {
        width: 50px;
        padding: 12px 12px 12px 0
    }
}

.dashboard-point__detail-overview {
    text-align: left;
    border-bottom: 1px solid #eaeaea;
    padding: 24px 0;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-overview {
        padding: 12px 0
    }
}

.dashboard-point__detail-status {
    text-align: left;
    width: 110px;
    border-bottom: 1px solid #eaeaea;
    padding: 24px 0 24px 30px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-status {
        padding: 12px 0 12px 12px;
        width: 72px
    }
}

.dashboard-point__detail-point {
    text-align: right;
    width: 94px;
    border-bottom: 1px solid #eaeaea;
    padding: 24px 0 24px 30px;
    line-height: 1.3
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-point {
        padding: 12px 0 12px 12px;
        width: 60px
    }
}

.dashboard-point__detail-date-will {
    text-align: left;
    width: 130px;
    padding-right: 30px
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-date-will {
        padding-right: 12px;
        width: 60px
    }
}

@media screen and (max-width: 991px) {
    .dashboard-point__detail-overview-cut {
        max-height: 42px;
        display: block;
        overflow: hidden
    }
}

.dashboard-point__detail-minus {
    color: #e95175
}

.dashboard-point__caution {
    line-height: 1.5
}

.dashboard-point__caution-specially {
    color: #e95175
}

.dashboard-review a:hover {
    text-decoration: underline
}

.dashboard-review__head {
    margin-bottom: 16px
}

.dashboard-review__head li {
    display: inline;
    margin-right: 4px
}

.dashboard-review__head-star {
    font-size: 20px
}

.dashboard-review__head-rating {
    font-size: 18px
}

.dashboard-review__line {
    overflow: hidden;
    padding: 16px 0;
    border-top: 1px solid #ddd
}

.dashboard-review__line:first-child {
    border: none
}

.dashboard-review__guest-name {
    font-weight: 700;
    margin-top: 2px;
    margin-bottom: 2px
}

.dashboard-review__list {
    margin-bottom: 12px
}

.dashboard-review__list li {
    display: block;
    float: left;
    margin-right: 8px;
    font-size: 12px
}

.dashboard-review__list li.dashboard-review__list-space {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    width: 35%
}

.dashboard-review__guest-icon, .dashboard-review__host-icon {
    float: left
}

.dashboard-review__guest-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%
}

.dashboard-review__box-text {
    margin-top: 2em
}

.dashboard-review__box-head, .dashboard-review__box-text {
    margin-left: 88px;
    line-height: 1.5
}

.dashboard-review__res-line {
    padding: 16px 0 8px;
    margin-top: 16px;
    border-top: 1px dashed #ddd
}

.dashboard-review__resbox-head, .dashboard-review__resbox-text {
    margin-left: 64px
}

.dashboard-review__host-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%
}

.dashboard-review__host-name {
    margin-top: 4px;
    margin-bottom: 2px
}

.dashboard-review__host-name a {
    font-weight: 700
}

.dashboard-review__delete {
    margin-left: 20px;
    font-weight: 400 !important
}

.dashboard-footer {
    z-index: 6;
    position: fixed;
    bottom: 0;
    width: 100%;
    color: #fff;
    background: #595959;
    font-size: 10px
}

.dashboard-footer__link {
    float: left;
    padding: 10px 15px;
    color: #b3b3b4
}

.dashboard-footer__link a {
    color: #fff
}

.dashboard-footer__link a:hover {
    text-decoration: underline
}

.dashboard-footer__link .dashboard-footer__link-separator {
    margin: 0 7px
}

.dashboard-footer__copyright {
    float: right;
    padding: 8px 15px
}

.academy-tips {
    position: fixed;
    right: 50px;
    width: 280px
}

.academy-tips__icon {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff;
    padding: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2)
}

.academy-tips__badge, .academy-tips__icon {
    position: fixed;
    right: 15px;
    border-radius: 50%
}

.academy-tips__badge {
    background: #e95175;
    width: 16px;
    height: 16px
}

.academy-tips__baloon:before {
    top: 25px;
    background: #e7f6fb
}

.academy-tips__baloon-inner {
    width: 248px;
    background: #e7f6fb;
    padding: 13px 12px
}

.academy-tips__baloon-title {
    margin-bottom: 8px
}

.academy-tips__baloon-link {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.2
}

.academy-tips__close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #333
}

.academy-tips__close:hover {
    opacity: .6
}

.app-banner {
    box-sizing: border-box;
    display: none;
    z-index: 10;
    position: fixed;
    bottom: 0;
    width: 100%
}

.app-banner__link {
    display: block;
    background: #fff;
    border: 2px solid #4abfe6;
    color: #333;
    padding: 10px
}

.app-banner__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px
}

.app-banner__btn-install {
    background: #4abfe6;
    border-radius: 3px;
    color: #fff;
    padding: 4px;
    font-size: 11px;
    position: absolute;
    bottom: 10px;
    right: 10px
}

.app-banner__img {
    float: left;
    margin-right: 10px
}

.app-banner__point {
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 1.2
}

.app-banner__star {
    font-size: 11px;
    margin-bottom: 3px
}

.app-banner__star i {
    color: #f90;
    margin-right: 1px
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: 4px
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left: -.3em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.js-slider__horizontal .ui-widget-content {
    background: #ddd
}

.js-slider__horizontal .ui-widget-header {
    background: #4abfe6
}

.js-slider__horizontal .ui-widget-content .ui-state-default, .js-slider__horizontal .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #fff;
    border-radius: 50%;
    font-size: 18px;
    outline: none;
    cursor: pointer
}

.js-slider__horizontal .ui-widget-content .ui-state-active, .js-slider__horizontal .ui-widget-content .ui-state-focus, .js-slider__horizontal .ui-widget-content .ui-state-hover, .js-slider__horizontal .ui-widget-header .ui-state-active, .js-slider__horizontal .ui-widget-header .ui-state-focus, .js-slider__horizontal .ui-widget-header .ui-state-hover {
    border-color: #4abfe6
}

#ui-datepicker-div {
    z-index: 2002 !important;
    display: none
}

.ui-datepicker-group {
    width: 50%;
    float: left;
    background: #efefef
}

@media screen and (max-width: 599px) {
    .ui-datepicker-group {
        width: 100%
    }
}

.ui-datepicker-header {
    position: relative;
    color: #333;
    padding: 15px 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    width: 90%;
    margin: 0 auto
}

.ui-datepicker-header .ui-icon {
    display: none
}

.ui-datepicker-header .ui-datepicker-next, .ui-datepicker-header .ui-datepicker-prev {
    position: absolute;
    top: 14px;
    cursor: pointer;
    font-family: FontAwesome
}

.ui-datepicker-header .ui-datepicker-next:hover, .ui-datepicker-header .ui-datepicker-prev:hover {
    opacity: .8
}

.ui-datepicker-header .ui-datepicker-prev {
    left: 0
}

.ui-datepicker-header .ui-datepicker-prev:after {
    content: "\F0D9";
    font-size: 16px
}

.ui-datepicker-header .ui-datepicker-next {
    right: 0
}

.ui-datepicker-header .ui-datepicker-next:after {
    content: "\F0DA";
    font-size: 16px
}

.ui-datepicker-title {
    text-align: center;
    font-weight: 700
}

.ui-datepicker-group .datetime-layout__inner-title {
    padding-top: 16px;
    margin-bottom: 0
}

.ui-datepicker {
    width: 330px;
    text-align: center;
    background: #efefef;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0
}

@media screen and (max-width: 599px) {
    .ui-datepicker {
        width: 94%
    }
}

.ui-datepicker a {
    color: #4abfe6
}

.ui-datepicker-calendar {
    width: 90%;
    margin: 0 auto 16px;
    background: #fff
}

.ui-datepicker-calendar thead th {
    color: #999;
    padding: 10px 0;
    background: #ddd
}

.ui-datepicker-calendar td, .ui-datepicker-calendar th {
    font-size: 14px;
    text-align: center;
    font-family: Arial, sans-serif;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
    width: 14.29%;
    border-collapse: collapse
}

.ui-datepicker-calendar td a {
    color: #333;
    display: block;
    padding: 9px 0;
    border: 1px solid transparent
}

.ui-datepicker-calendar td a:hover {
    background-color: #60df52;
    border: 1px solid #60df52;
    color: #fff
}

.ui-datepicker-calendar td.ui-state-disabled {
    background: #f1f1f1;
    color: #ccc;
    padding: 10px 0
}

.ui-datepicker-calendar .ui-state-highlight {
    border: 1px solid #60df52;
    color: #999
}

.ui-datepicker-calendar .ui-state-active {
    background: #333;
    color: #fff
}

.ui-spinner-input {
    width: 40px;
    text-align: center;
    font-size: 16px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none
}

.ui-spinner-button {
    border: 1px solid #666;
    border-radius: 3px;
    padding: 7px 7px 6px;
    color: #666
}

.ui-icon-triangle-1-n, .ui-icon-triangle-1-s {
    display: none
}

.ui-spinner-down, .ui-spinner-up {
    cursor: pointer;
    font-family: FontAwesome
}

.ui-spinner-up {
    margin: 0 5px
}

.ui-spinner-up:after {
    content: "\F067";
    font-size: 16px
}

.ui-spinner-down:after {
    content: "\F068";
    font-size: 16px
}

.js-slider-gallery {
    background-color: rgba(0, 0, 0, .8)
}

.slider-gallery__cancel {
    font-size: 55px;
    text-align: right;
    padding-right: 20px
}

.slider-gallery__cancel a, .slider-gallery__cancel a:visited {
    color: #e9e9e9
}

.slider-gallery__cancel a:hover {
    color: #ddd
}

@media screen and (max-width: 991px) {
    .slider-gallery__cancel {
        padding: 0 10px 10px;
        font-size: 50px
    }
}

.slider-gallery-inner #slider {
    width: 80%;
    margin: -33px auto
}

@media screen and (max-width: 991px) {
    .slider-gallery-inner #slider {
        width: 100%
    }
}

.slider-gallery-inner #carousel {
    width: 90%;
    margin: 0 auto
}

.slider-gallery-inner #carousel .slides li {
    border: 1px solid #000;
    padding-bottom: 0;
    margin-bottom: 0
}

.slider-gallery-inner #carousel .slides li img {
    vertical-align: bottom
}

.slider-gallery-inner #carousel .slides li.flex-active-slide {
    border: 1px solid #fff
}

.flexslider .top-slider__cover .slides {
    height: 100%
}

.flexslider .top-slider__cover .slides > li {
    height: 100%;
    background: #f5f5f5;
    position: static !important;
    background-size: 110% auto;
    background-position: 50%;
    background-repeat: no-repeat
}

@media screen and (max-width: 1200px) {
    .flexslider .top-slider__cover .slides > li {
        background-size: 130% auto
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .flexslider .top-slider__cover .slides > li {
        background-size: 140% auto
    }
}

@media screen and (max-width: 991px) {
    .flexslider .top-slider__cover .slides > li {
        background-size: 150% auto
    }
}

@media screen and (max-width: 599px) {
    .flexslider .top-slider__cover .slides > li {
        background-size: auto 100%
    }
}

.flexslider .top-slider__cover .slides > li.flex-active-slide .top-slider__caption {
    display: block
}

@media screen and (min-width: 600px) and (max-width: 680px) {
    .flexslider .top-slider__cover .slides > li {
        background-size: auto 100%;
        background-position: center 0
    }
}

.flexslider .top-slider__cover .slides img {
    height: auto;
    position: absolute;
    width: 120%;
    left: -10%
}

@media screen and (min-width: 1300px) {
    .flexslider .top-slider__cover .slides img {
        width: 100%;
        left: 0
    }
}

@media screen and (max-width: 1199px) {
    .flexslider .top-slider__cover .slides img {
        width: 132%;
        left: -16%
    }
}

@media screen and (max-width: 991px) {
    .flexslider .top-slider__cover .slides img {
        height: 100%;
        width: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.flex-control-nav {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    top: -48px
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.flex-control-paging li a {
    width: 12px;
    height: 12px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.flex-control-paging li a:hover {
    background: #333;
    background: #000
}

.flex-control-paging li a.flex-active {
    background: #fff;
    background: hsla(0, 0%, 100%, .8);
    cursor: default
}

.flex-container a:focus, .flex-container a:hover, .flex-slider a:focus, .flex-slider a:hover {
    outline: none
}

.flex-control-nav, .flex-direction-nav, .slides, .slides > li {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-pauseplay span {
    text-transform: capitalize
}

.flexslider {
    padding: 0
}

.flexslider .slides img {
    width: 100%;
    display: block
}

.flexslider .slides:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .flexslider .slides {
    display: block
}

* html .flexslider .slides {
    height: 1%
}

.no-js .flexslider .slides > li:first-child {
    display: block
}

.flexslider {
    margin: 0;
    position: relative
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 50px;
    margin: -20px 0 0;
    position: absolute;
    top: 46%;
    z-index: 7;
    overflow: hidden;
    cursor: pointer;
    font-family: FontAwesome
}

@media screen and (max-width: 991px) {
    .flex-direction-nav a {
        width: 20px;
        height: 20px;
        top: 50%
    }
}

.flex-direction-nav a:before {
    font-size: 50px;
    display: inline-block;
    content: "\F053";
    opacity: .7;
    text-shadow: 0 0 2px rgba(0, 0, 0, .4);
    color: #fff
}

@media screen and (max-width: 991px) {
    .flex-direction-nav a:before {
        font-size: 20px
    }
}

.flex-direction-nav a.flex-next:before {
    content: "\F054"
}

.flex-direction-nav .flex-prev {
    left: -70px
}

@media screen and (max-width: 991px) {
    .flex-direction-nav .flex-prev {
        left: 10px
    }
}

.flex-direction-nav .flex-next {
    right: -70px;
    text-align: right
}

@media screen and (max-width: 991px) {
    .flex-direction-nav .flex-next {
        right: 10px
    }
}

#carousel .slides {
    overflow: hidden
}

#carousel .slides img {
    height: 100%;
    width: auto
}

#carousel .slides li {
    width: 75px;
    height: 50px;
    float: left;
    overflow: hidden;
    margin-right: 5px;
    cursor: pointer
}

#carousel .slides li:hover {
    opacity: .8
}

#carousel .flex-direction-nav a {
    width: 25px;
    height: 25px;
    top: 70%
}

#carousel .flex-direction-nav a:before {
    font-size: 25px
}

#carousel .flex-prev {
    left: -40px
}

#carousel .flex-next {
    right: -40px
}

@media screen and (max-width: 991px) {
    #carousel {
        display: none
    }
}

.flex-direction-nav .flex-disabled {
    opacity: .2 !important;
    filter: alpha(opacity=0.2);
    cursor: default
}

.flex-caption {
    width: 100%;
    padding: 28px 0 0;
    position: relative;
    margin-bottom: 6px
}

@media screen and (max-width: 991px) {
    .flex-caption {
        width: 96%;
        margin: 10px auto 0;
        padding: 0;
        height: 7em
    }
}

.flex-caption p {
    color: #fff;
    position: absolute;
    bottom: 0;
    line-height: 1.5;
    text-shadow: 0 1px 1px #333;
    font-size: 14px
}

@media screen and (max-width: 991px) {
    .flex-caption p {
        bottom: auto;
        margin: 0;
        font-size: 13px
    }
}

.slide-fade-in {
    opacity: .9
}

.slide-fade-in, .slide-fade-out {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.slide-fade-out {
    opacity: .1
}

.CalendarDay__selected {
    background-color: #ee597c;
    color: #fff;
    border: inherit
}

.CalendarDay__selected:active, .CalendarDay__selected:hover {
    background: #ee597c;
    color: #fff;
    border: inherit
}

.CalendarDay_button:hover {
    background: #ee597c;
    color: #fff
}

.mdc-typography--subhead, .mdc-typography--subhead-color-contrast {
    font-size: 14px;
    line-height: 22px
}

.mdc-typography--body-2 {
    line-height: 22px
}

.mdc-typography--body-2-color-contrast {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0;
    opacity: .87
}

.mdc-typography--body-1, .mdc-typography--body-1-color-contrast, .mdc-typography--body-1-force-preferred-font, .mdc-typography--body-1-force-preferred-font-color-contrast, .mdc-typography--body-2-force-preferred-font, .mdc-typography--body-2-force-preferred-font-color-contrast {
    line-height: 22px
}

.mdc-color-text--indigo {
    color: #4abfe6 !important
}

.mdc-color--indigo {
    background-color: #4abfe6 !important
}

.mdc-color-text--indigo-500 {
    color: #4abfe6 !important
}

.mdc-color--indigo-500, .mdc-color--primary {
    background-color: #4abfe6 !important
}

.mdc-color-text--primary {
    color: #4abfe6 !important
}

.mdc-ripple {
    background: #ccc
}

.mdc-button {
    padding: 0;
    line-height: 1
}

.mdc-button:hover {
    background-color: hsla(0, 0%, 62%, .2)
}

.mdc-button.mdc-button--colored {
    color: #4abfe6
}

.mdc-button--raised {
    background: hsla(0, 0%, 62%, .1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2)
}

.mdc-button--raised:active {
    background-color: hsla(0, 0%, 62%, .2);
    cursor: default
}

.mdc-button--raised.mdc-button--colored {
    background: #4abfe6
}

.mdc-button--raised.mdc-button--colored:active, .mdc-button--raised.mdc-button--colored:focus:not(:active), .mdc-button--raised.mdc-button--colored:hover {
    background-color: #4abfe6
}

.mdc-button--current {
    background-color: hsla(0, 0%, 62%, .2);
    color: #4abfe6
}

.mdc-button--fab .material-icons, .mdc-button--icon .material-icons {
    line-height: 22px
}

.mdc-button--primary.mdc-button--primary {
    color: #4abfe6
}

.mdc-button--primary.mdc-button--primary.mdc-button--fab, .mdc-button--primary.mdc-button--primary.mdc-button--raised {
    background-color: #4abfe6
}

.mdc-card, .mdc-card__actions {
    font-size: 14px
}

.mdc-checkbox__input {
    line-height: 22px
}

.mdc-checkbox.is-checked .mdc-checkbox__box-outline {
    border: 2px solid #4abfe6
}

.mdc-checkbox.is-checked .mdc-checkbox__tick-outline {
    background: #4abfe6 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPjxwYXRoIGQ9Ik0uMDQuNjI3TC4xNDYuNTIuNDMuODA0LjMyMy45MXptLjE3Ny4xNzdMLjg1NC4xNjcuOTYuMjczLjMyMy45MXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=")
}

.mdc-checkbox.is-checked {
    color: #4a4b4e
}

.mdc-checkbox__label {
    font-size: 14px;
    line-height: 22px
}

.mdc-checkbox__ripple-container .mdc-ripple {
    background: #4abfe6
}

.mdc-data-table th {
    line-height: 22px
}

.mdc-data-table th.mdc-data-table__header--sorted-ascending:before, .mdc-data-table th.mdc-data-table__header--sorted-descending:before {
    font-size: 14px
}

.mdc-mega-footer--link-list li, .mdc-mega-footer__link-list li {
    line-height: 22px
}

.mdc-icon-toggle.is-checked .mdc-icon-toggle__label {
    color: #4abfe6
}

.mdc-list__item {
    font-size: 14px
}

.mdc-list__item, .mdc-list__item--three-line .mdc-list__item-text-body, .mdc-list__item--two-line .mdc-list__item-primary-content .mdc-list__item-sub-title, .mdc-menu__item {
    line-height: 22px
}

.mdc-progress > .progressbar {
    background-color: #4abfe6
}

.mdc-progress > .bufferbar {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7)), linear-gradient(90deg, #4abfe6, #4abfe6)
}

@supports (-webkit-appearance:none) {
    .mdc-progress:not(.mdc-progress--indeterminate):not(.mdc-progress--indeterminate) > .auxbar, .mdc-progress:not(.mdc-progress__indeterminate):not(.mdc-progress__indeterminate) > .auxbar {
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7)), linear-gradient(90deg, #4abfe6, #4abfe6)
    }
}

.mdc-progress:not(.mdc-progress--indeterminate) > .auxbar, .mdc-progress:not(.mdc-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .9)), linear-gradient(90deg, #4abfe6, #4abfe6)
}

.mdc-progress.mdc-progress--indeterminate > .bar1, .mdc-progress.mdc-progress--indeterminate > .bar3, .mdc-progress.mdc-progress__indeterminate > .bar1, .mdc-progress.mdc-progress__indeterminate > .bar3 {
    background-color: #4abfe6
}

.mdc-navigation__link {
    line-height: 22px
}

.mdc-layout__header, .mdc-layout__tab-bar, .mdc-layout__tab-bar-button {
    background-color: #4abfe6
}

.mdc-radio {
    font-size: 14px
}

.mdc-radio, .mdc-radio__button {
    line-height: 22px
}

.mdc-radio.is-checked .mdc-radio__outer-circle {
    border: 2px solid #4abfe6
}

.mdc-radio__inner-circle, .mdc-radio__ripple-container .mdc-ripple {
    background: #4abfe6
}

.mdc-slider.is-upgraded {
    color: #4abfe6
}

.mdc-slider.is-upgraded::-ms-fill-lower {
    background: linear-gradient(90deg, transparent, transparent 16px, #4abfe6 0, #4abfe6 0)
}

.mdc-slider.is-upgraded::-webkit-slider-thumb {
    background: #4abfe6
}

.mdc-slider.is-upgraded::-moz-range-thumb {
    background: #4abfe6
}

.mdc-slider.is-upgraded:active::-webkit-slider-thumb {
    background: #4abfe6
}

.mdc-slider.is-upgraded:active::-moz-range-thumb {
    background: #4abfe6
}

.mdc-slider.is-upgraded::-ms-thumb {
    background: #4abfe6
}

.mdc-slider.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #4abfe6 0, #4abfe6 37.5%, rgba(63, 81, 181, .26) 0, rgba(63, 81, 181, .26) 100%)
}

.mdc-slider.is-upgraded:active::-ms-thumb {
    background: #4abfe6
}

.mdc-slider__background-lower {
    background: #4abfe6
}

.mdc-spinner--single-color .mdc-spinner__layer-1, .mdc-spinner--single-color .mdc-spinner__layer-2, .mdc-spinner--single-color .mdc-spinner__layer-3, .mdc-spinner--single-color .mdc-spinner__layer-4 {
    border-color: #4abfe6
}

.mdc-switch__input {
    line-height: 22px
}

.mdc-switch.is-checked .mdc-switch__thumb {
    background: #4abfe6
}

.mdc-switch__label {
    font-size: 14px;
    line-height: 22px
}

.mdc-switch__ripple-container .mdc-ripple, .mdc-tabs.is-upgraded .mdc-tabs__tab.is-active:after, .mdc-tabs__tab .mdc-tabs__ripple-container .mdc-ripple {
    background: #4abfe6
}

.mdc-textfield {
    font-size: 14px
}

.mdc-textfield .mdc-button {
    bottom: 5px
}

.mdc-textfield__input {
    padding: 0
}

.mdc-textfield--floating-label.has-placeholder .mdc-textfield__label {
    color: #4abfe6;
    font-size: 11px
}

.mdc-textfield__label:after {
    background-color: #4abfe6;
    bottom: 5px
}

.mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:focus {
    border-color: #4abfe6
}

.mdc-textfield--focused.mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline):not(.mdc-textfield--box):after {
    background-color: #4abfe6
}

.mdc-textfield__label {
    bottom: 14px;
    font-size: 13px
}

.mdc-textfield--focused .mdc-textfield__label {
    color: #4abfe6
}

.mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--box):not(.mdc-textfield--multiline) {
    height: 28px
}

/*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
    font-family: Ionicons;
    src: url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0);
    src: url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.0#iefix) format("embedded-opentype"), url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.0) format("truetype"), url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.0) format("woff"), url(https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.0#Ionicons) format("svg");
    font-weight: 400;
    font-style: normal
}

.image-gallery-fullscreen-button:before, .image-gallery-left-nav:before, .image-gallery-play-button:before, .image-gallery-right-nav:before {
    display: inline-block;
    font-family: Ionicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.image-gallery {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.image-gallery.fullscreen-modal {
    background: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5
}

.image-gallery.fullscreen-modal .image-gallery-content {
    top: 50%;
    transform: translateY(-50%)
}

.image-gallery-content {
    position: relative;
    line-height: 0;
    top: 0
}

.image-gallery-content.fullscreen, .image-gallery-content.fullscreen .image-gallery-slide {
    background: #000
}

.image-gallery-slide-wrapper {
    position: relative
}

.image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right {
    display: inline-block;
    width: calc(100% - 113px)
}

@media (max-width: 768px) {
    .image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right {
        width: calc(100% - 84px)
    }
}

.image-gallery-slide-wrapper.image-gallery-rtl {
    direction: rtl
}

.image-gallery-fullscreen-button, .image-gallery-left-nav, .image-gallery-play-button, .image-gallery-right-nav {
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: none;
    position: absolute;
    z-index: 4
}

.image-gallery-fullscreen-button:before, .image-gallery-left-nav:before, .image-gallery-play-button:before, .image-gallery-right-nav:before {
    color: #fff;
    line-height: .7;
    text-shadow: 0 2px 2px #1a1a1a;
    transition: color .2s ease-out
}

.image-gallery-fullscreen-button:hover:before, .image-gallery-left-nav:hover:before, .image-gallery-play-button:hover:before, .image-gallery-right-nav:hover:before {
    color: #337ab7
}

@media (max-width: 768px) {
    .image-gallery-fullscreen-button:hover:before, .image-gallery-left-nav:hover:before, .image-gallery-play-button:hover:before, .image-gallery-right-nav:hover:before {
        color: #fff
    }
}

.image-gallery-fullscreen-button, .image-gallery-play-button {
    bottom: 0
}

.image-gallery-fullscreen-button:before, .image-gallery-play-button:before {
    font-size: 2.7em;
    padding: 15px 20px;
    text-shadow: 0 1px 1px #1a1a1a
}

@media (max-width: 768px) {
    .image-gallery-fullscreen-button:before, .image-gallery-play-button:before {
        font-size: 2.4em
    }
}

@media (max-width: 480px) {
    .image-gallery-fullscreen-button:before, .image-gallery-play-button:before {
        font-size: 2em
    }
}

.image-gallery-fullscreen-button:hover:before, .image-gallery-play-button:hover:before {
    color: #fff;
    transform: scale(1.1)
}

@media (max-width: 768px) {
    .image-gallery-fullscreen-button:hover:before, .image-gallery-play-button:hover:before {
        transform: none
    }
}

.image-gallery-fullscreen-button {
    right: 0
}

.image-gallery-fullscreen-button:before {
    content: "\F386"
}

.image-gallery-fullscreen-button.active:before {
    content: "\F37D"
}

.image-gallery-fullscreen-button.active:hover:before {
    transform: scale(.9)
}

.image-gallery-play-button {
    left: 0
}

.image-gallery-play-button:before {
    content: "\F488"
}

.image-gallery-play-button.active:before {
    content: "\F478"
}

.image-gallery-left-nav, .image-gallery-right-nav {
    color: #fff;
    font-size: 5em;
    padding: 50px 15px;
    top: 50%;
    transform: translateY(-50%)
}

.image-gallery-left-nav[disabled], .image-gallery-right-nav[disabled] {
    cursor: disabled;
    opacity: .6;
    pointer-events: none
}

@media (max-width: 768px) {
    .image-gallery-left-nav, .image-gallery-right-nav {
        font-size: 3.4em;
        padding: 20px 15px
    }
}

@media (max-width: 480px) {
    .image-gallery-left-nav, .image-gallery-right-nav {
        font-size: 2.4em;
        padding: 0 15px
    }
}

.image-gallery-left-nav {
    left: 0
}

.image-gallery-left-nav:before {
    content: "\F3D2"
}

.image-gallery-right-nav {
    right: 0
}

.image-gallery-right-nav:before {
    content: "\F3D3"
}

.image-gallery-slides {
    line-height: 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.image-gallery-slide {
    background: #fff;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.image-gallery-slide.center {
    position: relative
}

.image-gallery-slide img {
    width: 100%
}

.image-gallery-slide .image-gallery-description {
    background: rgba(0, 0, 0, .4);
    bottom: 70px;
    color: #fff;
    left: 0;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    white-space: normal
}

@media (max-width: 768px) {
    .image-gallery-slide .image-gallery-description {
        bottom: 45px;
        font-size: .8em;
        padding: 8px 15px
    }
}

.image-gallery-bullets {
    bottom: 20px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 80%;
    z-index: 4
}

.image-gallery-bullets .image-gallery-bullets-container {
    margin: 0;
    padding: 0;
    text-align: center
}

.image-gallery-bullets .image-gallery-bullet {
    appearance: none;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 0 #1a1a1a;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    outline: none;
    padding: 5px
}

@media (max-width: 768px) {
    .image-gallery-bullets .image-gallery-bullet {
        margin: 0 3px;
        padding: 3px
    }
}

@media (max-width: 480px) {
    .image-gallery-bullets .image-gallery-bullet {
        padding: 2.7px
    }
}

.image-gallery-bullets .image-gallery-bullet.active {
    background: #fff
}

.image-gallery-thumbnails-wrapper {
    position: relative
}

.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl {
    direction: rtl
}

.image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
    display: inline-block;
    vertical-align: top;
    width: 108px
}

@media (max-width: 768px) {
    .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
        width: 81px
    }
}

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails {
    height: 100%;
    width: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail {
    display: block;
    margin-right: 0;
    padding: 0
}

.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail {
    margin-left: 0
}

.image-gallery-thumbnails-wrapper.left {
    margin-right: 5px
}

@media (max-width: 768px) {
    .image-gallery-thumbnails-wrapper.left {
        margin-right: 3px
    }
}

.image-gallery-thumbnails-wrapper.right {
    margin-left: 5px
}

@media (max-width: 768px) {
    .image-gallery-thumbnails-wrapper.right {
        margin-left: 3px
    }
}

.image-gallery-thumbnails {
    overflow: hidden;
    padding: 5px 0
}

@media (max-width: 768px) {
    .image-gallery-thumbnails {
        padding: 3px 0
    }
}

.image-gallery-thumbnails .image-gallery-thumbnails-container {
    cursor: pointer;
    text-align: center;
    transition: transform .45s ease-out;
    white-space: nowrap
}

.image-gallery-thumbnail {
    display: inline-block;
    border: 4px solid transparent;
    transition: border .3s ease-out;
    width: 100px
}

@media (max-width: 768px) {
    .image-gallery-thumbnail {
        border: 3px solid transparent;
        width: 75px
    }
}

.image-gallery-thumbnail + .image-gallery-thumbnail {
    margin-left: 2px
}

.image-gallery-thumbnail .image-gallery-thumbnail-inner {
    position: relative
}

.image-gallery-thumbnail img {
    vertical-align: middle;
    width: 100%
}

.image-gallery-thumbnail.active {
    border: 4px solid #337ab7
}

@media (max-width: 768px) {
    .image-gallery-thumbnail.active {
        border: 3px solid #337ab7
    }
}

.image-gallery-thumbnail-label {
    box-sizing: border-box;
    color: #fff;
    font-size: 1em;
    left: 0;
    line-height: 1em;
    padding: 5%;
    position: absolute;
    top: 50%;
    text-shadow: 1px 1px 0 #000;
    transform: translateY(-50%);
    white-space: normal;
    width: 100%
}

@media (max-width: 768px) {
    .image-gallery-thumbnail-label {
        font-size: .8em;
        line-height: .8em
    }
}

.image-gallery-index {
    background: rgba(0, 0, 0, .4);
    color: #fff;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

@media (max-width: 768px) {
    .image-gallery-index {
        font-size: .8em;
        padding: 5px 10px
    }
}

.PresetDateRangePicker_panel {
    padding: 0 22px 11px
}

.PresetDateRangePicker_button {
    position: relative;
    height: 100%;
    text-align: center;
    background: 0 0;
    border: 2px solid #00a699;
    color: #00a699;
    padding: 4px 12px;
    margin-right: 8px;
    font: inherit;
    font-weight: 700;
    line-height: normal;
    overflow: visible;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.PresetDateRangePicker_button:active {
    outline: 0
}

.PresetDateRangePicker_button__selected {
    color: #fff;
    background: #00a699
}

.SingleDatePickerInput {
    display: inline-block;
    background-color: #fff
}

.SingleDatePickerInput__withBorder {
    border-radius: 2px;
    border: 1px solid #dbdbdb
}

.SingleDatePickerInput__rtl {
    direction: rtl
}

.SingleDatePickerInput__disabled {
    background-color: #f2f2f2
}

.SingleDatePickerInput__block {
    display: block
}

.SingleDatePickerInput__showClearDate {
    padding-right: 30px
}

.SingleDatePickerInput_clearDate {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    padding: 10px;
    margin: 0 10px 0 5px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.SingleDatePickerInput_clearDate__default:focus, .SingleDatePickerInput_clearDate__default:hover {
    background: #dbdbdb;
    border-radius: 50%
}

.SingleDatePickerInput_clearDate__small {
    padding: 6px
}

.SingleDatePickerInput_clearDate__hide {
    visibility: hidden
}

.SingleDatePickerInput_clearDate_svg {
    fill: #82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle
}

.SingleDatePickerInput_clearDate_svg__small {
    height: 9px
}

.SingleDatePickerInput_calendarIcon {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 5px 0 10px
}

.SingleDatePickerInput_calendarIcon_svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle
}

.SingleDatePicker {
    position: relative;
    display: inline-block
}

.SingleDatePicker__block {
    display: block
}

.SingleDatePicker_picker {
    z-index: 1;
    background-color: #fff;
    position: absolute
}

.SingleDatePicker_picker__rtl {
    direction: rtl
}

.SingleDatePicker_picker__directionLeft {
    left: 0
}

.SingleDatePicker_picker__directionRight {
    right: 0
}

.SingleDatePicker_picker__portal {
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.SingleDatePicker_picker__fullScreenPortal {
    background-color: #fff
}

.SingleDatePicker_closeButton {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2
}

.SingleDatePicker_closeButton:focus, .SingleDatePicker_closeButton:hover {
    color: #b0b3b4;
    text-decoration: none
}

.SingleDatePicker_closeButton_svg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

.DayPickerKeyboardShortcuts_buttonReset {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    cursor: pointer;
    font-size: 14px
}

.DayPickerKeyboardShortcuts_buttonReset:active {
    outline: 0
}

.DayPickerKeyboardShortcuts_show {
    width: 33px;
    height: 26px;
    position: absolute;
    z-index: 2
}

.DayPickerKeyboardShortcuts_show:before {
    content: "";
    display: block;
    position: absolute
}

.DayPickerKeyboardShortcuts_show__bottomRight {
    bottom: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__bottomRight:before {
    border-top: 26px solid transparent;
    border-right: 33px solid #00a699;
    bottom: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__bottomRight:hover:before {
    border-right: 33px solid #008489
}

.DayPickerKeyboardShortcuts_show__topRight {
    top: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__topRight:before {
    border-bottom: 26px solid transparent;
    border-right: 33px solid #00a699;
    top: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__topRight:hover:before {
    border-right: 33px solid #008489
}

.DayPickerKeyboardShortcuts_show__topLeft {
    top: 0;
    left: 0
}

.DayPickerKeyboardShortcuts_show__topLeft:before {
    border-bottom: 26px solid transparent;
    border-left: 33px solid #00a699;
    top: 0;
    left: 0
}

.DayPickerKeyboardShortcuts_show__topLeft:hover:before {
    border-left: 33px solid #008489
}

.DayPickerKeyboardShortcuts_showSpan {
    color: #fff;
    position: absolute
}

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
    bottom: 0;
    right: 5px
}

.DayPickerKeyboardShortcuts_showSpan__topRight {
    top: 1px;
    right: 5px
}

.DayPickerKeyboardShortcuts_showSpan__topLeft {
    top: 1px;
    left: 5px
}

.DayPickerKeyboardShortcuts_panel {
    overflow: auto;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    padding: 22px;
    margin: 33px;
    text-align: left
}

.DayPickerKeyboardShortcuts_title {
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.DayPickerKeyboardShortcuts_list {
    list-style: none;
    padding: 0;
    font-size: 14px
}

.DayPickerKeyboardShortcuts_close {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 2
}

.DayPickerKeyboardShortcuts_close:active {
    outline: 0
}

.DayPickerKeyboardShortcuts_closeSvg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

.DayPickerKeyboardShortcuts_closeSvg:focus, .DayPickerKeyboardShortcuts_closeSvg:hover {
    fill: #82888a
}

.CalendarDay {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    text-align: center
}

.CalendarDay:active {
    outline: 0
}

.CalendarDay__defaultCursor {
    cursor: default
}

.CalendarDay__default {
    border: 1px solid #e4e7e7;
    color: #484848;
    background: #fff
}

.CalendarDay__default:hover {
    background: #e4e7e7;
    border: 1px solid #e4e7e7;
    color: inherit
}

.CalendarDay__hovered_offset {
    background: #f4f5f5;
    border: 1px double #e4e7e7;
    color: inherit
}

.CalendarDay__outside {
    border: 0;
    background: #fff;
    color: #484848
}

.CalendarDay__outside:hover {
    border: 0
}

.CalendarDay__blocked_minimum_nights {
    background: #fff;
    border: 1px solid #eceeee;
    color: #cacccd
}

.CalendarDay__blocked_minimum_nights:active, .CalendarDay__blocked_minimum_nights:hover {
    background: #fff;
    color: #cacccd
}

.CalendarDay__highlighted_calendar {
    background: #ffe8bc;
    color: #484848
}

.CalendarDay__highlighted_calendar:active, .CalendarDay__highlighted_calendar:hover {
    background: #ffce71;
    color: #484848
}

.CalendarDay__selected_span {
    background: #66e2da;
    border: 1px double #33dacd;
    color: #fff
}

.CalendarDay__selected_span:active, .CalendarDay__selected_span:hover {
    background: #33dacd;
    border: 1px double #33dacd;
    color: #fff
}

.CalendarDay__last_in_range, .CalendarDay__last_in_range:hover {
    border-style: solid
}

.CalendarDay__selected, .CalendarDay__selected:active, .CalendarDay__selected:hover {
    background: #00a699;
    border: 1px double #00a699;
    color: #fff
}

.CalendarDay__hovered_span, .CalendarDay__hovered_span:hover {
    background: #b2f1ec;
    border: 1px double #80e8e0;
    color: #007a87
}

.CalendarDay__hovered_span:active {
    background: #80e8e0;
    border: 1px double #80e8e0;
    color: #007a87
}

.CalendarDay__blocked_calendar, .CalendarDay__blocked_calendar:active, .CalendarDay__blocked_calendar:hover {
    background: #cacccd;
    border: 1px solid #cacccd;
    color: #82888a
}

.CalendarDay__blocked_out_of_range, .CalendarDay__blocked_out_of_range:active, .CalendarDay__blocked_out_of_range:hover {
    background: #fff;
    border: 1px solid #e4e7e7;
    color: #cacccd
}

.CalendarMonth {
    background: #fff;
    text-align: center;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.CalendarMonth_table {
    border-collapse: collapse;
    border-spacing: 0
}

.CalendarMonth_verticalSpacing {
    border-collapse: separate
}

.CalendarMonth_caption {
    color: #484848;
    font-size: 18px;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 37px;
    caption-side: top
}

.CalendarMonth_caption__verticalScrollable {
    padding-top: 12px;
    padding-bottom: 7px
}

.CalendarMonthGrid {
    background: #fff;
    text-align: left;
    z-index: 0
}

.CalendarMonthGrid__animating {
    z-index: 1
}

.CalendarMonthGrid__horizontal {
    position: absolute;
    left: 9px
}

.CalendarMonthGrid__vertical {
    margin: 0 auto
}

.CalendarMonthGrid__vertical_scrollable {
    margin: 0 auto;
    overflow-y: scroll
}

.CalendarMonthGrid_month__horizontal {
    display: inline-block;
    vertical-align: top;
    min-height: 100%
}

.CalendarMonthGrid_month__hideForAnimation {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.CalendarMonthGrid_month__hidden {
    visibility: hidden
}

.DayPickerNavigation {
    position: relative;
    z-index: 2
}

.DayPickerNavigation__horizontal {
    height: 0
}

.DayPickerNavigation__verticalDefault {
    position: absolute;
    width: 100%;
    height: 52px;
    bottom: 0;
    left: 0
}

.DayPickerNavigation__verticalScrollableDefault {
    position: relative
}

.DayPickerNavigation_button {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    padding: 0;
    margin: 0
}

.DayPickerNavigation_button__default {
    border: 1px solid #e4e7e7;
    background-color: #fff;
    color: #757575
}

.DayPickerNavigation_button__default:focus, .DayPickerNavigation_button__default:hover {
    border: 1px solid #c4c4c4
}

.DayPickerNavigation_button__default:active {
    background: #f2f2f2
}

.DayPickerNavigation_button__disabled {
    cursor: default;
    border: 1px solid #f2f2f2
}

.DayPickerNavigation_button__disabled:focus, .DayPickerNavigation_button__disabled:hover {
    border: 1px solid #f2f2f2
}

.DayPickerNavigation_button__disabled:active {
    background: 0 0
}

.DayPickerNavigation_button__horizontalDefault {
    position: absolute;
    top: 18px;
    line-height: .78;
    border-radius: 3px;
    padding: 6px 9px
}

.DayPickerNavigation_leftButton__horizontalDefault {
    left: 22px
}

.DayPickerNavigation_rightButton__horizontalDefault {
    right: 22px
}

.DayPickerNavigation_button__verticalDefault {
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    position: relative;
    display: inline-block;
    text-align: center;
    height: 100%;
    width: 50%
}

.DayPickerNavigation_nextButton__verticalDefault {
    border-left: 0
}

.DayPickerNavigation_nextButton__verticalScrollableDefault {
    width: 100%
}

.DayPickerNavigation_svg__horizontal {
    height: 19px;
    width: 19px;
    fill: #82888a;
    display: block
}

.DayPickerNavigation_svg__vertical {
    height: 42px;
    width: 42px;
    fill: #484848
}

.DayPickerNavigation_svg__disabled {
    fill: #f2f2f2
}

.DayPicker {
    position: relative;
    text-align: left
}

.DayPicker, .DayPicker__horizontal {
    background: #fff
}

.DayPicker__verticalScrollable {
    height: 100%
}

.DayPicker__hidden {
    visibility: hidden
}

.DayPicker__withBorder {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .07);
    border-radius: 3px
}

.DayPicker_portal__horizontal {
    box-shadow: none;
    position: absolute;
    left: 50%;
    top: 50%
}

.DayPicker_portal__vertical {
    position: static
}

.DayPicker_focusRegion {
    outline: 0
}

.DayPicker_calendarInfo__horizontal, .DayPicker_wrapper__horizontal {
    display: inline-block;
    vertical-align: top
}

.DayPicker_weekHeaders {
    position: relative
}

.DayPicker_weekHeaders__horizontal {
    margin-left: 9px
}

.DayPicker_weekHeader {
    color: #757575;
    position: absolute;
    top: 62px;
    z-index: 2;
    text-align: left
}

.DayPicker_weekHeader__vertical {
    left: 50%
}

.DayPicker_weekHeader__verticalScrollable {
    top: 0;
    display: table-row;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
    margin-left: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.DayPicker_weekHeader_ul {
    list-style: none;
    margin: 1px 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px
}

.DayPicker_weekHeader_li {
    display: inline-block;
    text-align: center
}

.DayPicker_transitionContainer {
    position: relative;
    overflow: hidden;
    border-radius: 3px
}

.DayPicker_transitionContainer__horizontal {
    -webkit-transition: height .2s ease-in-out;
    -moz-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out
}

.DayPicker_transitionContainer__vertical {
    width: 100%
}

.DayPicker_transitionContainer__verticalScrollable {
    padding-top: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: scroll
}

.DateInput {
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
    display: inline-block;
    width: 130px;
    vertical-align: middle
}

.DateInput__small {
    width: 97px
}

.DateInput__block {
    width: 100%
}

.DateInput__disabled {
    background: #f2f2f2;
    color: #dbdbdb
}

.DateInput_input {
    font-weight: 200;
    font-size: 19px;
    line-height: 24px;
    color: #484848;
    background-color: #fff;
    width: 100%;
    padding: 11px 11px 9px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0
}

.DateInput_input__small {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: .2px;
    padding: 7px 7px 5px
}

.DateInput_input__regular {
    font-weight: auto
}

.DateInput_input__readOnly {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.DateInput_input__focused {
    outline: 0;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #008489
}

.DateInput_input__disabled {
    background: #f2f2f2;
    font-style: italic
}

.DateInput_screenReaderMessage {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.DateInput_fang {
    position: absolute;
    width: 20px;
    height: 10px;
    left: 22px;
    z-index: 2
}

.DateInput_fangShape {
    fill: #fff
}

.DateInput_fangStroke {
    stroke: #dbdbdb;
    fill: transparent
}

.DateRangePickerInput {
    background-color: #fff;
    display: inline-block
}

.DateRangePickerInput__disabled {
    background: #f2f2f2
}

.DateRangePickerInput__withBorder {
    border-radius: 2px;
    border: 1px solid #dbdbdb
}

.DateRangePickerInput__rtl {
    direction: rtl
}

.DateRangePickerInput__block {
    display: block
}

.DateRangePickerInput__showClearDates {
    padding-right: 30px
}

.DateRangePickerInput_arrow {
    display: inline-block;
    vertical-align: middle;
    color: #484848
}

.DateRangePickerInput_arrow_svg {
    vertical-align: middle;
    fill: #484848;
    height: 24px;
    width: 24px
}

.DateRangePickerInput_clearDates {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    padding: 10px;
    margin: 0 10px 0 5px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.DateRangePickerInput_clearDates__small {
    padding: 6px
}

.DateRangePickerInput_clearDates_default:focus, .DateRangePickerInput_clearDates_default:hover {
    background: #dbdbdb;
    border-radius: 50%
}

.DateRangePickerInput_clearDates__hide {
    visibility: hidden
}

.DateRangePickerInput_clearDates_svg {
    fill: #82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle
}

.DateRangePickerInput_clearDates_svg__small {
    height: 9px
}

.DateRangePickerInput_calendarIcon {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 5px 0 10px
}

.DateRangePickerInput_calendarIcon_svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle
}

.DateRangePicker {
    position: relative;
    display: inline-block
}

.DateRangePicker__block {
    display: block
}

.DateRangePicker_picker {
    z-index: 1;
    background-color: #fff;
    position: absolute
}

.DateRangePicker_picker__rtl {
    direction: rtl
}

.DateRangePicker_picker__directionLeft {
    left: 0
}

.DateRangePicker_picker__directionRight {
    right: 0
}

.DateRangePicker_picker__portal {
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.DateRangePicker_picker__fullScreenPortal {
    background-color: #fff
}

.DateRangePicker_closeButton {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2
}

.DateRangePicker_closeButton:focus, .DateRangePicker_closeButton:hover {
    color: #b0b3b4;
    text-decoration: none
}

.DateRangePicker_closeButton_svg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

.rc-slider {
    position: relative;
    height: 14px;
    padding: 5px 0;
    width: 100%;
    border-radius: 6px;
    -ms-touch-action: none;
    touch-action: none
}

.rc-slider, .rc-slider * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.rc-slider-rail {
    width: 100%;
    background-color: #e9e9e9
}

.rc-slider-rail, .rc-slider-track {
    position: absolute;
    height: 4px;
    border-radius: 6px
}

.rc-slider-track {
    left: 0;
    background-color: #abe2fb
}

.rc-slider-handle {
    position: absolute;
    margin-left: -7px;
    margin-top: -5px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    cursor: -webkit-grab;
    cursor: grab;
    border-radius: 50%;
    border: 2px solid #96dbfa;
    background-color: #fff;
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.rc-slider-handle:focus {
    border-color: #57c5f7;
    box-shadow: 0 0 0 5px #96dbfa;
    outline: none
}

.rc-slider-handle-click-focused:focus {
    border-color: #96dbfa;
    box-shadow: unset
}

.rc-slider-handle:hover {
    border-color: #57c5f7
}

.rc-slider-handle:active {
    border-color: #57c5f7;
    box-shadow: 0 0 5px #57c5f7;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.rc-slider-mark {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    font-size: 12px
}

.rc-slider-mark-text {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #999
}

.rc-slider-mark-text-active {
    color: #666
}

.rc-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent
}

.rc-slider-dot {
    position: absolute;
    bottom: -2px;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    border: 2px solid #e9e9e9;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle
}

.rc-slider-dot-active {
    border-color: #96dbfa
}

.rc-slider-disabled {
    background-color: #e9e9e9
}

.rc-slider-disabled .rc-slider-track {
    background-color: #ccc
}

.rc-slider-disabled .rc-slider-dot, .rc-slider-disabled .rc-slider-handle {
    border-color: #ccc;
    box-shadow: none;
    background-color: #fff;
    cursor: not-allowed
}

.rc-slider-disabled .rc-slider-dot, .rc-slider-disabled .rc-slider-mark-text {
    cursor: not-allowed !important
}

.rc-slider-vertical {
    width: 14px;
    height: 100%;
    padding: 0 5px
}

.rc-slider-vertical .rc-slider-rail {
    height: 100%;
    width: 4px
}

.rc-slider-vertical .rc-slider-track {
    left: 5px;
    bottom: 0;
    width: 4px
}

.rc-slider-vertical .rc-slider-handle {
    margin-left: -5px;
    margin-bottom: -7px;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.rc-slider-vertical .rc-slider-mark {
    top: 0;
    left: 18px;
    height: 100%
}

.rc-slider-vertical .rc-slider-step {
    height: 100%;
    width: 4px
}

.rc-slider-vertical .rc-slider-dot {
    left: 2px;
    margin-bottom: -4px
}

.rc-slider-vertical .rc-slider-dot:first-child, .rc-slider-vertical .rc-slider-dot:last-child {
    margin-bottom: -4px
}

.rc-slider-tooltip-zoom-down-appear, .rc-slider-tooltip-zoom-down-enter, .rc-slider-tooltip-zoom-down-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    display: block !important;
    animation-play-state: paused
}

.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active, .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active {
    animation-name: rcSliderTooltipZoomDownIn;
    animation-play-state: running
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
    animation-name: rcSliderTooltipZoomDownOut;
    animation-play-state: running
}

.rc-slider-tooltip-zoom-down-appear, .rc-slider-tooltip-zoom-down-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.rc-slider-tooltip-zoom-down-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@keyframes rcSliderTooltipZoomDownIn {
    0% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(0)
    }
    to {
        transform-origin: 50% 100%;
        transform: scale(1)
    }
}

@keyframes rcSliderTooltipZoomDownOut {
    0% {
        transform-origin: 50% 100%;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(0)
    }
}

.rc-slider-tooltip {
    position: absolute;
    left: -9999px;
    top: -9999px;
    visibility: visible
}

.rc-slider-tooltip, .rc-slider-tooltip * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.rc-slider-tooltip-hidden {
    display: none
}

.rc-slider-tooltip-placement-top {
    padding: 4px 0 8px
}

.rc-slider-tooltip-inner {
    padding: 6px 2px;
    min-width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #6c6c6c;
    border-radius: 6px;
    box-shadow: 0 0 4px #d9d9d9
}

.rc-slider-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
    bottom: 4px;
    left: 50%;
    margin-left: -4px;
    border-width: 4px 4px 0;
    border-top-color: #6c6c6c
}

.topics__main {
    line-height: 1.5;
    text-align: center
}

.topics__main img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .topics__main {
        margin-top: 24px
    }
}

@media screen and (min-width: 768px) {
    .topics__main {
        margin-top: 48px
    }
}

.topics__main-ttl .topics__main-subttl {
    letter-spacing: 4px;
    display: block;
    color: #f06060;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 16px
}

.topics__main-ttl .topics__main-subttl:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    background: #f06060;
    content: "";
    height: 1px;
    width: 120px
}

@media screen and (max-width: 767px) {
    .topics__main-ttl {
        margin-bottom: 24px;
        font-size: 20px
    }

    .topics__main-ttl .topics__main-subttl {
        font-size: 10px
    }
}

@media screen and (min-width: 768px) {
    .topics__main-ttl {
        font-size: 32px
    }

    .topics__main-ttl .topics__main-subttl {
        font-size: 12px
    }
}

.topics__maintop {
    position: relative
}

.topics__maintext {
    width: 100%;
    background: rgba(240, 96, 96, .1)
}

.topics__maintext p {
    text-align: left;
    white-space: pre-line
}

@media screen and (max-width: 767px) {
    .topics__maintext {
        padding: 24px 32px;
        font-size: 12px;
        margin-bottom: 16px
    }
}

@media screen and (min-width: 768px) {
    .topics__maintext {
        padding-top: 336px;
        padding-bottom: 40px;
        margin-top: -320px;
        margin-bottom: 32px
    }

    .topics__maintext p {
        max-width: 680px;
        margin: auto
    }
}

.topics__mainimg-wrap {
    position: relative
}

@media screen and (max-width: 767px) {
    .topics__mainimg-wrap {
        padding: 16px 12px 0;
        background: rgba(240, 96, 96, .1)
    }
}

@media screen and (min-width: 768px) {
    .topics__mainimg-wrap {
        max-width: 1124px;
        margin: -40px auto 0;
        padding: 80px 60px 20px
    }
}

.topics__mainimg {
    position: relative;
    z-index: 2;
    line-height: 0
}

@media screen and (max-width: 767px) {
    .topics__mainimg {
        box-shadow: 0 5px 0 #f06060
    }
}

@media screen and (min-width: 768px) {
    .topics__mainimg {
        box-shadow: 8px 8px 0 #f06060
    }
}

.topics__mainimg-deco {
    z-index: 3;
    position: absolute;
    left: 0
}

@media screen and (max-width: 767px) {
    .topics__mainimg-deco {
        top: -12px
    }
}

@media screen and (min-width: 768px) {
    .topics__mainimg-deco {
        top: 0
    }
}

@media screen and (max-width: 767px) {
    .topics__contents {
        padding: 0 16px
    }
}

@media screen and (min-width: 768px) {
    .topics__contents {
        max-width: 1140px;
        margin: auto;
        padding: 0 20px
    }

    .topics__contents a:hover img {
        opacity: .9
    }
}

.topics__contents img {
    width: 100%
}

.topics__contents p[class*=text] {
    line-height: 1.6
}

@media screen and (max-width: 767px) {
    .topics__commontext {
        margin-bottom: 24px
    }
}

@media screen and (min-width: 768px) {
    .topics__commontext {
        margin-bottom: 40px;
        text-align: center
    }
}

.topics__ttl-level1 {
    position: relative;
    text-align: center
}

.topics__ttl-level1:after, .topics__ttl-level1:before {
    content: "";
    height: 1px;
    background: #333;
    position: absolute;
    width: 100%;
    left: 0
}

@media screen and (max-width: 767px) {
    .topics__ttl-level1 {
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 12px;
        margin-bottom: 16px;
        line-height: 1.3
    }

    .topics__ttl-level1:before {
        bottom: 0
    }

    .topics__ttl-level1:after {
        bottom: 3px
    }
}

@media screen and (min-width: 768px) {
    .topics__ttl-level1 {
        font-size: 28px;
        margin-bottom: 32px
    }

    .topics__ttl-level1 span {
        background: #fff;
        position: relative;
        z-index: 2;
        display: inline-block;
        padding: 0 24px;
        line-height: 1.3
    }

    .topics__ttl-level1:before {
        top: 16px
    }

    .topics__ttl-level1:after {
        top: 19px
    }
}

.topics__ttl-level2 {
    background: #f06060;
    color: #fff;
    text-align: center;
    position: relative
}

.topics__ttl-level2:after {
    content: "";
    height: 1px;
    width: 100%;
    background: #fff;
    position: absolute;
    left: 0
}

@media screen and (max-width: 767px) {
    .topics__ttl-level2 {
        font-size: 16px;
        padding: 10px 16px 12px;
        margin: 0 -16px 16px
    }

    .topics__ttl-level2:after {
        bottom: 2px
    }
}

@media screen and (min-width: 768px) {
    .topics__ttl-level2 {
        font-size: 18px;
        padding: 12px 16px 16px;
        margin-bottom: 32px
    }

    .topics__ttl-level2:after {
        bottom: 4px
    }
}

.topics__ttl-level3 {
    font-weight: 700;
    text-align: center
}

@media screen and (max-width: 767px) {
    .topics__ttl-level3 {
        font-size: 18px;
        margin-bottom: 16px;
        line-height: 1.3
    }
}

@media screen and (min-width: 768px) {
    .topics__ttl-level3 {
        font-size: 20px;
        margin-bottom: 32px
    }
}

@media screen and (max-width: 767px) {
    .topics__biglist {
        margin-bottom: 40px;
        margin-top: 24px
    }
}

@media screen and (min-width: 768px) {
    .topics__biglist {
        margin-bottom: 64px;
        margin-top: 40px
    }
}

.biglist__item {
    border: 1px solid #d1d1d1
}

.biglist__ttl {
    font-weight: 700;
    line-height: 1.3
}

.biglist__img {
    position: relative
}

.biglist__img a {
    line-height: 0
}

@media screen and (max-width: 767px) {
    .biglist__item {
        margin: 0 auto 16px;
        padding: 24px 16px 16px
    }

    .biglist__ttl {
        font-size: 16px;
        margin-bottom: 12px
    }

    .biglist__text {
        font-size: 12px;
        margin-bottom: 16px
    }

    .biglist__img {
        margin-bottom: 24px
    }
}

@media screen and (min-width: 768px) {
    .biglist__item {
        margin-bottom: 24px;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding: 40px 40px 40px 56px
    }

    .biglist__item .btn__style {
        width: 100%;
        max-width: 272px
    }

    .biglist__ttl {
        font-size: 18px;
        margin-bottom: 20px
    }

    .biglist__text {
        margin-bottom: 24px
    }

    .biglist__detail {
        width: calc(100% - 430px)
    }

    .biglist__img {
        margin-right: 40px;
        width: 390px;
        height: 240px
    }

    .biglist__img > a {
        display: block;
        background: #fff
    }
}

.mediumlist-space__link {
    text-align: center;
    margin-top: -24px
}

@media screen and (max-width: 767px) {
    .mediumlist-space__link {
        margin-bottom: 40px;
        font-size: 14px
    }
}

@media screen and (min-width: 768px) {
    .mediumlist-space__link {
        margin-bottom: 64px;
        font-size: 16px
    }
}

@media screen and (max-width: 767px) {
    .topics__mediumlist-space {
        margin-top: 24px;
        margin-bottom: 40px
    }
}

@media screen and (min-width: 768px) {
    .topics__mediumlist-space {
        margin-bottom: 40px;
        margin-top: 40px;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.mediumlist-space__item {
    border: 1px solid #d1d1d1
}

.mediumlist-space__item a {
    color: #333
}

.mediumlist-space__img img {
    width: 100%;
    height: auto
}

.mediumlist-space__spacename {
    font-size: 18px;
    margin-bottom: 12px
}

.mediumlist-space__text {
    margin-bottom: 16px;
    font-size: 13px;
    line-height: 1.4
}

.mediumlist-space__info {
    background: #f6f6f6;
    padding: 12px 16px
}

.mediumlist-space__info .space-head__list {
    margin-bottom: 0;
    margin-top: 4px;
    color: #333
}

.mediumlist-space__info .space-head__list i {
    color: #b3b3b3
}

.mediumlist-space__info .space-head__list-user {
    display: inline;
    margin-right: 8px
}

@media screen and (max-width: 767px) {
    .mediumlist-space__img {
        height: 50vw
    }

    .mediumlist-space__item {
        margin: 0 auto 16px
    }

    .mediumlist-space__detail {
        padding: 16px
    }
}

@media screen and (min-width: 768px) {
    .mediumlist-space__item {
        width: 32%;
        margin-bottom: 16px
    }

    .mediumlist-space__item:not(:nth-child(3n+1)) {
        margin-left: 2%
    }

    .mediumlist-space__img {
        max-height: 208px;
        height: 18vw
    }

    .mediumlist-space__detail {
        padding: 24px
    }
}

@media screen and (max-width: 767px) {
    .topics__biglist-special {
        margin-bottom: 40px;
        margin-top: 32px
    }
}

@media screen and (min-width: 768px) {
    .topics__biglist-special {
        margin-bottom: 64px;
        margin-top: 40px
    }
}

.ribbon-areatop {
    position: absolute;
    width: 89px;
    height: 91px;
    overflow: hidden
}

.ribbon-top {
    display: inline-block;
    position: absolute;
    padding: 7px 0;
    width: 160px;
    text-align: center;
    font-size: 18px;
    line-height: 16px;
    background: #f06060;
    color: #fff;
    letter-spacing: .05em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ribbon-top:after, .ribbon-top:before {
    position: absolute;
    content: "";
    border-top: 4px solid #333;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -4px
}

.ribbon-areabottom {
    position: absolute;
    width: 89px;
    height: 91px;
    overflow: hidden
}

.ribbon-bottom {
    display: inline-block;
    position: absolute;
    padding: 7px 0;
    width: 160px;
    text-align: center;
    font-size: 18px;
    line-height: 16px;
    background: #f06060;
    color: #fff;
    letter-spacing: .05em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ribbon-bottom:after, .ribbon-bottom:before {
    position: absolute;
    content: "";
    border: 4px solid transparent;
    border-bottom-color: #333;
    top: -8px
}

.biglist-special__bgimg {
    display: block;
    background-position: 50%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.biglist-special__item {
    border: 1px solid #d1d1d1;
    position: relative
}

.biglist-special__item a {
    display: block
}

.biglist-special__ttl {
    font-weight: 700;
    line-height: 1.3
}

@media screen and (max-width: 767px) {
    .biglist-special__bgimg {
        width: 100%;
        height: 200px
    }

    .biglist-special__item {
        padding: 0;
        border: 3px solid #f06060;
        margin: 0 auto 16px
    }

    .biglist-special__detail {
        padding: 24px 20px 32px
    }

    .biglist-special__ttl {
        font-size: 16px;
        margin-bottom: 12px
    }

    .biglist-special__text {
        font-size: 12px;
        margin-bottom: 16px
    }

    .ribbon-areatop {
        top: -8px;
        right: -8px
    }

    .ribbon-top {
        height: 20px;
        left: -14px;
        top: 14px
    }

    .ribbon-top:before {
        left: 36px
    }

    .ribbon-top:after {
        right: 37px
    }

    .ribbon-areabottom {
        bottom: -8px;
        left: -8px
    }

    .ribbon-bottom {
        height: 20px;
        right: -14px;
        bottom: 14px
    }

    .ribbon-bottom:before {
        left: 37px
    }

    .ribbon-bottom:after {
        right: 36px
    }
}

@media screen and (min-width: 768px) {
    .biglist-special__bgimg {
        width: 50%
    }

    .biglist-special__item {
        margin-bottom: 24px;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: stretch;
        align-items: stretch;
        padding: 0;
        border: 3px solid #f06060
    }

    .biglist-special__item .btn__style {
        width: 100%;
        max-width: 272px
    }

    .biglist-special__bgimg:hover {
        opacity: .9
    }

    .biglist-special__detail {
        width: 50%;
        padding: 32px;
        border: 24px solid #f6f6f6
    }

    .biglist-special__ttl {
        font-size: 18px;
        margin-bottom: 20px
    }

    .biglist-special__text {
        margin-bottom: 24px
    }

    .ribbon-areatop {
        top: -9px;
        right: -9px
    }

    .ribbon-top {
        height: 24px;
        left: -23px;
        top: 22px
    }

    .ribbon-top:before {
        left: 20px
    }

    .ribbon-top:after {
        right: 23px
    }

    .ribbon-areabottom {
        bottom: -9px;
        left: -9px
    }

    .ribbon-bottom {
        height: 24px;
        right: -23px;
        bottom: 22px
    }

    .ribbon-bottom:before {
        left: 23px
    }

    .ribbon-bottom:after {
        right: 20px
    }
}

.topics__mediumlist {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    position: relative
}

@media screen and (max-width: 767px) {
    .topics__mediumlist {
        max-width: 400px;
        margin: 24px auto 40px;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

@media screen and (min-width: 768px) {
    .topics__mediumlist {
        margin: 40px auto 64px;
        max-width: 900px
    }
}

.mediumlist__img {
    margin: 0 auto 24px;
    width: 200px;
    height: 200px;
    border-radius: 50%
}

.mediumlist__img img {
    height: 230px;
    width: auto
}

.mediumlist__spacename {
    line-height: 1.4;
    font-size: 18px;
    text-align: center;
    padding-bottom: 16px;
    margin-bottom: 16px;
    position: relative
}

.mediumlist__spacename a {
    color: #333
}

.mediumlist__spacename:after {
    content: "";
    background: #f06060;
    width: 100px;
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%)
}

.mediumlist__text {
    font-size: 13px;
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .mediumlist__item:first-child {
        margin-bottom: 32px;
        width: 100%;
        text-align: center
    }

    .mediumlist__item:not(:first-child) {
        width: 47%
    }

    .mediumlist__item:not(:first-child) .mediumlist__img {
        margin: 0 auto 16px;
        width: 128px;
        height: 128px
    }

    .mediumlist__item:not(:first-child) .mediumlist__img img {
        height: 128px;
        width: auto
    }

    .mediumlist__item:not(:first-child) .mediumlist__spacename {
        font-size: 14px;
        padding-bottom: 12px;
        width: 10em;
        margin: 0 auto 12px;
        line-height: 1.3
    }

    .mediumlist__item:not(:first-child) .mediumlist__text {
        font-size: 12px;
        margin-bottom: 12px
    }

    .mediumlist__item:not(:first-child) .mediumlist__link {
        font-size: 12px;
        text-align: right
    }

    .mediumlist__link {
        text-align: center
    }
}

@media screen and (min-width: 768px) {
    .mediumlist__item {
        max-width: 260px;
        width: 31%
    }

    .mediumlist__link {
        text-align: right
    }
}

.topics__smalllist {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .topics__smalllist {
        margin: 24px 0 16px
    }
}

@media screen and (min-width: 768px) {
    .topics__smalllist {
        margin: 40px 0
    }
}

.topics__smalllist a {
    color: #333
}

.smalllist__item {
    margin-bottom: 24px
}

.smalllist__img {
    margin-bottom: 12px
}

.smalllist__text {
    border-left: 2px solid #f06060
}

@media screen and (max-width: 767px) {
    .smalllist__item {
        width: calc(50% - 8px)
    }

    .smalllist__text {
        padding-left: 8px;
        font-size: 12px
    }
}

@media screen and (min-width: 768px) {
    .smalllist__item {
        width: calc(25% - 12px)
    }

    .smalllist__item a:hover {
        text-decoration: underline
    }

    .smalllist__text {
        padding-left: 12px
    }
}

.stripe-regist {
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    background-size: 20px 20px;
    background-color: #e8e7e8;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #ededed), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #ededed), color-stop(.75, #ededed), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #ededed 25%, transparent 0, transparent 50%, #ededed 0, #ededed 75%, transparent 0, transparent);
    background-image: -moz-linear-gradient(-45deg, #ededed 25%, transparent 25%, transparent 50%, #ededed 50%, #ededed 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #ededed 25%, transparent 25%, transparent 50%, #ededed 50%, #ededed 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #ededed 25%, transparent 25%, transparent 50%, #ededed 50%, #ededed 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #ededed 25%, transparent 0, transparent 50%, #ededed 0, #ededed 75%, transparent 0, transparent)
}

.stripe-regist .top-more__area {
    margin: 0
}

@media screen and (max-width: 767px) {
    .stripe-regist {
        padding: 24px 16px
    }
}

@media screen and (min-width: 768px) {
    .stripe-regist {
        padding: 32px 0
    }
}

.stripe-regist__unit {
    position: relative;
    max-width: 400px;
    margin: 0 auto;
    border-radius: 4px;
    background: #fff
}

@media screen and (max-width: 767px) {
    .stripe-regist__unit {
        padding: 20px 0 24px
    }
}

@media screen and (min-width: 768px) {
    .stripe-regist__unit {
        padding: 20px 0
    }
}

.stripe-regist__unit .stripe-regist__title-guide {
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 16px;
    padding-bottom: 8px;
    border-bottom: 3px dotted #b3b3b3
}

@media screen and (max-width: 350px) {
    .stripe-regist__unit .stripe-regist__title-guide {
        letter-spacing: 0;
        font-size: 14px
    }
}

.stripe-regist__unit .stripe-regist__everyone {
    position: absolute;
    background: #f5d02c;
    border-radius: 50%
}

.stripe-regist__unit .stripe-regist__everyone:after {
    content: "";
    position: absolute;
    display: block;
    right: 3px;
    bottom: 0;
    transform: rotate(-52deg);
    border-color: #f5d02c transparent transparent;
    border-style: solid;
    border-width: 13px 5.5px 0
}

@media screen and (min-width: 768px) {
    .stripe-regist__unit .stripe-regist__everyone {
        width: 80px;
        height: 80px;
        top: -54px;
        left: -60px
    }
}

@media screen and (max-width: 767px) {
    .stripe-regist__unit .stripe-regist__everyone {
        width: 65px;
        height: 65px;
        top: -8px;
        left: 0
    }
}

.stripe-regist__unit .stripe-regist__everyone span {
    color: #333;
    font-weight: 700;
    vertical-align: middle;
    position: static
}

@media screen and (min-width: 768px) {
    .stripe-regist__unit .stripe-regist__everyone span {
        font-size: 14px;
        line-height: 80px
    }
}

@media screen and (max-width: 767px) {
    .stripe-regist__unit .stripe-regist__everyone span {
        font-size: 12px;
        line-height: 65px
    }
}

.stripe-regist__unit .stripe-regist__title {
    font-weight: 700;
    margin-top: 16px
}

.stripe-regist__unit .stripe-regist__title .stripe-regist__title-large {
    display: inline-block;
    font-family: Arial, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", sans-serif
}

@media screen and (min-width: 768px) {
    .stripe-regist__unit .stripe-regist__title .stripe-regist__title-large {
        font-size: 66px;
        vertical-align: middle
    }
}

@media screen and (max-width: 767px) {
    .stripe-regist__unit .stripe-regist__title .stripe-regist__title-large {
        font-size: 56px
    }
}

@media screen and (max-width: 350px) {
    .stripe-regist__unit .stripe-regist__title .stripe-regist__title-large {
        margin-left: 40px
    }
}

@media screen and (max-width: 767px) {
    .stripe-regist__unit .stripe-regist__title .stripe-regist__title-medium {
        font-size: 32px
    }
}

.stripe-regist__unit .stripe-regist__title .stripe-regist__title-small {
    display: block;
    font-size: 16px;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .stripe-regist__unit .stripe-regist__title .stripe-regist__title-small {
        line-height: 1.4;
        display: inline-block;
        margin-left: 12px;
        vertical-align: middle;
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .stripe-regist__unit .stripe-regist__title .stripe-regist__title-small {
        margin-top: 10px
    }

    .stripe-regist__unit .stripe-regist__title .stripe-regist__title-small br {
        display: none
    }
}

.stripe-regist__present {
    position: relative;
    margin: auto
}

@media screen and (max-width: 767px) {
    .stripe-regist__present {
        width: 310px
    }
}

@media screen and (max-width: 350px) {
    .stripe-regist__present {
        width: 260px
    }
}

.stripe-regist__all-space {
    background: #fff;
    border-radius: 5px;
    width: 90%;
    padding: 8px 0;
    margin: 8px auto 0
}

@media screen and (min-width: 768px) {
    .stripe-regist__all-space {
        width: 380px
    }
}

.stripe-regist__text {
    position: relative;
    margin: 20px auto 0;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .stripe-regist__text {
        font-size: 16px;
        width: 320px
    }
}

@media screen and (max-width: 350px) {
    .stripe-regist__text {
        font-size: 14px;
        width: 290px
    }
}

@media screen and (min-width: 768px) {
    .stripe-regist__text {
        font-size: 16px;
        width: 320px
    }
}

.stripe-regist__text:after, .stripe-regist__text:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 23px;
    height: 1px;
    background-color: #333
}

.stripe-regist__text:before {
    top: 8px;
    left: 0;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.stripe-regist__text:after {
    top: 8px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

@media screen and (max-width: 767px) {
    .stripe-regist__text:after {
        right: 0
    }
}

@media screen and (min-width: 768px) {
    .stripe-regist__text:after {
        right: 4px
    }
}

.stripe-regist__button_wrap {
    padding-top: 20px;
    font-size: 16px;
    padding-bottom: 0
}

.stripe-regist__button_wrap .btn__style {
    display: block;
    margin: auto;
    max-width: 400px;
    width: 100%
}

.stripe-regist__button_wrap:before {
    content: normal
}

.stripe-regist__button_wrap a:hover {
    color: #fff
}

article + .page__stripes .top-flow__regist-button {
    padding: 16px 24px;
    margin: auto;
    max-width: 300px;
    display: block;
    font-size: 16px
}

.campaign__padding {
    padding: 50px 0
}

@media screen and (max-width: 991px) {
    .campaign__padding {
        padding: 32px 0
    }
}

.campaign__heroimg {
    position: relative;
    overflow: hidden;
    height: 400px;
    margin-top: -20px
}

@media screen and (max-width: 1199px) {
    .campaign__heroimg {
        margin-top: -50px
    }
}

@media screen and (max-width: 991px) {
    .campaign__heroimg {
        height: auto;
        margin-top: -32px
    }
}

.campaign__img {
    width: 100%;
    max-width: 1086px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%
}

@media screen and (max-width: 991px) {
    .campaign__img {
        position: static;
        transform: none
    }
}

.campaign-about__date {
    text-align: center;
    font-size: 14px;
    margin-bottom: 15px
}

@media screen and (max-width: 991px) {
    .campaign-about__date {
        font-size: 12px
    }
}

.campaign-about__title {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    margin: 50px 0 18px
}

@media screen and (max-width: 991px) {
    .campaign-about__title {
        margin: 18px 0;
        font-size: 28px
    }
}

.campaign-about__heading {
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .campaign-about__heading {
        font-size: 16px;
        margin-bottom: 20px
    }
}

.campaign-about__closed {
    text-align: center;
    border: 1px solid #e95175;
    color: #e95175;
    padding: 20px;
    margin-bottom: 35px
}

@media screen and (max-width: 991px) {
    .campaign-about__closed {
        margin-bottom: 15px
    }
}

.campaign-about__border {
    border-top: 1px solid #eaeaea
}

.campaign-about__cassette {
    padding-top: 35px
}

@media screen and (max-width: 991px) {
    .campaign-about__cassette {
        padding-top: 15px
    }
}

.campaign-about__discription {
    line-height: 2
}

@media screen and (max-width: 991px) {
    .campaign-about__discription {
        margin-top: 10px
    }
}

.campaign-about__social {
    padding: 0 80px 35px
}

@media screen and (max-width: 991px) {
    .campaign-about__social {
        padding: 0 0 15px
    }
}

.campaign-about__social li {
    text-align: center
}

.campaign-about__social li a {
    display: block;
    padding: 10px 0;
    border-radius: 3px;
    color: #fff;
    font-size: 18px
}

.campaign-about__social li a:hover {
    opacity: .7
}

.campaign-coupon {
    background: #4abfe6;
    position: relative
}

.campaign-coupon__inner {
    background: #fff;
    width: 1000px;
    margin: 10px auto 0;
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    padding: 0 30px 30px
}

@media screen and (max-width: 991px) {
    .campaign-coupon__inner {
        width: auto;
        margin: 0 10px;
        padding: 0 20px 30px
    }
}

.campaign-coupon__points {
    position: relative;
    top: -15px;
    float: left;
    width: 240px;
    height: 48px;
    margin-left: 48px;
    padding: 3px;
    background: #f5d02c;
    font-size: 20px;
    font-weight: 700;
    z-index: 1
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .campaign-coupon__points {
        margin-left: 44px
    }
}

@media screen and (min-width: 600px) and (max-width: 991px) {
    .campaign-coupon__points {
        top: 0
    }
}

@media screen and (max-width: 991px) {
    .campaign-coupon__points {
        margin: -15px auto 20px;
        float: none;
        font-size: 14px;
        height: 42px
    }
}

.body-home__index .campaign-coupon__points, .campaign-list-page__list .campaign-coupon__points {
    float: none;
    top: 0;
    padding: 3px;
    margin-left: 52px;
    background: #f5d02c;
    font-size: 20px;
    font-weight: 700;
    z-index: 1
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .body-home__index .campaign-coupon__points, .campaign-list-page__list .campaign-coupon__points {
        width: 182px;
        margin-left: 48px
    }
}

@media screen and (min-width: 600px) and (max-width: 991px) {
    .body-home__index .campaign-coupon__points, .campaign-list-page__list .campaign-coupon__points {
        top: 15px
    }
}

@media screen and (max-width: 991px) {
    .body-home__index .campaign-coupon__points, .campaign-list-page__list .campaign-coupon__points {
        margin: -15px auto 20px;
        float: none;
        font-size: 14px;
        height: 42px;
        width: 120px
    }
}

.body-home__index .campaign-coupon__points-inner, .campaign-coupon__points-inner, .campaign-list-page__list .campaign-coupon__points-inner {
    position: absolute;
    text-align: center;
    color: #fff;
    top: 3px;
    left: 2px;
    width: 277px;
    border-top: 1px solid hsla(0, 0%, 100%, .6);
    border-bottom: 1px solid hsla(0, 0%, 100%, .6);
    padding: 10px 20px;
    margin: 0 -20px;
    z-index: 3
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .body-home__index .campaign-coupon__points-inner, .campaign-list-page__list .campaign-coupon__points-inner {
        width: 218px
    }
}

@media screen and (max-width: 991px) {
    .body-home__index .campaign-coupon__points-inner, .campaign-list-page__list .campaign-coupon__points-inner {
        width: 156px
    }
}

.campaign-coupon__points:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    width: 0;
    height: 0;
    border-color: #f5d02c #f5d02c #f5d02c transparent;
    border-style: solid;
    border-width: 24px 10px
}

@media screen and (max-width: 991px) {
    .campaign-coupon__points:before {
        border-width: 21px 10px
    }
}

.campaign-coupon__points:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border-color: #f5d02c transparent #f5d02c #f5d02c;
    border-style: solid;
    border-width: 24px 10px
}

@media screen and (max-width: 991px) {
    .campaign-coupon__points:after {
        border-width: 21px 10px
    }
}

.campaign-coupon__name {
    clear: both;
    margin: 70px 0 20px;
    font-size: 26px;
    font-weight: 700;
    text-align: center
}

@media screen and (max-width: 991px) {
    .campaign-coupon__name {
        margin-top: 20px;
        font-size: 24px;
        margin-bottom: 10px
    }
}

.campaign-coupon__date {
    text-align: center;
    font-size: 18px;
    font-weight: 700
}

@media screen and (max-width: 991px) {
    .campaign-coupon__date {
        font-size: 12px
    }
}

.campaign-coupon__coupon {
    width: 550px;
    height: 80px;
    border: 1px solid #e0e0e0;
    margin: 25px auto;
    display: table
}

@media screen and (max-width: 991px) {
    .campaign-coupon__coupon {
        width: auto;
        height: auto;
        display: block;
        margin: 20px auto
    }
}

.campaign-coupon__coupon-title {
    display: table-cell;
    vertical-align: middle;
    background: #f6f6f6;
    width: 160px;
    padding: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 16px
}

@media screen and (max-width: 991px) {
    .campaign-coupon__coupon-title {
        width: auto;
        display: block;
        padding: 10px;
        font-size: 13px
    }
}

.campaign-coupon__coupon-code {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
    text-align: center;
    font-size: 28px;
    font-weight: 700
}

@media screen and (max-width: 991px) {
    .campaign-coupon__coupon-code {
        display: block;
        font-size: 22px;
        padding: 20px 10px
    }
}

.campaign-coupon__howto {
    text-align: center;
    color: #b3b3b4;
    margin-bottom: 15px
}

@media screen and (max-width: 991px) {
    .campaign-coupon__howto {
        font-size: 13px;
        line-height: 1.2
    }
}

.campaign-coupon__feature {
    text-align: center;
    color: #b3b3b4;
    margin-bottom: 15px;
    line-height: 1.5;
    margin-top: 20px
}

@media screen and (max-width: 991px) {
    .campaign-coupon__feature {
        font-size: 13px;
        margin-top: 10px
    }
}

.campaign-coupon__conditions {
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.2
}

@media screen and (max-width: 991px) {
    .campaign-coupon__conditions {
        font-size: 14px
    }
}

.campaign-coupon__conditions-separator {
    color: #b3b3b4;
    margin: 0 5px
}

.campaign-coupon__attention {
    text-align: center;
    color: #b3b3b4;
    font-size: 12px
}

@media screen and (max-width: 991px) {
    .campaign-coupon__attention {
        line-height: 1.2
    }
}

.campaign-coupon__nologin {
    line-height: 1.6
}

.campaign-target__title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .campaign-target__title {
        margin-bottom: 20px;
        font-size: 18px
    }
}

.campaign-target__title-sub {
    display: block;
    font-size: 18px;
    margin-bottom: 0;
    font-size: 14px
}

.campaign-apply__title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .campaign-apply__title {
        font-size: 18px;
        margin-bottom: 20px
    }
}

.campaign-contact__title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 40px
}

@media screen and (max-width: 991px) {
    .campaign-contact__title {
        font-size: 18px;
        margin-bottom: 20px
    }
}

.campaign-contact__text {
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.5
}

@media screen and (max-width: 991px) {
    .campaign-contact__text {
        font-size: 14px;
        margin-bottom: 10px
    }
}

.campaign-contact__box {
    max-width: 750px;
    margin: 0 auto
}

.campaign-contact__box .mdl-textfield__input {
    font-size: 16px !important
}

.campaign-attention__title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 20px
}

@media screen and (max-width: 991px) {
    .campaign-attention__title {
        font-size: 18px
    }
}

.campaign-attention__list {
    line-height: 1.8;
    list-style-type: disc;
    font-size: 12px;
    padding: 0 80px
}

@media screen and (max-width: 991px) {
    .campaign-attention__list {
        padding: 0 0 0 20px
    }
}

.campaign-attention__edit {
    line-height: 1.8;
    font-size: 12px;
    padding: 0 68px
}

@media screen and (max-width: 991px) {
    .campaign-attention__edit {
        padding: 0 0 0 20px
    }
}

.campaign-list-page__list .campaign-box a, .campaign-list-page__list .campaign-box a:visited, .top-campaign__list .campaign-box a, .top-campaign__list .campaign-box a:visited {
    color: #000
}

.campaign-list-page__list .campaign-box a:hover, .top-campaign__list .campaign-box a:hover {
    text-decoration: none;
    display: block
}

.campaign-list-page__list .campaign-box img, .top-campaign__list .campaign-box img {
    vertical-align: bottom;
    border-radius: 3px 3px 0 0
}

.campaign-list-page__list .campaign-linkbox img, .top-campaign__list .campaign-linkbox img {
    width: 100%
}

.campaign-list-page__list .md-campaign-units, .campaign-list-page__list .md-top-units, .top-campaign__list .md-campaign-units, .top-campaign__list .md-top-units {
    background: none;
    padding-bottom: 0
}

.campaign-list-page__list .campaign-subtitle, .top-campaign__list .campaign-subtitle {
    padding: 8px;
    font-weight: 700;
    line-height: 1.4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    background: red;
    border-radius: 0 0 3px 3px;
    margin-top: 0;
    color: #fff;
    font-size: 13px
}

.campaign-list-page__list .campaign-description, .top-campaign__list .campaign-description {
    color: #999;
    font-size: 12px;
    line-height: 1.5;
    height: 36px;
    overflow: hidden
}

@media screen and (max-width: 991px) {
    .campaign-list-page__list .campaign-description, .top-campaign__list .campaign-description {
        height: auto
    }
}

.campaign-list-page__list .campaign-subtitle__halloween, .top-campaign__list .campaign-subtitle__halloween {
    background: #f70
}

.campaign-list-page__list .campaign-subtitle__bonenkai, .top-campaign__list .campaign-subtitle__bonenkai {
    background: #e82100
}

.campaign-list-page__list .campaign-subtitle__xmas, .top-campaign__list .campaign-subtitle__xmas {
    background: #009e56
}

.campaign-list-page__list .campaign-subtitle__app, .top-campaign__list .campaign-subtitle__app {
    background: #4abfe6
}

.campaign-list-page__list .top-units__body-term, .top-campaign__list .top-units__body-term {
    font-size: 10px;
    margin-top: 10px;
    color: #a0a0a0;
    overflow: hidden;
    white-space: nowrap;
    text-align: center
}

@media screen and (max-width: 991px) {
    .top-campaign__list .campaign-subtitle {
        white-space: normal;
        text-overflow: clip;
        min-height: 4em;
        max-height: 4em
    }

    .top-campaign__list .campaign-subtitle .campaign-subtitle__name {
        display: block;
        height: calc(4em - 16px);
        overflow: hidden
    }
}

@media screen and (max-width: 599px) {
    .top-campaign__list .campaign-subtitle {
        font-size: 12px
    }
}

.campaign-list-page__list .campaign-box {
    margin-bottom: 24px
}

@media screen and (max-width: 991px) {
    .campaign-list-page__list .campaign-subtitle {
        overflow: visible;
        white-space: normal;
        text-overflow: clip
    }
}

.site-header__sponsoredmatch-link {
    overflow: hidden;
    color: #fff
}

.site-header__sponsoredmatch {
    color: #fff;
    padding: 0 15px;
    height: 60px
}

@media screen and (max-width: 991px) {
    .site-header__sponsoredmatch {
        padding: 0 5px
    }
}

.site-header__sponsoredmatch_type1 {
    background: -moz-linear-gradient(left, #c3eb25 0, #86d542 30%, #2cbc6c 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #c3eb25), color-stop(20%, #86d542), color-stop(100%, #2cbc6c));
    background: -webkit-linear-gradient(left, #c3eb25, #86d542 30%, #2cbc6c);
    background: -o-linear-gradient(left, #c3eb25 0, #86d542 30%, #2cbc6c 100%);
    background: -ms-linear-gradient(left, #c3eb25 0, #86d542 30%, #2cbc6c 100%);
    background: linear-gradient(90deg, #c3eb25 0, #86d542 30%, #2cbc6c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color", GradientType=1)
}

.site-header__sponsoredmatch_type1 .site-header__sponsoredmatch-button-space a, .site-header__sponsoredmatch_type1 .site-header__sponsoredmatch_catch_text {
    color: #4ecb62
}

.site-header__sponsoredmatch_type2 {
    background: -moz-linear-gradient(left, #f9c13d 0, #f56e80 30%, #f46275 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f9c13d), color-stop(20%, #f56e80), color-stop(100%, #f46275));
    background: -webkit-linear-gradient(left, #f9c13d, #f56e80 30%, #f46275);
    background: -o-linear-gradient(left, #f9c13d 0, #f56e80 30%, #f46275 100%);
    background: -ms-linear-gradient(left, #f9c13d 0, #f56e80 30%, #f46275 100%);
    background: linear-gradient(90deg, #f9c13d 0, #f56e80 30%, #f46275);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color", GradientType=1)
}

.site-header__sponsoredmatch_type2 .site-header__sponsoredmatch-button-space a, .site-header__sponsoredmatch_type2 .site-header__sponsoredmatch_catch_text {
    color: #f46275
}

.site-header__sponsoredmatch_type3 {
    background: -moz-linear-gradient(left, #a3ecf1 0, #4de3ed 30%, #4abfe6 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #a3ecf1), color-stop(20%, #4de3ed), color-stop(100%, #4abfe6));
    background: -webkit-linear-gradient(left, #a3ecf1, #4de3ed 30%, #4abfe6);
    background: -o-linear-gradient(left, #a3ecf1 0, #4de3ed 30%, #4abfe6 100%);
    background: -ms-linear-gradient(left, #a3ecf1 0, #4de3ed 30%, #4abfe6 100%);
    background: linear-gradient(90deg, #a3ecf1 0, #4de3ed 30%, #4abfe6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color", GradientType=1)
}

.site-header__sponsoredmatch_type3 .site-header__sponsoredmatch-button-space a, .site-header__sponsoredmatch_type3 .site-header__sponsoredmatch_catch_text {
    color: #4abfe6
}

.site-header__sponsoredmatch_type4 {
    background: -moz-linear-gradient(left, #db95dd 0, #c399e1 30%, #a59de9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #db95dd), color-stop(20%, #c399e1), color-stop(100%, #a59de9));
    background: -webkit-linear-gradient(left, #db95dd, #c399e1 30%, #a59de9);
    background: -o-linear-gradient(left, #db95dd 0, #c399e1 30%, #a59de9 100%);
    background: -ms-linear-gradient(left, #db95dd 0, #c399e1 30%, #a59de9 100%);
    background: linear-gradient(90deg, #db95dd 0, #c399e1 30%, #a59de9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color", GradientType=1)
}

.site-header__sponsoredmatch_type4 .site-header__sponsoredmatch-button-space a, .site-header__sponsoredmatch_type4 .site-header__sponsoredmatch_catch_text {
    color: #b3aeec
}

.site-header__sponsoredmatch_type5 {
    background: -moz-linear-gradient(left, #86e4db 0, #81bfdd 30%, #7a83d7 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #86e4db), color-stop(20%, #81bfdd), color-stop(100%, #7a83d7));
    background: -webkit-linear-gradient(left, #86e4db, #81bfdd 30%, #7a83d7);
    background: -o-linear-gradient(left, #86e4db 0, #81bfdd 30%, #7a83d7 100%);
    background: -ms-linear-gradient(left, #86e4db 0, #81bfdd 30%, #7a83d7 100%);
    background: linear-gradient(90deg, #86e4db 0, #81bfdd 30%, #7a83d7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color", GradientType=1)
}

.site-header__sponsoredmatch_type5 .site-header__sponsoredmatch-button-space a, .site-header__sponsoredmatch_type5 .site-header__sponsoredmatch_catch_text {
    color: #7a83d7
}

.site-header__sponsoredmatch_type6 {
    background: -moz-linear-gradient(left, #eaecc6 0, #2bc0e4 30%, #4abfe6 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #eaecc6), color-stop(20%, #2bc0e4), color-stop(100%, #4abfe6));
    background: -webkit-linear-gradient(left, #eaecc6, #2bc0e4 30%, #4abfe6);
    background: -o-linear-gradient(left, #eaecc6 0, #2bc0e4 30%, #4abfe6 100%);
    background: -ms-linear-gradient(left, #eaecc6 0, #2bc0e4 30%, #4abfe6 100%);
    background: linear-gradient(90deg, #eaecc6 0, #2bc0e4 30%, #4abfe6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color", GradientType=1)
}

.site-header__sponsoredmatch_type6 .site-header__sponsoredmatch-button-space a, .site-header__sponsoredmatch_type6 .site-header__sponsoredmatch_catch_text {
    color: #4abfe6
}

.site-header__sponsoredmatch_type7 {
    background: -moz-linear-gradient(left, #3cd3ad 0, #3cd3ad 30%, #4cb8c4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #3cd3ad), color-stop(20%, #3cd3ad), color-stop(100%, #4cb8c4));
    background: -webkit-linear-gradient(left, #3cd3ad, #3cd3ad 30%, #4cb8c4);
    background: -o-linear-gradient(left, #3cd3ad 0, #3cd3ad 30%, #4cb8c4 100%);
    background: -ms-linear-gradient(left, #3cd3ad 0, #3cd3ad 30%, #4cb8c4 100%);
    background: linear-gradient(90deg, #3cd3ad 0, #3cd3ad 30%, #4cb8c4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color", GradientType=1)
}

.site-header__sponsoredmatch_type7 .site-header__sponsoredmatch-button-space a, .site-header__sponsoredmatch_type7 .site-header__sponsoredmatch_catch_text {
    color: #4cb8c4
}

.site-header__sponsoredmatch_type8 {
    background: -moz-linear-gradient(left, #26d0ce 0, #26d0ce 30%, #485499 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #26d0ce), color-stop(20%, #26d0ce), color-stop(100%, #485499));
    background: -webkit-linear-gradient(left, #26d0ce, #26d0ce 30%, #485499);
    background: -o-linear-gradient(left, #26d0ce 0, #26d0ce 30%, #485499 100%);
    background: -ms-linear-gradient(left, #26d0ce 0, #26d0ce 30%, #485499 100%);
    background: linear-gradient(90deg, #26d0ce 0, #26d0ce 30%, #485499);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color", GradientType=1)
}

.site-header__sponsoredmatch_type8 .site-header__sponsoredmatch-button-space a, .site-header__sponsoredmatch_type8 .site-header__sponsoredmatch_catch_text {
    color: #485499
}

.site-header__sponsoredmatch_type9 {
    background: -moz-linear-gradient(left, #6dd5ed 0, #6dd5ed 30%, #2193b0 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #6dd5ed), color-stop(20%, #6dd5ed), color-stop(100%, #2193b0));
    background: -webkit-linear-gradient(left, #6dd5ed, #6dd5ed 30%, #2193b0);
    background: -o-linear-gradient(left, #6dd5ed 0, #6dd5ed 30%, #2193b0 100%);
    background: -ms-linear-gradient(left, #6dd5ed 0, #6dd5ed 30%, #2193b0 100%);
    background: linear-gradient(90deg, #6dd5ed 0, #6dd5ed 30%, #2193b0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color", GradientType=1)
}

.site-header__sponsoredmatch_type9 .site-header__sponsoredmatch-button-space a, .site-header__sponsoredmatch_type9 .site-header__sponsoredmatch_catch_text {
    color: #2193b0
}

.site-header__sponsoredmatch_type10 {
    background: -moz-linear-gradient(left, #f1969c 0, #f1969c 30%, #f05053 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f1969c), color-stop(20%, #f1969c), color-stop(100%, #f05053));
    background: -webkit-linear-gradient(left, #f1969c, #f1969c 30%, #f05053);
    background: -o-linear-gradient(left, #f1969c 0, #f1969c 30%, #f05053 100%);
    background: -ms-linear-gradient(left, #f1969c 0, #f1969c 30%, #f05053 100%);
    background: linear-gradient(90deg, #f1969c 0, #f1969c 30%, #f05053);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color", GradientType=1)
}

.site-header__sponsoredmatch_type10 .site-header__sponsoredmatch-button-space a, .site-header__sponsoredmatch_type10 .site-header__sponsoredmatch_catch_text {
    color: #f05053
}

.site-header__sponsoredmatch_type11 {
    background: -moz-linear-gradient(left, #f96 0, #f96 30%, #ff6e71 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #f96), color-stop(20%, #f96), color-stop(100%, #ff6e71));
    background: -webkit-linear-gradient(left, #f96, #f96 30%, #ff6e71);
    background: -o-linear-gradient(left, #f96 0, #f96 30%, #ff6e71 100%);
    background: -ms-linear-gradient(left, #f96 0, #f96 30%, #ff6e71 100%);
    background: linear-gradient(90deg, #f96 0, #f96 30%, #ff6e71);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color", GradientType=1)
}

.site-header__sponsoredmatch_type11 .site-header__sponsoredmatch-button-space a, .site-header__sponsoredmatch_type11 .site-header__sponsoredmatch_catch_text {
    color: #ff6e71
}

.site-header__sponsoredmatch_type12 {
    background: -moz-linear-gradient(left, #ffd200 0, #f2c94c 30%, #f7971e 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffd200), color-stop(20%, #f2c94c), color-stop(100%, #f7971e));
    background: -webkit-linear-gradient(left, #ffd200, #f2c94c 30%, #f7971e);
    background: -o-linear-gradient(left, #ffd200 0, #f2c94c 30%, #f7971e 100%);
    background: -ms-linear-gradient(left, #ffd200 0, #f2c94c 30%, #f7971e 100%);
    background: linear-gradient(90deg, #ffd200 0, #f2c94c 30%, #f7971e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color", GradientType=1)
}

.site-header__sponsoredmatch_type12 .site-header__sponsoredmatch-button-space a, .site-header__sponsoredmatch_type12 .site-header__sponsoredmatch_catch_text {
    color: #f2994a
}

.site-header__sponsoredmatch_type13 {
    background: -moz-linear-gradient(left, #a39fc9 0, #a39fc9 30%, #80a7c3 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #a39fc9), color-stop(20%, #a39fc9), color-stop(100%, #80a7c3));
    background: -webkit-linear-gradient(left, #a39fc9, #a39fc9 30%, #80a7c3);
    background: -o-linear-gradient(left, #a39fc9 0, #a39fc9 30%, #80a7c3 100%);
    background: -ms-linear-gradient(left, #a39fc9 0, #a39fc9 30%, #80a7c3 100%);
    background: linear-gradient(90deg, #a39fc9 0, #a39fc9 30%, #80a7c3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color", GradientType=1)
}

.site-header__sponsoredmatch_type13 .site-header__sponsoredmatch-button-space a, .site-header__sponsoredmatch_type13 .site-header__sponsoredmatch_catch_text {
    color: #80a7c3
}

.site-header__sponsoredmatch-container {
    display: table;
    margin: 0 auto;
    height: 100%
}

.site-header__sponsoredmatch-catch-box, .site-header__sponsoredmatch-description-box, .site-header__sponsoredmatch_catch {
    display: table-cell;
    vertical-align: middle
}

.site-header__sponsoredmatch_catch {
    white-space: nowrap
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch_catch {
        display: block;
        margin: 3px 2px 3px 0;
        padding: 0 3px 2px;
        background: #fff;
        text-align: center
    }
}

.site-header__sponsoredmatch_catch_text {
    background: #fff;
    font-size: 12px;
    padding: 5px 5px 4px;
    text-align: center
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch_catch_text {
        font-size: 9px;
        margin: 0 3px 0 0;
        padding: 0
    }
}

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

.site-header__sponsoredmatch_date-box {
    display: table;
    width: 100%
}

.site-header__sponsoredmatch_date1-inner {
    margin: 0;
    padding: 0;
    font-size: 25px;
    font-weight: 700;
    display: inline-block
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch_date1-inner {
        width: 100%
    }
}

.site-header__sponsoredmatch_date1_element {
    margin: 0 0 0 4px
}

@media screen and (max-width: 991px) {
    .site-header__sponsoredmatch_date1_element {
        font-size: 20px;
        white-space: nowrap;
        text-align: center;
        margin: 3px 0 3px 4px
    }
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch_date1_element {
        font-size: 2.5vw;
        text-align: center;
        margin: 3px 0 0
    }
}

.site-header__sponsoredmatch_date2-inner {
    margin: 0;
    padding: 0;
    display: inline-block
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch_date2-inner {
        width: 100%;
        text-align: center;
        font-size: 10px
    }
}

.site-header__sponsoredmatch_date2_element {
    font-size: 11px;
    width: 16px;
    margin: 0
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch_date2_element {
        width: auto;
        text-align: center;
        margin: 0 0 5px;
        font-size: 10px
    }
}

@media screen and (max-width: 991px) {
    .site-header__sponsoredmatch_date2_element {
        text-align: center;
        margin: 0 0 5px;
        font-size: 10px
    }
}

.site-header__sponsoredmatch-title-box {
    display: table-cell;
    vertical-align: middle
}

@media screen and (max-width: 991px) {
    .site-header__sponsoredmatch-title-box {
        vertical-align: top
    }
}

.site-header__sponsoredmatch-title {
    font-size: 21px;
    font-weight: 700;
    margin: 0 0 4px 5px
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch-title {
        font-size: 4vw;
        text-align: left;
        margin: 0 10px 3px 4px
    }
}

.site-header__sponsoredmatch-lead {
    font-size: 13px;
    margin: 0 0 0 5px
}

@media screen and (max-width: 991px) {
    .site-header__sponsoredmatch-lead {
        font-size: 10px;
        font-size: 1.3vw;
        line-height: 12px
    }
}

@media screen and (max-width: 599px) {
    .site-header__sponsoredmatch-lead {
        font-size: 10px;
        margin: 0 0 0 4px
    }
}

.site-header__sponsoredmatch-button-box {
    display: table-cell;
    vertical-align: middle
}

.site-header__sponsoredmatch-button-box a {
    display: block;
    padding: 8px 15px
}

.site-header__sponsoredmatch-button-box a:hover {
    opacity: .8
}

@media screen and (max-width: 991px) {
    .site-header__sponsoredmatch-button-box {
        display: none
    }
}

.site-header__sponsoredmatch-button-inner {
    display: table;
    border-collapse: separate;
    border-spacing: 10px 0
}

.site-header__sponsoredmatch-button-detail {
    display: table-cell;
    border: 1px solid #fff;
    border-radius: 3px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    height: 30px;
    overflow: hidden
}

.site-header__sponsoredmatch-button-detail a {
    color: #fff;
    height: 30px
}

.site-header__sponsoredmatch-button-space a {
    background: #fff;
    display: block;
    border-radius: 3px;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap
}

@media screen and (min-width: 768px) {
    .twcam {
        margin-top: 24px
    }

    .twcam a:hover {
        text-decoration: underline
    }
}

@media screen and (min-width: 768px) and (max-device-width: 959px) {
    .twcam {
        margin-top: 0
    }
}

.twcam img {
    vertical-align: bottom
}

.bg_twitter {
    background: #1da1f2
}

@media screen and (min-width: 768px) {
    .bg_twitter:hover {
        background: #0d95e8
    }
}

.bg_twitter i {
    padding-right: 6px
}

@media screen and (min-width: 768px) {
    .twcam .bg_twitter:hover {
        text-decoration: none
    }
}

.twcam__special-title {
    font-weight: 700;
    text-align: center;
    line-height: 1.3
}

@media screen and (min-width: 768px) {
    .twcam__special-title {
        font-size: 28px;
        overflow: hidden;
        max-width: 1100px;
        margin: 0 auto
    }
}

@media screen and (max-width: 767px) {
    .twcam__special-title {
        font-size: 18px;
        margin-bottom: 5px
    }
}

.twcam__special-title span {
    position: relative;
    display: inline-block
}

@media screen and (max-width: 767px) {
    .twcam__special-title span {
        padding-bottom: 13px
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-title span:after, .twcam__special-title span:before {
        position: absolute;
        top: 50%;
        width: 100vw;
        height: 6px;
        content: "";
        transform: translateY(-50%);
        border-top: 1px solid #999;
        border-bottom: 1px solid #999
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-title span:before {
        left: calc(100% + 24px)
    }
}

.twcam__special-title span:after {
    position: absolute;
    content: ""
}

@media screen and (min-width: 768px) {
    .twcam__special-title span:after {
        right: calc(100% + 24px)
    }
}

@media screen and (max-width: 767px) {
    .twcam__special-title span:after {
        bottom: 0;
        left: 50%;
        width: 120px;
        height: 5px;
        transform: translate(-50%);
        border-top: 1px solid #999;
        border-bottom: 1px solid #999
    }
}

.twcam__main {
    text-align: center;
    background: 50% no-repeat/cover
}

@media screen and (min-width: 768px) {
    .twcam__main {
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 1100px;
        height: 410px;
        margin: 56px auto auto
    }
}

@media screen and (min-width: 768px) and (max-device-width: 959px) {
    .twcam__main {
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .twcam__main {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.twcam__main .twcam__main-twitter {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .4)
}

.twcam__main .twcam__main-lead {
    text-align: center;
    color: #fff
}

@media screen and (min-width: 768px) {
    .twcam__main .twcam__main-lead {
        font-size: 16px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main .twcam__main-lead {
        font-size: 12px
    }
}

.twcam__main .twcam__main-lead span {
    position: relative;
    text-shadow: 0 2px 6px rgba(0, 0, 0, .4);
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .twcam__main .twcam__main-lead span {
        padding: 0 16px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main .twcam__main-lead span {
        padding: 0 10px
    }
}

.twcam__main .twcam__main-lead span:after, .twcam__main .twcam__main-lead span:before {
    position: absolute;
    top: 50%;
    width: 2px;
    content: "";
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .4)
}

@media screen and (min-width: 768px) {
    .twcam__main .twcam__main-lead span:after, .twcam__main .twcam__main-lead span:before {
        height: 20px;
        top: 30%
    }
}

@media screen and (max-width: 767px) {
    .twcam__main .twcam__main-lead span:after, .twcam__main .twcam__main-lead span:before {
        height: 14px
    }
}

.twcam__main .twcam__main-lead span:before {
    left: 0
}

@media screen and (min-width: 768px) {
    .twcam__main .twcam__main-lead span:before {
        transform: translateY(-30%) rotate(-45deg)
    }
}

@media screen and (max-width: 767px) {
    .twcam__main .twcam__main-lead span:before {
        transform: translateY(-50%) rotate(-40deg)
    }
}

.twcam__main .twcam__main-lead span:after {
    right: 0
}

@media screen and (min-width: 768px) {
    .twcam__main .twcam__main-lead span:after {
        transform: translateY(-30%) rotate(45deg)
    }
}

@media screen and (max-width: 767px) {
    .twcam__main .twcam__main-lead span:after {
        transform: translateY(-50%) rotate(40deg)
    }
}

.twcam__main-cont {
    position: relative;
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .twcam__main-cont {
        margin-top: 24px
    }
}

.twcam__main-cont:before {
    position: absolute;
    content: "";
    background-size: cover
}

@media screen and (min-width: 768px) {
    .twcam__main-cont:before {
        top: 6px;
        left: 8px;
        width: 56px;
        height: 54px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main-cont:before {
        top: 52px;
        left: 8px;
        width: 40px;
        height: 38px
    }
}

.twcam__main-cont:after {
    position: absolute;
    content: "";
    background-size: cover
}

@media screen and (min-width: 768px) {
    .twcam__main-cont:after {
        top: 8px;
        right: 15px;
        width: 44px;
        height: 44px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main-cont:after {
        top: 58px;
        right: 22px;
        width: 29px;
        height: 29px
    }
}

.twcam__main-twitter {
    font-weight: 700;
    margin: 0 auto;
    color: #fff;
    border-radius: 50px;
    background: #1da1f2
}

@media screen and (min-width: 768px) {
    .twcam__main-twitter {
        font-size: 20px;
        display: inline-block;
        margin-top: 12px;
        padding: 12px 32px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main-twitter {
        font-size: 14px;
        width: 100%;
        max-width: 290px;
        margin-top: 14px;
        padding: 8px 0
    }
}

.twcam__main-twitter span {
    position: relative
}

@media screen and (min-width: 768px) {
    .twcam__main-twitter span {
        padding-left: 34px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main-twitter span {
        padding-left: 24px
    }
}

.twcam__main-twitter span:before {
    font-family: FontAwesome;
    position: absolute;
    bottom: -3px;
    left: 0;
    display: block;
    content: "\F099"
}

@media screen and (min-width: 768px) {
    .twcam__main-twitter span:before {
        font-size: 25px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main-twitter span:before {
        font-size: 20px
    }
}

.twcam__main-heading {
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 12px #000;
    padding: 0 16px;
    font-size: 32px;
    line-height: 1.18
}

@media screen and (min-width: 768px) {
    .twcam__main-heading {
        font-size: 48px;
        margin-top: 32px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main-heading:after {
        margin: 14px auto 0
    }
}

.twcam__main-heading span {
    display: block;
    padding-bottom: 10px
}

@media screen and (min-width: 768px) {
    .twcam__main-heading span {
        font-size: 28px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main-heading span {
        font-size: 20px
    }
}

.twcam__main-film {
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .twcam__main-film {
        min-height: 104px
    }
}

.twcam__main-film p {
    text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff
}

@media screen and (min-width: 768px) {
    .twcam__main-present {
        font-size: 20px;
        margin-top: 12px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main-present {
        margin-top: 10px
    }
}

@media screen and (min-width: 768px) {
    .twcam__main-present span {
        font-size: 28px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main-present span {
        font-size: 16px
    }
}

.twcam__main-close {
    line-height: 1.4
}

@media screen and (min-width: 768px) {
    .twcam__main-close {
        font-size: 20px
    }
}

.twcam__main-more {
    font-weight: 700;
    position: relative;
    display: inline-block
}

@media screen and (min-width: 768px) {
    .twcam__main-more {
        font-size: 28px;
        margin: 0 auto 6px;
        padding: 0 32px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main-more {
        font-size: 16px;
        margin: 0 auto 2px;
        padding: 0 24px
    }
}

.twcam__main-more:after, .twcam__main-more:before {
    position: absolute;
    display: inline-block;
    height: 2px;
    content: "";
    background-color: #333
}

@media screen and (min-width: 768px) {
    .twcam__main-more:after, .twcam__main-more:before {
        top: 15px;
        width: 24px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main-more:after, .twcam__main-more:before {
        width: 18px
    }
}

.twcam__main-more:before {
    left: 0;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.twcam__main-more:after {
    right: 0;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.twcam__about {
    text-align: center
}

@media screen and (min-width: 768px) {
    .twcam__about {
        margin-top: 56px
    }
}

@media screen and (max-width: 767px) {
    .twcam__about {
        margin-top: 35px
    }
}

@media screen and (min-width: 768px) {
    .twcam__logo img {
        height: 56px;
        margin-top: 32px
    }
}

@media screen and (max-width: 767px) {
    .twcam__logo img {
        height: 32px;
        margin-top: 24px
    }
}

.twcam__message-close {
    color: #e95175;
    border: 1px solid #e95175;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .twcam__message-close {
        font-size: 16px;
        padding: 16px;
        margin: 56px 0
    }
}

@media screen and (max-width: 767px) {
    .twcam__message-close {
        font-size: 12px;
        padding: 12px;
        margin: 40px 0
    }
}

.twcam__message-wrap {
    display: inline-block;
    margin: auto
}

@media screen and (min-width: 768px) {
    .twcam__message-wrap {
        font-size: 20px;
        padding: 8px 24px
    }
}

@media screen and (max-width: 767px) {
    .twcam__message-wrap {
        padding: 6px 12px
    }
}

.twcam__message-wrap.message-status--open {
    background: #f5d02c
}

.twcam__message-wrap.message-status--close {
    background: #e95175
}

.twcam__text {
    font-weight: 700;
    color: #fff
}

.twcam__title {
    font-weight: 700;
    line-height: 1.3
}

@media screen and (min-width: 768px) {
    .twcam__title {
        font-size: 36px;
        margin-top: 24px
    }
}

@media screen and (max-width: 767px) {
    .twcam__title {
        font-size: 22px;
        line-height: 1.3;
        margin-top: 8px
    }
}

.twcam__main-text {
    line-height: 1.5
}

@media screen and (min-width: 768px) {
    .twcam__main-text {
        font-size: 16px;
        margin-top: 14px
    }
}

@media screen and (max-width: 767px) {
    .twcam__main-text {
        margin-top: 5px
    }
}

.twcam__chance {
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .twcam__chance {
        font-size: 28px;
        line-height: 1.4;
        margin-top: 28px
    }
}

@media screen and (max-width: 767px) {
    .twcam__chance {
        font-size: 16px;
        margin-top: 16px;
        line-height: 1.3
    }
}

.twcam__chance span {
    display: inline-block;
    border-bottom: 2px solid #f5d02c;
    padding: 0 3px
}

@media screen and (min-width: 768px) {
    .twcam__chance span {
        font-size: 20px;
        margin-bottom: 20px;
        padding-bottom: 3px
    }
}

@media screen and (max-width: 767px) {
    .twcam__chance span {
        font-size: 14px;
        margin-bottom: 10px;
        padding-bottom: 4px
    }
}

.twcam__special {
    padding: 0
}

@media screen and (min-width: 768px) {
    .twcam__special {
        margin-top: 56px;
        padding-top: 56px
    }
}

@media screen and (max-width: 767px) {
    .twcam__special {
        margin-top: 40px;
        padding-top: 40px
    }
}

.twcam__special-list {
    position: relative
}

@media screen and (min-width: 768px) {
    .twcam__special-list {
        bottom: -58px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto
    }
}

@media screen and (max-width: 767px) {
    .twcam__special-list {
        bottom: -24px
    }
}

.twcam__special-list .twcam__special-list__item {
    position: relative;
    background: #fff;
    border: 1px solid #d1d1d1
}

@media screen and (min-width: 768px) {
    .twcam__special-list .twcam__special-list__item {
        display: flex;
        width: 100%;
        margin-top: 24px
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-list .twcam__special-list__item:first-child {
        margin-top: 0
    }
}

.twcam__special-list .twcam__special-list__item .twcam__special-list__image {
    position: relative;
    border-bottom: 1px solid #d1d1d1
}

@media screen and (min-width: 768px) {
    .twcam__special-list .twcam__special-list__item .twcam__special-list__image {
        overflow: hidden;
        width: 45%;
        flex-shrink: 0;
        border-right: 1px solid #d1d1d1;
        border-bottom: none
    }
}

@media screen and (min-width: 768px) and (max-device-width: 959px) {
    .twcam__special-list .twcam__special-list__item .twcam__special-list__image {
        width: 50%;
        border-right: 1px solid #d1d1d1;
        border-bottom: none
    }
}

.twcam__special-list .twcam__special-list__item .twcam__special-list__image img {
    width: 100%;
    max-width: 100%;
    height: auto
}

@media screen and (max-width: 767px) {
    .twcam__special-list .twcam__special-list__item + .twcam__special-list__item {
        border-top: none
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-list .twcam__special-list__item + .twcam__special-list__item .twcam__special-list__image {
        border-left: 1px solid #d1d1d1;
        border-right: none;
        border-bottom: none
    }
}

@media screen and (min-width: 768px) and (max-device-width: 959px) {
    .twcam__special-list .twcam__special-list__item + .twcam__special-list__item .twcam__special-list__image {
        border-left: 1px solid #d1d1d1;
        border-right: none;
        border-bottom: none
    }
}

.twcam__special-list .twcam__special-list__item .twcam__special-list__bar {
    position: absolute;
    top: 5px
}

.twcam__special-list .twcam__special-list__item .twcam__special-list__bar:before {
    position: absolute;
    z-index: 1;
    bottom: -14px;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent #42a9cc transparent transparent;
    border-style: solid;
    border-width: 6px 8px 6px 0
}

.twcam__special-list .twcam__special-list__item .twcam__special-list__bar span {
    font-weight: 700;
    position: relative;
    z-index: 2;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    transform: rotate(-5deg);
    color: #fff;
    background-color: #4abfe6
}

@media screen and (min-width: 768px) {
    .twcam__special-list .twcam__special-list__item .twcam__special-list__bar span {
        min-width: 179px;
        min-height: 28px
    }
}

@media screen and (max-width: 767px) {
    .twcam__special-list .twcam__special-list__item .twcam__special-list__bar span {
        min-width: 179px;
        min-height: 28px
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-list .twcam__special-list__item:nth-child(odd) .twcam__special-list__bar {
        left: -10px
    }
}

@media screen and (max-width: 767px) {
    .twcam__special-list .twcam__special-list__item:nth-child(odd) .twcam__special-list__bar {
        left: -10px
    }
}

.twcam__special-list .twcam__special-list__item:nth-child(odd) .twcam__special-list__bar:before {
    left: 2px
}

@media screen and (min-width: 768px) {
    .twcam__special-list .twcam__special-list__item:nth-child(2n) {
        flex-direction: row-reverse
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-list .twcam__special-list__item:nth-child(2n) .twcam__special-list__bar {
        right: -10px
    }
}

@media screen and (max-width: 767px) {
    .twcam__special-list .twcam__special-list__item:nth-child(2n) .twcam__special-list__bar {
        right: -10px
    }
}

.twcam__special-list .twcam__special-list__item:nth-child(2n) .twcam__special-list__bar:before {
    position: absolute;
    right: 2px;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent transparent #42a9cc;
    border-style: solid;
    border-width: 6px 0 6px 8px
}

.twcam__special-list .twcam__special-list__item:nth-child(2n) .twcam__special-list__bar span {
    transform: rotate(5deg)
}

@media screen and (min-width: 768px) {
    .twcam__special-list .twcam__special-list__item .twcam__special-list__detail {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 0 36px
    }
}

@media screen and (min-width: 768px) and (max-device-width: 959px) {
    .twcam__special-list .twcam__special-list__item .twcam__special-list__detail {
        padding: 0 24px
    }
}

.twcam__special-list .twcam__special-list__item .twcam__special-list__detail__inner {
    width: 100%
}

.twcam__special-list .twcam__special-list__item h3 {
    font-weight: 700;
    line-height: 1.4
}

@media screen and (min-width: 768px) {
    .twcam__special-list .twcam__special-list__item h3 {
        font-size: 20px
    }
}

@media screen and (max-width: 767px) {
    .twcam__special-list .twcam__special-list__item h3 {
        font-size: 16px;
        margin-top: 22px;
        padding: 0 16px;
        text-align: center
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-list .twcam__special-list__item h3 br {
        display: none
    }
}

.twcam__special-list .twcam__special-list__item .twcam__special-item-text {
    line-height: 1.45;
    margin: auto;
    text-align: left;
    padding: 8px 16px 20px
}

@media screen and (min-width: 768px) {
    .twcam__special-list .twcam__special-list__item .twcam__special-item-text {
        font-size: 14px;
        margin-top: 20px;
        padding: 22px 0 0;
        border-top: 1px solid #d1d1d1
    }
}

@media screen and (min-width: 768px) and (max-device-width: 959px) {
    .twcam__special-list .twcam__special-list__item .twcam__special-item-text {
        margin-top: 10px;
        padding-top: 12px
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-item-main {
        display: flex;
        align-items: center;
        width: 55%;
        padding: 0 32px;
        -webkit-align-items: center
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-item-main .twcam__special-item-maintitle {
        font-size: 24px;
        margin: 0;
        text-align: left
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-item-main .twcam__special-item-maintitle br {
        display: none
    }
}

.twcam__special-fixedcont {
    position: relative
}

.twcam__special-fixedcont:after {
    position: absolute;
    z-index: 0;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent transparent #007bff;
    border-style: solid;
    border-width: 6px 0 6px 8px
}

@media screen and (min-width: 768px) {
    .twcam__special-fixedcont:after {
        top: 40px;
        right: -8px
    }
}

@media screen and (max-width: 767px) {
    .twcam__special-fixedcont:after {
        top: 30px;
        right: -8px
    }
}

@media screen and (min-width: 768px) {
    .twcam__special-fixedcont .twcam__special-item-title {
        padding: 0 16px
    }
}

.twcam__special-fixedcont .twcam__special-item-title br {
    display: none
}

@media screen and (max-width: 350px) {
    .twcam__special-fixedcont .twcam__special-item-title br {
        display: block
    }
}

.twcam__special-fixed {
    font-weight: 700;
    position: absolute;
    z-index: 2;
    padding: 8px;
    transform: rotate(8deg);
    color: #fff;
    background: #4abfe6;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3)
}

@media screen and (min-width: 768px) {
    .twcam__special-fixed {
        top: 6px;
        right: -10px
    }
}

@media screen and (max-width: 767px) {
    .twcam__special-fixed {
        font-size: 13px;
        top: -2px;
        right: -12px
    }
}

@media screen and (min-width: 768px) {
    .twcam__space {
        margin: 112px auto auto;
        padding-bottom: 56px
    }
}

@media screen and (max-width: 767px) {
    .twcam__space {
        margin-top: 64px
    }
}

@media screen and (max-width: 767px) {
    .twcam__space .twcam__special-title {
        margin-bottom: 32px
    }
}

@media screen and (min-width: 768px) {
    .twcam__space a:hover {
        text-decoration: none
    }
}

.twcam__space .topics__mediumlist-space {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .twcam__space .topics__mediumlist-space {
        justify-content: center;
        margin-top: 56px
    }
}

@media screen and (max-width: 767px) {
    .twcam__space .topics__mediumlist-space {
        margin-top: 24px
    }
}

.twcam__space .twcam__space__image {
    border-bottom: 1px solid #d1d1d1
}

.twcam__space .twcam__space__image img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.twcam__space .space-head__list {
    margin-top: 0
}

.twcam__space .twcam__space__link {
    text-align: center
}

@media screen and (min-width: 768px) {
    .twcam__space .twcam__space__link {
        font-size: 16px;
        margin-top: 40px
    }
}

.twcam__space .twcam__space__link a {
    font-weight: 700;
    position: relative;
    padding-right: 10px
}

.twcam__space .twcam__space__link a:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    content: "";
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #4abfe6;
    border-right: 2px solid #4abfe6
}

.twcam__space .twcam__space__link a:hover {
    color: #4abfe6
}

.twcam__space-text {
    line-height: 1.6
}

@media screen and (min-width: 768px) {
    .twcam__space-text {
        text-align: center
    }
}

.twcam__space-text span {
    font-size: 12px;
    display: block
}

@media screen and (min-width: 768px) {
    .twcam .mediumlist-space__item {
        width: calc((100% - 48px) / 3);
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .twcam .mediumlist-space__item {
        margin-bottom: 24px
    }
}

@media screen and (min-width: 768px) {
    .twcam .mediumlist-space__item:not(:first-child) {
        margin-left: 24px
    }
}

@media screen and (min-width: 768px) {
    .twcam .mediumlist-space__item li {
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .twcam .mediumlist-space__detail {
        padding-top: 20px;
        padding-bottom: 24px
    }
}

@media screen and (max-width: 767px) {
    .twcam .mediumlist-space__detail {
        padding-top: 20px;
        padding-bottom: 27px
    }
}

.twcam__fllow {
    text-align: center;
    background: #4abfe6
}

@media screen and (min-width: 768px) {
    .twcam__fllow {
        padding: 56px 0
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow {
        margin-top: 40px;
        padding: 40px 0
    }
}

.twcam__fllow .twcam__special-title {
    color: #fff
}

@media screen and (min-width: 768px) {
    .twcam__fllow .twcam__special-title span:before {
        border-color: #fff
    }
}

.twcam__fllow .twcam__special-title span:after {
    border-color: #fff
}

@media screen and (min-width: 768px) {
    .twcam__fllow .twcam__message-wrap {
        margin-top: 56px
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow .twcam__message-wrap {
        margin-top: 24px
    }
}

.twcam__fllow-title {
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .twcam__fllow-title {
        font-size: 20px;
        display: inline-block;
        margin-top: 40px;
        padding: 8px 12px;
        color: #4abfe6;
        background: #fff
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow-title {
        font-size: 16px;
        position: relative;
        color: #fff
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow-title:before {
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        content: "";
        background: #fff
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow-title span {
        position: relative;
        z-index: 1;
        padding: 0 8px;
        background: #4abfe6
    }
}

.twcam__special-subtitle {
    margin-top: 10px
}

.twcam__fllow-time {
    font-weight: 700;
    color: #fff
}

@media screen and (min-width: 768px) {
    .twcam__fllow-time {
        font-size: 24px;
        margin-top: 16px
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow-time {
        font-size: 16px;
        margin-top: 12px
    }
}

@media screen and (min-width: 768px) {
    .twcam__fllow-list {
        display: flex;
        justify-content: space-between;
        max-width: 1100px;
        margin: 40px auto 0
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow-list {
        margin-top: 24px
    }
}

@media screen and (min-width: 768px) {
    .twcam__fllow-list .img_twitterfllow img {
        width: 128px
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow-list .img_twitterfllow img {
        width: 190px
    }
}

@media screen and (min-width: 768px) {
    .twcam__fllow-list .img_retweetfllow img {
        width: 100%;
        max-width: 260px;
        margin-top: 16px
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow-list .img_retweetfllow img {
        width: 280px;
        max-width: 100%;
        margin-top: 24px
    }
}

.twcam__fllow-list .img_mailfllow {
    padding: 16px 0 24px
}

@media screen and (min-width: 768px) {
    .twcam__fllow-list .img_mailfllow img {
        width: 169px
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow-list .img_mailfllow img {
        width: 163px
    }
}

.twcam__fllow-item {
    position: relative;
    background: #fff
}

@media screen and (min-width: 768px) {
    .twcam__fllow-item {
        width: calc((100% - 48px) / 3);
        padding: 32px 22px;
        display: flex;
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow-item {
        margin-bottom: 12px;
        padding: 24px 16px 21px
    }
}

.twcam__fllow-item:first-child h3:before {
    background-image: url(/assets/images/www/campaigns/t_campaign_fllow1.png)
}

.twcam__fllow-item:nth-child(2) h3:before {
    background-image: url(/assets/images/www/campaigns/t_campaign_fllow2.png)
}

.twcam__fllow-item:nth-child(3) {
    margin-bottom: 0
}

.twcam__fllow-item:nth-child(3) h3:before {
    background-image: url(/assets/images/www/campaigns/t_campaign_fllow3.png)
}

@media screen and (min-width: 768px) {
    .twcam__fllow-item:nth-child(3) .twcam__fllow-text {
        font-size: 14px;
        margin-top: auto;
        padding: 0
    }
}

.twcam__fllow-item:not(:first-child):after, .twcam__fllow-item:not(:first-child):before {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border-style: solid
}

@media screen and (min-width: 768px) {
    .twcam__fllow-item:not(:first-child):after, .twcam__fllow-item:not(:first-child):before {
        top: calc(50% - 19px);
        border-width: 19px 0 19px 16px
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow-item:not(:first-child):after, .twcam__fllow-item:not(:first-child):before {
        left: calc(50% - 19px);
        border-width: 16px 18px 0
    }
}

@media screen and (min-width: 768px) {
    .twcam__fllow-item:not(:first-child):before {
        left: -24px;
        border-color: transparent transparent transparent #fff
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow-item:not(:first-child):before {
        top: -16px;
        border-color: #fff transparent transparent
    }
}

@media screen and (min-width: 768px) {
    .twcam__fllow-item:not(:first-child):after {
        left: 0;
        border-color: transparent transparent transparent #4abfe6
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow-item:not(:first-child):after {
        top: 0;
        border-color: #4abfe6 transparent transparent
    }
}

.twcam__fllow-item h3 {
    display: flex
}

@media screen and (min-width: 768px) {
    .twcam__fllow-item h3 {
        line-height: 1.4;
        align-items: center;
        margin-bottom: 16px;
        padding-left: 10px
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow-item h3 {
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 6px;
        text-align: left
    }
}

.twcam__fllow-item h3 span {
    font-size: 16px;
    font-weight: 700;
    display: block;
    width: calc(100% - 44px)
}

@media screen and (min-width: 768px) {
    .twcam__fllow-item h3 span {
        text-align: left
    }
}

.twcam__fllow-item h3:before {
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 8px;
    content: "";
    background-size: 36px
}

.twcam__fllow-text {
    font-size: 13px;
    line-height: 1.6;
    text-align: left
}

@media screen and (min-width: 768px) {
    .twcam__fllow-text {
        padding: 0 10px
    }
}

.twcam__fllow-text strong {
    font-size: 12px;
    display: block;
    margin-top: 4px
}

@media screen and (min-width: 768px) {
    .twcam__fllow-link {
        margin-top: auto
    }
}

@media screen and (max-width: 767px) {
    .twcam__fllow-link {
        margin-top: 16px
    }
}

.twcam__fllow-link a {
    line-height: 1.3;
    width: 100%
}

@media screen and (min-width: 768px) {
    .twcam__fllow-link a {
        max-width: none
    }
}

.twcam__fllow-link a:hover {
    color: #fff
}

.twcam__provision {
    background: #fff
}

@media screen and (min-width: 768px) {
    .twcam__provision {
        max-width: 1100px;
        margin: 24px auto 0;
        padding: 32px 16px
    }
}

@media screen and (max-width: 767px) {
    .twcam__provision {
        margin-top: 24px;
        padding: 24px 16px
    }
}

.twcam__provision h3 {
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .twcam__provision h3 {
        font-size: 20px
    }
}

@media screen and (max-width: 767px) {
    .twcam__provision h3 {
        font-size: 16px
    }
}

.twcam__provision .twcam__provision__open {
    font-weight: 700;
    color: #4abfe6
}

@media screen and (min-width: 768px) {
    .twcam__provision .twcam__provision__open {
        font-size: 16px;
        margin-top: 16px;
        cursor: pointer
    }
}

@media screen and (max-width: 767px) {
    .twcam__provision .twcam__provision__open {
        margin-top: 12px
    }
}

.twcam__provision .twcam__provision__open span {
    font-family: FontAwesome;
    position: relative
}

@media screen and (min-width: 768px) {
    .twcam__provision .twcam__provision__open span {
        padding-right: 20px
    }
}

@media screen and (max-width: 767px) {
    .twcam__provision .twcam__provision__open span {
        padding-right: 16px
    }
}

.twcam__provision .twcam__provision__open span:before {
    position: absolute;
    top: 50%;
    right: 0;
    content: "\F107";
    transform: translateY(-50%) rotate(180deg)
}

.twcam__provision.text--close .twcam__provision-text {
    overflow: hidden;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    border: none
}

.twcam__provision.text--close .twcam__provision__close {
    display: none
}

.twcam__provision.text--close .twcam__provision__open span:before {
    transform: translateY(-50%)
}

.twcam__provision-text {
    line-height: 1.6;
    max-width: 770px;
    transition: padding-top .5s, opacity .5s;
    text-align: left;
    opacity: 1;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1
}

@media screen and (min-width: 768px) {
    .twcam__provision-text {
        margin: 32px auto;
        padding: 28px 10px
    }
}

@media screen and (max-width: 767px) {
    .twcam__provision-text {
        margin: 24px auto auto;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.twcam__provision-text dt {
    font-size: 16px;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .twcam__provision-text dt:not(:first-child) {
        margin-top: 24px
    }
}

@media screen and (max-width: 767px) {
    .twcam__provision-text dt:not(:first-child) {
        margin-top: 16px
    }
}

@media screen and (min-width: 768px) {
    .twcam__provision-text dd {
        margin-top: 4px
    }
}

@media screen and (max-width: 767px) {
    .twcam__provision-text dd {
        font-size: 14px;
        line-height: 1.6
    }
}

.twcam__provision-text dd p + ul {
    margin-left: 2em
}

.twcam__provision-text dd p + ul li {
    text-indent: -1em
}

.twcam__provision-text dd p + ul li:before {
    content: "\203B"
}

.twcam__provision-text dd ul {
    margin-left: 1em
}

.twcam__provision-text dd ul li {
    text-indent: -1em
}

.twcam__provision-text dd ul li:before {
    content: "\30FB"
}

.twcam__provision__close {
    font-weight: 700;
    color: #4abfe6
}

@media screen and (min-width: 768px) {
    .twcam__provision__close {
        font-size: 16px;
        cursor: pointer
    }
}

@media screen and (max-width: 767px) {
    .twcam__provision__close {
        margin-top: 2px;
        padding-top: 24px
    }
}

.twcam__provision__close span {
    font-family: FontAwesome;
    position: relative;
    padding-left: 16px
}

.twcam__provision__close span:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "\F00D";
    transform: translateY(-50%)
}

.whats {
    line-height: 1.6;
    text-align: center
}

@media screen and (min-width: 768px) {
    .whats {
        position: relative;
        margin: 0 auto;
        padding: 56px 0
    }
}

@media screen and (max-width: 767px) {
    .whats {
        padding: 40px 0
    }
}

@media screen and (max-width: 767px) {
    .whats .twcam__special-title {
        line-height: 1;
        margin-bottom: 18px
    }
}

@media screen and (max-width: 767px) {
    .whats .twcam__special-title span {
        padding-bottom: 17px
    }
}

.whats .twcam__special-title img {
    margin-right: 8px;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .whats .twcam__special-title img {
        width: 294px
    }
}

@media screen and (max-width: 767px) {
    .whats .twcam__special-title img {
        display: block;
        width: 190px;
        margin: 0 auto
    }
}

.whats .twcam__special-title span {
    font-weight: 700;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .whats .twcam__special-title span {
        font-size: 28px
    }
}

@media screen and (max-width: 767px) {
    .whats .twcam__special-title span {
        font-size: 20px
    }
}

@media screen and (min-width: 768px) {
    .whats .whats__text {
        font-size: 16px;
        line-height: 1.8;
        margin-top: 28px
    }
}

@media screen and (max-width: 767px) {
    .whats .whats__text {
        margin-top: 16px;
        text-align: left
    }
}

@media screen and (max-width: 767px) {
    .whats .whats__text br {
        display: none
    }
}

.whats .whats__catch {
    font-weight: 700;
    line-height: 1.3
}

@media screen and (min-width: 768px) {
    .whats .whats__catch {
        font-size: 24px;
        margin-top: 52px
    }
}

@media screen and (max-width: 767px) {
    .whats .whats__catch {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 26px
    }
}

.whats .whats__see-more {
    border: 1px solid #d1d1d1
}

@media screen and (min-width: 768px) {
    .whats .whats__see-more {
        display: flex;
        margin-top: 32px
    }
}

@media screen and (max-width: 767px) {
    .whats .whats__see-more {
        margin-top: 20px
    }
}

.whats .whats__see-more .whats__see-more__image {
    border-bottom: 1px solid #d1d1d1
}

@media screen and (min-width: 768px) {
    .whats .whats__see-more .whats__see-more__image {
        overflow: hidden;
        width: 45%;
        border-right: 1px solid #d1d1d1;
        border-bottom: none;
        flex-shrink: 0
    }
}

@media screen and (min-width: 768px) and (max-device-width: 959px) {
    .whats .whats__see-more .whats__see-more__image {
        width: 50%;
        border-right: 1px solid #d1d1d1;
        border-bottom: none
    }
}

.whats .whats__see-more .whats__see-more__image img {
    width: 100%;
    max-width: 100%;
    height: auto
}

@media screen and (min-width: 768px) {
    .whats .whats__see-more .whats__see-more__detail {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 24px 40px;
        text-align: left;
        border-radius: 0 3px 3px 0
    }
}

@media screen and (min-width: 768px) and (max-device-width: 959px) {
    .whats .whats__see-more .whats__see-more__detail {
        width: 50%;
        padding: 0 24px
    }
}

@media screen and (max-width: 767px) {
    .whats .whats__see-more .whats__see-more__detail {
        padding: 22px 16px
    }
}

.whats .whats__see-more .whats__see-more__detail h3 {
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .whats .whats__see-more .whats__see-more__detail h3 {
        font-size: 20px
    }
}

@media screen and (max-width: 767px) {
    .whats .whats__see-more .whats__see-more__detail h3 {
        font-size: 16px
    }
}

.whats .whats__see-more .whats__see-more__detail p {
    line-height: 1.45;
    margin-top: 8px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .whats .whats__see-more .whats__see-more__detail p {
        margin-top: 16px;
        padding-top: 22px;
        border-top: 1px solid #d1d1d1
    }
}

@media screen and (min-width: 768px) and (max-device-width: 959px) {
    .whats .whats__see-more .whats__see-more__detail p {
        margin-top: 8px;
        padding-top: 11px
    }
}

@media screen and (min-width: 768px) {
    .whats .whats__see-more .whats__see-more__detail .whats__see-more__btn {
        margin-top: 20px
    }
}

@media screen and (min-width: 768px) and (max-device-width: 959px) {
    .whats .whats__see-more .whats__see-more__detail .whats__see-more__btn {
        margin-top: 10px
    }
}

@media screen and (max-width: 767px) {
    .whats .whats__see-more .whats__see-more__detail .whats__see-more__btn {
        margin-top: 12px
    }
}

.whats .whats__see-more .whats__see-more__detail .whats__see-more__btn a {
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 3px;
    background: #4abfe6;
    width: 100%
}

@media screen and (min-width: 768px) {
    .whats .whats__see-more .whats__see-more__detail .whats__see-more__btn a {
        font-size: 16px;
        height: 48px
    }
}

@media screen and (min-width: 768px) and (max-device-width: 959px) {
    .whats .whats__see-more .whats__see-more__detail .whats__see-more__btn a {
        font-size: 14px;
        height: 44px
    }
}

@media screen and (max-width: 767px) {
    .whats .whats__see-more .whats__see-more__detail .whats__see-more__btn a {
        height: 38px
    }
}

@media screen and (min-width: 768px) {
    .whats .whats__see-more .whats__see-more__detail .whats__see-more__btn a:hover {
        text-decoration: none;
        background: #1faede
    }
}

.mediumlist-space__spacename {
    font-weight: 700;
    line-height: 1.4
}

@media screen and (min-width: 768px) {
    .mediumlist-space__spacename {
        font-size: 20px
    }
}

@media screen and (max-width: 767px) {
    .mediumlist-space__spacename {
        font-size: 16px;
        margin-bottom: 6px
    }
}

.mediumlist-space__info {
    padding: 8px 10px
}

.mediumlist-space__text {
    font-size: 14px;
    margin-bottom: 13px
}

.mediumlist-space__info .space-head__list i {
    color: #d1d1d1
}

.button-blue:hover {
    color: #fff
}

.btn__small {
    padding: 13px 16px;
    font-size: 14px
}

@media screen and (min-width: 768px) {
    .btn__small {
        padding: 10px 16px;
        font-size: 13px
    }
}

.btn__medium {
    padding: 15px 14px;
    font-size: 14px
}

@media screen and (min-width: 768px) {
    .btn__medium {
        padding: 13px 16px;
        font-size: 14px
    }
}

.btn__large {
    padding: 16px;
    font-size: 16px
}

.btn__style {
    border-radius: 3px;
    display: block;
    text-align: center;
    font-weight: 700;
    color: #fff
}

@media screen and (min-width: 768px) {
    .btn__style {
        display: inline-block
    }
}

.textlink-arrow {
    font-weight: 700;
    position: relative;
    padding-right: 1em
}

.textlink-arrow:after {
    position: absolute;
    font-family: FontAwesome;
    content: "\F105";
    padding-left: 5px
}

@media screen and (min-width: 768px) {
    .textlink-arrow:hover {
        text-decoration: underline
    }
}

.topics__social {
    max-width: 720px;
    margin: auto;
    display: flex
}

.topics__social .topics__social-item {
    width: 25%;
    margin: 4px;
    line-height: 1.6
}

.topics__social a {
    display: block;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 8px;
    border-radius: 3px
}

@media screen and (max-width: 767px) {
    .topics__social {
        margin-bottom: 32px;
        padding: 0 8px
    }

    .topics__social a {
        padding: 4px
    }
}

@media screen and (min-width: 768px) {
    .topics__social {
        margin-bottom: 56px
    }
}

.social-link__mail {
    background: #55acee
}

.social-link__line {
    background: #00b900
}

.social-link__line i {
    font-size: 22px;
    position: relative;
    top: .1em
}

.social-link__line:hover {
    background: #00a600
}

.social-link__facebook {
    background: #3b5998
}

.social-link__facebook:hover {
    background: #344f88
}

.social-link__twitter {
    background: #55acee
}

.social-link__twitter:hover {
    background: #4c9ad5
}

.social-link__pocket {
    background: #ef4056
}

.social-link__pocket:hover {
    background: #d6384d
}

.wrapper {
    padding: 0 16px
}

.contents {
    max-width: 1100px;
    margin: auto
}

.contents > .row {
    margin: 0
}

.cl_blue {
    color: #4abfe6
}

.cl_pink {
    color: #f37f1e
}

.bg_blue {
    background: #4abfe6
}

.bg_pink, a.bg_pink {
    background: #f37f1e
}

@media screen and (min-width: 768px) {
    a.bg_pink:hover {
        background: #b82346
    }
}

a.bg_blue {
    background: #4abfe6
}

@media screen and (min-width: 768px) {
    a.bg_blue:hover {
        background: #1faede;
        color: #fff
    }
}

.image-gallery-slide {
    opacity: 0;
    transition: all .35s ease-out !important
}

@media screen and (max-width: 991px) {
    .image-gallery-slide {
        transition: all 50ms ease-out !important
    }
}

.image-gallery-slide.center {
    opacity: 1;
    transition: all .35s ease-out !important
}

@media screen and (max-width: 991px) {
    .image-gallery-slide.center {
        transition: all 50ms ease-out !important
    }
}

@media screen and (max-width: 991px) {
    .space-detail__mainv {
        height: 56vw;
        position: relative
    }

    .space-detail__mainv .image-gallery-slide {
        height: 56vw;
        opacity: 1
    }

    .space-detail__mainv .image-gallery-right-nav:before {
        content: "\E94B"
    }

    .space-detail__mainv .image-gallery-left-nav:before {
        content: "\E94A"
    }

    .space-detail__mainv .image-gallery-fullscreen-button:before, .space-detail__mainv .image-gallery-left-nav:before, .space-detail__mainv .image-gallery-play-button:before, .space-detail__mainv .image-gallery-right-nav:before {
        font-size: 24px;
        font-family: fonts !important;
        -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
        text-shadow: 0 2px 2px rgba(0, 0, 0, .2)
    }
}

@media screen and (max-width: 991px) {
    .image-gallery-left-nav, .image-gallery-right-nav {
        padding: 20px 15px
    }
}

@media screen and (max-width: 991px) {
    .image-gallery-image > div:first-child {
        height: 65vw;
        overflow: hidden;
        position: relative
    }

    .image-gallery-image > div:first-child img {
        width: 100%;
        min-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.image-gallery-slides {
    white-space: normal
}

.space-main__otherspace .image-gallery-slide {
    max-height: 210px;
    height: 17vw
}

@media screen and (max-width: 991px) {
    .space-main__otherspace .image-gallery-slide {
        max-height: none;
        height: 54vw
    }
}

.rc-slider {
    margin: 24px auto 16px;
    width: calc(100% - 20px)
}

.cover__photo__button__wrapper{display:flex;-webkit-box-pack:end;justify-content:flex-end;position:absolute;bottom:20px;right:20px;z-index:10;}
@media (min-width: 992px){
    .cover__photo__show__link__wrapper{min-width:159px;}
}
.button__comonent__cover{display:inline-block;font-weight:bold;border-radius:6px;text-align:center;vertical-align:middle;border:1px solid rgb(34, 34, 34);cursor:pointer;outline:none;transition:none 0s ease 0s;font-size:14px;padding:9px 16px;line-height:18px;color:rgb(34, 34, 34);background-color:rgb(255, 255, 255);width:100%;}
.button__comonent__cover:hover{color:rgb(255, 255, 255);}
@media (min-width: 768px){
    .button__comonent__cover:hover{background-color:rgb(60, 60, 60);}
}
.button__comonent__cover:hover{background-color:rgb(34, 34, 34);color:rgb(255, 255, 255);}
.button__inner__cover{display:flex;height:100%;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;}
@media (min-width: 992px){
    .room__page__detail__contents{padding-top:24px;}
}
@media (min-width: 992px){
    .room__page__detail__naviagtion__wrapper{position:relative;}
}
.room__page__detail__navigation__block{position:sticky;top:56px;z-index:1;}
@media (min-width: 992px){
    .room__page__detail__navigation__block{position:absolute;width:65%;float:left;top:0px;}
}
.detail__navigation__list{display:table;width:100vw;margin:0px -16px;background-color:rgb(255, 255, 255);}
@media (min-width: 992px){
    .detail__navigation__list{width:100%;margin:0px;}
}
.detail__navigation__list__item{display:table-cell;padding:12px 0px;width:25%;font-size:11px;vertical-align:middle;text-align:center;border-bottom:3px solid rgb(234, 234, 234);cursor:pointer;}
.detail__navigation__list__item:not(:first-child){border-left:1px solid rgb(234, 234, 234);}
.detail__navigation__list__item:hover{border-bottom-color:rgb(74, 191, 230);}
@media (min-width: 992px){
    .detail__navigation__list__item{font-size:14px;padding:8px 0px;}
}
@media (min-width: 992px){
    /*.room__page__space__detail__head{padding-top:33px;}*/
}
.detail__header__component{margin:16px 0px 12px;}
@media (min-width: 992px){
    .detail__header__component{margin:20px 0px 0px;}
}
.detail__header__rent__type__block{display:flex;-webkit-box-align:baseline;align-items:baseline;-webkit-box-pack:justify;justify-content:space-between;margin-top:12px;}
@media (min-width: 992px){
    .detail__header__rent__type__block{margin-top:16px;}
}
.reputation__start__checked__icon{color:rgb(245, 208, 44);font-size:10px;}
.reputation__start__checked__icon::before{color:rgb(245, 208, 44);}

.reputation__start__unchecked__icon{color: rgb(179, 179, 179); font-size: 10px;}
/*.reputation__start__unchecked__icon::before{color:rgb(245, 208, 44);}*/


.reputation__start__half__icon{position:relative;font-size:10px;}
.reputation__start__half__icon::before{position:absolute;top:0px;width:0.5em;overflow:hidden;color:rgb(245, 208, 44);}
.icon__component__detail{color:rgb(179, 179, 179);font-size:inherit;}
.icon__component__detail::before{display:inline-block;}
.reputation__star__with__count__score{margin-left:4px;color:rgb(34, 34, 34);font-size:14px;font-weight:bold;}
.reputation__star__link{display:inline-block;color:rgb(1, 125, 167);font-size:10px;cursor:pointer;}
.reputation__star__link:hover{color:rgb(1, 125, 167);text-decoration:underline;}

.detail__header__page__title{margin-top:8px;font-size:16px;line-height:1.35;}
.detail__sidebox__space{padding-bottom:16px;border-bottom:1px solid rgb(234, 234, 234);}
@media (min-width: 992px){
    .detail__sidebox__space{border:1px solid rgb(234, 234, 234);background:rgb(255, 255, 255);border-radius:3px;padding:18px 24px;margin-bottom:10px;}
}
@media (min-width: 992px){
    .detail__sidebox__headline{display:flex;flex-direction:column-reverse;}
}
.detail__sidebox__text{margin-top:8px;}
@media (min-width: 992px){
    .detail__sidebox__text:first-of-type{margin-top:16px;}
}
.detail__sidebox__used__price__text{color:rgb(34, 34, 34);font-size:12px;margin-top:8px;}

.pre__wrap{overflow-wrap:break-word;white-space:pre-wrap;}

.detail__side__box__reserve__info__list{margin-top:8px;}
@media (min-width: 992px){
    .detail__side__box__reserve__info__list{margin-top:0px;}
}
.icon__component__spm__bolt{color:rgb(245, 208, 44);font-size:10px;margin-right:4px;}
.icon__component__spm__bolt::before{display:inline-block;}

.icon__component__question__circle{color:inherit;font-size:11px;}
.icon__component__question__circle::before{display:inline-block;}

.detail__sidebox__note__block{margin-top:6px;font-size:12px;}
@media (min-width: 992px){
    .detail__sidebox__note__block{margin-top:16px;}
}
.detail__sidebox__point__block{font-size:12px;}
.detail__sidebox__point__block__available{display:inline-block;margin-left:3px;}
.detail__sidebox__point__block__em{font-weight:bold;}
.detail__sidebox__discount__block{display:inline-block;margin-top:6px;}
.detail__sidebox__action__button__list{display:none;}
@media (min-width: 992px){
    .detail__sidebox__action__button__list{display:block;margin-top:12px;}
}
.icon__component__button__list{color:inherit;font-size:inherit;margin-right:4px;}
.icon__component__button__list::before{display:inline-block;}
.icon__component__spm__caret__down{color:inherit;font-size:10px;}
.icon__component__spm__caret__down::before{display:inline-block;}

.detail__sidebox__space__head__block{margin-top:20px;}
@media (min-width: 992px){
    .detail__sidebox__space__head__block{margin-top:16px;}
}
.detail__sidebox__tag__list__item{display:flex;-webkit-box-align:center;align-items:center;padding:8px;line-height:1.35;}
.detail__sidebox__tag__list__item:not(:first-child){border-top:1px dashed rgb(209, 209, 209);}
.detail__sidebox__tag__head{font-weight:bold;min-width:140px;}
@media (min-width: 992px){
    .detail__sidebox__tag__head{min-width:116px;}
}

.icon__component__spm__tag{color:inherit;font-size:13px;margin-right:4px;}
.icon__component__spm__tag::before{display:inline-block;}

.detail__sidebox__tag__link{display:inline-block;color:rgb(34, 34, 34);font-size:12px;cursor:pointer;}
.detail__sidebox__tag__link:hover{color:rgb(34, 34, 34);text-decoration:underline;}


.button__component__tracking__space {
    display: inline-block;
    font-weight: bold;
    border-radius: 6px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    cursor: pointer;
    outline: none;
    transition: none 0s ease 0s;
    padding: 13px 16px;
    font-size: 16px;
    line-height: 20px;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 183, 243);
    width: 100%;
}
.button__component__tracking__space:hover {
    color: rgb(255, 255, 255);
}

.button__inner__tracking__space {
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.calendar-wrap{margin-top:30px!important;}
.datenavi-top{border-top:solid 1px #ccc;border-right:solid 1px #ccc;border-left:solid 1px #ccc;}
.datenavi-bottom{border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;border-left:solid 1px #ccc;}
.list_datenavi{width:100%;background:#fff1f1;padding:5px;}
.list_pagenavi .list_datenavi{float:left;width:60%;text-align:center;}
.list_pagenavi .list_datenavi a{margin:auto 10px;}
table.weekly_schedule{width:100%;border-collapse:collapse;padding:1px;border:1px solid #ccc;}
table.weekly_schedule th{border:1px solid #ccc;text-align:center;line-height:1.3em;background-color:#f9f9f9;color:#666;}
table.weekly_schedule .head th{padding-top:5px!important;padding-bottom:5px!important;}
table.weekly_schedule td,table.weekly_schedule th.times{border-width:1px 1px 0;border-style:solid;border-color:#ccc;text-align:center;line-height:1.3em;}
table.weekly_schedule th.times{width:10%;padding-left:5px;padding-right:5px;}
table.weekly_schedule th.sunday{background-color:#ffeef6;color:#c06;}
table.weekly_schedule th.saturday{background-color:#eef6ff;color:#06c;}
table.weekly_schedule td.open{color:#fff;}
table.weekly_schedule td.open a{display:block;padding:6px;background-color:#ffd7d7;color:#666;}
table.weekly_schedule td.open a:hover{background-color:#fff1f1;}
table.weekly_schedule td.closed{background-color:#eee;color:#666;}
.status a{display:block;}
.list_datenavi{width:100%!important;}
@media only screen and (min-width : 320px){
    .weekly_schedule{font-size:8px!important;}
}
@media only screen and (min-width : 480px){
    .weekly_schedule{font-size:14px!important;font-weight:300t;}
}
@media only screen and (min-width : 768px){
    table.weekly_schedule td,table.weekly_schedule th.times{border-width:1px 1px 0;border-style:solid;border-color:#eee #ccc;text-align:center;line-height:1.8em;}
}
/*! CSS Used from: http://naildemo.mallento.com/css/custom.css?1564388763 */
table.weekly_schedule td span{display:block;padding:6px;}
/*! CSS Used fontfaces */
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(//use.fontawesome.com/releases/v5.2.0/webfonts/fa-regular-400.eot);src:url(//use.fontawesome.com/releases/v5.2.0/webfonts/fa-regular-400.eot#iefix) format("embedded-opentype"),url(//use.fontawesome.com/releases/v5.2.0/webfonts/fa-regular-400.woff2) format("woff2"),url(//use.fontawesome.com/releases/v5.2.0/webfonts/fa-regular-400.woff) format("woff"),url(//use.fontawesome.com/releases/v5.2.0/webfonts/fa-regular-400.ttf) format("truetype"),url(//use.fontawesome.com/releases/v5.2.0/webfonts/fa-regular-400.svg#fontawesome) format("svg");}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(//use.fontawesome.com/releases/v5.2.0/webfonts/fa-solid-900.eot);src:url(//use.fontawesome.com/releases/v5.2.0/webfonts/fa-solid-900.eot#iefix) format("embedded-opentype"),url(//use.fontawesome.com/releases/v5.2.0/webfonts/fa-solid-900.woff2) format("woff2"),url(//use.fontawesome.com/releases/v5.2.0/webfonts/fa-solid-900.woff) format("woff"),url(//use.fontawesome.com/releases/v5.2.0/webfonts/fa-solid-900.ttf) format("truetype"),url(//use.fontawesome.com/releases/v5.2.0/webfonts/fa-solid-900.svg#fontawesome) format("svg");}

@media (min-width: 992px){
    .detail_acess_section_content{display:table;table-layout:fixed;width:100%;}
}
.detail_acess_section_content_headline{color:rgb(34, 34, 34);font-weight:bold;line-height:1.6;}
@media (min-width: 992px){
    .detail_acess_section_content_headline{display:table-cell;width:100px;padding-right:6px;}
}
.detail_acess_section_content_body{margin-top:4px;line-height:1.6;}
@media (min-width: 992px){
    .detail_acess_section_content_body{display:table-cell;}
}